PageSourceSearch

https://www.hulpmiddelwereld.be/incontinentie

html hulpmiddelwereld.be collected 2026-10-05 10:58:10 UTC 895,685 bytes, 16,310 lines download raw bytes

1<!doctype html>
2<html lang="nl">
3<head >
4    <meta charset="utf-8"/>
5<meta name="title" content="Incontinentiemateriaal kopen? - Hulpmiddelwereld"/>
6<meta name="description" content="Opzoek naar incontinentiemateriaal? Hulpmiddelwereld is dé Incontinentie Specialist van de Benelux. ✅ Discreet en Snel Thuisbezorgd ✅ Achteraf Betalen"/>
7<meta name="keywords" content="incontinentiemateriaal, incontinentie inleggers, incontinentieslips, incontinentie inleggers, incontinentiebroekjes "/>
8<meta name="robots" content="INDEX,FOLLOW"/>
9<meta name="viewport" content="width=device-width, initial-scale=1"/>
10<title>Incontinentiemateriaal kopen? - Hulpmiddelwereld</title>
11        <link rel="stylesheet" type="text/css" media="all" href="https://www.hulpmiddelwereld.be/static/version1788849604/frontend/Hmw/default/nl_BE/css/styles.min.css" />
12
13<link rel="canonical" href="https://www.hulpmiddelwereld.be/incontinentie" />
14<link rel="icon" type="image/x-icon" href="https://www.hulpmiddelwereld.be/media/favicon/default/favicon_hmw.png" />
15<link rel="shortcut icon" type="image/x-icon" href="https://www.hulpmiddelwereld.be/media/favicon/default/favicon_hmw.png" />
16         <meta name="google-site-verification" content="om8hhDfJBsM0sPwfS33qe_EKXu8R29G9cBbK8R6VNMs"/>       <link rel="alternate" href="https://www.hulpmiddelwereld.be/incontinentie" hreflang="nl-BE"/>   <link rel="alternate" href="https://www.hulpmiddelwereld.nl/incontinentie" hreflang="x-default"/>  </head>
17<body id="html-body" ontouchstart="function placeholder () {}" class="page-products categorypath-incontinentie category-incontinentie catalog-category-view page-layout-1column">
18<input name="form_key" type="hidden" value="7bxSxjn6fXVpUvQk" />
19    <noscript>
20        <section class="message global noscript border-b-2 border-blue-500 bg-blue-50 shadow-none m-0 px-0 rounded-none font-normal">
21            <div class="container text-center">
22                <p>
23                    <strong>JavaScript lijkt te zijn uitgeschakeld in uw browser.</strong>
24                    <span>
25                        Voor de beste gebruikerservaring, zorg ervoor dat javascript ingeschakeld is voor uw browser.                    </span>
26                </p>
27            </div>
28        </section>
29    </noscript>
30
31
32
33<div class="page-wrapper"><header class="page-header"><a class="action skip sr-only focus:not-sr-only focus:absolute focus:z-40 focu
33s:bg-white
34   contentarea"
35   href="#contentarea">
36    <span>
37        Ga naar de inhoud    </span>
38</a>
39
40<div
41  id="header"
42  class="relative w-full bg-primary max-lg:border-b max-lg:shadow "
43  x-data="initHeader()"
44  @private-content-loaded.window="getData(event.detail.data)"
45>
46    <div class="container xl:gap-8 lg:gap-4 flex flex-wrap lg:flex-nowrap items-center justify-between w-full mx-auto mt-0 px-6 py-3">
47    <!-- Main Navigation (Mobile) -->
48    <nav
49  x-data="initMenuMobile_6ac382c242d3e()"
50  @load.window="setActiveMenu($root)"
51  @keydown.window.escape="closeMenu()"
52  class="z-20 order-2 sm:order-1 lg:order-2 navigation lg:hidden mr-auto flex items-center"
53  aria-label="Site-navigatie"
54  role="navigation"
55>
56  <button
57    x-ref="mobileMenuTrigger"
58    @click="openMenu()"
59    :class="{ 'overflow-x-hidden overflow-y-auto fixed top-0 left-0 w-full h-full' : open }"
60    type="button"
61    aria-label="Menu&#x20;openen"
62    aria-haspopup="menu"
63    :aria-expanded="open"
64    :hidden="open"
65  >
66    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-white" width="24" height="24" :class="{ 'hidden' : open, 'block': !open }" aria-hidden="true">
67  <path stroke-linecap="round" stroke-linejoin="round" d="M4 6h16M4 12h16M4 18h16"/>
68</svg>
69  </button>
70  <div
71    x-ref="mobileMenuNavLinks"
72    class="
73      fixed top-0 right-0 w-full hidden
74      flex-col border-t border-container bg-container-lighter
75      overflow-y-auto overflow-x-hidden h-full mobile-menu
76    "
77    :class="{ 'flex': open, 'hidden': !open }"
78    :aria-hidden="open ? 'false' : 'true'"
79    role="dialog"
80    aria-modal="true"
81  >
82    <div class="flex justify-between items-center bg-primary w-full px-8">
83      <span class="text-white font-bold">
84        Menu      </span>
85      <button
86        @click="closeMenu();"
87        class=" flex justify-end w-16 self-end -mr-4"
88        aria-label="Sluit&#x20;menu"
89        type="button"
90      >
91        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="hidden p-4 text-white" width="64" height="64" :class="{ 'hidden' : !open, 'block': open }" aria-hidden="true">
92  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
93</svg>
94      </button>
95    </div>
96    <ul
97      class="border-t flex flex-col gap-y-1 list-none p-0 m-0"
98      aria-label="Site-navigatielinks"
99    >
100              <li
101          data-child-id="category-node-265-main"
102          class="level-0"
103        >
104          <div
105            class="flex items-center transition-transform duration-150 ease-in-out transform px-8 py-2 border-b bg-container-lighter border-primary"
106            :class="{
107              '-translate-x-full' : mobilePanelActiveId,
108              'translate-x-0' : !mobilePanelActiveId
109            }"
110          >
111            <a
112              class="flex items-center w-full cursor-pointer level-0 h-11 text-primary font-bold"
113                              @click="openSubcategory('category-node-265')"
114                            title="Incontinentiemateriaal"
115            >
116              Incontinentiemateriaal            </a>
117                          <button
118                @click="openSubcategory('category-node-265')"
119                class="flex items-center justify-center w-11 h-11 cursor-pointer text-primary"
120                aria-label="Open&#x20;Incontinentiemateriaal&#x20;subcategorie&#xEB;n"
121                aria-haspopup="true"
122                :aria-expanded="mobilePanelActiveId === 'category-node-265'"
123              >
124                <div class="w-8 h-8">
125                  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
126  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
127</svg>
128                </div>
129              </button>
130                      </div>
131                      <div
132              data-child-id="category-node-265"
133              class="absolute top-0 right-0 z-10 flex flex-col w-full bg-container-lighter"
134              :class="{'hidden': mobilePanelActiveId !== 'category-node-265'}"
135            >
136              <div class="flex justify-between items-center bg-primary w-full px-8">
137                <span class="text-white font-bold">
138                  Menu                </span>
139                <button
140                  @click="closeMenu();"
141                  class=" flex justify-end w-16 self-end -mr-4"
142                  aria-label="Sluit&#x20;menu"
143                  type="button"
144                >
145                  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="hidden p-4 text-white" width="64" height="64" :class="{ 'hidden' : !open, 'block': open }" aria-hidden="true">
146  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
147</svg>
148                </button>
149              </div>
150              <ul
151                class="transition-transform duration-150 ease-in-out translate-x-full transform list-none p-0 m-0"
152                :class="{
153                  'translate-x-full' : mobilePanelActiveId !== 'category-node-265',
154                  'translate-x-0' : mobilePanelActiveId === 'category-node-265',
155                }"
156                aria-label="Subcategorie&#xEB;n"
157              >
158                <li class="px-8 py-2 border-b cursor-pointer bg-container border-primary w-full border-t text-primary font-bold">
159                  <button
160                    type="button"
161                    class="flex items-center h-11 w-full"
162                    @click="backToMainCategories('category-node-265-main');"
163                    aria-label="Terug&#x20;naar&#x20;hoofdcategorie&#xEB;n"
164                  >
165                    <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">
166  <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/>
167</svg>
168                    <span class="ml-4">
169                      Incontinentiemateriaal                    </span>
170                  </button>
171                </li>
172                <li>
173                  <a
174                    href="https://www.hulpmiddelwereld.be/incontinentie"
175                    title="Incontinentiemateriaal"
176                    class="flex items-center justify-between w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-primary text-primary font-bold"
177                  >
178                    <span>Bekijk alles</span>
179                  </a>
180                </li>
181                                  <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
182                      data-subparent-id="category-node-463"
183                      @click="toggleChildren('category-node-463')"
184                  >
185                    <span
186                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
187                    >
188                      <span class="text-base">
189                        Incontinentiebroekjes                      </span>
190                    </span>
191                                          <button
192                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
193                        aria-label="Open&#x20;Incontinentiebroekjes&#x20;subcategorie&#xEB;n"
194                        aria-haspopup="true"
195                        :aria-expanded="mobilePanelActiveId === 'category-node-265'"
196                      >
197                        <div class="w-8 h-8 transform transition-transform duration-200">
198                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
199  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
200</svg>
201                        </div>
202                      </button>
203                                      </li>
204                                      <li
205                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
206                      data-parent-id="category-node-463"
207                    >
208                      <a
209                        href="https://www.hulpmiddelwereld.be/incontinentie/broekjes"
210                        title="Incontinentiebroekjes"
211                        class="flex items-center w-full  cursor-pointer border-container"
212                      >
213                        <span>Bekijk alles</span>
214                      </a>
215                    </li>
216                                          <li
217                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
218                      "
219                        data-parent-id="category-node-463"
220                      >
221                        <a
222                          href="https://www.hulpmiddelwereld.be/incontinentie/broekjes/tena-pants"
223                          title="TENA&#x20;Pants"
224                          class="flex items-center w-full  cursor-pointer border-container"
225                        >
226                        <span class="ml-2 text-base">
227                          TENA Pants                        </span>
228                        </a>
229                      </li>
230                                          <li
231                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
232                      "
233                        data-parent-id="category-node-463"
234                      >
235                        <a
236                          href="https://www.hulpmiddelwereld.be/incontinentie/broekjes/attends-broekjes"
237                          title="Attends&#x20;broekjes"
238                          class="flex items-center w-full  cursor-pointer border-container"
239                        >
240                        <span class="ml-2 text-base">
241                          Attends broekjes                        </span>
242                        </a>
243                      </li>
244                                          <li
245                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
246                      "
247                        data-parent-id="category-node-463"
248                      >
249                        <a
250                          href="https://www.hulpmiddelwereld.be/incontinentie/broekjes/abena-broekjes"
251                          title="Abena&#x20;pants"
252                          class="flex items-center w-full  cursor-pointer border-container"
253                        >
254                        <span class="ml-2 text-base">
255                          Abena pants                        </span>
256                        </a>
257                      </li>
258                                          <li
259                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
260                      "
261                        data-parent-id="category-node-463"
262                      >
263                        <a
264                          href="https://www.hulpmiddelwereld.be/incontinentie/broekjes/dailee-pants"
265                          title="Dailee&#x20;pants"
266                          class="flex items-center w-full  cursor-pointer border-container"
267                        >
268                        <span class="ml-2 text-base">
269                          Dailee pants                        </span>
270                        </a>
271                      </li>
272                                          <li
273                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
274                      "
275                        data-parent-id="category-node-463"
276                      >
277                        <a
278                          href="https://www.hulpmiddelwereld.be/incontinentie/broekjes/kind"
279                          title="Broekjes&#x20;kind"
280                          class="flex items-center w-full  cursor-pointer border-container"
281                        >
282                        <span class="ml-2 text-base">
283                          Broekjes kind                        </span>
284                        </a>
285                      </li>
286                                          <li
287                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
288                      border-primary"
289                        data-parent-id="category-node-463"
290                      >
291                        <a
292                          href="https://www.hulpmiddelwereld.be/incontinentie/broekjes/incontinentie-zwembroeken"
293                          title="Zwembroeken"
294                          class="flex items-center w-full  cursor-pointer border-container"
295                        >
296                        <span class="ml-2 text-base">
297                          Zwembroeken                        </span>
298                        </a>
299                      </li>
300                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
301                      data-subparent-id="category-node-882"
302                      @click="toggleChildren('category-node-882')"
303                  >
304                    <span
305                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
306                    >
307                      <span class="text-base">
308                        Incontinentie bed onderleggers                      </span>
309                    </span>
310                                          <button
311                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
312                        aria-label="Open&#x20;Incontinentie&#x20;bed&#x20;onderleggers&#x20;subcategorie&#xEB;n"
313                        aria-haspopup="true"
314                        :aria-expanded="mobilePanelActiveId === 'category-node-265'"
315                      >
316                        <div class="w-8 h-8 transform transition-transform duration-200">
317                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
318  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
319</svg>
320                        </div>
321                      </button>
322                                      </li>
323                                      <li
324                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
325                      data-parent-id="category-node-882"
326                    >
327                      <a
328                        href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-onderleggers"
329                        title="Incontinentie&#x20;bed&#x20;onderleggers"
330                        class="flex items-center w-full  cursor-pointer border-container"
331                      >
332                        <span>Bekijk alles</span>
333                      </a>
334                    </li>
335                                          <li
336                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
337                      "
338                        data-parent-id="category-node-882"
339                      >
340                        <a
341                          href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-onderleggers/tena-bed-onderleggers"
342                          title="TENA&#x20;Bed&#x20;onderleggers"
343                          class="flex items-center w-full  cursor-pointer border-container"
344                        >
345                        <span class="ml-2 text-base">
346                          TENA Bed onderleggers                        </span>
347                        </a>
348                      </li>
349                                          <li
350                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
351                      "
352                        data-parent-id="category-node-882"
353                      >
354                        <a
355                          href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-onderleggers/attends-onderleggers"
356                          title="Attends&#x20;onderleggers"
357                          class="flex items-center w-full  cursor-pointer border-container"
358                        >
359                        <span class="ml-2 text-base">
360                          Attends onderleggers                        </span>
361                        </a>
362                      </li>
363                                          <li
364                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
365                      "
366                        data-parent-id="category-node-882"
367                      >
368                        <a
369                          href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-onderleggers/abena-onderleggers"
370                          title="Abena&#x20;onderleggers"
371                          class="flex items-center w-full  cursor-pointer border-container"
372                        >
373                        <span class="ml-2 text-base">
374                          Abena onderleggers                        </span>
375                        </a>
376                      </li>
377                                          <li
378                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
379                      "
380                        data-parent-id="category-node-882"
381                      >
382                        <a
383                          href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-onderleggers/dailee-onderleggers"
384                          title="Dailee&#x20;onderleggers"
385                          class="flex items-center w-full  cursor-pointer border-container"
386                        >
387                        <span class="ml-2 text-base">
388                          Dailee onderleggers                        </span>
389                        </a>
390                      </li>
391                                          <li
392                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
393                      "
394                        data-parent-id="category-node-882"
395                      >
396                        <a
397                          href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-onderleggers/stoelbeschermers"
398                          title="Stoelbeschermers"
399                          class="flex items-center w-full  cursor-pointer border-container"
400                        >
401                        <span class="ml-2 text-base">
402                          Stoelbeschermers                        </span>
403                        </a>
404                      </li>
405                                          <li
406                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
407                      border-primary"
408                        data-parent-id="category-node-882"
409                      >
410                        <a
411                          href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-onderleggers/matrasbeschermers"
412                          title="Matrasbeschermers"
413                          class="flex items-center w-full  cursor-pointer border-container"
414                        >
415                        <span class="ml-2 text-base">
416                          Matrasbeschermers                        </span>
417                        </a>
418                      </li>
419                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
420                      data-subparent-id="category-node-475"
421                      @click="toggleChildren('category-node-475')"
422                  >
423                    <span
424                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
425                    >
426                      <span class="text-base">
427                        Incontinentie inleggers                      </span>
428                    </span>
429                                          <button
430                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
431                        aria-label="Open&#x20;Incontinentie&#x20;inleggers&#x20;subcategorie&#xEB;n"
432                        aria-haspopup="true"
433                        :aria-expanded="mobilePanelActiveId === 'category-node-265'"
434                      >
435                        <div class="w-8 h-8 transform transition-transform duration-200">
436                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
437  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
438</svg>
439                        </div>
440                      </button>
441                                      </li>
442                                      <li
443                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
444                      data-parent-id="category-node-475"
445                    >
446                      <a
447                        href="https://www.hulpmiddelwereld.be/incontinentie/inlegger"
448                        title="Incontinentie&#x20;inleggers"
449                        class="flex items-center w-full  cursor-pointer border-container"
450                      >
451                        <span>Bekijk alles</span>
452                      </a>
453                    </li>
454                                          <li
455                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
456                      "
457                        data-parent-id="category-node-475"
458                      >
459                        <a
460                          href="https://www.hulpmiddelwereld.be/incontinentie/inlegger/tena-inleggers"
461                          title="TENA&#x20;inleggers"
462                          class="flex items-center w-full  cursor-pointer border-container"
463                        >
464                        <span class="ml-2 text-base">
465                          TENA inleggers                        </span>
466                        </a>
467                      </li>
468                                          <li
469                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
470                      "
471                        data-parent-id="category-node-475"
472                      >
473                        <a
474                          href="https://www.hulpmiddelwereld.be/incontinentie/inlegger/attends-inleggers"
475                          title="Attends&#x20;inleggers"
476                          class="flex items-center w-full  cursor-pointer border-container"
477                        >
478                        <span class="ml-2 text-base">
479                          Attends inleggers                        </span>
480                        </a>
481                      </li>
482                                          <li
483                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
484                      "
485                        data-parent-id="category-node-475"
486                      >
487                        <a
488                          href="https://www.hulpmiddelwereld.be/incontinentie/inlegger/abena-inleggers"
489                          title="Abena&#x20;inleggers"
490                          class="flex items-center w-full  cursor-pointer border-container"
491                        >
492                        <span class="ml-2 text-base">
493                          Abena inleggers                        </span>
494                        </a>
495                      </li>
496                                          <li
497                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
498                      border-primary"
499                        data-parent-id="category-node-475"
500                      >
501                        <a
502                          href="https://www.hulpmiddelwereld.be/incontinentie/inlegger/dailee-inleggers"
503                          title="Dailee&#x20;inleggers"
504                          class="flex items-center w-full  cursor-pointer border-container"
505                        >
506                        <span class="ml-2 text-base">
507                          Dailee inleggers                        </span>
508                        </a>
509                      </li>
510                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
511                      data-subparent-id="category-node-480"
512                      @click="toggleChildren('category-node-480')"
513                  >
514                    <span
515                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
516                    >
517                      <span class="text-base">
518                        Incontinentie luiers                      </span>
519                    </span>
520                                          <button
521                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
522                        aria-label="Open&#x20;Incontinentie&#x20;luiers&#x20;subcategorie&#xEB;n"
523                        aria-haspopup="true"
524                        :aria-expanded="mobilePanelActiveId === 'category-node-265'"
525                      >
526                        <div class="w-8 h-8 transform transition-transform duration-200">
527                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
528  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
529</svg>
530                        </div>
531                      </button>
532                                      </li>
533                                      <li
534                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
535                      data-parent-id="category-node-480"
536                    >
537                      <a
538                        href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-luiers"
539                        title="Incontinentie&#x20;luiers"
540                        class="flex items-center w-full  cursor-pointer border-container"
541                      >
542                        <span>Bekijk alles</span>
543                      </a>
544                    </li>
545                                          <li
546                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
547                      "
548                        data-parent-id="category-node-480"
549                      >
550                        <a
551                          href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-luiers/tena-pamper"
552                          title="Tena&#x20;pampers"
553                          class="flex items-center w-full  cursor-pointer border-container"
554                        >
555                        <span class="ml-2 text-base">
556                          Tena pampers                        </span>
557                        </a>
558                      </li>
559                                          <li
560                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
561                      "
562                        data-parent-id="category-node-480"
563                      >
564                        <a
565                          href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-luiers/attends-slips"
566                          title="Attends&#x20;slips"
567                          class="flex items-center w-full  cursor-pointer border-container"
568                        >
569                        <span class="ml-2 text-base">
570                          Attends slips                        </span>
571                        </a>
572                      </li>
573                                          <li
574                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
575                      "
576                        data-parent-id="category-node-480"
577                      >
578                        <a
579                          href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-luiers/abena-slips"
580                          title="Abena&#x20;slips"
581                          class="flex items-center w-full  cursor-pointer border-container"
582                        >
583                        <span class="ml-2 text-base">
584                          Abena slips                        </span>
585                        </a>
586                      </li>
587                                          <li
588                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
589                      border-primary"
590                        data-parent-id="category-node-480"
591                      >
592                        <a
593                          href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-luiers/dailee-slips"
594                          title="Dailee&#x20;slips"
595                          class="flex items-center w-full  cursor-pointer border-container"
596                        >
597                        <span class="ml-2 text-base">
598                          Dailee slips                        </span>
599                        </a>
600                      </li>
601                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
602                      data-subparent-id="category-node-379"
603                      @click="toggleChildren('category-node-379')"
604                  >
605                    <span
606                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
607                    >
608                      <span class="text-base">
609                        Urinalen                      </span>
610                    </span>
611                                          <button
612                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
613                        aria-label="Open&#x20;Urinalen&#x20;subcategorie&#xEB;n"
614                        aria-haspopup="true"
615                        :aria-expanded="mobilePanelActiveId === 'category-node-265'"
616                      >
617                        <div class="w-8 h-8 transform transition-transform duration-200">
618                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
619  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
620</svg>
621                        </div>
622                      </button>
623                                      </li>
624                                      <li
625                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
626                      data-parent-id="category-node-379"
627                    >
628                      <a
629                        href="https://www.hulpmiddelwereld.be/incontinentie/urinalen"
630                        title="Urinalen"
631                        class="flex items-center w-full  cursor-pointer border-container"
632                      >
633                        <span>Bekijk alles</span>
634                      </a>
635                    </li>
636                                          <li
637                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
638                      "
639                        data-parent-id="category-node-379"
640                      >
641                        <a
642                          href="https://www.hulpmiddelwereld.be/incontinentie/urinalen/urinaal-man"
643                          title="Urinaal&#x20;voor&#x20;mannen"
644                          class="flex items-center w-full  cursor-pointer border-container"
645                        >
646                        <span class="ml-2 text-base">
647                          Urinaal voor mannen                        </span>
648                        </a>
649                      </li>
650                                          <li
651                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
652                      "
653                        data-parent-id="category-node-379"
654                      >
655                        <a
656                          href="https://www.hulpmiddelwereld.be/incontinentie/urinalen/urinaal-vrouw"
657                          title="Urinaal&#x20;voor&#x20;vrouwen"
658                          class="flex items-center w-full  cursor-pointer border-container"
659                        >
660                        <span class="ml-2 text-base">
661                          Urinaal voor vrouwen                        </span>
662                        </a>
663                      </li>
664                                          <li
665                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
666                      "
667                        data-parent-id="category-node-379"
668                      >
669                        <a
670                          href="https://www.hulpmiddelwereld.be/incontinentie/urinalen/urinaalhouders"
671                          title="Urinaalhouders"
672                          class="flex items-center w-full  cursor-pointer border-container"
673                        >
674                        <span class="ml-2 text-base">
675                          Urinaalhouders                        </span>
676                        </a>
677                      </li>
678                                          <li
679                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
680                      border-primary"
681                        data-parent-id="category-node-379"
682                      >
683                        <a
684                          href="https://www.hulpmiddelwereld.be/incontinentie/urinalen/bedpannen"
685                          title="Bedpannen"
686                          class="flex items-center w-full  cursor-pointer border-container"
687                        >
688                        <span class="ml-2 text-base">
689                          Bedpannen                        </span>
690                        </a>
691                      </li>
692                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
693                      data-subparent-id="category-node-888"
694                      @click="toggleChildren('category-node-888')"
695                  >
696                    <span
697                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
698                    >
699                      <span class="text-base">
700                        Verzorging &amp; bescherming                      </span>
701                    </span>
702                                          <button
703                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
704                        aria-label="Open&#x20;Verzorging&#x20;&amp;&#x20;bescherming&#x20;subcategorie&#xEB;n"
705                        aria-haspopup="true"
706                        :aria-expanded="mobilePanelActiveId === 'category-node-265'"
707                      >
708                        <div class="w-8 h-8 transform transition-transform duration-200">
709                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
710  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
711</svg>
712                        </div>
713                      </button>
714                                      </li>
715                                      <li
716                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
717                      data-parent-id="category-node-888"
718                    >
719                      <a
720                        href="https://www.hulpmiddelwereld.be/incontinentie/verzorging-bescherming"
721                        title="Verzorging&#x20;&amp;&#x20;bescherming"
722                        class="flex items-center w-full  cursor-pointer border-container"
723                      >
724                        <span>Bekijk alles</span>
725                      </a>
726                    </li>
727                                          <li
728                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
729                      "
730                        data-parent-id="category-node-888"
731                      >
732                        <a
733                          href="https://www.hulpmiddelwereld.be/incontinentie/verzorging-bescherming/wassen-reinigen"
734                          title="Wassen&#x20;&amp;&#x20;reinigen"
735                          class="flex items-center w-full  cursor-pointer border-container"
736                        >
737                        <span class="ml-2 text-base">
738                          Wassen &amp; reinigen                        </span>
739                        </a>
740                      </li>
741                                          <li
742                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
743                      "
744                        data-parent-id="category-node-888"
745                      >
746                        <a
747                          href="https://www.hulpmiddelwereld.be/incontinentie/verzorging-bescherming/huidbescherming"
748                          title="Huidbescherming"
749                          class="flex items-center w-full  cursor-pointer border-container"
750                        >
751                        <span class="ml-2 text-base">
752                          Huidbescherming                        </span>
753                        </a>
754                      </li>
755                                          <li
756                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
757                      "
758                        data-parent-id="category-node-888"
759                      >
760                        <a
761                          href="https://www.hulpmiddelwereld.be/incontinentie/verzorging-bescherming/barriere-creme"
762                          title="Barri&#xE8;re&#x20;cr&#xE8;me"
763                          class="flex items-center w-full  cursor-pointer border-container"
764                        >
765                        <span class="ml-2 text-base">
766                          Barrière crème                        </span>
767                        </a>
768                      </li>
769                                          <li
770                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
771                      border-primary"
772                        data-parent-id="category-node-888"
773                      >
774                        <a
775                          href="https://www.hulpmiddelwereld.be/incontinentie/verzorging-bescherming/tena-verzorging"
776                          title="TENA&#x20;verzorging"
777                          class="flex items-center w-full  cursor-pointer border-container"
778                        >
779                        <span class="ml-2 text-base">
780                          TENA verzorging                        </span>
781                        </a>
782                      </li>
783                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
784                      data-subparent-id="category-node-481"
785                      @click="toggleChildren('category-node-481')"
786                  >
787                    <span
788                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
789                    >
790                      <span class="text-base">
791                        Fixerend Ondergoed                      </span>
792                    </span>
793                                          <button
794                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
795                        aria-label="Open&#x20;Fixerend&#x20;Ondergoed&#x20;subcategorie&#xEB;n"
796                        aria-haspopup="true"
797                        :aria-expanded="mobilePanelActiveId === 'category-node-265'"
798                      >
799                        <div class="w-8 h-8 transform transition-transform duration-200">
800                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
801  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
802</svg>
803                        </div>
804                      </button>
805                                      </li>
806                                      <li
807                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
808                      data-parent-id="category-node-481"
809                    >
810                      <a
811                        href="https://www.hulpmiddelwereld.be/incontinentie/fixerend-ondergoed"
812                        title="Fixerend&#x20;Ondergoed"
813                        class="flex items-center w-full  cursor-pointer border-container"
814                      >
815                        <span>Bekijk alles</span>
816                      </a>
817                    </li>
818                                          <li
819                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
820                      "
821                        data-parent-id="category-node-481"
822                      >
823                        <a
824                          href="https://www.hulpmiddelwereld.be/incontinentie/fixerend-ondergoed/tena-fix"
825                          title="TENA&#x20;Fix"
826                          class="flex items-center w-full  cursor-pointer border-container"
827                        >
828                        <span class="ml-2 text-base">
829                          TENA Fix                        </span>
830                        </a>
831                      </li>
832                                          <li
833                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
834                      border-primary"
835                        data-parent-id="category-node-481"
836                      >
837                        <a
838                          href="https://www.hulpmiddelwereld.be/incontinentie/fixerend-ondergoed/abena-abri-fix"
839                          title="Abena&#x20;Abri-fix"
840                          class="flex items-center w-full  cursor-pointer border-container"
841                        >
842                        <span class="ml-2 text-base">
843                          Abena Abri-fix                        </span>
844                        </a>
845                      </li>
846                                                                    </ul>
847            </div>
848                  </li>
849              <li
850          data-child-id="category-node-248-main"
851          class="level-0"
852        >
853          <div
854            class="flex items-center transition-transform duration-150 ease-in-out transform px-8 py-2 border-b bg-container-lighter border-primary"
855            :class="{
856              '-translate-x-full' : mobilePanelActiveId,
857              'translate-x-0' : !mobilePanelActiveId
858            }"
859          >
860            <a
861              class="flex items-center w-full cursor-pointer level-0 h-11 text-primary font-bold"
862                              @click="openSubcategory('category-node-248')"
863                            title="Eten&#x20;&amp;&#x20;Drinken&#x20;"
864            >
865              Eten &amp; Drinken             </a>
866                          <button
867                @click="openSubcategory('category-node-248')"
868                class="flex items-center justify-center w-11 h-11 cursor-pointer text-primary"
869                aria-label="Open&#x20;Eten&#x20;&amp;&#x20;Drinken&#x20;&#x20;subcategorie&#xEB;n"
870                aria-haspopup="true"
871                :aria-expanded="mobilePanelActiveId === 'category-node-248'"
872              >
873                <div class="w-8 h-8">
874                  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
875  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
876</svg>
877                </div>
878              </button>
879                      </div>
880                      <div
881              data-child-id="category-node-248"
882              class="absolute top-0 right-0 z-10 flex flex-col w-full bg-container-lighter"
883              :class="{'hidden': mobilePanelActiveId !== 'category-node-248'}"
884            >
885              <div class="flex justify-between items-center bg-primary w-full px-8">
886                <span class="text-white font-bold">
887                  Menu                </span>
888                <button
889                  @click="closeMenu();"
890                  class=" flex justify-end w-16 self-end -mr-4"
891                  aria-label="Sluit&#x20;menu"
892                  type="button"
893                >
894                  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="hidden p-4 text-white" width="64" height="64" :class="{ 'hidden' : !open, 'block': open }" aria-hidden="true">
895  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
896</svg>
897                </button>
898              </div>
899              <ul
900                class="transition-transform duration-150 ease-in-out translate-x-full transform list-none p-0 m-0"
901                :class="{
902                  'translate-x-full' : mobilePanelActiveId !== 'category-node-248',
903                  'translate-x-0' : mobilePanelActiveId === 'category-node-248',
904                }"
905                aria-label="Subcategorie&#xEB;n"
906              >
907                <li class="px-8 py-2 border-b cursor-pointer bg-container border-primary w-full border-t text-primary font-bold">
908                  <button
909                    type="button"
910                    class="flex items-center h-11 w-full"
911                    @click="backToMainCategories('category-node-248-main');"
912                    aria-label="Terug&#x20;naar&#x20;hoofdcategorie&#xEB;n"
913                  >
914                    <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">
915  <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/>
916</svg>
917                    <span class="ml-4">
918                      Eten &amp; Drinken                     </span>
919                  </button>
920                </li>
921                <li>
922                  <a
923                    href="https://www.hulpmiddelwereld.be/eten-drinken"
924                    title="Eten&#x20;&amp;&#x20;Drinken&#x20;"
925                    class="flex items-center justify-between w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-primary text-primary font-bold"
926                  >
927                    <span>Bekijk alles</span>
928                  </a>
929                </li>
930                                  <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
931                      data-subparent-id="category-node-870"
932                      @click="toggleChildren('category-node-870')"
933                  >
934                    <span
935                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
936                    >
937                      <span class="text-base">
938                        Voeding                      </span>
939                    </span>
940                                          <button
941                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
942                        aria-label="Open&#x20;Voeding&#x20;subcategorie&#xEB;n"
943                        aria-haspopup="true"
944                        :aria-expanded="mobilePanelActiveId === 'category-node-248'"
945                      >
946                        <div class="w-8 h-8 transform transition-transform duration-200">
947                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
948  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
949</svg>
950                        </div>
951                      </button>
952                                      </li>
953                                      <li
954                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
955                      data-parent-id="category-node-870"
956                    >
957                      <a
958                        href="https://www.hulpmiddelwereld.be/eten-drinken/voeding"
959                        title="Voeding"
960                        class="flex items-center w-full  cursor-pointer border-container"
961                      >
962                        <span>Bekijk alles</span>
963                      </a>
964                    </li>
965                                          <li
966                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
967                      "
968                        data-parent-id="category-node-870"
969                      >
970                        <a
971                          href="https://www.hulpmiddelwereld.be/eten-drinken/voeding/drinkvoeding"
972                          title="Drinkvoeding"
973                          class="flex items-center w-full  cursor-pointer border-container"
974                        >
975                        <span class="ml-2 text-base">
976                          Drinkvoeding                        </span>
977                        </a>
978                      </li>
979                                          <li
980                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
981                      "
982                        data-parent-id="category-node-870"
983                      >
984                        <a
985                          href="https://www.hulpmiddelwereld.be/eten-drinken/voeding/slabben"
986                          title="Slabben"
987                          class="flex items-center w-full  cursor-pointer border-container"
988                        >
989                        <span class="ml-2 text-base">
990                          Slabben                        </span>
991                        </a>
992                      </li>
993                                          <li
994                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
995                      border-primary"
996                        data-parent-id="category-node-870"
997                      >
998                        <a
999                          href="https://www.hulpmiddelwereld.be/eten-drinken/voeding/verdikkingsmiddelen"
1000                          title="Verdikkingsmiddelen"
1001                          class="flex items-center w-full  cursor-pointer border-container"
1002                        >
1003                        <span class="ml-2 text-base">
1004                          Verdikkingsmiddelen                        </span>
1005                        </a>
1006                      </li>
1007                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
1008                      data-subparent-id="category-node-1046"
1009                      @click="toggleChildren('category-node-1046')"
1010                  >
1011                    <span
1012                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
1013                    >
1014                      <span class="text-base">
1015                        Vitaminen                      </span>
1016                    </span>
1017                                          <button
1018                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
1019                        aria-label="Open&#x20;Vitaminen&#x20;subcategorie&#xEB;n"
1020                        aria-haspopup="true"
1021                        :aria-expanded="mobilePanelActiveId === 'category-node-248'"
1022                      >
1023                        <div class="w-8 h-8 transform transition-transform duration-200">
1024                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
1025  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
1026</svg>
1027                        </div>
1028                      </button>
1029                                      </li>
1030                                      <li
1031                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
1032                      data-parent-id="category-node-1046"
1033                    >
1034                      <a
1035                        href="https://www.hulpmiddelwereld.be/eten-drinken/vitaminen"
1036                        title="Vitaminen"
1037                        class="flex items-center w-full  cursor-pointer border-container"
1038                      >
1039                        <span>Bekijk alles</span>
1040                      </a>
1041                    </li>
1042                                          <li
1043                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
1044                      "
1045                        data-parent-id="category-node-1046"
1046                      >
1047                        <a
1048                          href="https://www.hulpmiddelwereld.be/eten-drinken/vitaminen/mineralen-supplementen"
1049                          title="Mineralen&#x20;supplementen"
1050                          class="flex items-center w-full  cursor-pointer border-container"
1051                        >
1052                        <span class="ml-2 text-base">
1053                          Mineralen supplementen                        </span>
1054                        </a>
1055                      </li>
1056                                          <li
1057                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
1058                      border-primary"
1059                        data-parent-id="category-node-1046"
1060                      >
1061                        <a
1062                          href="https://www.hulpmiddelwereld.be/eten-drinken/vitaminen/aminozuren-en-vetzuren"
1063                          title="Aminozuren&#x20;&amp;&#x20;Vetzuren"
1064                          class="flex items-center w-full  cursor-pointer border-container"
1065                        >
1066                        <span class="ml-2 text-base">
1067                          Aminozuren &amp; Vetzuren                        </span>
1068                        </a>
1069                      </li>
1070                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
1071                      data-subparent-id="category-node-871"
1072                      @click="toggleChildren('category-node-871')"
1073                  >
1074                    <span
1075                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
1076                    >
1077                      <span class="text-base">
1078                        Bekers                      </span>
1079                    </span>
1080                                          <button
1081                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
1082                        aria-label="Open&#x20;Bekers&#x20;subcategorie&#xEB;n"
1083                        aria-haspopup="true"
1084                        :aria-expanded="mobilePanelActiveId === 'category-node-248'"
1085                      >
1086                        <div class="w-8 h-8 transform transition-transform duration-200">
1087                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
1088  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
1089</svg>
1090                        </div>
1091                      </button>
1092                                      </li>
1093                                      <li
1094                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
1095                      data-parent-id="category-node-871"
1096                    >
1097                      <a
1098                        href="https://www.hulpmiddelwereld.be/eten-drinken/bekers"
1099                        title="Bekers"
1100                        class="flex items-center w-full  cursor-pointer border-container"
1101                      >
1102                        <span>Bekijk alles</span>
1103                      </a>
1104                    </li>
1105                                          <li
1106                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
1107                      "
1108                        data-parent-id="category-node-871"
1109                      >
1110                        <a
1111                          href="https://www.hulpmiddelwereld.be/eten-drinken/bekers/drinkbekers"
1112                          title="Drinkbekers"
1113                          class="flex items-center w-full  cursor-pointer border-container"
1114                        >
1115                        <span class="ml-2 text-base">
1116                          Drinkbekers                        </span>
1117                        </a>
1118                      </li>
1119                                          <li
1120                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
1121                      "
1122                        data-parent-id="category-node-871"
1123                      >
1124                        <a
1125                          href="https://www.hulpmiddelwereld.be/eten-drinken/bekers/drinkbekerdeksels"
1126                          title="Drinkbekerdeksels"
1127                          class="flex items-center w-full  cursor-pointer border-container"
1128                        >
1129                        <span class="ml-2 text-base">
1130                          Drinkbekerdeksels                        </span>
1131                        </a>
1132                      </li>
1133                                          <li
1134                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
1135                      "
1136                        data-parent-id="category-node-871"
1137                      >
1138                        <a
1139                          href="https://www.hulpmiddelwereld.be/eten-drinken/bekers/bekerhouders"
1140                          title="Bekerhouders"
1141                          class="flex items-center w-full  cursor-pointer border-container"
1142                        >
1143                        <span class="ml-2 text-base">
1144                          Bekerhouders                        </span>
1145                        </a>
1146                      </li>
1147                                          <li
1148                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
1149                      border-primary"
1150                        data-parent-id="category-node-871"
1151                      >
1152                        <a
1153                          href="https://www.hulpmiddelwereld.be/eten-drinken/bekers/rietjes"
1154                          title="Rietjes"
1155                          class="flex items-center w-full  cursor-pointer border-container"
1156                        >
1157                        <span class="ml-2 text-base">
1158                          Rietjes                        </span>
1159                        </a>
1160                      </li>
1161                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
1162                      data-subparent-id="category-node-872"
1163                      @click="toggleChildren('category-node-872')"
1164                  >
1165                    <span
1166                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
1167                    >
1168                      <span class="text-base">
1169                        Keuken- &amp; eetgerei                      </span>
1170                    </span>
1171                                          <button
1172                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
1173                        aria-label="Open&#x20;Keuken-&#x20;&amp;&#x20;eetgerei&#x20;subcategorie&#xEB;n"
1174                        aria-haspopup="true"
1175                        :aria-expanded="mobilePanelActiveId === 'category-node-248'"
1176                      >
1177                        <div class="w-8 h-8 transform transition-transform duration-200">
1178                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
1179  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
1180</svg>
1181                        </div>
1182                      </button>
1183                                      </li>
1184                                      <li
1185                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
1186                      data-parent-id="category-node-872"
1187                    >
1188                      <a
1189                        href="https://www.hulpmiddelwereld.be/eten-drinken/keuken-eetgerei"
1190                        title="Keuken-&#x20;&amp;&#x20;eetgerei"
1191                        class="flex items-center w-full  cursor-pointer border-container"
1192                      >
1193                        <span>Bekijk alles</span>
1194                      </a>
1195                    </li>
1196                                          <li
1197                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
1198                      "
1199                        data-parent-id="category-node-872"
1200                      >
1201                        <a
1202                          href="https://www.hulpmiddelwereld.be/eten-drinken/keuken-eetgerei/aangepaste-borden"
1203                          title="Aangepaste&#x20;borden"
1204                          class="flex items-center w-full  cursor-pointer border-container"
1205                        >
1206                        <span class="ml-2 text-base">
1207                          Aangepaste borden                        </span>
1208                        </a>
1209                      </li>
1210                                          <li
1211                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
1212                      "
1213                        data-parent-id="category-node-872"
1214                      >
1215                        <a
1216                          href="https://www.hulpmiddelwereld.be/eten-drinken/keuken-eetgerei/aangepast-bestek"
1217                          title="Aangepast&#x20;bestek"
1218                          class="flex items-center w-full  cursor-pointer border-container"
1219                        >
1220                        <span class="ml-2 text-base">
1221                          Aangepast bestek                        </span>
1222                        </a>
1223                      </li>
1224                                          <li
1225                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
1226                      "
1227                        data-parent-id="category-node-872"
1228                      >
1229                        <a
1230                          href="https://www.hulpmiddelwereld.be/eten-drinken/keuken-eetgerei/openers"
1231                          title="Openers"
1232                          class="flex items-center w-full  cursor-pointer border-container"
1233                        >
1234                        <span class="ml-2 text-base">
1235                          Openers                        </span>
1236                        </a>
1237                      </li>
1238                                          <li
1239                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
1240                      "
1241                        data-parent-id="category-node-872"
1242                      >
1243                        <a
1244                          href="https://www.hulpmiddelwereld.be/eten-drinken/keuken-eetgerei/keukenmessen"
1245                          title="Keukenmessen"
1246                          class="flex items-center w-full  cursor-pointer border-container"
1247                        >
1248                        <span class="ml-2 text-base">
1249                          Keukenmessen                        </span>
1250                        </a>
1251                      </li>
1252                                          <li
1253                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
1254                      "
1255                        data-parent-id="category-node-872"
1256                      >
1257                        <a
1258                          href="https://www.hulpmiddelwereld.be/eten-drinken/keuken-eetgerei/snijplanken"
1259                          title="Snijplanken"
1260                          class="flex items-center w-full  cursor-pointer border-container"
1261                        >
1262                        <span class="ml-2 text-base">
1263                          Snijplanken                        </span>
1264                        </a>
1265                      </li>
1266                                          <li
1267                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
1268                      "
1269                        data-parent-id="category-node-872"
1270                      >
1271                        <a
1272                          href="https://www.hulpmiddelwereld.be/eten-drinken/keuken-eetgerei/zitkrukken"
1273                          title="Zitkrukken"
1274                          class="flex items-center w-full  cursor-pointer border-container"
1275                        >
1276                        <span class="ml-2 text-base">
1277                          Zitkrukken                        </span>
1278                        </a>
1279                      </li>
1280                                          <li
1281                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
1282                      border-primary"
1283                        data-parent-id="category-node-872"
1284                      >
1285                        <a
1286                          href="https://www.hulpmiddelwereld.be/eten-drinken/keuken-eetgerei/meer-voor-in-de-keuken"
1287                          title="Meer&#x20;voor&#x20;in&#x20;de&#x20;keuken"
1288                          class="flex items-center w-full  cursor-pointer border-container"
1289                        >
1290                        <span class="ml-2 text-base">
1291                          Meer voor in de keuken                        </span>
1292                        </a>
1293                      </li>
1294                                                                    </ul>
1295            </div>
1296                  </li>
1297              <li
1298          data-child-id="category-node-944-main"
1299          class="level-0"
1300        >
1301          <div
1302            class="flex items-center transition-transform duration-150 ease-in-out transform px-8 py-2 border-b bg-container-lighter border-primary"
1303            :class="{
1304              '-translate-x-full' : mobilePanelActiveId,
1305              'translate-x-0' : !mobilePanelActiveId
1306            }"
1307          >
1308            <a
1309              class="flex items-center w-full cursor-pointer level-0 h-11 text-primary font-bold"
1310                              @click="openSubcategory('category-node-944')"
1311                            title="Dementie"
1312            >
1313              Dementie            </a>
1314                          <button
1315                @click="openSubcategory('category-node-944')"
1316                class="flex items-center justify-center w-11 h-11 cursor-pointer text-primary"
1317                aria-label="Open&#x20;Dementie&#x20;subcategorie&#xEB;n"
1318                aria-haspopup="true"
1319                :aria-expanded="mobilePanelActiveId === 'category-node-944'"
1320              >
1321                <div class="w-8 h-8">
1322                  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
1323  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
1324</svg>
1325                </div>
1326              </button>
1327                      </div>
1328                      <div
1329              data-child-id="category-node-944"
1330              class="absolute top-0 right-0 z-10 flex flex-col w-full bg-container-lighter"
1331              :class="{'hidden': mobilePanelActiveId !== 'category-node-944'}"
1332            >
1333              <div class="flex justify-between items-center bg-primary w-full px-8">
1334                <span class="text-white font-bold">
1335                  Menu                </span>
1336                <button
1337                  @click="closeMenu();"
1338                  class=" flex justify-end w-16 self-end -mr-4"
1339                  aria-label="Sluit&#x20;menu"
1340                  type="button"
1341                >
1342                  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="hidden p-4 text-white" width="64" height="64" :class="{ 'hidden' : !open, 'block': open }" aria-hidden="true">
1343  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
1344</svg>
1345                </button>
1346              </div>
1347              <ul
1348                class="transition-transform duration-150 ease-in-out translate-x-full transform list-none p-0 m-0"
1349                :class="{
1350                  'translate-x-full' : mobilePanelActiveId !== 'category-node-944',
1351                  'translate-x-0' : mobilePanelActiveId === 'category-node-944',
1352                }"
1353                aria-label="Subcategorie&#xEB;n"
1354              >
1355                <li class="px-8 py-2 border-b cursor-pointer bg-container border-primary w-full border-t text-primary font-bold">
1356                  <button
1357                    type="button"
1358                    class="flex items-center h-11 w-full"
1359                    @click="backToMainCategories('category-node-944-main');"
1360                    aria-label="Terug&#x20;naar&#x20;hoofdcategorie&#xEB;n"
1361                  >
1362                    <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">
1363  <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/>
1364</svg>
1365                    <span class="ml-4">
1366                      Dementie                    </span>
1367                  </button>
1368                </li>
1369                <li>
1370                  <a
1371                    href="https://www.hulpmiddelwereld.be/dementie"
1372                    title="Dementie"
1373                    class="flex items-center justify-between w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-primary text-primary font-bold"
1374                  >
1375                    <span>Bekijk alles</span>
1376                  </a>
1377                </li>
1378                                  <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
1379                      data-subparent-id="category-node-900"
1380                      @click="toggleChildren('category-node-900')"
1381                  >
1382                    <span
1383                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
1384                    >
1385                      <span class="text-base">
1386                        Seniorenklokken                      </span>
1387                    </span>
1388                                          <button
1389                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
1390                        aria-label="Open&#x20;Seniorenklokken&#x20;subcategorie&#xEB;n"
1391                        aria-haspopup="true"
1392                        :aria-expanded="mobilePanelActiveId === 'category-node-944'"
1393                      >
1394                        <div class="w-8 h-8 transform transition-transform duration-200">
1395                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
1396  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
1397</svg>
1398                        </div>
1399                      </button>
1400                                      </li>
1401                                      <li
1402                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
1403                      data-parent-id="category-node-900"
1404                    >
1405                      <a
1406                        href="https://www.hulpmiddelwereld.be/dementie/seniorenklokken"
1407                        title="Seniorenklokken"
1408                        class="flex items-center w-full  cursor-pointer border-container"
1409                      >
1410                        <span>Bekijk alles</span>
1411                      </a>
1412                    </li>
1413                                          <li
1414                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
1415                      "
1416                        data-parent-id="category-node-900"
1417                      >
1418                        <a
1419                          href="https://www.hulpmiddelwereld.be/dementie/seniorenklokken/dementieklokken"
1420                          title="Dementieklokken"
1421                          class="flex items-center w-full  cursor-pointer border-container"
1422                        >
1423                        <span class="ml-2 text-base">
1424                          Dementieklokken                        </span>
1425                        </a>
1426                      </li>
1427                                          <li
1428                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
1429                      "
1430                        data-parent-id="category-node-900"
1431                      >
1432                        <a
1433                          href="https://www.hulpmiddelwereld.be/dementie/seniorenklokken/kalenderklokken"
1434                          title="Kalenderklokken"
1435                          class="flex items-center w-full  cursor-pointer border-container"
1436                        >
1437                        <span class="ml-2 text-base">
1438                          Kalenderklokken                        </span>
1439                        </a>
1440                      </li>
1441                                          <li
1442                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
1443                      "
1444                        data-parent-id="category-node-900"
1445                      >
1446                        <a
1447                          href="https://www.hulpmiddelwereld.be/dementie/seniorenklokken/sprekende-wekkers"
1448                          title="Sprekende&#x20;wekkers"
1449                          class="flex items-center w-full  cursor-pointer border-container"
1450                        >
1451                        <span class="ml-2 text-base">
1452                          Sprekende wekkers                        </span>
1453                        </a>
1454                      </li>
1455                                          <li
1456                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
1457                      border-primary"
1458                        data-parent-id="category-node-900"
1459                      >
1460                        <a
1461                          href="https://www.hulpmiddelwereld.be/dementie/seniorenklokken/time-timer"
1462                          title="Time&#x20;Timer"
1463                          class="flex items-center w-full  cursor-pointer border-container"
1464                        >
1465                        <span class="ml-2 text-base">
1466                          Time Timer                        </span>
1467                        </a>
1468                      </li>
1469                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
1470                      data-subparent-id="category-node-943"
1471                      @click="toggleChildren('category-node-943')"
1472                  >
1473                    <span
1474                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
1475                    >
1476                      <span class="text-base">
1477                        Interactieve knuffeldieren                      </span>
1478                    </span>
1479                                          <button
1480                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
1481                        aria-label="Open&#x20;Interactieve&#x20;knuffeldieren&#x20;subcategorie&#xEB;n"
1482                        aria-haspopup="true"
1483                        :aria-expanded="mobilePanelActiveId === 'category-node-944'"
1484                      >
1485                        <div class="w-8 h-8 transform transition-transform duration-200">
1486                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
1487  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
1488</svg>
1489                        </div>
1490                      </button>
1491                                      </li>
1492                                      <li
1493                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
1494                      data-parent-id="category-node-943"
1495                    >
1496                      <a
1497                        href="https://www.hulpmiddelwereld.be/dementie/interactieve-knuffeldieren"
1498                        title="Interactieve&#x20;knuffeldieren"
1499                        class="flex items-center w-full  cursor-pointer border-container"
1500                      >
1501                        <span>Bekijk alles</span>
1502                      </a>
1503                    </li>
1504                                          <li
1505                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
1506                      "
1507                        data-parent-id="category-node-943"
1508                      >
1509                        <a
1510                          href="https://www.hulpmiddelwereld.be/dementie/interactieve-knuffeldieren/interactieve-katten"
1511                          title="Interactieve&#x20;Katten"
1512                          class="flex items-center w-full  cursor-pointer border-container"
1513                        >
1514                        <span class="ml-2 text-base">
1515                          Interactieve Katten                        </span>
1516                        </a>
1517                      </li>
1518                                          <li
1519                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
1520                      border-primary"
1521                        data-parent-id="category-node-943"
1522                      >
1523                        <a
1524                          href="https://www.hulpmiddelwereld.be/dementie/interactieve-knuffeldieren/interactieve-honden"
1525                          title="Interactieve&#x20;Honden"
1526                          class="flex items-center w-full  cursor-pointer border-container"
1527                        >
1528                        <span class="ml-2 text-base">
1529                          Interactieve Honden                        </span>
1530                        </a>
1531                      </li>
1532                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
1533                      data-subparent-id="category-node-948"
1534                      @click="toggleChildren('category-node-948')"
1535                  >
1536                    <span
1537                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
1538                    >
1539                      <span class="text-base">
1540                        Muziekspelers / Dementie Radio&#039;s                      </span>
1541                    </span>
1542                                          <button
1543                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
1544                        aria-label="Open&#x20;Muziekspelers&#x20;&#x2F;&#x20;Dementie&#x20;Radio&#x27;s&#x20;subcategorie&#xEB;n"
1545                        aria-haspopup="true"
1546                        :aria-expanded="mobilePanelActiveId === 'category-node-944'"
1547                      >
1548                        <div class="w-8 h-8 transform transition-transform duration-200">
1549                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
1550  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
1551</svg>
1552                        </div>
1553                      </button>
1554                                      </li>
1555                                      <li
1556                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
1557                      data-parent-id="category-node-948"
1558                    >
1559                      <a
1560                        href="https://www.hulpmiddelwereld.be/dementie/muziek"
1561                        title="Muziekspelers&#x20;&#x2F;&#x20;Dementie&#x20;Radio&#x27;s"
1562                        class="flex items-center w-full  cursor-pointer border-container"
1563                      >
1564                        <span>Bekijk alles</span>
1565                      </a>
1566                    </li>
1567                                          <li
1568                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
1569                      border-primary"
1570                        data-parent-id="category-node-948"
1571                      >
1572                        <a
1573                          href="https://www.hulpmiddelwereld.be/dementie/muziek/muziekspelers"
1574                          title="Muziekspelers"
1575                          class="flex items-center w-full  cursor-pointer border-container"
1576                        >
1577                        <span class="ml-2 text-base">
1578                          Muziekspelers                        </span>
1579                        </a>
1580                      </li>
1581                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
1582                      data-subparent-id="category-node-952"
1583                      @click="toggleChildren('category-node-952')"
1584                  >
1585                    <span
1586                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
1587                    >
1588                      <span class="text-base">
1589                        Dwaaldetectie                      </span>
1590                    </span>
1591                                      </li>
1592                                                </ul>
1593            </div>
1594                  </li>
1595              <li
1596          data-child-id="category-node-222-main"
1597          class="level-0"
1598        >
1599          <div
1600            class="flex items-center transition-transform duration-150 ease-in-out transform px-8 py-2 border-b bg-container-lighter border-primary"
1601            :class="{
1602              '-translate-x-full' : mobilePanelActiveId,
1603              'translate-x-0' : !mobilePanelActiveId
1604            }"
1605          >
1606            <a
1607              class="flex items-center w-full cursor-pointer level-0 h-11 text-primary font-bold"
1608                              @click="openSubcategory('category-node-222')"
1609                            title="Mobiliteit"
1610            >
1611              Mobiliteit            </a>
1612                          <button
1613                @click="openSubcategory('category-node-222')"
1614                class="flex items-center justify-center w-11 h-11 cursor-pointer text-primary"
1615                aria-label="Open&#x20;Mobiliteit&#x20;subcategorie&#xEB;n"
1616                aria-haspopup="true"
1617                :aria-expanded="mobilePanelActiveId === 'category-node-222'"
1618              >
1619                <div class="w-8 h-8">
1620                  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
1621  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
1622</svg>
1623                </div>
1624              </button>
1625                      </div>
1626                      <div
1627              data-child-id="category-node-222"
1628              class="absolute top-0 right-0 z-10 flex flex-col w-full bg-container-lighter"
1629              :class="{'hidden': mobilePanelActiveId !== 'category-node-222'}"
1630            >
1631              <div class="flex justify-between items-center bg-primary w-full px-8">
1632                <span class="text-white font-bold">
1633                  Menu                </span>
1634                <button
1635                  @click="closeMenu();"
1636                  class=" flex justify-end w-16 self-end -mr-4"
1637                  aria-label="Sluit&#x20;menu"
1638                  type="button"
1639                >
1640                  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="hidden p-4 text-white" width="64" height="64" :class="{ 'hidden' : !open, 'block': open }" aria-hidden="true">
1641  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
1642</svg>
1643                </button>
1644              </div>
1645              <ul
1646                class="transition-transform duration-150 ease-in-out translate-x-full transform list-none p-0 m-0"
1647                :class="{
1648                  'translate-x-full' : mobilePanelActiveId !== 'category-node-222',
1649                  'translate-x-0' : mobilePanelActiveId === 'category-node-222',
1650                }"
1651                aria-label="Subcategorie&#xEB;n"
1652              >
1653                <li class="px-8 py-2 border-b cursor-pointer bg-container border-primary w-full border-t text-primary font-bold">
1654                  <button
1655                    type="button"
1656                    class="flex items-center h-11 w-full"
1657                    @click="backToMainCategories('category-node-222-main');"
1658                    aria-label="Terug&#x20;naar&#x20;hoofdcategorie&#xEB;n"
1659                  >
1660                    <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">
1661  <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/>
1662</svg>
1663                    <span class="ml-4">
1664                      Mobiliteit                    </span>
1665                  </button>
1666                </li>
1667                <li>
1668                  <a
1669                    href="https://www.hulpmiddelwereld.be/mobiliteit"
1670                    title="Mobiliteit"
1671                    class="flex items-center justify-between w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-primary text-primary font-bold"
1672                  >
1673                    <span>Bekijk alles</span>
1674                  </a>
1675                </li>
1676                                  <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
1677                      data-subparent-id="category-node-391"
1678                      @click="toggleChildren('category-node-391')"
1679                  >
1680                    <span
1681                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
1682                    >
1683                      <span class="text-base">
1684                        Rolstoelen                      </span>
1685                    </span>
1686                                          <button
1687                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
1688                        aria-label="Open&#x20;Rolstoelen&#x20;subcategorie&#xEB;n"
1689                        aria-haspopup="true"
1690                        :aria-expanded="mobilePanelActiveId === 'category-node-222'"
1691                      >
1692                        <div class="w-8 h-8 transform transition-transform duration-200">
1693                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
1694  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
1695</svg>
1696                        </div>
1697                      </button>
1698                                      </li>
1699                                      <li
1700                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
1701                      data-parent-id="category-node-391"
1702                    >
1703                      <a
1704                        href="https://www.hulpmiddelwereld.be/mobiliteit/rolstoelen"
1705                        title="Rolstoelen"
1706                        class="flex items-center w-full  cursor-pointer border-container"
1707                      >
1708                        <span>Bekijk alles</span>
1709                      </a>
1710                    </li>
1711                                          <li
1712                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
1713                      "
1714                        data-parent-id="category-node-391"
1715                      >
1716                        <a
1717                          href="https://www.hulpmiddelwereld.be/mobiliteit/rolstoelen/duwrolstoelen"
1718                          title="Duwrolstoelen"
1719                          class="flex items-center w-full  cursor-pointer border-container"
1720                        >
1721                        <span class="ml-2 text-base">
1722                          Duwrolstoelen                        </span>
1723                        </a>
1724                      </li>
1725                                          <li
1726                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
1727                      "
1728                        data-parent-id="category-node-391"
1729                      >
1730                        <a
1731                          href="https://www.hulpmiddelwereld.be/mobiliteit/rolstoelen/rolstoelaccessoires"
1732                          title="Rolstoelaccessoires"
1733                          class="flex items-center w-full  cursor-pointer border-container"
1734                        >
1735                        <span class="ml-2 text-base">
1736                          Rolstoelaccessoires                        </span>
1737                        </a>
1738                      </li>
1739                                          <li
1740                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
1741                      "
1742                        data-parent-id="category-node-391"
1743                      >
1744                        <a
1745                          href="https://www.hulpmiddelwereld.be/mobiliteit/rolstoelen/rolstoel-handschoenen"
1746                          title="Rolstoel&#x20;handschoenen"
1747                          class="flex items-center w-full  cursor-pointer border-container"
1748                        >
1749                        <span class="ml-2 text-base">
1750                          Rolstoel handschoenen                        </span>
1751                        </a>
1752                      </li>
1753                                          <li
1754                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
1755                      border-primary"
1756                        data-parent-id="category-node-391"
1757                      >
1758                        <a
1759                          href="https://www.hulpmiddelwereld.be/mobiliteit/rolstoelen/rolstoelkussens"
1760                          title="Rolstoelkussens"
1761                          class="flex items-center w-full  cursor-pointer border-container"
1762                        >
1763                        <span class="ml-2 text-base">
1764                          Rolstoelkussens                        </span>
1765                        </a>
1766                      </li>
1767                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
1768                      data-subparent-id="category-node-232"
1769                      @click="toggleChildren('category-node-232')"
1770                  >
1771                    <span
1772                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
1773                    >
1774                      <span class="text-base">
1775                        Scootmobielen                      </span>
1776                    </span>
1777                                          <button
1778                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
1779                        aria-label="Open&#x20;Scootmobielen&#x20;subcategorie&#xEB;n"
1780                        aria-haspopup="true"
1781                        :aria-expanded="mobilePanelActiveId === 'category-node-222'"
1782                      >
1783                        <div class="w-8 h-8 transform transition-transform duration-200">
1784                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
1785  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
1786</svg>
1787                        </div>
1788                      </button>
1789                                      </li>
1790                                      <li
1791                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
1792                      data-parent-id="category-node-232"
1793                    >
1794                      <a
1795                        href="https://www.hulpmiddelwereld.be/mobiliteit/scootmobielen"
1796                        title="Scootmobielen"
1797                        class="flex items-center w-full  cursor-pointer border-container"
1798                      >
1799                        <span>Bekijk alles</span>
1800                      </a>
1801                    </li>
1802                                          <li
1803                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
1804                      border-primary"
1805                        data-parent-id="category-node-232"
1806                      >
1807                        <a
1808                          href="https://www.hulpmiddelwereld.be/mobiliteit/scootmobielen/scootmobiel-accessoires"
1809                          title="Scootmobiel&#x20;accessoires&#x20;"
1810                          class="flex items-center w-full  cursor-pointer border-container"
1811                        >
1812                        <span class="ml-2 text-base">
1813                          Scootmobiel accessoires                         </span>
1814                        </a>
1815                      </li>
1816                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
1817                      data-subparent-id="category-node-228"
1818                      @click="toggleChildren('category-node-228')"
1819                  >
1820                    <span
1821                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
1822                    >
1823                      <span class="text-base">
1824                        Rollators                      </span>
1825                    </span>
1826                                          <button
1827                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
1828                        aria-label="Open&#x20;Rollators&#x20;subcategorie&#xEB;n"
1829                        aria-haspopup="true"
1830                        :aria-expanded="mobilePanelActiveId === 'category-node-222'"
1831                      >
1832                        <div class="w-8 h-8 transform transition-transform duration-200">
1833                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
1834  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
1835</svg>
1836                        </div>
1837                      </button>
1838                                      </li>
1839                                      <li
1840                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
1841                      data-parent-id="category-node-228"
1842                    >
1843                      <a
1844                        href="https://www.hulpmiddelwereld.be/mobiliteit/rollators"
1845                        title="Rollators"
1846                        class="flex items-center w-full  cursor-pointer border-container"
1847                      >
1848                        <span>Bekijk alles</span>
1849                      </a>
1850                    </li>
1851                                          <li
1852                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
1853                      "
1854                        data-parent-id="category-node-228"
1855                      >
1856                        <a
1857                          href="https://www.hulpmiddelwereld.be/mobiliteit/rollators/lichtgewicht-rollators"
1858                          title="Lichtgewicht&#x20;rollators"
1859                          class="flex items-center w-full  cursor-pointer border-container"
1860                        >
1861                        <span class="ml-2 text-base">
1862                          Lichtgewicht rollators                        </span>
1863                        </a>
1864                      </li>
1865                                          <li
1866                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
1867                      "
1868                        data-parent-id="category-node-228"
1869                      >
1870                        <a
1871                          href="https://www.hulpmiddelwereld.be/mobiliteit/rollators/binnen-rollators"
1872                          title="Binnen&#x20;rollators"
1873                          class="flex items-center w-full  cursor-pointer border-container"
1874                        >
1875                        <span class="ml-2 text-base">
1876                          Binnen rollators                        </span>
1877                        </a>
1878                      </li>
1879                                          <li
1880                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
1881                      "
1882                        data-parent-id="category-node-228"
1883                      >
1884                        <a
1885                          href="https://www.hulpmiddelwereld.be/mobiliteit/rollators/buiten-rollators"
1886                          title="Buiten&#x20;rollators"
1887                          class="flex items-center w-full  cursor-pointer border-container"
1888                        >
1889                        <span class="ml-2 text-base">
1890                          Buiten rollators                        </span>
1891                        </a>
1892                      </li>
1893                                          <li
1894                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
1895                      "
1896                        data-parent-id="category-node-228"
1897                      >
1898                        <a
1899                          href="https://www.hulpmiddelwereld.be/mobiliteit/rollators/carbon-rollators"
1900                          title="Carbon&#x20;rollators"
1901                          class="flex items-center w-full  cursor-pointer border-container"
1902                        >
1903                        <span class="ml-2 text-base">
1904                          Carbon rollators                        </span>
1905                        </a>
1906                      </li>
1907                                          <li
1908                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
1909                      "
1910                        data-parent-id="category-node-228"
1911                      >
1912                        <a
1913                          href="https://www.hulpmiddelwereld.be/mobiliteit/rollators/rollators-met-luchtbanden"
1914                          title="Rollators&#x20;met&#x20;luchtbanden"
1915                          class="flex items-center w-full  cursor-pointer border-container"
1916                        >
1917                        <span class="ml-2 text-base">
1918                          Rollators met luchtbanden                        </span>
1919                        </a>
1920                      </li>
1921                                          <li
1922                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
1923                      "
1924                        data-parent-id="category-node-228"
1925                      >
1926                        <a
1927                          href="https://www.hulpmiddelwereld.be/mobiliteit/rollators/opvouwbare-rollators"
1928                          title="Opvouwbare&#x20;rollators"
1929                          class="flex items-center w-full  cursor-pointer border-container"
1930                        >
1931                        <span class="ml-2 text-base">
1932                          Opvouwbare rollators                        </span>
1933                        </a>
1934                      </li>
1935                                          <li
1936                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
1937                      "
1938                        data-parent-id="category-node-228"
1939                      >
1940                        <a
1941                          href="https://www.hulpmiddelwereld.be/mobiliteit/rollators/rollator-accessoires"
1942                          title="Rollator&#x20;accessoires"
1943                          class="flex items-center w-full  cursor-pointer border-container"
1944                        >
1945                        <span class="ml-2 text-base">
1946                          Rollator accessoires                        </span>
1947                        </a>
1948                      </li>
1949                                          <li
1950                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
1951                      border-primary"
1952                        data-parent-id="category-node-228"
1953                      >
1954                        <a
1955                          href="https://www.hulpmiddelwereld.be/mobiliteit/rollators/dubbel-opvouwbare-rollators"
1956                          title="Dubbel&#x20;opvouwbare&#x20;rollators"
1957                          class="flex items-center w-full  cursor-pointer border-container"
1958                        >
1959                        <span class="ml-2 text-base">
1960                          Dubbel opvouwbare rollators                        </span>
1961                        </a>
1962                      </li>
1963                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
1964                      data-subparent-id="category-node-234"
1965                      @click="toggleChildren('category-node-234')"
1966                  >
1967                    <span
1968                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
1969                    >
1970                      <span class="text-base">
1971                        Transferhulpmiddelen                      </span>
1972                    </span>
1973                                          <button
1974                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
1975                        aria-label="Open&#x20;Transferhulpmiddelen&#x20;subcategorie&#xEB;n"
1976                        aria-haspopup="true"
1977                        :aria-expanded="mobilePanelActiveId === 'category-node-222'"
1978                      >
1979                        <div class="w-8 h-8 transform transition-transform duration-200">
1980                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
1981  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
1982</svg>
1983                        </div>
1984                      </button>
1985                                      </li>
1986                                      <li
1987                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
1988                      data-parent-id="category-node-234"
1989                    >
1990                      <a
1991                        href="https://www.hulpmiddelwereld.be/mobiliteit/transferhulpmiddelen"
1992                        title="Transferhulpmiddelen"
1993                        class="flex items-center w-full  cursor-pointer border-container"
1994                      >
1995                        <span>Bekijk alles</span>
1996                      </a>
1997                    </li>
1998                                          <li
1999                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
2000                      "
2001                        data-parent-id="category-node-234"
2002                      >
2003                        <a
2004                          href="https://www.hulpmiddelwereld.be/mobiliteit/transferhulpmiddelen/drempelhulpen"
2005                          title="Drempelhulpen"
2006                          class="flex items-center w-full  cursor-pointer border-container"
2007                        >
2008                        <span class="ml-2 text-base">
2009                          Drempelhulpen                        </span>
2010                        </a>
2011                      </li>
2012                                          <li
2013                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
2014                      "
2015                        data-parent-id="category-node-234"
2016                      >
2017                        <a
2018                          href="https://www.hulpmiddelwereld.be/mobiliteit/transferhulpmiddelen/auto-hulpmiddelen"
2019                          title="Auto&#x20;hulpmiddelen"
2020                          class="flex items-center w-full  cursor-pointer border-container"
2021                        >
2022                        <span class="ml-2 text-base">
2023                          Auto hulpmiddelen                        </span>
2024                        </a>
2025                      </li>
2026                                          <li
2027                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
2028                      "
2029                        data-parent-id="category-node-234"
2030                      >
2031                        <a
2032                          href="https://www.hulpmiddelwereld.be/mobiliteit/transferhulpmiddelen/draaischijven"
2033                          title="Draaischijven"
2034                          class="flex items-center w-full  cursor-pointer border-container"
2035                        >
2036                        <span class="ml-2 text-base">
2037                          Draaischijven                        </span>
2038                        </a>
2039                      </li>
2040                                          <li
2041                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
2042                      "
2043                        data-parent-id="category-node-234"
2044                      >
2045                        <a
2046                          href="https://www.hulpmiddelwereld.be/mobiliteit/transferhulpmiddelen/glijzeilen"
2047                          title="Glijzeilen"
2048                          class="flex items-center w-full  cursor-pointer border-container"
2049                        >
2050                        <span class="ml-2 text-base">
2051                          Glijzeilen                        </span>
2052                        </a>
2053                      </li>
2054                                          <li
2055                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
2056                      "
2057                        data-parent-id="category-node-234"
2058                      >
2059                        <a
2060                          href="https://www.hulpmiddelwereld.be/mobiliteit/transferhulpmiddelen/sta-op-hulp"
2061                          title="Sta-op-hulp"
2062                          class="flex items-center w-full  cursor-pointer border-container"
2063                        >
2064                        <span class="ml-2 text-base">
2065                          Sta-op-hulp                        </span>
2066                        </a>
2067                      </li>
2068                                          <li
2069                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
2070                      "
2071                        data-parent-id="category-node-234"
2072                      >
2073                        <a
2074                          href="https://www.hulpmiddelwereld.be/mobiliteit/transferhulpmiddelen/transferplanken"
2075                          title="Transferplanken"
2076                          class="flex items-center w-full  cursor-pointer border-container"
2077                        >
2078                        <span class="ml-2 text-base">
2079                          Transferplanken                        </span>
2080                        </a>
2081                      </li>
2082                                          <li
2083                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
2084                      border-primary"
2085                        data-parent-id="category-node-234"
2086                      >
2087                        <a
2088                          href="https://www.hulpmiddelwereld.be/mobiliteit/transferhulpmiddelen/tilliften"
2089                          title="Tilliften"
2090                          class="flex items-center w-full  cursor-pointer border-container"
2091                        >
2092                        <span class="ml-2 text-base">
2093                          Tilliften                        </span>
2094                        </a>
2095                      </li>
2096                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
2097                      data-subparent-id="category-node-902"
2098                      @click="toggleChildren('category-node-902')"
2099                  >
2100                    <span
2101                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
2102                    >
2103                      <span class="text-base">
2104                        Loophulpmiddelen                      </span>
2105                    </span>
2106                                          <button
2107                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
2108                        aria-label="Open&#x20;Loophulpmiddelen&#x20;subcategorie&#xEB;n"
2109                        aria-haspopup="true"
2110                        :aria-expanded="mobilePanelActiveId === 'category-node-222'"
2111                      >
2112                        <div class="w-8 h-8 transform transition-transform duration-200">
2113                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
2114  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
2115</svg>
2116                        </div>
2117                      </button>
2118                                      </li>
2119                                      <li
2120                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
2121                      data-parent-id="category-node-902"
2122                    >
2123                      <a
2124                        href="https://www.hulpmiddelwereld.be/mobiliteit/loophulpmiddelen"
2125                        title="Loophulpmiddelen"
2126                        class="flex items-center w-full  cursor-pointer border-container"
2127                      >
2128                        <span>Bekijk alles</span>
2129                      </a>
2130                    </li>
2131                                          <li
2132                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
2133                      "
2134                        data-parent-id="category-node-902"
2135                      >
2136                        <a
2137                          href="https://www.hulpmiddelwereld.be/mobiliteit/loophulpmiddelen/wandelstokken"
2138                          title="Wandelstokken"
2139                          class="flex items-center w-full  cursor-pointer border-container"
2140                        >
2141                        <span class="ml-2 text-base">
2142                          Wandelstokken                        </span>
2143                        </a>
2144                      </li>
2145                                          <li
2146                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
2147                      "
2148                        data-parent-id="category-node-902"
2149                      >
2150                        <a
2151                          href="https://www.hulpmiddelwereld.be/mobiliteit/loophulpmiddelen/looprekken"
2152                          title="Looprekken"
2153                          class="flex items-center w-full  cursor-pointer border-container"
2154                        >
2155                        <span class="ml-2 text-base">
2156                          Looprekken                        </span>
2157                        </a>
2158                      </li>
2159                                          <li
2160                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
2161                      border-primary"
2162                        data-parent-id="category-node-902"
2163                      >
2164                        <a
2165                          href="https://www.hulpmiddelwereld.be/mobiliteit/loophulpmiddelen/elleboogkrukken"
2166                          title="Elleboogkrukken"
2167                          class="flex items-center w-full  cursor-pointer border-container"
2168                        >
2169                        <span class="ml-2 text-base">
2170                          Elleboogkrukken                        </span>
2171                        </a>
2172                      </li>
2173                                                                    </ul>
2174            </div>
2175                  </li>
2176              <li
2177          data-child-id="category-node-256-main"
2178          class="level-0"
2179        >
2180          <div
2181            class="flex items-center transition-transform duration-150 ease-in-out transform px-8 py-2 border-b bg-container-lighter border-primary"
2182            :class="{
2183              '-translate-x-full' : mobilePanelActiveId,
2184              'translate-x-0' : !mobilePanelActiveId
2185            }"
2186          >
2187            <a
2188              class="flex items-center w-full cursor-pointer level-0 h-11 text-primary font-bold"
2189                              @click="openSubcategory('category-node-256')"
2190                            title="Wonen&#x20;&amp;&#x20;Slapen"
2191            >
2192              Wonen &amp; Slapen            </a>
2193                          <button
2194                @click="openSubcategory('category-node-256')"
2195                class="flex items-center justify-center w-11 h-11 cursor-pointer text-primary"
2196                aria-label="Open&#x20;Wonen&#x20;&amp;&#x20;Slapen&#x20;subcategorie&#xEB;n"
2197                aria-haspopup="true"
2198                :aria-expanded="mobilePanelActiveId === 'category-node-256'"
2199              >
2200                <div class="w-8 h-8">
2201                  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
2202  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
2203</svg>
2204                </div>
2205              </button>
2206                      </div>
2207                      <div
2208              data-child-id="category-node-256"
2209              class="absolute top-0 right-0 z-10 flex flex-col w-full bg-container-lighter"
2210              :class="{'hidden': mobilePanelActiveId !== 'category-node-256'}"
2211            >
2212              <div class="flex justify-between items-center bg-primary w-full px-8">
2213                <span class="text-white font-bold">
2214                  Menu                </span>
2215                <button
2216                  @click="closeMenu();"
2217                  class=" flex justify-end w-16 self-end -mr-4"
2218                  aria-label="Sluit&#x20;menu"
2219                  type="button"
2220                >
2221                  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="hidden p-4 text-white" width="64" height="64" :class="{ 'hidden' : !open, 'block': open }" aria-hidden="true">
2222  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
2223</svg>
2224                </button>
2225              </div>
2226              <ul
2227                class="transition-transform duration-150 ease-in-out translate-x-full transform list-none p-0 m-0"
2228                :class="{
2229                  'translate-x-full' : mobilePanelActiveId !== 'category-node-256',
2230                  'translate-x-0' : mobilePanelActiveId === 'category-node-256',
2231                }"
2232                aria-label="Subcategorie&#xEB;n"
2233              >
2234                <li class="px-8 py-2 border-b cursor-pointer bg-container border-primary w-full border-t text-primary font-bold">
2235                  <button
2236                    type="button"
2237                    class="flex items-center h-11 w-full"
2238                    @click="backToMainCategories('category-node-256-main');"
2239                    aria-label="Terug&#x20;naar&#x20;hoofdcategorie&#xEB;n"
2240                  >
2241                    <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">
2242  <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/>
2243</svg>
2244                    <span class="ml-4">
2245                      Wonen &amp; Slapen                    </span>
2246                  </button>
2247                </li>
2248                <li>
2249                  <a
2250                    href="https://www.hulpmiddelwereld.be/wonen-slapen"
2251                    title="Wonen&#x20;&amp;&#x20;Slapen"
2252                    class="flex items-center justify-between w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-primary text-primary font-bold"
2253                  >
2254                    <span>Bekijk alles</span>
2255                  </a>
2256                </li>
2257                                  <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
2258                      data-subparent-id="category-node-306"
2259                      @click="toggleChildren('category-node-306')"
2260                  >
2261                    <span
2262                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
2263                    >
2264                      <span class="text-base">
2265                        Aankleedhulpen                      </span>
2266                    </span>
2267                                          <button
2268                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
2269                        aria-label="Open&#x20;Aankleedhulpen&#x20;subcategorie&#xEB;n"
2270                        aria-haspopup="true"
2271                        :aria-expanded="mobilePanelActiveId === 'category-node-256'"
2272                      >
2273                        <div class="w-8 h-8 transform transition-transform duration-200">
2274                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
2275  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
2276</svg>
2277                        </div>
2278                      </button>
2279                                      </li>
2280                                      <li
2281                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
2282                      data-parent-id="category-node-306"
2283                    >
2284                      <a
2285                        href="https://www.hulpmiddelwereld.be/wonen-slapen/aankleedhulpen"
2286                        title="Aankleedhulpen"
2287                        class="flex items-center w-full  cursor-pointer border-container"
2288                      >
2289                        <span>Bekijk alles</span>
2290                      </a>
2291                    </li>
2292                                          <li
2293                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
2294                      "
2295                        data-parent-id="category-node-306"
2296                      >
2297                        <a
2298                          href="https://www.hulpmiddelwereld.be/wonen-slapen/aankleedhulpen/aankleedhulp-schoenlepels"
2299                          title="Aankleedhulp&#x20;&amp;&#x20;schoenlepels"
2300                          class="flex items-center w-full  cursor-pointer border-container"
2301                        >
2302                        <span class="ml-2 text-base">
2303                          Aankleedhulp &amp; schoenlepels                        </span>
2304                        </a>
2305                      </li>
2306                                          <li
2307                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
2308                      border-primary"
2309                        data-parent-id="category-node-306"
2310                      >
2311                        <a
2312                          href="https://www.hulpmiddelwereld.be/wonen-slapen/aankleedhulpen/aantrekhulp-steunkousen"
2313                          title="Aantrekhulpen&#x20;steunkousen"
2314                          class="flex items-center w-full  cursor-pointer border-container"
2315                        >
2316                        <span class="ml-2 text-base">
2317                          Aantrekhulpen steunkousen                        </span>
2318                        </a>
2319                      </li>
2320                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
2321                      data-subparent-id="category-node-258"
2322                      @click="toggleChildren('category-node-258')"
2323                  >
2324                    <span
2325                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
2326                    >
2327                      <span class="text-base">
2328                        Huishoudhulpmiddelen                      </span>
2329                    </span>
2330                                          <button
2331                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
2332                        aria-label="Open&#x20;Huishoudhulpmiddelen&#x20;subcategorie&#xEB;n"
2333                        aria-haspopup="true"
2334                        :aria-expanded="mobilePanelActiveId === 'category-node-256'"
2335                      >
2336                        <div class="w-8 h-8 transform transition-transform duration-200">
2337                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
2338  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
2339</svg>
2340                        </div>
2341                      </button>
2342                                      </li>
2343                                      <li
2344                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
2345                      data-parent-id="category-node-258"
2346                    >
2347                      <a
2348                        href="https://www.hulpmiddelwereld.be/wonen-slapen/huishoudhulpmiddelen"
2349                        title="Huishoudhulpmiddelen"
2350                        class="flex items-center w-full  cursor-pointer border-container"
2351                      >
2352                        <span>Bekijk alles</span>
2353                      </a>
2354                    </li>
2355                                          <li
2356                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
2357                      "
2358                        data-parent-id="category-node-258"
2359                      >
2360                        <a
2361                          href="https://www.hulpmiddelwereld.be/wonen-slapen/huishoudhulpmiddelen/grijpers"
2362                          title="Grijpers"
2363                          class="flex items-center w-full  cursor-pointer border-container"
2364                        >
2365                        <span class="ml-2 text-base">
2366                          Grijpers                        </span>
2367                        </a>
2368                      </li>
2369                                          <li
2370                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
2371                      "
2372                        data-parent-id="category-node-258"
2373                      >
2374                        <a
2375                          href="https://www.hulpmiddelwereld.be/wonen-slapen/huishoudhulpmiddelen/meubelverhogers"
2376                          title="Meubelverhogers"
2377                          class="flex items-center w-full  cursor-pointer border-container"
2378                        >
2379                        <span class="ml-2 text-base">
2380                          Meubelverhogers                        </span>
2381                        </a>
2382                      </li>
2383                                          <li
2384                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
2385                      "
2386                        data-parent-id="category-node-258"
2387                      >
2388                        <a
2389                          href="https://www.hulpmiddelwereld.be/wonen-slapen/huishoudhulpmiddelen/antislipmatten"
2390                          title="Antislipmatten"
2391                          class="flex items-center w-full  cursor-pointer border-container"
2392                        >
2393                        <span class="ml-2 text-base">
2394                          Antislipmatten                        </span>
2395                        </a>
2396                      </li>
2397                                          <li
2398                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
2399                      "
2400                        data-parent-id="category-node-258"
2401                      >
2402                        <a
2403                          href="https://www.hulpmiddelwereld.be/wonen-slapen/huishoudhulpmiddelen/opstapjes"
2404                          title="Opstapjes"
2405                          class="flex items-center w-full  cursor-pointer border-container"
2406                        >
2407                        <span class="ml-2 text-base">
2408                          Opstapjes                        </span>
2409                        </a>
2410                      </li>
2411                                          <li
2412                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
2413                      "
2414                        data-parent-id="category-node-258"
2415                      >
2416                        <a
2417                          href="https://www.hulpmiddelwereld.be/wonen-slapen/huishoudhulpmiddelen/sleutelhulpmiddelen"
2418                          title="Sleutelhulpmiddelen"
2419                          class="flex items-center w-full  cursor-pointer border-container"
2420                        >
2421                        <span class="ml-2 text-base">
2422                          Sleutelhulpmiddelen                        </span>
2423                        </a>
2424                      </li>
2425                                          <li
2426                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
2427                      border-primary"
2428                        data-parent-id="category-node-258"
2429                      >
2430                        <a
2431                          href="https://www.hulpmiddelwereld.be/wonen-slapen/huishoudhulpmiddelen/sleutelkluis"
2432                          title="Sleutelkluis"
2433                          class="flex items-center w-full  cursor-pointer border-container"
2434                        >
2435                        <span class="ml-2 text-base">
2436                          Sleutelkluis                        </span>
2437                        </a>
2438                      </li>
2439                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
2440                      data-subparent-id="category-node-891"
2441                      @click="toggleChildren('category-node-891')"
2442                  >
2443                    <span
2444                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
2445                    >
2446                      <span class="text-base">
2447                        Bedden                      </span>
2448                    </span>
2449                                          <button
2450                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
2451                        aria-label="Open&#x20;Bedden&#x20;subcategorie&#xEB;n"
2452                        aria-haspopup="true"
2453                        :aria-expanded="mobilePanelActiveId === 'category-node-256'"
2454                      >
2455                        <div class="w-8 h-8 transform transition-transform duration-200">
2456                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
2457  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
2458</svg>
2459                        </div>
2460                      </button>
2461                                      </li>
2462                                      <li
2463                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
2464                      data-parent-id="category-node-891"
2465                    >
2466                      <a
2467                        href="https://www.hulpmiddelwereld.be/wonen-slapen/bedden"
2468                        title="Bedden"
2469                        class="flex items-center w-full  cursor-pointer border-container"
2470                      >
2471                        <span>Bekijk alles</span>
2472                      </a>
2473                    </li>
2474                                          <li
2475                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
2476                      "
2477                        data-parent-id="category-node-891"
2478                      >
2479                        <a
2480                          href="https://www.hulpmiddelwereld.be/wonen-slapen/bedden/hoog-laag-bedden"
2481                          title="Hoog&#x20;laag&#x20;bedden"
2482                          class="flex items-center w-full  cursor-pointer border-container"
2483                        >
2484                        <span class="ml-2 text-base">
2485                          Hoog laag bedden                        </span>
2486                        </a>
2487                      </li>
2488                                          <li
2489                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
2490                      "
2491                        data-parent-id="category-node-891"
2492                      >
2493                        <a
2494                          href="https://www.hulpmiddelwereld.be/wonen-slapen/bedden/warmtedekens"
2495                          title="Warmtedekens"
2496                          class="flex items-center w-full  cursor-pointer border-container"
2497                        >
2498                        <span class="ml-2 text-base">
2499                          Warmtedekens                        </span>
2500                        </a>
2501                      </li>
2502                                          <li
2503                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
2504                      "
2505                        data-parent-id="category-node-891"
2506                      >
2507                        <a
2508                          href="https://www.hulpmiddelwereld.be/wonen-slapen/bedden/zwaartedeken"
2509                          title="Zwaartedekens"
2510                          class="flex items-center w-full  cursor-pointer border-container"
2511                        >
2512                        <span class="ml-2 text-base">
2513                          Zwaartedekens                        </span>
2514                        </a>
2515                      </li>
2516                                          <li
2517                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
2518                      border-primary"
2519                        data-parent-id="category-node-891"
2520                      >
2521                        <a
2522                          href="https://www.hulpmiddelwereld.be/wonen-slapen/bedden/nachtkasten"
2523                          title="Nachtkasten"
2524                          class="flex items-center w-full  cursor-pointer border-container"
2525                        >
2526                        <span class="ml-2 text-base">
2527                          Nachtkasten                        </span>
2528                        </a>
2529                      </li>
2530                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
2531                      data-subparent-id="category-node-892"
2532                      @click="toggleChildren('category-node-892')"
2533                  >
2534                    <span
2535                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
2536                    >
2537                      <span class="text-base">
2538                        Bed ondersteuning                      </span>
2539                    </span>
2540                                          <button
2541                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
2542                        aria-label="Open&#x20;Bed&#x20;ondersteuning&#x20;subcategorie&#xEB;n"
2543                        aria-haspopup="true"
2544                        :aria-expanded="mobilePanelActiveId === 'category-node-256'"
2545                      >
2546                        <div class="w-8 h-8 transform transition-transform duration-200">
2547                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
2548  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
2549</svg>
2550                        </div>
2551                      </button>
2552                                      </li>
2553                                      <li
2554                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
2555                      data-parent-id="category-node-892"
2556                    >
2557                      <a
2558                        href="https://www.hulpmiddelwereld.be/wonen-slapen/bed-ondersteuning"
2559                        title="Bed&#x20;ondersteuning"
2560                        class="flex items-center w-full  cursor-pointer border-container"
2561                      >
2562                        <span>Bekijk alles</span>
2563                      </a>
2564                    </li>
2565                                          <li
2566                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
2567                      "
2568                        data-parent-id="category-node-892"
2569                      >
2570                        <a
2571                          href="https://www.hulpmiddelwereld.be/wonen-slapen/bed-ondersteuning/bedpapegaai"
2572                          title="Bedpapegaai"
2573                          class="flex items-center w-full  cursor-pointer border-container"
2574                        >
2575                        <span class="ml-2 text-base">
2576                          Bedpapegaai                        </span>
2577                        </a>
2578                      </li>
2579                                          <li
2580                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
2581                      "
2582                        data-parent-id="category-node-892"
2583                      >
2584                        <a
2585                          href="https://www.hulpmiddelwereld.be/wonen-slapen/bed-ondersteuning/bedhekken"
2586                          title="Bedhekken&#x20;&amp;&#x20;bedbeugels"
2587                          class="flex items-center w-full  cursor-pointer border-container"
2588                        >
2589                        <span class="ml-2 text-base">
2590                          Bedhekken &amp; bedbeugels                        </span>
2591                        </a>
2592                      </li>
2593                                          <li
2594                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
2595                      border-primary"
2596                        data-parent-id="category-node-892"
2597                      >
2598                        <a
2599                          href="https://www.hulpmiddelwereld.be/wonen-slapen/bed-ondersteuning/bedtafel"
2600                          title="Bedtafels"
2601                          class="flex items-center w-full  cursor-pointer border-container"
2602                        >
2603                        <span class="ml-2 text-base">
2604                          Bedtafels                        </span>
2605                        </a>
2606                      </li>
2607                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
2608                      data-subparent-id="category-node-894"
2609                      @click="toggleChildren('category-node-894')"
2610                  >
2611                    <span
2612                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
2613                    >
2614                      <span class="text-base">
2615                        Zetels                      </span>
2616                    </span>
2617                                          <button
2618                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
2619                        aria-label="Open&#x20;Zetels&#x20;subcategorie&#xEB;n"
2620                        aria-haspopup="true"
2621                        :aria-expanded="mobilePanelActiveId === 'category-node-256'"
2622                      >
2623                        <div class="w-8 h-8 transform transition-transform duration-200">
2624                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
2625  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
2626</svg>
2627                        </div>
2628                      </button>
2629                                      </li>
2630                                      <li
2631                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
2632                      data-parent-id="category-node-894"
2633                    >
2634                      <a
2635                        href="https://www.hulpmiddelwereld.be/wonen-slapen/stoelen"
2636                        title="Zetels"
2637                        class="flex items-center w-full  cursor-pointer border-container"
2638                      >
2639                        <span>Bekijk alles</span>
2640                      </a>
2641                    </li>
2642                                          <li
2643                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
2644                      "
2645                        data-parent-id="category-node-894"
2646                      >
2647                        <a
2648                          href="https://www.hulpmiddelwereld.be/wonen-slapen/stoelen/sta-op-stoel"
2649                          title="Sta-op&#x20;Stoelen"
2650                          class="flex items-center w-full  cursor-pointer border-container"
2651                        >
2652                        <span class="ml-2 text-base">
2653                          Sta-op Stoelen                        </span>
2654                        </a>
2655                      </li>
2656                                          <li
2657                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
2658                      "
2659                        data-parent-id="category-node-894"
2660                      >
2661                        <a
2662                          href="https://www.hulpmiddelwereld.be/wonen-slapen/stoelen/relaxstoelen"
2663                          title="Relaxzetels"
2664                          class="flex items-center w-full  cursor-pointer border-container"
2665                        >
2666                        <span class="ml-2 text-base">
2667                          Relaxzetels                        </span>
2668                        </a>
2669                      </li>
2670                                          <li
2671                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
2672                      border-primary"
2673                        data-parent-id="category-node-894"
2674                      >
2675                        <a
2676                          href="https://www.hulpmiddelwereld.be/wonen-slapen/stoelen/stoelleestafels"
2677                          title="Stoelleestafels"
2678                          class="flex items-center w-full  cursor-pointer border-container"
2679                        >
2680                        <span class="ml-2 text-base">
2681                          Stoelleestafels                        </span>
2682                        </a>
2683                      </li>
2684                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
2685                      data-subparent-id="category-node-895"
2686                      @click="toggleChildren('category-node-895')"
2687                  >
2688                    <span
2689                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
2690                    >
2691                      <span class="text-base">
2692                        Kussens                      </span>
2693                    </span>
2694                                          <button
2695                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
2696                        aria-label="Open&#x20;Kussens&#x20;subcategorie&#xEB;n"
2697                        aria-haspopup="true"
2698                        :aria-expanded="mobilePanelActiveId === 'category-node-256'"
2699                      >
2700                        <div class="w-8 h-8 transform transition-transform duration-200">
2701                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
2702  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
2703</svg>
2704                        </div>
2705                      </button>
2706                                      </li>
2707                                      <li
2708                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
2709                      data-parent-id="category-node-895"
2710                    >
2711                      <a
2712                        href="https://www.hulpmiddelwereld.be/wonen-slapen/kussens"
2713                        title="Kussens"
2714                        class="flex items-center w-full  cursor-pointer border-container"
2715                      >
2716                        <span>Bekijk alles</span>
2717                      </a>
2718                    </li>
2719                                          <li
2720                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
2721                      "
2722                        data-parent-id="category-node-895"
2723                      >
2724                        <a
2725                          href="https://www.hulpmiddelwereld.be/wonen-slapen/kussens/anti-decubitus-kussens"
2726                          title="Anti-decubitus&#x20;kussens"
2727                          class="flex items-center w-full  cursor-pointer border-container"
2728                        >
2729                        <span class="ml-2 text-base">
2730                          Anti-decubitus kussens                        </span>
2731                        </a>
2732                      </li>
2733                                          <li
2734                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
2735                      "
2736                        data-parent-id="category-node-895"
2737                      >
2738                        <a
2739                          href="https://www.hulpmiddelwereld.be/wonen-slapen/kussens/draaikussens"
2740                          title="Draaikussens"
2741                          class="flex items-center w-full  cursor-pointer border-container"
2742                        >
2743                        <span class="ml-2 text-base">
2744                          Draaikussens                        </span>
2745                        </a>
2746                      </li>
2747                                          <li
2748                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
2749                      "
2750                        data-parent-id="category-node-895"
2751                      >
2752                        <a
2753                          href="https://www.hulpmiddelwereld.be/wonen-slapen/kussens/drukontlasting"
2754                          title="Drukontlasting"
2755                          class="flex items-center w-full  cursor-pointer border-container"
2756                        >
2757                        <span class="ml-2 text-base">
2758                          Drukontlasting                        </span>
2759                        </a>
2760                      </li>
2761                                          <li
2762                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
2763                      "
2764                        data-parent-id="category-node-895"
2765                      >
2766                        <a
2767                          href="https://www.hulpmiddelwereld.be/wonen-slapen/kussens/hoofdkussens"
2768                          title="Hoofdkussens"
2769                          class="flex items-center w-full  cursor-pointer border-container"
2770                        >
2771                        <span class="ml-2 text-base">
2772                          Hoofdkussens                        </span>
2773                        </a>
2774                      </li>
2775                                          <li
2776                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
2777                      "
2778                        data-parent-id="category-node-895"
2779                      >
2780                        <a
2781                          href="https://www.hulpmiddelwereld.be/wonen-slapen/kussens/zitkussens"
2782                          title="Zitkussens"
2783                          class="flex items-center w-full  cursor-pointer border-container"
2784                        >
2785                        <span class="ml-2 text-base">
2786                          Zitkussens                        </span>
2787                        </a>
2788                      </li>
2789                                          <li
2790                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
2791                      "
2792                        data-parent-id="category-node-895"
2793                      >
2794                        <a
2795                          href="https://www.hulpmiddelwereld.be/wonen-slapen/kussens/lumbaalkussens"
2796                          title="Lumbaalkussens&#x20;"
2797                          class="flex items-center w-full  cursor-pointer border-container"
2798                        >
2799                        <span class="ml-2 text-base">
2800                          Lumbaalkussens                         </span>
2801                        </a>
2802                      </li>
2803                                          <li
2804                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
2805                      "
2806                        data-parent-id="category-node-895"
2807                      >
2808                        <a
2809                          href="https://www.hulpmiddelwereld.be/wonen-slapen/kussens/ringkussens"
2810                          title="Ringkussens"
2811                          class="flex items-center w-full  cursor-pointer border-container"
2812                        >
2813                        <span class="ml-2 text-base">
2814                          Ringkussens                        </span>
2815                        </a>
2816                      </li>
2817                                          <li
2818                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
2819                      "
2820                        data-parent-id="category-node-895"
2821                      >
2822                        <a
2823                          href="https://www.hulpmiddelwereld.be/wonen-slapen/kussens/positioneringskussens"
2824                          title="Positioneringskussens"
2825                          class="flex items-center w-full  cursor-pointer border-container"
2826                        >
2827                        <span class="ml-2 text-base">
2828                          Positioneringskussens                        </span>
2829                        </a>
2830                      </li>
2831                                          <li
2832                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
2833                      "
2834                        data-parent-id="category-node-895"
2835                      >
2836                        <a
2837                          href="https://www.hulpmiddelwereld.be/wonen-slapen/kussens/rugkussens"
2838                          title="Rugkussens"
2839                          class="flex items-center w-full  cursor-pointer border-container"
2840                        >
2841                        <span class="ml-2 text-base">
2842                          Rugkussens                        </span>
2843                        </a>
2844                      </li>
2845                                          <li
2846                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
2847                      "
2848                        data-parent-id="category-node-895"
2849                      >
2850                        <a
2851                          href="https://www.hulpmiddelwereld.be/wonen-slapen/kussens/stuitkussens"
2852                          title="Stuitkussens"
2853                          class="flex items-center w-full  cursor-pointer border-container"
2854                        >
2855                        <span class="ml-2 text-base">
2856                          Stuitkussens                        </span>
2857                        </a>
2858                      </li>
2859                                          <li
2860                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
2861                      "
2862                        data-parent-id="category-node-895"
2863                      >
2864                        <a
2865                          href="https://www.hulpmiddelwereld.be/wonen-slapen/kussens/tarwezak"
2866                          title="Tarwezak"
2867                          class="flex items-center w-full  cursor-pointer border-container"
2868                        >
2869                        <span class="ml-2 text-base">
2870                          Tarwezak                        </span>
2871                        </a>
2872                      </li>
2873                                          <li
2874                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
2875                      "
2876                        data-parent-id="category-node-895"
2877                      >
2878                        <a
2879                          href="https://www.hulpmiddelwereld.be/wonen-slapen/kussens/warmtekussens"
2880                          title="Warmtekussens"
2881                          class="flex items-center w-full  cursor-pointer border-container"
2882                        >
2883                        <span class="ml-2 text-base">
2884                          Warmtekussens                        </span>
2885                        </a>
2886                      </li>
2887                                          <li
2888                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
2889                      border-primary"
2890                        data-parent-id="category-node-895"
2891                      >
2892                        <a
2893                          href="https://www.hulpmiddelwereld.be/wonen-slapen/kussens/wigkussens"
2894                          title="Wigkussens"
2895                          class="flex items-center w-full  cursor-pointer border-container"
2896                        >
2897                        <span class="ml-2 text-base">
2898                          Wigkussens                        </span>
2899                        </a>
2900                      </li>
2901                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
2902                      data-subparent-id="category-node-317"
2903                      @click="toggleChildren('category-node-317')"
2904                  >
2905                    <span
2906                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
2907                    >
2908                      <span class="text-base">
2909                        Medische pantoffels                      </span>
2910                    </span>
2911                                          <button
2912                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
2913                        aria-label="Open&#x20;Medische&#x20;pantoffels&#x20;subcategorie&#xEB;n"
2914                        aria-haspopup="true"
2915                        :aria-expanded="mobilePanelActiveId === 'category-node-256'"
2916                      >
2917                        <div class="w-8 h-8 transform transition-transform duration-200">
2918                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
2919  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
2920</svg>
2921                        </div>
2922                      </button>
2923                                      </li>
2924                                      <li
2925                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
2926                      data-parent-id="category-node-317"
2927                    >
2928                      <a
2929                        href="https://www.hulpmiddelwereld.be/wonen-slapen/medische-pantoffels"
2930                        title="Medische&#x20;pantoffels"
2931                        class="flex items-center w-full  cursor-pointer border-container"
2932                      >
2933                        <span>Bekijk alles</span>
2934                      </a>
2935                    </li>
2936                                          <li
2937                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
2938                      "
2939                        data-parent-id="category-node-317"
2940                      >
2941                        <a
2942                          href="https://www.hulpmiddelwereld.be/wonen-slapen/medische-pantoffels/dames-sloffen"
2943                          title="Dames&#x20;pantoffels"
2944                          class="flex items-center w-full  cursor-pointer border-container"
2945                        >
2946                        <span class="ml-2 text-base">
2947                          Dames pantoffels                        </span>
2948                        </a>
2949                      </li>
2950                                          <li
2951                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
2952                      border-primary"
2953                        data-parent-id="category-node-317"
2954                      >
2955                        <a
2956                          href="https://www.hulpmiddelwereld.be/wonen-slapen/medische-pantoffels/heren-sloffen"
2957                          title="Heren&#x20;pantoffels"
2958                          class="flex items-center w-full  cursor-pointer border-container"
2959                        >
2960                        <span class="ml-2 text-base">
2961                          Heren pantoffels                        </span>
2962                        </a>
2963                      </li>
2964                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
2965                      data-subparent-id="category-node-852"
2966                      @click="toggleChildren('category-node-852')"
2967                  >
2968                    <span
2969                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
2970                    >
2971                      <span class="text-base">
2972                        Schoenen &amp; Sokken                      </span>
2973                    </span>
2974                                          <button
2975                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
2976                        aria-label="Open&#x20;Schoenen&#x20;&amp;&#x20;Sokken&#x20;subcategorie&#xEB;n"
2977                        aria-haspopup="true"
2978                        :aria-expanded="mobilePanelActiveId === 'category-node-256'"
2979                      >
2980                        <div class="w-8 h-8 transform transition-transform duration-200">
2981                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
2982  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
2983</svg>
2984                        </div>
2985                      </button>
2986                                      </li>
2987                                      <li
2988                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
2989                      data-parent-id="category-node-852"
2990                    >
2991                      <a
2992                        href="https://www.hulpmiddelwereld.be/wonen-slapen/schoenen-sokken"
2993                        title="Schoenen&#x20;&amp;&#x20;Sokken"
2994                        class="flex items-center w-full  cursor-pointer border-container"
2995                      >
2996                        <span>Bekijk alles</span>
2997                      </a>
2998                    </li>
2999                                          <li
3000                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
3001                      "
3002                        data-parent-id="category-node-852"
3003                      >
3004                        <a
3005                          href="https://www.hulpmiddelwereld.be/wonen-slapen/schoenen-sokken/comfortschoenen"
3006                          title="Comfortschoenen"
3007                          class="flex items-center w-full  cursor-pointer border-container"
3008                        >
3009                        <span class="ml-2 text-base">
3010                          Comfortschoenen                        </span>
3011                        </a>
3012                      </li>
3013                                          <li
3014                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
3015                      "
3016                        data-parent-id="category-node-852"
3017                      >
3018                        <a
3019                          href="https://www.hulpmiddelwereld.be/wonen-slapen/schoenen-sokken/verbandschoenen"
3020                          title="Verbandschoenen"
3021                          class="flex items-center w-full  cursor-pointer border-container"
3022                        >
3023                        <span class="ml-2 text-base">
3024                          Verbandschoenen                        </span>
3025                        </a>
3026                      </li>
3027                                          <li
3028                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
3029                      "
3030                        data-parent-id="category-node-852"
3031                      >
3032                        <a
3033                          href="https://www.hulpmiddelwereld.be/wonen-slapen/schoenen-sokken/compressie-sokken"
3034                          title="Compressie&#x20;sokken"
3035                          class="flex items-center w-full  cursor-pointer border-container"
3036                        >
3037                        <span class="ml-2 text-base">
3038                          Compressie sokken                        </span>
3039                        </a>
3040                      </li>
3041                                          <li
3042                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
3043                      "
3044                        data-parent-id="category-node-852"
3045                      >
3046                        <a
3047                          href="https://www.hulpmiddelwereld.be/wonen-slapen/schoenen-sokken/steunzolen"
3048                          title="Steunzolen"
3049                          class="flex items-center w-full  cursor-pointer border-container"
3050                        >
3051                        <span class="ml-2 text-base">
3052                          Steunzolen                        </span>
3053                        </a>
3054                      </li>
3055                                          <li
3056                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
3057                      "
3058                        data-parent-id="category-node-852"
3059                      >
3060                        <a
3061                          href="https://www.hulpmiddelwereld.be/wonen-slapen/schoenen-sokken/anti-slip-sokken"
3062                          title="Anti-slip&#x20;sokken"
3063                          class="flex items-center w-full  cursor-pointer border-container"
3064                        >
3065                        <span class="ml-2 text-base">
3066                          Anti-slip sokken                        </span>
3067                        </a>
3068                      </li>
3069                                          <li
3070                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
3071                      border-primary"
3072                        data-parent-id="category-node-852"
3073                      >
3074                        <a
3075                          href="https://www.hulpmiddelwereld.be/wonen-slapen/schoenen-sokken/sokken"
3076                          title="Alle&#x20;sokken"
3077                          class="flex items-center w-full  cursor-pointer border-container"
3078                        >
3079                        <span class="ml-2 text-base">
3080                          Alle sokken                        </span>
3081                        </a>
3082                      </li>
3083                                                                    </ul>
3084            </div>
3085                  </li>
3086              <li
3087          data-child-id="category-node-237-main"
3088          class="level-0"
3089        >
3090          <div
3091            class="flex items-center transition-transform duration-150 ease-in-out transform px-8 py-2 border-b bg-container-lighter border-primary"
3092            :class="{
3093              '-translate-x-full' : mobilePanelActiveId,
3094              'translate-x-0' : !mobilePanelActiveId
3095            }"
3096          >
3097            <a
3098              class="flex items-center w-full cursor-pointer level-0 h-11 text-primary font-bold"
3099                              @click="openSubcategory('category-node-237')"
3100                            title="Badkamer&#x20;&amp;&#x20;Toilet"
3101            >
3102              Badkamer &amp; Toilet            </a>
3103                          <button
3104                @click="openSubcategory('category-node-237')"
3105                class="flex items-center justify-center w-11 h-11 cursor-pointer text-primary"
3106                aria-label="Open&#x20;Badkamer&#x20;&amp;&#x20;Toilet&#x20;subcategorie&#xEB;n"
3107                aria-haspopup="true"
3108                :aria-expanded="mobilePanelActiveId === 'category-node-237'"
3109              >
3110                <div class="w-8 h-8">
3111                  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
3112  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
3113</svg>
3114                </div>
3115              </button>
3116                      </div>
3117                      <div
3118              data-child-id="category-node-237"
3119              class="absolute top-0 right-0 z-10 flex flex-col w-full bg-container-lighter"
3120              :class="{'hidden': mobilePanelActiveId !== 'category-node-237'}"
3121            >
3122              <div class="flex justify-between items-center bg-primary w-full px-8">
3123                <span class="text-white font-bold">
3124                  Menu                </span>
3125                <button
3126                  @click="closeMenu();"
3127                  class=" flex justify-end w-16 self-end -mr-4"
3128                  aria-label="Sluit&#x20;menu"
3129                  type="button"
3130                >
3131                  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="hidden p-4 text-white" width="64" height="64" :class="{ 'hidden' : !open, 'block': open }" aria-hidden="true">
3132  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
3133</svg>
3134                </button>
3135              </div>
3136              <ul
3137                class="transition-transform duration-150 ease-in-out translate-x-full transform list-none p-0 m-0"
3138                :class="{
3139                  'translate-x-full' : mobilePanelActiveId !== 'category-node-237',
3140                  'translate-x-0' : mobilePanelActiveId === 'category-node-237',
3141                }"
3142                aria-label="Subcategorie&#xEB;n"
3143              >
3144                <li class="px-8 py-2 border-b cursor-pointer bg-container border-primary w-full border-t text-primary font-bold">
3145                  <button
3146                    type="button"
3147                    class="flex items-center h-11 w-full"
3148                    @click="backToMainCategories('category-node-237-main');"
3149                    aria-label="Terug&#x20;naar&#x20;hoofdcategorie&#xEB;n"
3150                  >
3151                    <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">
3152  <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/>
3153</svg>
3154                    <span class="ml-4">
3155                      Badkamer &amp; Toilet                    </span>
3156                  </button>
3157                </li>
3158                <li>
3159                  <a
3160                    href="https://www.hulpmiddelwereld.be/badkamer-toilet"
3161                    title="Badkamer&#x20;&amp;&#x20;Toilet"
3162                    class="flex items-center justify-between w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-primary text-primary font-bold"
3163                  >
3164                    <span>Bekijk alles</span>
3165                  </a>
3166                </li>
3167                                  <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
3168                      data-subparent-id="category-node-857"
3169                      @click="toggleChildren('category-node-857')"
3170                  >
3171                    <span
3172                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
3173                    >
3174                      <span class="text-base">
3175                        Bad                      </span>
3176                    </span>
3177                                          <button
3178                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
3179                        aria-label="Open&#x20;Bad&#x20;subcategorie&#xEB;n"
3180                        aria-haspopup="true"
3181                        :aria-expanded="mobilePanelActiveId === 'category-node-237'"
3182                      >
3183                        <div class="w-8 h-8 transform transition-transform duration-200">
3184                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
3185  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
3186</svg>
3187                        </div>
3188                      </button>
3189                                      </li>
3190                                      <li
3191                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
3192                      data-parent-id="category-node-857"
3193                    >
3194                      <a
3195                        href="https://www.hulpmiddelwereld.be/badkamer-toilet/bad"
3196                        title="Bad"
3197                        class="flex items-center w-full  cursor-pointer border-container"
3198                      >
3199                        <span>Bekijk alles</span>
3200                      </a>
3201                    </li>
3202                                          <li
3203                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
3204                      "
3205                        data-parent-id="category-node-857"
3206                      >
3207                        <a
3208                          href="https://www.hulpmiddelwereld.be/badkamer-toilet/bad/badmatten"
3209                          title="Badmatten"
3210                          class="flex items-center w-full  cursor-pointer border-container"
3211                        >
3212                        <span class="ml-2 text-base">
3213                          Badmatten                        </span>
3214                        </a>
3215                      </li>
3216                                          <li
3217                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
3218                      "
3219                        data-parent-id="category-node-857"
3220                      >
3221                        <a
3222                          href="https://www.hulpmiddelwereld.be/badkamer-toilet/bad/badopstapjes"
3223                          title="Badopstapjes"
3224                          class="flex items-center w-full  cursor-pointer border-container"
3225                        >
3226                        <span class="ml-2 text-base">
3227                          Badopstapjes                        </span>
3228                        </a>
3229                      </li>
3230                                          <li
3231                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
3232                      "
3233                        data-parent-id="category-node-857"
3234                      >
3235                        <a
3236                          href="https://www.hulpmiddelwereld.be/badkamer-toilet/bad/badplanken"
3237                          title="Badplanken"
3238                          class="flex items-center w-full  cursor-pointer border-container"
3239                        >
3240                        <span class="ml-2 text-base">
3241                          Badplanken                        </span>
3242                        </a>
3243                      </li>
3244                                          <li
3245                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
3246                      border-primary"
3247                        data-parent-id="category-node-857"
3248                      >
3249                        <a
3250                          href="https://www.hulpmiddelwereld.be/badkamer-toilet/bad/badbeugels"
3251                          title="Badbeugels"
3252                          class="flex items-center w-full  cursor-pointer border-container"
3253                        >
3254                        <span class="ml-2 text-base">
3255                          Badbeugels                        </span>
3256                        </a>
3257                      </li>
3258                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
3259                      data-subparent-id="category-node-859"
3260                      @click="toggleChildren('category-node-859')"
3261                  >
3262                    <span
3263                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
3264                    >
3265                      <span class="text-base">
3266                        Toilet                      </span>
3267                    </span>
3268                                          <button
3269                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
3270                        aria-label="Open&#x20;Toilet&#x20;subcategorie&#xEB;n"
3271                        aria-haspopup="true"
3272                        :aria-expanded="mobilePanelActiveId === 'category-node-237'"
3273                      >
3274                        <div class="w-8 h-8 transform transition-transform duration-200">
3275                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
3276  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
3277</svg>
3278                        </div>
3279                      </button>
3280                                      </li>
3281                                      <li
3282                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
3283                      data-parent-id="category-node-859"
3284                    >
3285                      <a
3286                        href="https://www.hulpmiddelwereld.be/badkamer-toilet/toilet"
3287                        title="Toilet"
3288                        class="flex items-center w-full  cursor-pointer border-container"
3289                      >
3290                        <span>Bekijk alles</span>
3291                      </a>
3292                    </li>
3293                                          <li
3294                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
3295                      "
3296                        data-parent-id="category-node-859"
3297                      >
3298                        <a
3299                          href="https://www.hulpmiddelwereld.be/badkamer-toilet/toilet/toiletstoelen"
3300                          title="Toiletstoelen"
3301                          class="flex items-center w-full  cursor-pointer border-container"
3302                        >
3303                        <span class="ml-2 text-base">
3304                          Toiletstoelen                        </span>
3305                        </a>
3306                      </li>
3307                                          <li
3308                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
3309                      "
3310                        data-parent-id="category-node-859"
3311                      >
3312                        <a
3313                          href="https://www.hulpmiddelwereld.be/badkamer-toilet/toilet/toiletverhogers"
3314                          title="Toiletverhogers"
3315                          class="flex items-center w-full  cursor-pointer border-container"
3316                        >
3317                        <span class="ml-2 text-base">
3318                          Toiletverhogers                        </span>
3319                        </a>
3320                      </li>
3321                                          <li
3322                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
3323                      "
3324                        data-parent-id="category-node-859"
3325                      >
3326                        <a
3327                          href="https://www.hulpmiddelwereld.be/badkamer-toilet/toilet/toiletbeugels"
3328                          title="Toiletbeugels"
3329                          class="flex items-center w-full  cursor-pointer border-container"
3330                        >
3331                        <span class="ml-2 text-base">
3332                          Toiletbeugels                        </span>
3333                        </a>
3334                      </li>
3335                                          <li
3336                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
3337                      "
3338                        data-parent-id="category-node-859"
3339                      >
3340                        <a
3341                          href="https://www.hulpmiddelwereld.be/badkamer-toilet/toilet/toiletsteunen"
3342                          title="Toiletsteunen"
3343                          class="flex items-center w-full  cursor-pointer border-container"
3344                        >
3345                        <span class="ml-2 text-base">
3346                          Toiletsteunen                        </span>
3347                        </a>
3348                      </li>
3349                                          <li
3350                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
3351                      "
3352                        data-parent-id="category-node-859"
3353                      >
3354                        <a
3355                          href="https://www.hulpmiddelwereld.be/badkamer-toilet/toilet/toiletzittingen"
3356                          title="Toiletzittingen"
3357                          class="flex items-center w-full  cursor-pointer border-container"
3358                        >
3359                        <span class="ml-2 text-base">
3360                          Toiletzittingen                        </span>
3361                        </a>
3362                      </li>
3363                                          <li
3364                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
3365                      border-primary"
3366                        data-parent-id="category-node-859"
3367                      >
3368                        <a
3369                          href="https://www.hulpmiddelwereld.be/badkamer-toilet/toilet/toiletkruk"
3370                          title="Toiletkruk"
3371                          class="flex items-center w-full  cursor-pointer border-container"
3372                        >
3373                        <span class="ml-2 text-base">
3374                          Toiletkruk                        </span>
3375                        </a>
3376                      </li>
3377                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
3378                      data-subparent-id="category-node-856"
3379                      @click="toggleChildren('category-node-856')"
3380                  >
3381                    <span
3382                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
3383                    >
3384                      <span class="text-base">
3385                        Douche                      </span>
3386                    </span>
3387                                          <button
3388                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
3389                        aria-label="Open&#x20;Douche&#x20;subcategorie&#xEB;n"
3390                        aria-haspopup="true"
3391                        :aria-expanded="mobilePanelActiveId === 'category-node-237'"
3392                      >
3393                        <div class="w-8 h-8 transform transition-transform duration-200">
3394                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
3395  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
3396</svg>
3397                        </div>
3398                      </button>
3399                                      </li>
3400                                      <li
3401                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
3402                      data-parent-id="category-node-856"
3403                    >
3404                      <a
3405                        href="https://www.hulpmiddelwereld.be/badkamer-toilet/douche"
3406                        title="Douche"
3407                        class="flex items-center w-full  cursor-pointer border-container"
3408                      >
3409                        <span>Bekijk alles</span>
3410                      </a>
3411                    </li>
3412                                          <li
3413                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
3414                      "
3415                        data-parent-id="category-node-856"
3416                      >
3417                        <a
3418                          href="https://www.hulpmiddelwereld.be/badkamer-toilet/douche/douchestoelen"
3419                          title="Douchestoelen"
3420                          class="flex items-center w-full  cursor-pointer border-container"
3421                        >
3422                        <span class="ml-2 text-base">
3423                          Douchestoelen                        </span>
3424                        </a>
3425                      </li>
3426                                          <li
3427                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
3428                      border-primary"
3429                        data-parent-id="category-node-856"
3430                      >
3431                        <a
3432                          href="https://www.hulpmiddelwereld.be/badkamer-toilet/douche/douchekrukken"
3433                          title="Douchekrukken"
3434                          class="flex items-center w-full  cursor-pointer border-container"
3435                        >
3436                        <span class="ml-2 text-base">
3437                          Douchekrukken                        </span>
3438                        </a>
3439                      </li>
3440                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
3441                      data-subparent-id="category-node-858"
3442                      @click="toggleChildren('category-node-858')"
3443                  >
3444                    <span
3445                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
3446                    >
3447                      <span class="text-base">
3448                        Valpreventie                      </span>
3449                    </span>
3450                                          <button
3451                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
3452                        aria-label="Open&#x20;Valpreventie&#x20;subcategorie&#xEB;n"
3453                        aria-haspopup="true"
3454                        :aria-expanded="mobilePanelActiveId === 'category-node-237'"
3455                      >
3456                        <div class="w-8 h-8 transform transition-transform duration-200">
3457                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
3458  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
3459</svg>
3460                        </div>
3461                      </button>
3462                                      </li>
3463                                      <li
3464                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
3465                      data-parent-id="category-node-858"
3466                    >
3467                      <a
3468                        href="https://www.hulpmiddelwereld.be/badkamer-toilet/valpreventie"
3469                        title="Valpreventie"
3470                        class="flex items-center w-full  cursor-pointer border-container"
3471                      >
3472                        <span>Bekijk alles</span>
3473                      </a>
3474                    </li>
3475                                          <li
3476                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
3477                      "
3478                        data-parent-id="category-node-858"
3479                      >
3480                        <a
3481                          href="https://www.hulpmiddelwereld.be/badkamer-toilet/valpreventie/grijppalen"
3482                          title="Grijppalen"
3483                          class="flex items-center w-full  cursor-pointer border-container"
3484                        >
3485                        <span class="ml-2 text-base">
3486                          Grijppalen                        </span>
3487                        </a>
3488                      </li>
3489                                          <li
3490                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
3491                      "
3492                        data-parent-id="category-node-858"
3493                      >
3494                        <a
3495                          href="https://www.hulpmiddelwereld.be/badkamer-toilet/valpreventie/wandbeugels"
3496                          title="Wandbeugels"
3497                          class="flex items-center w-full  cursor-pointer border-container"
3498                        >
3499                        <span class="ml-2 text-base">
3500                          Wandbeugels                        </span>
3501                        </a>
3502                      </li>
3503                                          <li
3504                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
3505                      border-primary"
3506                        data-parent-id="category-node-858"
3507                      >
3508                        <a
3509                          href="https://www.hulpmiddelwereld.be/badkamer-toilet/valpreventie/wandbeugels-zonder-boren"
3510                          title="Wandbeugels&#x20;zonder&#x20;boren"
3511                          class="flex items-center w-full  cursor-pointer border-container"
3512                        >
3513                        <span class="ml-2 text-base">
3514                          Wandbeugels zonder boren                        </span>
3515                        </a>
3516                      </li>
3517                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
3518                      data-subparent-id="category-node-246"
3519                      @click="toggleChildren('category-node-246')"
3520                  >
3521                    <span
3522                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
3523                    >
3524                      <span class="text-base">
3525                        Gipshoezen                      </span>
3526                    </span>
3527                                          <button
3528                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
3529                        aria-label="Open&#x20;Gipshoezen&#x20;subcategorie&#xEB;n"
3530                        aria-haspopup="true"
3531                        :aria-expanded="mobilePanelActiveId === 'category-node-237'"
3532                      >
3533                        <div class="w-8 h-8 transform transition-transform duration-200">
3534                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
3535  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
3536</svg>
3537                        </div>
3538                      </button>
3539                                      </li>
3540                                      <li
3541                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
3542                      data-parent-id="category-node-246"
3543                    >
3544                      <a
3545                        href="https://www.hulpmiddelwereld.be/badkamer-toilet/gipshoezen"
3546                        title="Gipshoezen"
3547                        class="flex items-center w-full  cursor-pointer border-container"
3548                      >
3549                        <span>Bekijk alles</span>
3550                      </a>
3551                    </li>
3552                                          <li
3553                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
3554                      "
3555                        data-parent-id="category-node-246"
3556                      >
3557                        <a
3558                          href="https://www.hulpmiddelwereld.be/badkamer-toilet/gipshoezen/gipshoes-arm"
3559                          title="Gipshoes&#x20;arm"
3560                          class="flex items-center w-full  cursor-pointer border-container"
3561                        >
3562                        <span class="ml-2 text-base">
3563                          Gipshoes arm                        </span>
3564                        </a>
3565                      </li>
3566                                          <li
3567                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
3568                      "
3569                        data-parent-id="category-node-246"
3570                      >
3571                        <a
3572                          href="https://www.hulpmiddelwereld.be/badkamer-toilet/gipshoezen/gipshoes-been"
3573                          title="Gipshoes&#x20;been"
3574                          class="flex items-center w-full  cursor-pointer border-container"
3575                        >
3576                        <span class="ml-2 text-base">
3577                          Gipshoes been                        </span>
3578                        </a>
3579                      </li>
3580                                          <li
3581                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
3582                      "
3583                        data-parent-id="category-node-246"
3584                      >
3585                        <a
3586                          href="https://www.hulpmiddelwereld.be/badkamer-toilet/gipshoezen/gipshoes-hand"
3587                          title="Gipshoes&#x20;hand"
3588                          class="flex items-center w-full  cursor-pointer border-container"
3589                        >
3590                        <span class="ml-2 text-base">
3591                          Gipshoes hand                        </span>
3592                        </a>
3593                      </li>
3594                                          <li
3595                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
3596                      "
3597                        data-parent-id="category-node-246"
3598                      >
3599                        <a
3600                          href="https://www.hulpmiddelwereld.be/badkamer-toilet/gipshoezen/gipshoes-voet"
3601                          title="Gipshoes&#x20;voet"
3602                          class="flex items-center w-full  cursor-pointer border-container"
3603                        >
3604                        <span class="ml-2 text-base">
3605                          Gipshoes voet                        </span>
3606                        </a>
3607                      </li>
3608                                          <li
3609                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
3610                      border-primary"
3611                        data-parent-id="category-node-246"
3612                      >
3613                        <a
3614                          href="https://www.hulpmiddelwereld.be/badkamer-toilet/gipshoezen/gipshoes-kind"
3615                          title="Gipshoes&#x20;kind"
3616                          class="flex items-center w-full  cursor-pointer border-container"
3617                        >
3618                        <span class="ml-2 text-base">
3619                          Gipshoes kind                        </span>
3620                        </a>
3621                      </li>
3622                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
3623                      data-subparent-id="category-node-247"
3624                      @click="toggleChildren('category-node-247')"
3625                  >
3626                    <span
3627                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
3628                    >
3629                      <span class="text-base">
3630                        Persoonlijke verzorging                      </span>
3631                    </span>
3632                                          <button
3633                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
3634                        aria-label="Open&#x20;Persoonlijke&#x20;verzorging&#x20;subcategorie&#xEB;n"
3635                        aria-haspopup="true"
3636                        :aria-expanded="mobilePanelActiveId === 'category-node-237'"
3637                      >
3638                        <div class="w-8 h-8 transform transition-transform duration-200">
3639                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
3640  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
3641</svg>
3642                        </div>
3643                      </button>
3644                                      </li>
3645                                      <li
3646                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
3647                      data-parent-id="category-node-247"
3648                    >
3649                      <a
3650                        href="https://www.hulpmiddelwereld.be/badkamer-toilet/persoonlijke-verzorging"
3651                        title="Persoonlijke&#x20;verzorging"
3652                        class="flex items-center w-full  cursor-pointer border-container"
3653                      >
3654                        <span>Bekijk alles</span>
3655                      </a>
3656                    </li>
3657                                          <li
3658                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
3659                      "
3660                        data-parent-id="category-node-247"
3661                      >
3662                        <a
3663                          href="https://www.hulpmiddelwereld.be/badkamer-toilet/persoonlijke-verzorging/haarverzorgings-hulpmiddelen"
3664                          title="Haarverzorging"
3665                          class="flex items-center w-full  cursor-pointer border-container"
3666                        >
3667                        <span class="ml-2 text-base">
3668                          Haarverzorging                        </span>
3669                        </a>
3670                      </li>
3671                                          <li
3672                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
3673                      "
3674                        data-parent-id="category-node-247"
3675                      >
3676                        <a
3677                          href="https://www.hulpmiddelwereld.be/badkamer-toilet/persoonlijke-verzorging/nagelverzorging"
3678                          title="Nagelverzorging"
3679                          class="flex items-center w-full  cursor-pointer border-container"
3680                        >
3681                        <span class="ml-2 text-base">
3682                          Nagelverzorging                        </span>
3683                        </a>
3684                      </li>
3685                                          <li
3686                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
3687                      border-primary"
3688                        data-parent-id="category-node-247"
3689                      >
3690                        <a
3691                          href="https://www.hulpmiddelwereld.be/badkamer-toilet/persoonlijke-verzorging/washulpen"
3692                          title="Washulpen"
3693                          class="flex items-center w-full  cursor-pointer border-container"
3694                        >
3695                        <span class="ml-2 text-base">
3696                          Washulpen                        </span>
3697                        </a>
3698                      </li>
3699                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
3700                      data-subparent-id="category-node-402"
3701                      @click="toggleChildren('category-node-402')"
3702                  >
3703                    <span
3704                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
3705                    >
3706                      <span class="text-base">
3707                        Weegschalen                      </span>
3708                    </span>
3709                                          <button
3710                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
3711                        aria-label="Open&#x20;Weegschalen&#x20;subcategorie&#xEB;n"
3712                        aria-haspopup="true"
3713                        :aria-expanded="mobilePanelActiveId === 'category-node-237'"
3714                      >
3715                        <div class="w-8 h-8 transform transition-transform duration-200">
3716                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
3717  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
3718</svg>
3719                        </div>
3720                      </button>
3721                                      </li>
3722                                      <li
3723                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
3724                      data-parent-id="category-node-402"
3725                    >
3726                      <a
3727                        href="https://www.hulpmiddelwereld.be/badkamer-toilet/weegschalen"
3728                        title="Weegschalen"
3729                        class="flex items-center w-full  cursor-pointer border-container"
3730                      >
3731                        <span>Bekijk alles</span>
3732                      </a>
3733                    </li>
3734                                          <li
3735                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
3736                      border-primary"
3737                        data-parent-id="category-node-402"
3738                      >
3739                        <a
3740                          href="https://www.hulpmiddelwereld.be/badkamer-toilet/weegschalen/digitale-weegschalen"
3741                          title="Digitale&#x20;weegschalen"
3742                          class="flex items-center w-full  cursor-pointer border-container"
3743                        >
3744                        <span class="ml-2 text-base">
3745                          Digitale weegschalen                        </span>
3746                        </a>
3747                      </li>
3748                                                                    </ul>
3749            </div>
3750                  </li>
3751              <li
3752          data-child-id="category-node-289-main"
3753          class="level-0"
3754        >
3755          <div
3756            class="flex items-center transition-transform duration-150 ease-in-out transform px-8 py-2 border-b bg-container-lighter border-primary"
3757            :class="{
3758              '-translate-x-full' : mobilePanelActiveId,
3759              'translate-x-0' : !mobilePanelActiveId
3760            }"
3761          >
3762            <a
3763              class="flex items-center w-full cursor-pointer level-0 h-11 text-primary font-bold"
3764                              @click="openSubcategory('category-node-289')"
3765                            title="Medische&#x20;Hulpmiddelen"
3766            >
3767              Medische Hulpmiddelen            </a>
3768                          <button
3769                @click="openSubcategory('category-node-289')"
3770                class="flex items-center justify-center w-11 h-11 cursor-pointer text-primary"
3771                aria-label="Open&#x20;Medische&#x20;Hulpmiddelen&#x20;subcategorie&#xEB;n"
3772                aria-haspopup="true"
3773                :aria-expanded="mobilePanelActiveId === 'category-node-289'"
3774              >
3775                <div class="w-8 h-8">
3776                  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
3777  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
3778</svg>
3779                </div>
3780              </button>
3781                      </div>
3782                      <div
3783              data-child-id="category-node-289"
3784              class="absolute top-0 right-0 z-10 flex flex-col w-full bg-container-lighter"
3785              :class="{'hidden': mobilePanelActiveId !== 'category-node-289'}"
3786            >
3787              <div class="flex justify-between items-center bg-primary w-full px-8">
3788                <span class="text-white font-bold">
3789                  Menu                </span>
3790                <button
3791                  @click="closeMenu();"
3792                  class=" flex justify-end w-16 self-end -mr-4"
3793                  aria-label="Sluit&#x20;menu"
3794                  type="button"
3795                >
3796                  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="hidden p-4 text-white" width="64" height="64" :class="{ 'hidden' : !open, 'block': open }" aria-hidden="true">
3797  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
3798</svg>
3799                </button>
3800              </div>
3801              <ul
3802                class="transition-transform duration-150 ease-in-out translate-x-full transform list-none p-0 m-0"
3803                :class="{
3804                  'translate-x-full' : mobilePanelActiveId !== 'category-node-289',
3805                  'translate-x-0' : mobilePanelActiveId === 'category-node-289',
3806                }"
3807                aria-label="Subcategorie&#xEB;n"
3808              >
3809                <li class="px-8 py-2 border-b cursor-pointer bg-container border-primary w-full border-t text-primary font-bold">
3810                  <button
3811                    type="button"
3812                    class="flex items-center h-11 w-full"
3813                    @click="backToMainCategories('category-node-289-main');"
3814                    aria-label="Terug&#x20;naar&#x20;hoofdcategorie&#xEB;n"
3815                  >
3816                    <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">
3817  <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/>
3818</svg>
3819                    <span class="ml-4">
3820                      Medische Hulpmiddelen                    </span>
3821                  </button>
3822                </li>
3823                <li>
3824                  <a
3825                    href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen"
3826                    title="Medische&#x20;Hulpmiddelen"
3827                    class="flex items-center justify-between w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-primary text-primary font-bold"
3828                  >
3829                    <span>Bekijk alles</span>
3830                  </a>
3831                </li>
3832                                  <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
3833                      data-subparent-id="category-node-470"
3834                      @click="toggleChildren('category-node-470')"
3835                  >
3836                    <span
3837                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
3838                    >
3839                      <span class="text-base">
3840                        EHBO materiaal                      </span>
3841                    </span>
3842                                          <button
3843                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
3844                        aria-label="Open&#x20;EHBO&#x20;materiaal&#x20;subcategorie&#xEB;n"
3845                        aria-haspopup="true"
3846                        :aria-expanded="mobilePanelActiveId === 'category-node-289'"
3847                      >
3848                        <div class="w-8 h-8 transform transition-transform duration-200">
3849                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
3850  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
3851</svg>
3852                        </div>
3853                      </button>
3854                                      </li>
3855                                      <li
3856                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
3857                      data-parent-id="category-node-470"
3858                    >
3859                      <a
3860                        href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/ehbo-materiaal"
3861                        title="EHBO&#x20;materiaal"
3862                        class="flex items-center w-full  cursor-pointer border-container"
3863                      >
3864                        <span>Bekijk alles</span>
3865                      </a>
3866                    </li>
3867                                          <li
3868                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
3869                      "
3870                        data-parent-id="category-node-470"
3871                      >
3872                        <a
3873                          href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/ehbo-materiaal/verbandmiddelen"
3874                          title="Verbandmiddelen"
3875                          class="flex items-center w-full  cursor-pointer border-container"
3876                        >
3877                        <span class="ml-2 text-base">
3878                          Verbandmiddelen                        </span>
3879                        </a>
3880                      </li>
3881                                          <li
3882                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
3883                      "
3884                        data-parent-id="category-node-470"
3885                      >
3886                        <a
3887                          href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/ehbo-materiaal/pleisters"
3888                          title="Pleisters"
3889                          class="flex items-center w-full  cursor-pointer border-container"
3890                        >
3891                        <span class="ml-2 text-base">
3892                          Pleisters                        </span>
3893                        </a>
3894                      </li>
3895                                          <li
3896                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
3897                      border-primary"
3898                        data-parent-id="category-node-470"
3899                      >
3900                        <a
3901                          href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/ehbo-materiaal/ehbo-pakketten"
3902                          title="EHBO-pakketten&#x20;"
3903                          class="flex items-center w-full  cursor-pointer border-container"
3904                        >
3905                        <span class="ml-2 text-base">
3906                          EHBO-pakketten                         </span>
3907                        </a>
3908                      </li>
3909                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
3910                      data-subparent-id="category-node-297"
3911                      @click="toggleChildren('category-node-297')"
3912                  >
3913                    <span
3914                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
3915                    >
3916                      <span class="text-base">
3917                        Pillen hulpmiddelen                      </span>
3918                    </span>
3919                                          <button
3920                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
3921                        aria-label="Open&#x20;Pillen&#x20;hulpmiddelen&#x20;subcategorie&#xEB;n"
3922                        aria-haspopup="true"
3923                        :aria-expanded="mobilePanelActiveId === 'category-node-289'"
3924                      >
3925                        <div class="w-8 h-8 transform transition-transform duration-200">
3926                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
3927  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
3928</svg>
3929                        </div>
3930                      </button>
3931                                      </li>
3932                                      <li
3933                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
3934                      data-parent-id="category-node-297"
3935                    >
3936                      <a
3937                        href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/pillen-hulpmiddelen"
3938                        title="Pillen&#x20;hulpmiddelen"
3939                        class="flex items-center w-full  cursor-pointer border-container"
3940                      >
3941                        <span>Bekijk alles</span>
3942                      </a>
3943                    </li>
3944                                          <li
3945                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
3946                      "
3947                        data-parent-id="category-node-297"
3948                      >
3949                        <a
3950                          href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/pillen-hulpmiddelen/pillendoosjes"
3951                          title="Pillendoosjes"
3952                          class="flex items-center w-full  cursor-pointer border-container"
3953                        >
3954                        <span class="ml-2 text-base">
3955                          Pillendoosjes                        </span>
3956                        </a>
3957                      </li>
3958                                          <li
3959                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
3960                      "
3961                        data-parent-id="category-node-297"
3962                      >
3963                        <a
3964                          href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/pillen-hulpmiddelen/pillenvergruizers-splijters"
3965                          title="Pillenvergruizers&#x20;&amp;&#x20;splijters"
3966                          class="flex items-center w-full  cursor-pointer border-container"
3967                        >
3968                        <span class="ml-2 text-base">
3969                          Pillenvergruizers &amp; splijters                        </span>
3970                        </a>
3971                      </li>
3972                                          <li
3973                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
3974                      border-primary"
3975                        data-parent-id="category-node-297"
3976                      >
3977                        <a
3978                          href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/pillen-hulpmiddelen/overige-pillen-hulpmiddelen"
3979                          title="Overige&#x20;pillen&#x20;hulpmiddelen"
3980                          class="flex items-center w-full  cursor-pointer border-container"
3981                        >
3982                        <span class="ml-2 text-base">
3983                          Overige pillen hulpmiddelen                        </span>
3984                        </a>
3985                      </li>
3986                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
3987                      data-subparent-id="category-node-298"
3988                      @click="toggleChildren('category-node-298')"
3989                  >
3990                    <span
3991                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
3992                    >
3993                      <span class="text-base">
3994                        Stoma hulpmiddelen                      </span>
3995                    </span>
3996                                          <button
3997                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
3998                        aria-label="Open&#x20;Stoma&#x20;hulpmiddelen&#x20;subcategorie&#xEB;n"
3999                        aria-haspopup="true"
4000                        :aria-expanded="mobilePanelActiveId === 'category-node-289'"
4001                      >
4002                        <div class="w-8 h-8 transform transition-transform duration-200">
4003                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
4004  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
4005</svg>
4006                        </div>
4007                      </button>
4008                                      </li>
4009                                      <li
4010                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
4011                      data-parent-id="category-node-298"
4012                    >
4013                      <a
4014                        href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/stoma-hulpmiddelen"
4015                        title="Stoma&#x20;hulpmiddelen"
4016                        class="flex items-center w-full  cursor-pointer border-container"
4017                      >
4018                        <span>Bekijk alles</span>
4019                      </a>
4020                    </li>
4021                                          <li
4022                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
4023                      "
4024                        data-parent-id="category-node-298"
4025                      >
4026                        <a
4027                          href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/stoma-hulpmiddelen/stomacovers-fixatie"
4028                          title="Stomacovers&#x20;&amp;&#x20;fixatie"
4029                          class="flex items-center w-full  cursor-pointer border-container"
4030                        >
4031                        <span class="ml-2 text-base">
4032                          Stomacovers &amp; fixatie                        </span>
4033                        </a>
4034                      </li>
4035                                          <li
4036                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
4037                      "
4038                        data-parent-id="category-node-298"
4039                      >
4040                        <a
4041                          href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/stoma-hulpmiddelen/stomabanden"
4042                          title="Stomabanden"
4043                          class="flex items-center w-full  cursor-pointer border-container"
4044                        >
4045                        <span class="ml-2 text-base">
4046                          Stomabanden                        </span>
4047                        </a>
4048                      </li>
4049                                          <li
4050                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
4051                      border-primary"
4052                        data-parent-id="category-node-298"
4053                      >
4054                        <a
4055                          href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/stoma-hulpmiddelen/kleefresten-verwijderen"
4056                          title="Kleefresten&#x20;verwijderen"
4057                          class="flex items-center w-full  cursor-pointer border-container"
4058                        >
4059                        <span class="ml-2 text-base">
4060                          Kleefresten verwijderen                        </span>
4061                        </a>
4062                      </li>
4063                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
4064                      data-subparent-id="category-node-921"
4065                      @click="toggleChildren('category-node-921')"
4066                  >
4067                    <span
4068                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
4069                    >
4070                      <span class="text-base">
4071                        Meten &amp; monitoring                      </span>
4072                    </span>
4073                                          <button
4074                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
4075                        aria-label="Open&#x20;Meten&#x20;&amp;&#x20;monitoring&#x20;subcategorie&#xEB;n"
4076                        aria-haspopup="true"
4077                        :aria-expanded="mobilePanelActiveId === 'category-node-289'"
4078                      >
4079                        <div class="w-8 h-8 transform transition-transform duration-200">
4080                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
4081  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
4082</svg>
4083                        </div>
4084                      </button>
4085                                      </li>
4086                                      <li
4087                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
4088                      data-parent-id="category-node-921"
4089                    >
4090                      <a
4091                        href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/meten-monitoring"
4092                        title="Meten&#x20;&amp;&#x20;monitoring"
4093                        class="flex items-center w-full  cursor-pointer border-container"
4094                      >
4095                        <span>Bekijk alles</span>
4096                      </a>
4097                    </li>
4098                                          <li
4099                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
4100                      "
4101                        data-parent-id="category-node-921"
4102                      >
4103                        <a
4104                          href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/meten-monitoring/bloeddrukmeters"
4105                          title="Bloeddrukmeters"
4106                          class="flex items-center w-full  cursor-pointer border-container"
4107                        >
4108                        <span class="ml-2 text-base">
4109                          Bloeddrukmeters                        </span>
4110                        </a>
4111                      </li>
4112                                          <li
4113                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
4114                      "
4115                        data-parent-id="category-node-921"
4116                      >
4117                        <a
4118                          href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/meten-monitoring/hartslaghorloges"
4119                          title="Hartslaghorloges"
4120                          class="flex items-center w-full  cursor-pointer border-container"
4121                        >
4122                        <span class="ml-2 text-base">
4123                          Hartslaghorloges                        </span>
4124                        </a>
4125                      </li>
4126                                          <li
4127                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
4128                      "
4129                        data-parent-id="category-node-921"
4130                      >
4131                        <a
4132                          href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/meten-monitoring/thermometers"
4133                          title="Thermometers"
4134                          class="flex items-center w-full  cursor-pointer border-container"
4135                        >
4136                        <span class="ml-2 text-base">
4137                          Thermometers                        </span>
4138                        </a>
4139                      </li>
4140                                          <li
4141                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
4142                      border-primary"
4143                        data-parent-id="category-node-921"
4144                      >
4145                        <a
4146                          href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/meten-monitoring/saturatiemeters"
4147                          title="Saturatiemeters"
4148                          class="flex items-center w-full  cursor-pointer border-container"
4149                        >
4150                        <span class="ml-2 text-base">
4151                          Saturatiemeters                        </span>
4152                        </a>
4153                      </li>
4154                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
4155                      data-subparent-id="category-node-975"
4156                      @click="toggleChildren('category-node-975')"
4157                  >
4158                    <span
4159                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
4160                    >
4161                      <span class="text-base">
4162                        Mondkapjes &amp; andere beschermingsmiddelen                      </span>
4163                    </span>
4164                                          <button
4165                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
4166                        aria-label="Open&#x20;Mondkapjes&#x20;&amp;&#x20;andere&#x20;beschermingsmiddelen&#x20;subcategorie&#xEB;n"
4167                        aria-haspopup="true"
4168                        :aria-expanded="mobilePanelActiveId === 'category-node-289'"
4169                      >
4170                        <div class="w-8 h-8 transform transition-transform duration-200">
4171                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
4172  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
4173</svg>
4174                        </div>
4175                      </button>
4176                                      </li>
4177                                      <li
4178                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
4179                      data-parent-id="category-node-975"
4180                    >
4181                      <a
4182                        href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/mondkapjes"
4183                        title="Mondkapjes&#x20;&amp;&#x20;andere&#x20;beschermingsmiddelen"
4184                        class="flex items-center w-full  cursor-pointer border-container"
4185                      >
4186                        <span>Bekijk alles</span>
4187                      </a>
4188                    </li>
4189                                          <li
4190                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
4191                      border-primary"
4192                        data-parent-id="category-node-975"
4193                      >
4194                        <a
4195                          href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/mondkapjes/medische-mondkapjes"
4196                          title="Medische&#x20;mondmaskers"
4197                          class="flex items-center w-full  cursor-pointer border-container"
4198                        >
4199                        <span class="ml-2 text-base">
4200                          Medische mondmaskers                        </span>
4201                        </a>
4202                      </li>
4203                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
4204                      data-subparent-id="category-node-1034"
4205                      @click="toggleChildren('category-node-1034')"
4206                  >
4207                    <span
4208                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
4209                    >
4210                      <span class="text-base">
4211                        Continentie- en retentiezorg                      </span>
4212                    </span>
4213                                          <button
4214                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
4215                        aria-label="Open&#x20;Continentie-&#x20;en&#x20;retentiezorg&#x20;subcategorie&#xEB;n"
4216                        aria-haspopup="true"
4217                        :aria-expanded="mobilePanelActiveId === 'category-node-289'"
4218                      >
4219                        <div class="w-8 h-8 transform transition-transform duration-200">
4220                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
4221  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
4222</svg>
4223                        </div>
4224                      </button>
4225                                      </li>
4226                                      <li
4227                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
4228                      data-parent-id="category-node-1034"
4229                    >
4230                      <a
4231                        href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/continentie-en-retentiezorg"
4232                        title="Continentie-&#x20;en&#x20;retentiezorg"
4233                        class="flex items-center w-full  cursor-pointer border-container"
4234                      >
4235                        <span>Bekijk alles</span>
4236                      </a>
4237                    </li>
4238                                          <li
4239                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
4240                      border-primary"
4241                        data-parent-id="category-node-1034"
4242                      >
4243                        <a
4244                          href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/continentie-en-retentiezorg/katheters"
4245                          title="Katheters"
4246                          class="flex items-center w-full  cursor-pointer border-container"
4247                        >
4248                        <span class="ml-2 text-base">
4249                          Katheters                        </span>
4250                        </a>
4251                      </li>
4252                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
4253                      data-subparent-id="category-node-1036"
4254                      @click="toggleChildren('category-node-1036')"
4255                  >
4256                    <span
4257                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
4258                    >
4259                      <span class="text-base">
4260                        Medische voeding                      </span>
4261                    </span>
4262                                          <button
4263                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
4264                        aria-label="Open&#x20;Medische&#x20;voeding&#x20;subcategorie&#xEB;n"
4265                        aria-haspopup="true"
4266                        :aria-expanded="mobilePanelActiveId === 'category-node-289'"
4267                      >
4268                        <div class="w-8 h-8 transform transition-transform duration-200">
4269                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
4270  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
4271</svg>
4272                        </div>
4273                      </button>
4274                                      </li>
4275                                      <li
4276                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
4277                      data-parent-id="category-node-1036"
4278                    >
4279                      <a
4280                        href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/medische-voeding"
4281                        title="Medische&#x20;voeding"
4282                        class="flex items-center w-full  cursor-pointer border-container"
4283                      >
4284                        <span>Bekijk alles</span>
4285                      </a>
4286                    </li>
4287                                          <li
4288                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
4289                      "
4290                        data-parent-id="category-node-1036"
4291                      >
4292                        <a
4293                          href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/medische-voeding/medische-drinkvoeding"
4294                          title="Medische&#x20;drinkvoeding"
4295                          class="flex items-center w-full  cursor-pointer border-container"
4296                        >
4297                        <span class="ml-2 text-base">
4298                          Medische drinkvoeding                        </span>
4299                        </a>
4300                      </li>
4301                                          <li
4302                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
4303                      border-primary"
4304                        data-parent-id="category-node-1036"
4305                      >
4306                        <a
4307                          href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/medische-voeding/peutermelk"
4308                          title="Peutermelk"
4309                          class="flex items-center w-full  cursor-pointer border-container"
4310                        >
4311                        <span class="ml-2 text-base">
4312                          Peutermelk                        </span>
4313                        </a>
4314                      </li>
4315                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
4316                      data-subparent-id="category-node-1037"
4317                      @click="toggleChildren('category-node-1037')"
4318                  >
4319                    <span
4320                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
4321                    >
4322                      <span class="text-base">
4323                        Wondzorg                      </span>
4324                    </span>
4325                                          <button
4326                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
4327                        aria-label="Open&#x20;Wondzorg&#x20;subcategorie&#xEB;n"
4328                        aria-haspopup="true"
4329                        :aria-expanded="mobilePanelActiveId === 'category-node-289'"
4330                      >
4331                        <div class="w-8 h-8 transform transition-transform duration-200">
4332                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
4333  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
4334</svg>
4335                        </div>
4336                      </button>
4337                                      </li>
4338                                      <li
4339                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
4340                      data-parent-id="category-node-1037"
4341                    >
4342                      <a
4343                        href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/wondzorg"
4344                        title="Wondzorg"
4345                        class="flex items-center w-full  cursor-pointer border-container"
4346                      >
4347                        <span>Bekijk alles</span>
4348                      </a>
4349                    </li>
4350                                          <li
4351                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
4352                      "
4353                        data-parent-id="category-node-1037"
4354                      >
4355                        <a
4356                          href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/wondzorg/huidverzorging"
4357                          title="Huidverzorging"
4358                          class="flex items-center w-full  cursor-pointer border-container"
4359                        >
4360                        <span class="ml-2 text-base">
4361                          Huidverzorging                        </span>
4362                        </a>
4363                      </li>
4364                                          <li
4365                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
4366                      "
4367                        data-parent-id="category-node-1037"
4368                      >
4369                        <a
4370                          href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/wondzorg/verbandmiddelen"
4371                          title="Verbandmiddelen"
4372                          class="flex items-center w-full  cursor-pointer border-container"
4373                        >
4374                        <span class="ml-2 text-base">
4375                          Verbandmiddelen                        </span>
4376                        </a>
4377                      </li>
4378                                          <li
4379                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
4380                      "
4381                        data-parent-id="category-node-1037"
4382                      >
4383                        <a
4384                          href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/wondzorg/pleisters"
4385                          title="Pleisters"
4386                          class="flex items-center w-full  cursor-pointer border-container"
4387                        >
4388                        <span class="ml-2 text-base">
4389                          Pleisters                        </span>
4390                        </a>
4391                      </li>
4392                                          <li
4393                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
4394                      border-primary"
4395                        data-parent-id="category-node-1037"
4396                      >
4397                        <a
4398                          href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/wondzorg/injectiespuiten"
4399                          title="Injectiespuiten"
4400                          class="flex items-center w-full  cursor-pointer border-container"
4401                        >
4402                        <span class="ml-2 text-base">
4403                          Injectiespuiten                        </span>
4404                        </a>
4405                      </li>
4406                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
4407                      data-subparent-id="category-node-922"
4408                      @click="toggleChildren('category-node-922')"
4409                  >
4410                    <span
4411                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
4412                    >
4413                      <span class="text-base">
4414                        Meer medische hulpmiddelen                      </span>
4415                    </span>
4416                                          <button
4417                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
4418                        aria-label="Open&#x20;Meer&#x20;medische&#x20;hulpmiddelen&#x20;subcategorie&#xEB;n"
4419                        aria-haspopup="true"
4420                        :aria-expanded="mobilePanelActiveId === 'category-node-289'"
4421                      >
4422                        <div class="w-8 h-8 transform transition-transform duration-200">
4423                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
4424  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
4425</svg>
4426                        </div>
4427                      </button>
4428                                      </li>
4429                                      <li
4430                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
4431                      data-parent-id="category-node-922"
4432                    >
4433                      <a
4434                        href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/meer-medische-hulpmiddelen"
4435                        title="Meer&#x20;medische&#x20;hulpmiddelen"
4436                        class="flex items-center w-full  cursor-pointer border-container"
4437                      >
4438                        <span>Bekijk alles</span>
4439                      </a>
4440                    </li>
4441                                          <li
4442                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
4443                      "
4444                        data-parent-id="category-node-922"
4445                      >
4446                        <a
4447                          href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/meer-medische-hulpmiddelen/soa-testen"
4448                          title="SOA&#x20;testen"
4449                          class="flex items-center w-full  cursor-pointer border-container"
4450                        >
4451                        <span class="ml-2 text-base">
4452                          SOA testen                        </span>
4453                        </a>
4454                      </li>
4455                                          <li
4456                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
4457                      "
4458                        data-parent-id="category-node-922"
4459                      >
4460                        <a
4461                          href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/meer-medische-hulpmiddelen/voetenbad"
4462                          title="Voetenbad"
4463                          class="flex items-center w-full  cursor-pointer border-container"
4464                        >
4465                        <span class="ml-2 text-base">
4466                          Voetenbad                        </span>
4467                        </a>
4468                      </li>
4469                                          <li
4470                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
4471                      border-primary"
4472                        data-parent-id="category-node-922"
4473                      >
4474                        <a
4475                          href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/meer-medische-hulpmiddelen/luchtbevochtigers"
4476                          title="Luchtbevochtigers"
4477                          class="flex items-center w-full  cursor-pointer border-container"
4478                        >
4479                        <span class="ml-2 text-base">
4480                          Luchtbevochtigers                        </span>
4481                        </a>
4482                      </li>
4483                                                                    </ul>
4484            </div>
4485                  </li>
4486              <li
4487          data-child-id="category-node-896-main"
4488          class="level-0"
4489        >
4490          <div
4491            class="flex items-center transition-transform duration-150 ease-in-out transform px-8 py-2 border-b bg-container-lighter border-primary"
4492            :class="{
4493              '-translate-x-full' : mobilePanelActiveId,
4494              'translate-x-0' : !mobilePanelActiveId
4495            }"
4496          >
4497            <a
4498              class="flex items-center w-full cursor-pointer level-0 h-11 text-primary font-bold"
4499                              @click="openSubcategory('category-node-896')"
4500                            title="Telefonie&#x20;&amp;&#x20;Elektronica"
4501            >
4502              Telefonie &amp; Elektronica            </a>
4503                          <button
4504                @click="openSubcategory('category-node-896')"
4505                class="flex items-center justify-center w-11 h-11 cursor-pointer text-primary"
4506                aria-label="Open&#x20;Telefonie&#x20;&amp;&#x20;Elektronica&#x20;subcategorie&#xEB;n"
4507                aria-haspopup="true"
4508                :aria-expanded="mobilePanelActiveId === 'category-node-896'"
4509              >
4510                <div class="w-8 h-8">
4511                  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
4512  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
4513</svg>
4514                </div>
4515              </button>
4516                      </div>
4517                      <div
4518              data-child-id="category-node-896"
4519              class="absolute top-0 right-0 z-10 flex flex-col w-full bg-container-lighter"
4520              :class="{'hidden': mobilePanelActiveId !== 'category-node-896'}"
4521            >
4522              <div class="flex justify-between items-center bg-primary w-full px-8">
4523                <span class="text-white font-bold">
4524                  Menu                </span>
4525                <button
4526                  @click="closeMenu();"
4527                  class=" flex justify-end w-16 self-end -mr-4"
4528                  aria-label="Sluit&#x20;menu"
4529                  type="button"
4530                >
4531                  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="hidden p-4 text-white" width="64" height="64" :class="{ 'hidden' : !open, 'block': open }" aria-hidden="true">
4532  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
4533</svg>
4534                </button>
4535              </div>
4536              <ul
4537                class="transition-transform duration-150 ease-in-out translate-x-full transform list-none p-0 m-0"
4538                :class="{
4539                  'translate-x-full' : mobilePanelActiveId !== 'category-node-896',
4540                  'translate-x-0' : mobilePanelActiveId === 'category-node-896',
4541                }"
4542                aria-label="Subcategorie&#xEB;n"
4543              >
4544                <li class="px-8 py-2 border-b cursor-pointer bg-container border-primary w-full border-t text-primary font-bold">
4545                  <button
4546                    type="button"
4547                    class="flex items-center h-11 w-full"
4548                    @click="backToMainCategories('category-node-896-main');"
4549                    aria-label="Terug&#x20;naar&#x20;hoofdcategorie&#xEB;n"
4550                  >
4551                    <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">
4552  <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/>
4553</svg>
4554                    <span class="ml-4">
4555                      Telefonie &amp; Elektronica                    </span>
4556                  </button>
4557                </li>
4558                <li>
4559                  <a
4560                    href="https://www.hulpmiddelwereld.be/telefonie-elektronica"
4561                    title="Telefonie&#x20;&amp;&#x20;Elektronica"
4562                    class="flex items-center justify-between w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-primary text-primary font-bold"
4563                  >
4564                    <span>Bekijk alles</span>
4565                  </a>
4566                </li>
4567                                  <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
4568                      data-subparent-id="category-node-347"
4569                      @click="toggleChildren('category-node-347')"
4570                  >
4571                    <span
4572                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
4573                    >
4574                      <span class="text-base">
4575                        Seniorentelefoons                       </span>
4576                    </span>
4577                                          <button
4578                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
4579                        aria-label="Open&#x20;Seniorentelefoons&#x20;&#x20;subcategorie&#xEB;n"
4580                        aria-haspopup="true"
4581                        :aria-expanded="mobilePanelActiveId === 'category-node-896'"
4582                      >
4583                        <div class="w-8 h-8 transform transition-transform duration-200">
4584                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
4585  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
4586</svg>
4587                        </div>
4588                      </button>
4589                                      </li>
4590                                      <li
4591                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
4592                      data-parent-id="category-node-347"
4593                    >
4594                      <a
4595                        href="https://www.hulpmiddelwereld.be/telefonie-elektronica/seniorentelefoons"
4596                        title="Seniorentelefoons&#x20;"
4597                        class="flex items-center w-full  cursor-pointer border-container"
4598                      >
4599                        <span>Bekijk alles</span>
4600                      </a>
4601                    </li>
4602                                          <li
4603                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
4604                      "
4605                        data-parent-id="category-node-347"
4606                      >
4607                        <a
4608                          href="https://www.hulpmiddelwereld.be/telefonie-elektronica/seniorentelefoons/senioren-gsm-s"
4609                          title="Senioren&#x20;GSM&#x27;s&#x20;"
4610                          class="flex items-center w-full  cursor-pointer border-container"
4611                        >
4612                        <span class="ml-2 text-base">
4613                          Senioren GSM&#039;s                         </span>
4614                        </a>
4615                      </li>
4616                                          <li
4617                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
4618                      border-primary"
4619                        data-parent-id="category-node-347"
4620                      >
4621                        <a
4622                          href="https://www.hulpmiddelwereld.be/telefonie-elektronica/seniorentelefoons/senioren-huistelefoons"
4623                          title="Senioren&#x20;huistelefoons"
4624                          class="flex items-center w-full  cursor-pointer border-container"
4625                        >
4626                        <span class="ml-2 text-base">
4627                          Senioren huistelefoons                        </span>
4628                        </a>
4629                      </li>
4630                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
4631                      data-subparent-id="category-node-897"
4632                      @click="toggleChildren('category-node-897')"
4633                  >
4634                    <span
4635                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
4636                    >
4637                      <span class="text-base">
4638                        TV hulpmiddelen                      </span>
4639                    </span>
4640                                      </li>
4641                                                    <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
4642                      data-subparent-id="category-node-901"
4643                      @click="toggleChildren('category-node-901')"
4644                  >
4645                    <span
4646                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
4647                    >
4648                      <span class="text-base">
4649                        Meer elektronica                      </span>
4650                    </span>
4651                                          <button
4652                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
4653                        aria-label="Open&#x20;Meer&#x20;elektronica&#x20;subcategorie&#xEB;n"
4654                        aria-haspopup="true"
4655                        :aria-expanded="mobilePanelActiveId === 'category-node-896'"
4656                      >
4657                        <div class="w-8 h-8 transform transition-transform duration-200">
4658                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
4659  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
4660</svg>
4661                        </div>
4662                      </button>
4663                                      </li>
4664                                      <li
4665                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
4666                      data-parent-id="category-node-901"
4667                    >
4668                      <a
4669                        href="https://www.hulpmiddelwereld.be/telefonie-elektronica/meer-elektronica"
4670                        title="Meer&#x20;elektronica"
4671                        class="flex items-center w-full  cursor-pointer border-container"
4672                      >
4673                        <span>Bekijk alles</span>
4674                      </a>
4675                    </li>
4676                                          <li
4677                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
4678                      "
4679                        data-parent-id="category-node-901"
4680                      >
4681                        <a
4682                          href="https://www.hulpmiddelwereld.be/telefonie-elektronica/meer-elektronica/afstandsbedieningen"
4683                          title="Afstandsbedieningen"
4684                          class="flex items-center w-full  cursor-pointer border-container"
4685                        >
4686                        <span class="ml-2 text-base">
4687                          Afstandsbedieningen                        </span>
4688                        </a>
4689                      </li>
4690                                          <li
4691                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
4692                      "
4693                        data-parent-id="category-node-901"
4694                      >
4695                        <a
4696                          href="https://www.hulpmiddelwereld.be/telefonie-elektronica/meer-elektronica/batterijen"
4697                          title="Batterijen"
4698                          class="flex items-center w-full  cursor-pointer border-container"
4699                        >
4700                        <span class="ml-2 text-base">
4701                          Batterijen                        </span>
4702                        </a>
4703                      </li>
4704                                          <li
4705                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
4706                      border-primary"
4707                        data-parent-id="category-node-901"
4708                      >
4709                        <a
4710                          href="https://www.hulpmiddelwereld.be/telefonie-elektronica/meer-elektronica/smartwatches"
4711                          title="Smartwatches"
4712                          class="flex items-center w-full  cursor-pointer border-container"
4713                        >
4714                        <span class="ml-2 text-base">
4715                          Smartwatches                        </span>
4716                        </a>
4717                      </li>
4718                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
4719                      data-subparent-id="category-node-982"
4720                      @click="toggleChildren('category-node-982')"
4721                  >
4722                    <span
4723                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
4724                    >
4725                      <span class="text-base">
4726                        Alarm horloges voor ouderen                      </span>
4727                    </span>
4728                                          <button
4729                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
4730                        aria-label="Open&#x20;Alarm&#x20;horloges&#x20;voor&#x20;ouderen&#x20;subcategorie&#xEB;n"
4731                        aria-haspopup="true"
4732                        :aria-expanded="mobilePanelActiveId === 'category-node-896'"
4733                      >
4734                        <div class="w-8 h-8 transform transition-transform duration-200">
4735                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
4736  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
4737</svg>
4738                        </div>
4739                      </button>
4740                                      </li>
4741                                      <li
4742                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
4743                      data-parent-id="category-node-982"
4744                    >
4745                      <a
4746                        href="https://www.hulpmiddelwereld.be/telefonie-elektronica/alarm-horloge-ouderen"
4747                        title="Alarm&#x20;horloges&#x20;voor&#x20;ouderen"
4748                        class="flex items-center w-full  cursor-pointer border-container"
4749                      >
4750                        <span>Bekijk alles</span>
4751                      </a>
4752                    </li>
4753                                          <li
4754                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
4755                      border-primary"
4756                        data-parent-id="category-node-982"
4757                      >
4758                        <a
4759                          href="https://www.hulpmiddelwereld.be/telefonie-elektronica/alarm-horloge-ouderen/lifewatcher-alarmhorloges"
4760                          title="LifeWatcher&#x20;Alarmhorloges"
4761                          class="flex items-center w-full  cursor-pointer border-container"
4762                        >
4763                        <span class="ml-2 text-base">
4764                          LifeWatcher Alarmhorloges                        </span>
4765                        </a>
4766                      </li>
4767                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
4768                      data-subparent-id="category-node-985"
4769                      @click="toggleChildren('category-node-985')"
4770                  >
4771                    <span
4772                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
4773                    >
4774                      <span class="text-base">
4775                        Radio&#039;s                      </span>
4776                    </span>
4777                                          <button
4778                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
4779                        aria-label="Open&#x20;Radio&#x27;s&#x20;subcategorie&#xEB;n"
4780                        aria-haspopup="true"
4781                        :aria-expanded="mobilePanelActiveId === 'category-node-896'"
4782                      >
4783                        <div class="w-8 h-8 transform transition-transform duration-200">
4784                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
4785  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
4786</svg>
4787                        </div>
4788                      </button>
4789                                      </li>
4790                                      <li
4791                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
4792                      data-parent-id="category-node-985"
4793                    >
4794                      <a
4795                        href="https://www.hulpmiddelwereld.be/telefonie-elektronica/radio"
4796                        title="Radio&#x27;s"
4797                        class="flex items-center w-full  cursor-pointer border-container"
4798                      >
4799                        <span>Bekijk alles</span>
4800                      </a>
4801                    </li>
4802                                          <li
4803                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
4804                      border-primary"
4805                        data-parent-id="category-node-985"
4806                      >
4807                        <a
4808                          href="https://www.hulpmiddelwereld.be/telefonie-elektronica/radio/radio-voor-ouderen"
4809                          title="Radio&#x20;voor&#x20;ouderen"
4810                          class="flex items-center w-full  cursor-pointer border-container"
4811                        >
4812                        <span class="ml-2 text-base">
4813                          Radio voor ouderen                        </span>
4814                        </a>
4815                      </li>
4816                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
4817                      data-subparent-id="category-node-1470"
4818                      @click="toggleChildren('category-node-1470')"
4819                  >
4820                    <span
4821                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
4822                    >
4823                      <span class="text-base">
4824                        Daglichtlampen                      </span>
4825                    </span>
4826                                      </li>
4827                                                    <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
4828                      data-subparent-id="category-node-1477"
4829                      @click="toggleChildren('category-node-1477')"
4830                  >
4831                    <span
4832                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
4833                    >
4834                      <span class="text-base">
4835                        Tablet                      </span>
4836                    </span>
4837                                      </li>
4838                                                    <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
4839                      data-subparent-id="category-node-1522"
4840                      @click="toggleChildren('category-node-1522')"
4841                  >
4842                    <span
4843                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
4844                    >
4845                      <span class="text-base">
4846                        Digitale Fotolijsten                      </span>
4847                    </span>
4848                                      </li>
4849                                                </ul>
4850            </div>
4851                  </li>
4852              <li
4853          data-child-id="category-node-1120-main"
4854          class="level-0"
4855        >
4856          <div
4857            class="flex items-center transition-transform duration-150 ease-in-out transform px-8 py-2 border-b bg-container-lighter border-primary"
4858            :class="{
4859              '-translate-x-full' : mobilePanelActiveId,
4860              'translate-x-0' : !mobilePanelActiveId
4861            }"
4862          >
4863            <a
4864              class="flex items-center w-full cursor-pointer level-0 h-11 text-primary font-bold"
4865                              @click="openSubcategory('category-node-1120')"
4866                            title="Diabetes"
4867            >
4868              Diabetes            </a>
4869                          <button
4870                @click="openSubcategory('category-node-1120')"
4871                class="flex items-center justify-center w-11 h-11 cursor-pointer text-primary"
4872                aria-label="Open&#x20;Diabetes&#x20;subcategorie&#xEB;n"
4873                aria-haspopup="true"
4874                :aria-expanded="mobilePanelActiveId === 'category-node-1120'"
4875              >
4876                <div class="w-8 h-8">
4877                  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
4878  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
4879</svg>
4880                </div>
4881              </button>
4882                      </div>
4883                      <div
4884              data-child-id="category-node-1120"
4885              class="absolute top-0 right-0 z-10 flex flex-col w-full bg-container-lighter"
4886              :class="{'hidden': mobilePanelActiveId !== 'category-node-1120'}"
4887            >
4888              <div class="flex justify-between items-center bg-primary w-full px-8">
4889                <span class="text-white font-bold">
4890                  Menu                </span>
4891                <button
4892                  @click="closeMenu();"
4893                  class=" flex justify-end w-16 self-end -mr-4"
4894                  aria-label="Sluit&#x20;menu"
4895                  type="button"
4896                >
4897                  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="hidden p-4 text-white" width="64" height="64" :class="{ 'hidden' : !open, 'block': open }" aria-hidden="true">
4898  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
4899</svg>
4900                </button>
4901              </div>
4902              <ul
4903                class="transition-transform duration-150 ease-in-out translate-x-full transform list-none p-0 m-0"
4904                :class="{
4905                  'translate-x-full' : mobilePanelActiveId !== 'category-node-1120',
4906                  'translate-x-0' : mobilePanelActiveId === 'category-node-1120',
4907                }"
4908                aria-label="Subcategorie&#xEB;n"
4909              >
4910                <li class="px-8 py-2 border-b cursor-pointer bg-container border-primary w-full border-t text-primary font-bold">
4911                  <button
4912                    type="button"
4913                    class="flex items-center h-11 w-full"
4914                    @click="backToMainCategories('category-node-1120-main');"
4915                    aria-label="Terug&#x20;naar&#x20;hoofdcategorie&#xEB;n"
4916                  >
4917                    <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">
4918  <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/>
4919</svg>
4920                    <span class="ml-4">
4921                      Diabetes                    </span>
4922                  </button>
4923                </li>
4924                <li>
4925                  <a
4926                    href="https://www.hulpmiddelwereld.be/diabetes"
4927                    title="Diabetes"
4928                    class="flex items-center justify-between w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-primary text-primary font-bold"
4929                  >
4930                    <span>Bekijk alles</span>
4931                  </a>
4932                </li>
4933                                  <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
4934                      data-subparent-id="category-node-293"
4935                      @click="toggleChildren('category-node-293')"
4936                  >
4937                    <span
4938                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
4939                    >
4940                      <span class="text-base">
4941                        Diabetes hulpmiddelen                      </span>
4942                    </span>
4943                                          <button
4944                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
4945                        aria-label="Open&#x20;Diabetes&#x20;hulpmiddelen&#x20;subcategorie&#xEB;n"
4946                        aria-haspopup="true"
4947                        :aria-expanded="mobilePanelActiveId === 'category-node-1120'"
4948                      >
4949                        <div class="w-8 h-8 transform transition-transform duration-200">
4950                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
4951  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
4952</svg>
4953                        </div>
4954                      </button>
4955                                      </li>
4956                                      <li
4957                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
4958                      data-parent-id="category-node-293"
4959                    >
4960                      <a
4961                        href="https://www.hulpmiddelwereld.be/diabetes/diabetes-hulpmiddelen"
4962                        title="Diabetes&#x20;hulpmiddelen"
4963                        class="flex items-center w-full  cursor-pointer border-container"
4964                      >
4965                        <span>Bekijk alles</span>
4966                      </a>
4967                    </li>
4968                                          <li
4969                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
4970                      "
4971                        data-parent-id="category-node-293"
4972                      >
4973                        <a
4974                          href="https://www.hulpmiddelwereld.be/diabetes/diabetes-hulpmiddelen/glucosemeters"
4975                          title="Glucosemeters"
4976                          class="flex items-center w-full  cursor-pointer border-container"
4977                        >
4978                        <span class="ml-2 text-base">
4979                          Glucosemeters                        </span>
4980                        </a>
4981                      </li>
4982                                          <li
4983                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
4984                      "
4985                        data-parent-id="category-node-293"
4986                      >
4987                        <a
4988                          href="https://www.hulpmiddelwereld.be/diabetes/diabetes-hulpmiddelen/prikpennen"
4989                          title="Prikpennen"
4990                          class="flex items-center w-full  cursor-pointer border-container"
4991                        >
4992                        <span class="ml-2 text-base">
4993                          Prikpennen                        </span>
4994                        </a>
4995                      </li>
4996                                          <li
4997                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
4998                      "
4999                        data-parent-id="category-node-293"
5000                      >
5001                        <a
5002                          href="https://www.hulpmiddelwereld.be/diabetes/diabetes-hulpmiddelen/teststrips"
5003                          title="Glucose&#x20;test&#x20;strips"
5004                          class="flex items-center w-full  cursor-pointer border-container"
5005                        >
5006                        <span class="ml-2 text-base">
5007                          Glucose test strips                        </span>
5008                        </a>
5009                      </li>
5010                                          <li
5011                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
5012                      "
5013                        data-parent-id="category-node-293"
5014                      >
5015                        <a
5016                          href="https://www.hulpmiddelwereld.be/diabetes/diabetes-hulpmiddelen/lancetten"
5017                          title="Lancetten"
5018                          class="flex items-center w-full  cursor-pointer border-container"
5019                        >
5020                        <span class="ml-2 text-base">
5021                          Lancetten                        </span>
5022                        </a>
5023                      </li>
5024                                          <li
5025                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
5026                      border-primary"
5027                        data-parent-id="category-node-293"
5028                      >
5029                        <a
5030                          href="https://www.hulpmiddelwereld.be/diabetes/diabetes-hulpmiddelen/voetverzorging"
5031                          title="Voetverzorging&#x20;bij&#x20;diabetes"
5032                          class="flex items-center w-full  cursor-pointer border-container"
5033                        >
5034                        <span class="ml-2 text-base">
5035                          Voetverzorging bij diabetes                        </span>
5036                        </a>
5037                      </li>
5038                                                                    </ul>
5039            </div>
5040                  </li>
5041              <li
5042          data-child-id="category-node-328-main"
5043          class="level-0"
5044        >
5045          <div
5046            class="flex items-center transition-transform duration-150 ease-in-out transform px-8 py-2 border-b bg-container-lighter border-primary"
5047            :class="{
5048              '-translate-x-full' : mobilePanelActiveId,
5049              'translate-x-0' : !mobilePanelActiveId
5050            }"
5051          >
5052            <a
5053              class="flex items-center w-full cursor-pointer level-0 h-11 text-primary font-bold"
5054                              @click="openSubcategory('category-node-328')"
5055                            title="Slechtzienden"
5056            >
5057              Slechtzienden            </a>
5058                          <button
5059                @click="openSubcategory('category-node-328')"
5060                class="flex items-center justify-center w-11 h-11 cursor-pointer text-primary"
5061                aria-label="Open&#x20;Slechtzienden&#x20;subcategorie&#xEB;n"
5062                aria-haspopup="true"
5063                :aria-expanded="mobilePanelActiveId === 'category-node-328'"
5064              >
5065                <div class="w-8 h-8">
5066                  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
5067  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
5068</svg>
5069                </div>
5070              </button>
5071                      </div>
5072                      <div
5073              data-child-id="category-node-328"
5074              class="absolute top-0 right-0 z-10 flex flex-col w-full bg-container-lighter"
5075              :class="{'hidden': mobilePanelActiveId !== 'category-node-328'}"
5076            >
5077              <div class="flex justify-between items-center bg-primary w-full px-8">
5078                <span class="text-white font-bold">
5079                  Menu                </span>
5080                <button
5081                  @click="closeMenu();"
5082                  class=" flex justify-end w-16 self-end -mr-4"
5083                  aria-label="Sluit&#x20;menu"
5084                  type="button"
5085                >
5086                  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="hidden p-4 text-white" width="64" height="64" :class="{ 'hidden' : !open, 'block': open }" aria-hidden="true">
5087  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
5088</svg>
5089                </button>
5090              </div>
5091              <ul
5092                class="transition-transform duration-150 ease-in-out translate-x-full transform list-none p-0 m-0"
5093                :class="{
5094                  'translate-x-full' : mobilePanelActiveId !== 'category-node-328',
5095                  'translate-x-0' : mobilePanelActiveId === 'category-node-328',
5096                }"
5097                aria-label="Subcategorie&#xEB;n"
5098              >
5099                <li class="px-8 py-2 border-b cursor-pointer bg-container border-primary w-full border-t text-primary font-bold">
5100                  <button
5101                    type="button"
5102                    class="flex items-center h-11 w-full"
5103                    @click="backToMainCategories('category-node-328-main');"
5104                    aria-label="Terug&#x20;naar&#x20;hoofdcategorie&#xEB;n"
5105                  >
5106                    <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">
5107  <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/>
5108</svg>
5109                    <span class="ml-4">
5110                      Slechtzienden                    </span>
5111                  </button>
5112                </li>
5113                <li>
5114                  <a
5115                    href="https://www.hulpmiddelwereld.be/slechtzienden"
5116                    title="Slechtzienden"
5117                    class="flex items-center justify-between w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-primary text-primary font-bold"
5118                  >
5119                    <span>Bekijk alles</span>
5120                  </a>
5121                </li>
5122                                  <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
5123                      data-subparent-id="category-node-907"
5124                      @click="toggleChildren('category-node-907')"
5125                  >
5126                    <span
5127                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
5128                    >
5129                      <span class="text-base">
5130                        Horloges                      </span>
5131                    </span>
5132                                          <button
5133                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
5134                        aria-label="Open&#x20;Horloges&#x20;subcategorie&#xEB;n"
5135                        aria-haspopup="true"
5136                        :aria-expanded="mobilePanelActiveId === 'category-node-328'"
5137                      >
5138                        <div class="w-8 h-8 transform transition-transform duration-200">
5139                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
5140  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
5141</svg>
5142                        </div>
5143                      </button>
5144                                      </li>
5145                                      <li
5146                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
5147                      data-parent-id="category-node-907"
5148                    >
5149                      <a
5150                        href="https://www.hulpmiddelwereld.be/slechtzienden/horloges"
5151                        title="Horloges"
5152                        class="flex items-center w-full  cursor-pointer border-container"
5153                      >
5154                        <span>Bekijk alles</span>
5155                      </a>
5156                    </li>
5157                                          <li
5158                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
5159                      border-primary"
5160                        data-parent-id="category-node-907"
5161                      >
5162                        <a
5163                          href="https://www.hulpmiddelwereld.be/slechtzienden/horloges/sprekende-horloges"
5164                          title="Sprekende&#x20;horloges"
5165                          class="flex items-center w-full  cursor-pointer border-container"
5166                        >
5167                        <span class="ml-2 text-base">
5168                          Sprekende horloges                        </span>
5169                        </a>
5170                      </li>
5171                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
5172                      data-subparent-id="category-node-344"
5173                      @click="toggleChildren('category-node-344')"
5174                  >
5175                    <span
5176                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
5177                    >
5178                      <span class="text-base">
5179                        Leeshulpmiddelen                      </span>
5180                    </span>
5181                                          <button
5182                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
5183                        aria-label="Open&#x20;Leeshulpmiddelen&#x20;subcategorie&#xEB;n"
5184                        aria-haspopup="true"
5185                        :aria-expanded="mobilePanelActiveId === 'category-node-328'"
5186                      >
5187                        <div class="w-8 h-8 transform transition-transform duration-200">
5188                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
5189  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
5190</svg>
5191                        </div>
5192                      </button>
5193                                      </li>
5194                                      <li
5195                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
5196                      data-parent-id="category-node-344"
5197                    >
5198                      <a
5199                        href="https://www.hulpmiddelwereld.be/slechtzienden/leeshulpmiddelen"
5200                        title="Leeshulpmiddelen"
5201                        class="flex items-center w-full  cursor-pointer border-container"
5202                      >
5203                        <span>Bekijk alles</span>
5204                      </a>
5205                    </li>
5206                                          <li
5207                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
5208                      "
5209                        data-parent-id="category-node-344"
5210                      >
5211                        <a
5212                          href="https://www.hulpmiddelwereld.be/slechtzienden/leeshulpmiddelen/vergrootglazen"
5213                          title="Vergrootglazen&#x20;&amp;&#x20;Loepen"
5214                          class="flex items-center w-full  cursor-pointer border-container"
5215                        >
5216                        <span class="ml-2 text-base">
5217                          Vergrootglazen &amp; Loepen                        </span>
5218                        </a>
5219                      </li>
5220                                          <li
5221                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
5222                      "
5223                        data-parent-id="category-node-344"
5224                      >
5225                        <a
5226                          href="https://www.hulpmiddelwereld.be/slechtzienden/leeshulpmiddelen/hand-loepen"
5227                          title="Hand&#x20;loepen"
5228                          class="flex items-center w-full  cursor-pointer border-container"
5229                        >
5230                        <span class="ml-2 text-base">
5231                          Hand loepen                        </span>
5232                        </a>
5233                      </li>
5234                                          <li
5235                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
5236                      "
5237                        data-parent-id="category-node-344"
5238                      >
5239                        <a
5240                          href="https://www.hulpmiddelwereld.be/slechtzienden/leeshulpmiddelen/loepen-met-lamp"
5241                          title="Loepen&#x20;met&#x20;lamp"
5242                          class="flex items-center w-full  cursor-pointer border-container"
5243                        >
5244                        <span class="ml-2 text-base">
5245                          Loepen met lamp                        </span>
5246                        </a>
5247                      </li>
5248                                          <li
5249                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
5250                      border-primary"
5251                        data-parent-id="category-node-344"
5252                      >
5253                        <a
5254                          href="https://www.hulpmiddelwereld.be/slechtzienden/leeshulpmiddelen/tafel-loepen"
5255                          title="Tafel&#x20;loepen"
5256                          class="flex items-center w-full  cursor-pointer border-container"
5257                        >
5258                        <span class="ml-2 text-base">
5259                          Tafel loepen                        </span>
5260                        </a>
5261                      </li>
5262                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
5263                      data-subparent-id="category-node-909"
5264                      @click="toggleChildren('category-node-909')"
5265                  >
5266                    <span
5267                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
5268                    >
5269                      <span class="text-base">
5270                        Voor buiten                      </span>
5271                    </span>
5272                                          <button
5273                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
5274                        aria-label="Open&#x20;Voor&#x20;buiten&#x20;subcategorie&#xEB;n"
5275                        aria-haspopup="true"
5276                        :aria-expanded="mobilePanelActiveId === 'category-node-328'"
5277                      >
5278                        <div class="w-8 h-8 transform transition-transform duration-200">
5279                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
5280  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
5281</svg>
5282                        </div>
5283                      </button>
5284                                      </li>
5285                                      <li
5286                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
5287                      data-parent-id="category-node-909"
5288                    >
5289                      <a
5290                        href="https://www.hulpmiddelwereld.be/slechtzienden/voor-buiten"
5291                        title="Voor&#x20;buiten"
5292                        class="flex items-center w-full  cursor-pointer border-container"
5293                      >
5294                        <span>Bekijk alles</span>
5295                      </a>
5296                    </li>
5297                                          <li
5298                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
5299                      border-primary"
5300                        data-parent-id="category-node-909"
5301                      >
5302                        <a
5303                          href="https://www.hulpmiddelwereld.be/slechtzienden/voor-buiten/low-vision-zonnebrillen"
5304                          title="Low&#x20;Vision&#x20;zonnebrillen"
5305                          class="flex items-center w-full  cursor-pointer border-container"
5306                        >
5307                        <span class="ml-2 text-base">
5308                          Low Vision zonnebrillen                        </span>
5309                        </a>
5310                      </li>
5311                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
5312                      data-subparent-id="category-node-1496"
5313                      @click="toggleChildren('category-node-1496')"
5314                  >
5315                    <span
5316                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
5317                    >
5318                      <span class="text-base">
5319                        Herkenningsmateriaal                      </span>
5320                    </span>
5321                                          <button
5322                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
5323                        aria-label="Open&#x20;Herkenningsmateriaal&#x20;subcategorie&#xEB;n"
5324                        aria-haspopup="true"
5325                        :aria-expanded="mobilePanelActiveId === 'category-node-328'"
5326                      >
5327                        <div class="w-8 h-8 transform transition-transform duration-200">
5328                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
5329  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
5330</svg>
5331                        </div>
5332                      </button>
5333                                      </li>
5334                                      <li
5335                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
5336                      data-parent-id="category-node-1496"
5337                    >
5338                      <a
5339                        href="https://www.hulpmiddelwereld.be/slechtzienden/herkenningsmateriaal"
5340                        title="Herkenningsmateriaal"
5341                        class="flex items-center w-full  cursor-pointer border-container"
5342                      >
5343                        <span>Bekijk alles</span>
5344                      </a>
5345                    </li>
5346                                          <li
5347                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
5348                      border-primary"
5349                        data-parent-id="category-node-1496"
5350                      >
5351                        <a
5352                          href="https://www.hulpmiddelwereld.be/slechtzienden/herkenningsmateriaal/wandel-en-steunstokken"
5353                          title="Wandel-&#x20;en&#x20;Steunstokken"
5354                          class="flex items-center w-full  cursor-pointer border-container"
5355                        >
5356                        <span class="ml-2 text-base">
5357                          Wandel- en Steunstokken                        </span>
5358                        </a>
5359                      </li>
5360                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
5361                      data-subparent-id="category-node-1498"
5362                      @click="toggleChildren('category-node-1498')"
5363                  >
5364                    <span
5365                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
5366                    >
5367                      <span class="text-base">
5368                        Klokken                      </span>
5369                    </span>
5370                                          <button
5371                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
5372                        aria-label="Open&#x20;Klokken&#x20;subcategorie&#xEB;n"
5373                        aria-haspopup="true"
5374                        :aria-expanded="mobilePanelActiveId === 'category-node-328'"
5375                      >
5376                        <div class="w-8 h-8 transform transition-transform duration-200">
5377                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
5378  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
5379</svg>
5380                        </div>
5381                      </button>
5382                                      </li>
5383                                      <li
5384                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
5385                      data-parent-id="category-node-1498"
5386                    >
5387                      <a
5388                        href="https://www.hulpmiddelwereld.be/slechtzienden/klokken"
5389                        title="Klokken"
5390                        class="flex items-center w-full  cursor-pointer border-container"
5391                      >
5392                        <span>Bekijk alles</span>
5393                      </a>
5394                    </li>
5395                                          <li
5396                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
5397                      "
5398                        data-parent-id="category-node-1498"
5399                      >
5400                        <a
5401                          href="https://www.hulpmiddelwereld.be/slechtzienden/klokken/sprekende-klokken"
5402                          title="Sprekende&#x20;klokken"
5403                          class="flex items-center w-full  cursor-pointer border-container"
5404                        >
5405                        <span class="ml-2 text-base">
5406                          Sprekende klokken                        </span>
5407                        </a>
5408                      </li>
5409                                          <li
5410                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
5411                      border-primary"
5412                        data-parent-id="category-node-1498"
5413                      >
5414                        <a
5415                          href="https://www.hulpmiddelwereld.be/slechtzienden/klokken/alarm-klokken"
5416                          title="Alarm&#x20;klokken"
5417                          class="flex items-center w-full  cursor-pointer border-container"
5418                        >
5419                        <span class="ml-2 text-base">
5420                          Alarm klokken                        </span>
5421                        </a>
5422                      </li>
5423                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
5424                      data-subparent-id="category-node-1507"
5425                      @click="toggleChildren('category-node-1507')"
5426                  >
5427                    <span
5428                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
5429                    >
5430                      <span class="text-base">
5431                        Overige hulpmiddelen                      </span>
5432                    </span>
5433                                          <button
5434                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
5435                        aria-label="Open&#x20;Overige&#x20;hulpmiddelen&#x20;subcategorie&#xEB;n"
5436                        aria-haspopup="true"
5437                        :aria-expanded="mobilePanelActiveId === 'category-node-328'"
5438                      >
5439                        <div class="w-8 h-8 transform transition-transform duration-200">
5440                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
5441  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
5442</svg>
5443                        </div>
5444                      </button>
5445                                      </li>
5446                                      <li
5447                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
5448                      data-parent-id="category-node-1507"
5449                    >
5450                      <a
5451                        href="https://www.hulpmiddelwereld.be/slechtzienden/overige-hulpmiddelen"
5452                        title="Overige&#x20;hulpmiddelen"
5453                        class="flex items-center w-full  cursor-pointer border-container"
5454                      >
5455                        <span>Bekijk alles</span>
5456                      </a>
5457                    </li>
5458                                          <li
5459                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
5460                      border-primary"
5461                        data-parent-id="category-node-1507"
5462                      >
5463                        <a
5464                          href="https://www.hulpmiddelwereld.be/slechtzienden/overige-hulpmiddelen/afstandbedieningen"
5465                          title="Afstandbedieningen"
5466                          class="flex items-center w-full  cursor-pointer border-container"
5467                        >
5468                        <span class="ml-2 text-base">
5469                          Afstandbedieningen                        </span>
5470                        </a>
5471                      </li>
5472                                                                    </ul>
5473            </div>
5474                  </li>
5475              <li
5476          data-child-id="category-node-351-main"
5477          class="level-0"
5478        >
5479          <div
5480            class="flex items-center transition-transform duration-150 ease-in-out transform px-8 py-2 border-b bg-container-lighter border-primary"
5481            :class="{
5482              '-translate-x-full' : mobilePanelActiveId,
5483              'translate-x-0' : !mobilePanelActiveId
5484            }"
5485          >
5486            <a
5487              class="flex items-center w-full cursor-pointer level-0 h-11 text-primary font-bold"
5488                              @click="openSubcategory('category-node-351')"
5489                            title="Sport&#x20;&amp;&#x20;Revalidatie"
5490            >
5491              Sport &amp; Revalidatie            </a>
5492                          <button
5493                @click="openSubcategory('category-node-351')"
5494                class="flex items-center justify-center w-11 h-11 cursor-pointer text-primary"
5495                aria-label="Open&#x20;Sport&#x20;&amp;&#x20;Revalidatie&#x20;subcategorie&#xEB;n"
5496                aria-haspopup="true"
5497                :aria-expanded="mobilePanelActiveId === 'category-node-351'"
5498              >
5499                <div class="w-8 h-8">
5500                  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
5501  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
5502</svg>
5503                </div>
5504              </button>
5505                      </div>
5506                      <div
5507              data-child-id="category-node-351"
5508              class="absolute top-0 right-0 z-10 flex flex-col w-full bg-container-lighter"
5509              :class="{'hidden': mobilePanelActiveId !== 'category-node-351'}"
5510            >
5511              <div class="flex justify-between items-center bg-primary w-full px-8">
5512                <span class="text-white font-bold">
5513                  Menu                </span>
5514                <button
5515                  @click="closeMenu();"
5516                  class=" flex justify-end w-16 self-end -mr-4"
5517                  aria-label="Sluit&#x20;menu"
5518                  type="button"
5519                >
5520                  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="hidden p-4 text-white" width="64" height="64" :class="{ 'hidden' : !open, 'block': open }" aria-hidden="true">
5521  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
5522</svg>
5523                </button>
5524              </div>
5525              <ul
5526                class="transition-transform duration-150 ease-in-out translate-x-full transform list-none p-0 m-0"
5527                :class="{
5528                  'translate-x-full' : mobilePanelActiveId !== 'category-node-351',
5529                  'translate-x-0' : mobilePanelActiveId === 'category-node-351',
5530                }"
5531                aria-label="Subcategorie&#xEB;n"
5532              >
5533                <li class="px-8 py-2 border-b cursor-pointer bg-container border-primary w-full border-t text-primary font-bold">
5534                  <button
5535                    type="button"
5536                    class="flex items-center h-11 w-full"
5537                    @click="backToMainCategories('category-node-351-main');"
5538                    aria-label="Terug&#x20;naar&#x20;hoofdcategorie&#xEB;n"
5539                  >
5540                    <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">
5541  <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/>
5542</svg>
5543                    <span class="ml-4">
5544                      Sport &amp; Revalidatie                    </span>
5545                  </button>
5546                </li>
5547                <li>
5548                  <a
5549                    href="https://www.hulpmiddelwereld.be/sport-revalidatie"
5550                    title="Sport&#x20;&amp;&#x20;Revalidatie"
5551                    class="flex items-center justify-between w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-primary text-primary font-bold"
5552                  >
5553                    <span>Bekijk alles</span>
5554                  </a>
5555                </li>
5556                                  <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
5557                      data-subparent-id="category-node-374"
5558                      @click="toggleChildren('category-node-374')"
5559                  >
5560                    <span
5561                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
5562                    >
5563                      <span class="text-base">
5564                        Revalidatiehulpmiddelen                      </span>
5565                    </span>
5566                                          <button
5567                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
5568                        aria-label="Open&#x20;Revalidatiehulpmiddelen&#x20;subcategorie&#xEB;n"
5569                        aria-haspopup="true"
5570                        :aria-expanded="mobilePanelActiveId === 'category-node-351'"
5571                      >
5572                        <div class="w-8 h-8 transform transition-transform duration-200">
5573                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
5574  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
5575</svg>
5576                        </div>
5577                      </button>
5578                                      </li>
5579                                      <li
5580                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
5581                      data-parent-id="category-node-374"
5582                    >
5583                      <a
5584                        href="https://www.hulpmiddelwereld.be/sport-revalidatie/revalidatiehulpmiddelen"
5585                        title="Revalidatiehulpmiddelen"
5586                        class="flex items-center w-full  cursor-pointer border-container"
5587                      >
5588                        <span>Bekijk alles</span>
5589                      </a>
5590                    </li>
5591                                          <li
5592                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
5593                      "
5594                        data-parent-id="category-node-374"
5595                      >
5596                        <a
5597                          href="https://www.hulpmiddelwereld.be/sport-revalidatie/revalidatiehulpmiddelen/fietstrainers"
5598                          title="Fietstrainers"
5599                          class="flex items-center w-full  cursor-pointer border-container"
5600                        >
5601                        <span class="ml-2 text-base">
5602                          Fietstrainers                        </span>
5603                        </a>
5604                      </li>
5605                                          <li
5606                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
5607                      "
5608                        data-parent-id="category-node-374"
5609                      >
5610                        <a
5611                          href="https://www.hulpmiddelwereld.be/sport-revalidatie/revalidatiehulpmiddelen/handtrainers"
5612                          title="Handtrainers"
5613                          class="flex items-center w-full  cursor-pointer border-container"
5614                        >
5615                        <span class="ml-2 text-base">
5616                          Handtrainers                        </span>
5617                        </a>
5618                      </li>
5619                                          <li
5620                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
5621                      "
5622                        data-parent-id="category-node-374"
5623                      >
5624                        <a
5625                          href="https://www.hulpmiddelwereld.be/sport-revalidatie/revalidatiehulpmiddelen/gymnastiek"
5626                          title="Gymnastiek"
5627                          class="flex items-center w-full  cursor-pointer border-container"
5628                        >
5629                        <span class="ml-2 text-base">
5630                          Gymnastiek                        </span>
5631                        </a>
5632                      </li>
5633                                          <li
5634                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
5635                      border-primary"
5636                        data-parent-id="category-node-374"
5637                      >
5638                        <a
5639                          href="https://www.hulpmiddelwereld.be/sport-revalidatie/revalidatiehulpmiddelen/beentrainers"
5640                          title="Beentrainers"
5641                          class="flex items-center w-full  cursor-pointer border-container"
5642                        >
5643                        <span class="ml-2 text-base">
5644                          Beentrainers                        </span>
5645                        </a>
5646                      </li>
5647                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
5648                      data-subparent-id="category-node-928"
5649                      @click="toggleChildren('category-node-928')"
5650                  >
5651                    <span
5652                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
5653                    >
5654                      <span class="text-base">
5655                        Therapie &amp; pijnverlichting                      </span>
5656                    </span>
5657                                          <button
5658                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
5659                        aria-label="Open&#x20;Therapie&#x20;&amp;&#x20;pijnverlichting&#x20;subcategorie&#xEB;n"
5660                        aria-haspopup="true"
5661                        :aria-expanded="mobilePanelActiveId === 'category-node-351'"
5662                      >
5663                        <div class="w-8 h-8 transform transition-transform duration-200">
5664                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
5665  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
5666</svg>
5667                        </div>
5668                      </button>
5669                                      </li>
5670                                      <li
5671                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
5672                      data-parent-id="category-node-928"
5673                    >
5674                      <a
5675                        href="https://www.hulpmiddelwereld.be/sport-revalidatie/therapie-pijnverlichting"
5676                        title="Therapie&#x20;&amp;&#x20;pijnverlichting"
5677                        class="flex items-center w-full  cursor-pointer border-container"
5678                      >
5679                        <span>Bekijk alles</span>
5680                      </a>
5681                    </li>
5682                                          <li
5683                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
5684                      "
5685                        data-parent-id="category-node-928"
5686                      >
5687                        <a
5688                          href="https://www.hulpmiddelwereld.be/sport-revalidatie/therapie-pijnverlichting/tens-therapie"
5689                          title="TENS&#x20;therapie"
5690                          class="flex items-center w-full  cursor-pointer border-container"
5691                        >
5692                        <span class="ml-2 text-base">
5693                          TENS therapie                        </span>
5694                        </a>
5695                      </li>
5696                                          <li
5697                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
5698                      "
5699                        data-parent-id="category-node-928"
5700                      >
5701                        <a
5702                          href="https://www.hulpmiddelwereld.be/sport-revalidatie/therapie-pijnverlichting/handtherapie"
5703                          title="Handtherapie"
5704                          class="flex items-center w-full  cursor-pointer border-container"
5705                        >
5706                        <span class="ml-2 text-base">
5707                          Handtherapie                        </span>
5708                        </a>
5709                      </li>
5710                                          <li
5711                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
5712                      "
5713                        data-parent-id="category-node-928"
5714                      >
5715                        <a
5716                          href="https://www.hulpmiddelwereld.be/sport-revalidatie/therapie-pijnverlichting/kou-en-warmtetherapie"
5717                          title="Kou-&#x20;en&#x20;Warmtetherapie"
5718                          class="flex items-center w-full  cursor-pointer border-container"
5719                        >
5720                        <span class="ml-2 text-base">
5721                          Kou- en Warmtetherapie                        </span>
5722                        </a>
5723                      </li>
5724                                          <li
5725                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
5726                      "
5727                        data-parent-id="category-node-928"
5728                      >
5729                        <a
5730                          href="https://www.hulpmiddelwereld.be/sport-revalidatie/therapie-pijnverlichting/lichttherapie"
5731                          title="Lichttherapie"
5732                          class="flex items-center w-full  cursor-pointer border-container"
5733                        >
5734                        <span class="ml-2 text-base">
5735                          Lichttherapie                        </span>
5736                        </a>
5737                      </li>
5738                                          <li
5739                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
5740                      border-primary"
5741                        data-parent-id="category-node-928"
5742                      >
5743                        <a
5744                          href="https://www.hulpmiddelwereld.be/sport-revalidatie/therapie-pijnverlichting/infraroodtherapie"
5745                          title="Infraroodtherapie"
5746                          class="flex items-center w-full  cursor-pointer border-container"
5747                        >
5748                        <span class="ml-2 text-base">
5749                          Infraroodtherapie                        </span>
5750                        </a>
5751                      </li>
5752                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
5753                      data-subparent-id="category-node-372"
5754                      @click="toggleChildren('category-node-372')"
5755                  >
5756                    <span
5757                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
5758                    >
5759                      <span class="text-base">
5760                        Sporttape                      </span>
5761                    </span>
5762                                          <button
5763                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
5764                        aria-label="Open&#x20;Sporttape&#x20;subcategorie&#xEB;n"
5765                        aria-haspopup="true"
5766                        :aria-expanded="mobilePanelActiveId === 'category-node-351'"
5767                      >
5768                        <div class="w-8 h-8 transform transition-transform duration-200">
5769                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
5770  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
5771</svg>
5772                        </div>
5773                      </button>
5774                                      </li>
5775                                      <li
5776                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
5777                      data-parent-id="category-node-372"
5778                    >
5779                      <a
5780                        href="https://www.hulpmiddelwereld.be/sport-revalidatie/sporttape"
5781                        title="Sporttape"
5782                        class="flex items-center w-full  cursor-pointer border-container"
5783                      >
5784                        <span>Bekijk alles</span>
5785                      </a>
5786                    </li>
5787                                          <li
5788                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
5789                      "
5790                        data-parent-id="category-node-372"
5791                      >
5792                        <a
5793                          href="https://www.hulpmiddelwereld.be/sport-revalidatie/sporttape/pinotape-sporttape"
5794                          title="Pinotape"
5795                          class="flex items-center w-full  cursor-pointer border-container"
5796                        >
5797                        <span class="ml-2 text-base">
5798                          Pinotape                        </span>
5799                        </a>
5800                      </li>
5801                                          <li
5802                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
5803                      border-primary"
5804                        data-parent-id="category-node-372"
5805                      >
5806                        <a
5807                          href="https://www.hulpmiddelwereld.be/sport-revalidatie/sporttape/strengthtape-sporttape"
5808                          title="StrengthTape"
5809                          class="flex items-center w-full  cursor-pointer border-container"
5810                        >
5811                        <span class="ml-2 text-base">
5812                          StrengthTape                        </span>
5813                        </a>
5814                      </li>
5815                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
5816                      data-subparent-id="category-node-930"
5817                      @click="toggleChildren('category-node-930')"
5818                  >
5819                    <span
5820                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
5821                    >
5822                      <span class="text-base">
5823                        Bescherming                      </span>
5824                    </span>
5825                                          <button
5826                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
5827                        aria-label="Open&#x20;Bescherming&#x20;subcategorie&#xEB;n"
5828                        aria-haspopup="true"
5829                        :aria-expanded="mobilePanelActiveId === 'category-node-351'"
5830                      >
5831                        <div class="w-8 h-8 transform transition-transform duration-200">
5832                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
5833  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
5834</svg>
5835                        </div>
5836                      </button>
5837                                      </li>
5838                                      <li
5839                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
5840                      data-parent-id="category-node-930"
5841                    >
5842                      <a
5843                        href="https://www.hulpmiddelwereld.be/sport-revalidatie/bescherming"
5844                        title="Bescherming"
5845                        class="flex items-center w-full  cursor-pointer border-container"
5846                      >
5847                        <span>Bekijk alles</span>
5848                      </a>
5849                    </li>
5850                                          <li
5851                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
5852                      "
5853                        data-parent-id="category-node-930"
5854                      >
5855                        <a
5856                          href="https://www.hulpmiddelwereld.be/sport-revalidatie/bescherming/hipshield"
5857                          title="Hipshield"
5858                          class="flex items-center w-full  cursor-pointer border-container"
5859                        >
5860                        <span class="ml-2 text-base">
5861                          Hipshield                        </span>
5862                        </a>
5863                      </li>
5864                                          <li
5865                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
5866                      "
5867                        data-parent-id="category-node-930"
5868                      >
5869                        <a
5870                          href="https://www.hulpmiddelwereld.be/sport-revalidatie/bescherming/teenbeschermers"
5871                          title="Teenbeschermers"
5872                          class="flex items-center w-full  cursor-pointer border-container"
5873                        >
5874                        <span class="ml-2 text-base">
5875                          Teenbeschermers                        </span>
5876                        </a>
5877                      </li>
5878                                          <li
5879                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
5880                      border-primary"
5881                        data-parent-id="category-node-930"
5882                      >
5883                        <a
5884                          href="https://www.hulpmiddelwereld.be/sport-revalidatie/bescherming/oedeemhandschoenen"
5885                          title="Oedeemhandschoenen"
5886                          class="flex items-center w-full  cursor-pointer border-container"
5887                        >
5888                        <span class="ml-2 text-base">
5889                          Oedeemhandschoenen                        </span>
5890                        </a>
5891                      </li>
5892                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
5893                      data-subparent-id="category-node-352"
5894                      @click="toggleChildren('category-node-352')"
5895                  >
5896                    <span
5897                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
5898                    >
5899                      <span class="text-base">
5900                        Braces                      </span>
5901                    </span>
5902                                          <button
5903                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
5904                        aria-label="Open&#x20;Braces&#x20;subcategorie&#xEB;n"
5905                        aria-haspopup="true"
5906                        :aria-expanded="mobilePanelActiveId === 'category-node-351'"
5907                      >
5908                        <div class="w-8 h-8 transform transition-transform duration-200">
5909                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
5910  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
5911</svg>
5912                        </div>
5913                      </button>
5914                                      </li>
5915                                      <li
5916                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
5917                      data-parent-id="category-node-352"
5918                    >
5919                      <a
5920                        href="https://www.hulpmiddelwereld.be/sport-revalidatie/braces"
5921                        title="Braces"
5922                        class="flex items-center w-full  cursor-pointer border-container"
5923                      >
5924                        <span>Bekijk alles</span>
5925                      </a>
5926                    </li>
5927                                          <li
5928                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
5929                      "
5930                        data-parent-id="category-node-352"
5931                      >
5932                        <a
5933                          href="https://www.hulpmiddelwereld.be/sport-revalidatie/braces/slings"
5934                          title="Slings"
5935                          class="flex items-center w-full  cursor-pointer border-container"
5936                        >
5937                        <span class="ml-2 text-base">
5938                          Slings                        </span>
5939                        </a>
5940                      </li>
5941                                          <li
5942                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
5943                      "
5944                        data-parent-id="category-node-352"
5945                      >
5946                        <a
5947                          href="https://www.hulpmiddelwereld.be/sport-revalidatie/braces/arm-elleboog"
5948                          title="Arm&#x20;&#x2F;&#x20;Elleboog"
5949                          class="flex items-center w-full  cursor-pointer border-container"
5950                        >
5951                        <span class="ml-2 text-base">
5952                          Arm / Elleboog                        </span>
5953                        </a>
5954                      </li>
5955                                          <li
5956                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
5957                      "
5958                        data-parent-id="category-node-352"
5959                      >
5960                        <a
5961                          href="https://www.hulpmiddelwereld.be/sport-revalidatie/braces/borstkas"
5962                          title="Borstkas"
5963                          class="flex items-center w-full  cursor-pointer border-container"
5964                        >
5965                        <span class="ml-2 text-base">
5966                          Borstkas                        </span>
5967                        </a>
5968                      </li>
5969                                          <li
5970                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
5971                      "
5972                        data-parent-id="category-node-352"
5973                      >
5974                        <a
5975                          href="https://www.hulpmiddelwereld.be/sport-revalidatie/braces/duimbrace"
5976                          title="Duimbrace"
5977                          class="flex items-center w-full  cursor-pointer border-container"
5978                        >
5979                        <span class="ml-2 text-base">
5980                          Duimbrace                        </span>
5981                        </a>
5982                      </li>
5983                                          <li
5984                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
5985                      "
5986                        data-parent-id="category-node-352"
5987                      >
5988                        <a
5989                          href="https://www.hulpmiddelwereld.be/sport-revalidatie/braces/enkelbrace"
5990                          title="Enkelbrace"
5991                          class="flex items-center w-full  cursor-pointer border-container"
5992                        >
5993                        <span class="ml-2 text-base">
5994                          Enkelbrace                        </span>
5995                        </a>
5996                      </li>
5997                                          <li
5998                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
5999                      "
6000                        data-parent-id="category-node-352"
6001                      >
6002                        <a
6003                          href="https://www.hulpmiddelwereld.be/sport-revalidatie/braces/kniebrace"
6004                          title="Kniebrace"
6005                          class="flex items-center w-full  cursor-pointer border-container"
6006                        >
6007                        <span class="ml-2 text-base">
6008                          Kniebrace                        </span>
6009                        </a>
6010                      </li>
6011                                          <li
6012                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
6013                      "
6014                        data-parent-id="category-node-352"
6015                      >
6016                        <a
6017                          href="https://www.hulpmiddelwereld.be/sport-revalidatie/braces/lies"
6018                          title="Lies"
6019                          class="flex items-center w-full  cursor-pointer border-container"
6020                        >
6021                        <span class="ml-2 text-base">
6022                          Lies                        </span>
6023                        </a>
6024                      </li>
6025                                          <li
6026                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
6027                      "
6028                        data-parent-id="category-node-352"
6029                      >
6030                        <a
6031                          href="https://www.hulpmiddelwereld.be/sport-revalidatie/braces/nekbrace"
6032                          title="Nekbrace"
6033                          class="flex items-center w-full  cursor-pointer border-container"
6034                        >
6035                        <span class="ml-2 text-base">
6036                          Nekbrace                        </span>
6037                        </a>
6038                      </li>
6039                                          <li
6040                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
6041                      "
6042                        data-parent-id="category-node-352"
6043                      >
6044                        <a
6045                          href="https://www.hulpmiddelwereld.be/sport-revalidatie/braces/polsbrace"
6046                          title="Polsbrace"
6047                          class="flex items-center w-full  cursor-pointer border-container"
6048                        >
6049                        <span class="ml-2 text-base">
6050                          Polsbrace                        </span>
6051                        </a>
6052                      </li>
6053                                          <li
6054                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
6055                      "
6056                        data-parent-id="category-node-352"
6057                      >
6058                        <a
6059                          href="https://www.hulpmiddelwereld.be/sport-revalidatie/braces/rugbrace"
6060                          title="Rugbrace"
6061                          class="flex items-center w-full  cursor-pointer border-container"
6062                        >
6063                        <span class="ml-2 text-base">
6064                          Rugbrace                        </span>
6065                        </a>
6066                      </li>
6067                                          <li
6068                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
6069                      "
6070                        data-parent-id="category-node-352"
6071                      >
6072                        <a
6073                          href="https://www.hulpmiddelwereld.be/sport-revalidatie/braces/scheenbeen"
6074                          title="Scheenbeen"
6075                          class="flex items-center w-full  cursor-pointer border-container"
6076                        >
6077                        <span class="ml-2 text-base">
6078                          Scheenbeen                        </span>
6079                        </a>
6080                      </li>
6081                                          <li
6082                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
6083                      "
6084                        data-parent-id="category-node-352"
6085                      >
6086                        <a
6087                          href="https://www.hulpmiddelwereld.be/sport-revalidatie/braces/schouderbrace"
6088                          title="Schouderbrace"
6089                          class="flex items-center w-full  cursor-pointer border-container"
6090                        >
6091                        <span class="ml-2 text-base">
6092                          Schouderbrace                        </span>
6093                        </a>
6094                      </li>
6095                                          <li
6096                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
6097                      border-primary"
6098                        data-parent-id="category-node-352"
6099                      >
6100                        <a
6101                          href="https://www.hulpmiddelwereld.be/sport-revalidatie/braces/voetbrace"
6102                          title="Voetbrace"
6103                          class="flex items-center w-full  cursor-pointer border-container"
6104                        >
6105                        <span class="ml-2 text-base">
6106                          Voetbrace                        </span>
6107                        </a>
6108                      </li>
6109                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
6110                      data-subparent-id="category-node-992"
6111                      @click="toggleChildren('category-node-992')"
6112                  >
6113                    <span
6114                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
6115                    >
6116                      <span class="text-base">
6117                        Massage apparaten                      </span>
6118                    </span>
6119                                      </li>
6120                                                </ul>
6121            </div>
6122                  </li>
6123              <li
6124          data-child-id="category-node-342-main"
6125          class="level-0"
6126        >
6127          <div
6128            class="flex items-center transition-transform duration-150 ease-in-out transform px-8 py-2 border-b bg-container-lighter border-primary"
6129            :class="{
6130              '-translate-x-full' : mobilePanelActiveId,
6131              'translate-x-0' : !mobilePanelActiveId
6132            }"
6133          >
6134            <a
6135              class="flex items-center w-full cursor-pointer level-0 h-11 text-primary font-bold"
6136                              @click="openSubcategory('category-node-342')"
6137                            title="Vrije&#x20;Tijd&#x20;&amp;&#x20;Hobby"
6138            >
6139              Vrije Tijd &amp; Hobby            </a>
6140                          <button
6141                @click="openSubcategory('category-node-342')"
6142                class="flex items-center justify-center w-11 h-11 cursor-pointer text-primary"
6143                aria-label="Open&#x20;Vrije&#x20;Tijd&#x20;&amp;&#x20;Hobby&#x20;subcategorie&#xEB;n"
6144                aria-haspopup="true"
6145                :aria-expanded="mobilePanelActiveId === 'category-node-342'"
6146              >
6147                <div class="w-8 h-8">
6148                  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
6149  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
6150</svg>
6151                </div>
6152              </button>
6153                      </div>
6154                      <div
6155              data-child-id="category-node-342"
6156              class="absolute top-0 right-0 z-10 flex flex-col w-full bg-container-lighter"
6157              :class="{'hidden': mobilePanelActiveId !== 'category-node-342'}"
6158            >
6159              <div class="flex justify-between items-center bg-primary w-full px-8">
6160                <span class="text-white font-bold">
6161                  Menu                </span>
6162                <button
6163                  @click="closeMenu();"
6164                  class=" flex justify-end w-16 self-end -mr-4"
6165                  aria-label="Sluit&#x20;menu"
6166                  type="button"
6167                >
6168                  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="hidden p-4 text-white" width="64" height="64" :class="{ 'hidden' : !open, 'block': open }" aria-hidden="true">
6169  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
6170</svg>
6171                </button>
6172              </div>
6173              <ul
6174                class="transition-transform duration-150 ease-in-out translate-x-full transform list-none p-0 m-0"
6175                :class="{
6176                  'translate-x-full' : mobilePanelActiveId !== 'category-node-342',
6177                  'translate-x-0' : mobilePanelActiveId === 'category-node-342',
6178                }"
6179                aria-label="Subcategorie&#xEB;n"
6180              >
6181                <li class="px-8 py-2 border-b cursor-pointer bg-container border-primary w-full border-t text-primary font-bold">
6182                  <button
6183                    type="button"
6184                    class="flex items-center h-11 w-full"
6185                    @click="backToMainCategories('category-node-342-main');"
6186                    aria-label="Terug&#x20;naar&#x20;hoofdcategorie&#xEB;n"
6187                  >
6188                    <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">
6189  <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/>
6190</svg>
6191                    <span class="ml-4">
6192                      Vrije Tijd &amp; Hobby                    </span>
6193                  </button>
6194                </li>
6195                <li>
6196                  <a
6197                    href="https://www.hulpmiddelwereld.be/vrije-tijd-hobby"
6198                    title="Vrije&#x20;Tijd&#x20;&amp;&#x20;Hobby"
6199                    class="flex items-center justify-between w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-primary text-primary font-bold"
6200                  >
6201                    <span>Bekijk alles</span>
6202                  </a>
6203                </li>
6204                                  <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
6205                      data-subparent-id="category-node-940"
6206                      @click="toggleChildren('category-node-940')"
6207                  >
6208                    <span
6209                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
6210                    >
6211                      <span class="text-base">
6212                        Hobby                      </span>
6213                    </span>
6214                                          <button
6215                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
6216                        aria-label="Open&#x20;Hobby&#x20;subcategorie&#xEB;n"
6217                        aria-haspopup="true"
6218                        :aria-expanded="mobilePanelActiveId === 'category-node-342'"
6219                      >
6220                        <div class="w-8 h-8 transform transition-transform duration-200">
6221                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
6222  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
6223</svg>
6224                        </div>
6225                      </button>
6226                                      </li>
6227                                      <li
6228                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
6229                      data-parent-id="category-node-940"
6230                    >
6231                      <a
6232                        href="https://www.hulpmiddelwereld.be/vrije-tijd-hobby/hobby"
6233                        title="Hobby"
6234                        class="flex items-center w-full  cursor-pointer border-container"
6235                      >
6236                        <span>Bekijk alles</span>
6237                      </a>
6238                    </li>
6239                                          <li
6240                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
6241                      "
6242                        data-parent-id="category-node-940"
6243                      >
6244                        <a
6245                          href="https://www.hulpmiddelwereld.be/vrije-tijd-hobby/hobby/scharen-handwerk"
6246                          title="Scharen&#x20;&amp;&#x20;Handwerk"
6247                          class="flex items-center w-full  cursor-pointer border-container"
6248                        >
6249                        <span class="ml-2 text-base">
6250                          Scharen &amp; Handwerk                        </span>
6251                        </a>
6252                      </li>
6253                                          <li
6254                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
6255                      "
6256                        data-parent-id="category-node-940"
6257                      >
6258                        <a
6259                          href="https://www.hulpmiddelwereld.be/vrije-tijd-hobby/hobby/tuingereedschap"
6260                          title="Tuingereedschap"
6261                          class="flex items-center w-full  cursor-pointer border-container"
6262                        >
6263                        <span class="ml-2 text-base">
6264                          Tuingereedschap                        </span>
6265                        </a>
6266                      </li>
6267                                          <li
6268                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
6269                      "
6270                        data-parent-id="category-node-940"
6271                      >
6272                        <a
6273                          href="https://www.hulpmiddelwereld.be/vrije-tijd-hobby/hobby/boodschappentrolleys"
6274                          title="Boodschappentrolleys"
6275                          class="flex items-center w-full  cursor-pointer border-container"
6276                        >
6277                        <span class="ml-2 text-base">
6278                          Boodschappentrolleys                        </span>
6279                        </a>
6280                      </li>
6281                                          <li
6282                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
6283                      "
6284                        data-parent-id="category-node-940"
6285                      >
6286                        <a
6287                          href="https://www.hulpmiddelwereld.be/vrije-tijd-hobby/hobby/penverdikkers"
6288                          title="Penverdikkers"
6289                          class="flex items-center w-full  cursor-pointer border-container"
6290                        >
6291                        <span class="ml-2 text-base">
6292                          Penverdikkers                        </span>
6293                        </a>
6294                      </li>
6295                                          <li
6296                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
6297                      border-primary"
6298                        data-parent-id="category-node-940"
6299                      >
6300                        <a
6301                          href="https://www.hulpmiddelwereld.be/vrije-tijd-hobby/hobby/bureau-accessoires"
6302                          title="Bureau&#x20;accessoires"
6303                          class="flex items-center w-full  cursor-pointer border-container"
6304                        >
6305                        <span class="ml-2 text-base">
6306                          Bureau accessoires                        </span>
6307                        </a>
6308                      </li>
6309                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
6310                      data-subparent-id="category-node-348"
6311                      @click="toggleChildren('category-node-348')"
6312                  >
6313                    <span
6314                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
6315                    >
6316                      <span class="text-base">
6317                        Spellen                      </span>
6318                    </span>
6319                                          <button
6320                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
6321                        aria-label="Open&#x20;Spellen&#x20;subcategorie&#xEB;n"
6322                        aria-haspopup="true"
6323                        :aria-expanded="mobilePanelActiveId === 'category-node-342'"
6324                      >
6325                        <div class="w-8 h-8 transform transition-transform duration-200">
6326                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
6327  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
6328</svg>
6329                        </div>
6330                      </button>
6331                                      </li>
6332                                      <li
6333                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
6334                      data-parent-id="category-node-348"
6335                    >
6336                      <a
6337                        href="https://www.hulpmiddelwereld.be/vrije-tijd-hobby/spellen"
6338                        title="Spellen"
6339                        class="flex items-center w-full  cursor-pointer border-container"
6340                      >
6341                        <span>Bekijk alles</span>
6342                      </a>
6343                    </li>
6344                                          <li
6345                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
6346                      "
6347                        data-parent-id="category-node-348"
6348                      >
6349                        <a
6350                          href="https://www.hulpmiddelwereld.be/vrije-tijd-hobby/spellen/speelkaarten"
6351                          title="Speelkaarten"
6352                          class="flex items-center w-full  cursor-pointer border-container"
6353                        >
6354                        <span class="ml-2 text-base">
6355                          Speelkaarten                        </span>
6356                        </a>
6357                      </li>
6358                                          <li
6359                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
6360                      "
6361                        data-parent-id="category-node-348"
6362                      >
6363                        <a
6364                          href="https://www.hulpmiddelwereld.be/vrije-tijd-hobby/spellen/kaartenhouders"
6365                          title="Kaartenhouders"
6366                          class="flex items-center w-full  cursor-pointer border-container"
6367                        >
6368                        <span class="ml-2 text-base">
6369                          Kaartenhouders                        </span>
6370                        </a>
6371                      </li>
6372                                          <li
6373                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
6374                      "
6375                        data-parent-id="category-node-348"
6376                      >
6377                        <a
6378                          href="https://www.hulpmiddelwereld.be/vrije-tijd-hobby/spellen/houten-spellen"
6379                          title="Houten&#x20;spellen"
6380                          class="flex items-center w-full  cursor-pointer border-container"
6381                        >
6382                        <span class="ml-2 text-base">
6383                          Houten spellen                        </span>
6384                        </a>
6385                      </li>
6386                                          <li
6387                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
6388                      border-primary"
6389                        data-parent-id="category-node-348"
6390                      >
6391                        <a
6392                          href="https://www.hulpmiddelwereld.be/vrije-tijd-hobby/spellen/puzzels-voor-ouderen"
6393                          title="Puzzels&#x20;voor&#x20;ouderen"
6394                          class="flex items-center w-full  cursor-pointer border-container"
6395                        >
6396                        <span class="ml-2 text-base">
6397                          Puzzels voor ouderen                        </span>
6398                        </a>
6399                      </li>
6400                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
6401                      data-subparent-id="category-node-350"
6402                      @click="toggleChildren('category-node-350')"
6403                  >
6404                    <span
6405                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
6406                    >
6407                      <span class="text-base">
6408                        Veiligheidsproducten                      </span>
6409                    </span>
6410                                          <button
6411                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
6412                        aria-label="Open&#x20;Veiligheidsproducten&#x20;subcategorie&#xEB;n"
6413                        aria-haspopup="true"
6414                        :aria-expanded="mobilePanelActiveId === 'category-node-342'"
6415                      >
6416                        <div class="w-8 h-8 transform transition-transform duration-200">
6417                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
6418  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
6419</svg>
6420                        </div>
6421                      </button>
6422                                      </li>
6423                                      <li
6424                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
6425                      data-parent-id="category-node-350"
6426                    >
6427                      <a
6428                        href="https://www.hulpmiddelwereld.be/vrije-tijd-hobby/veiligheidsproducten"
6429                        title="Veiligheidsproducten"
6430                        class="flex items-center w-full  cursor-pointer border-container"
6431                      >
6432                        <span>Bekijk alles</span>
6433                      </a>
6434                    </li>
6435                                          <li
6436                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
6437                      "
6438                        data-parent-id="category-node-350"
6439                      >
6440                        <a
6441                          href="https://www.hulpmiddelwereld.be/vrije-tijd-hobby/veiligheidsproducten/oordopjes-tegen-geluid"
6442                          title="Oordopjes&#x20;tegen&#x20;geluid"
6443                          class="flex items-center w-full  cursor-pointer border-container"
6444                        >
6445                        <span class="ml-2 text-base">
6446                          Oordopjes tegen geluid                        </span>
6447                        </a>
6448                      </li>
6449                                          <li
6450                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
6451                      "
6452                        data-parent-id="category-node-350"
6453                      >
6454                        <a
6455                          href="https://www.hulpmiddelwereld.be/vrije-tijd-hobby/veiligheidsproducten/oordopjes-voor-zwemmen"
6456                          title="Oordopjes&#x20;zwemmen"
6457                          class="flex items-center w-full  cursor-pointer border-container"
6458                        >
6459                        <span class="ml-2 text-base">
6460                          Oordopjes zwemmen                        </span>
6461                        </a>
6462                      </li>
6463                                          <li
6464                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
6465                      border-primary"
6466                        data-parent-id="category-node-350"
6467                      >
6468                        <a
6469                          href="https://www.hulpmiddelwereld.be/vrije-tijd-hobby/veiligheidsproducten/antislip-voor-schoenen"
6470                          title="Antislip&#x20;voor&#x20;Schoenen"
6471                          class="flex items-center w-full  cursor-pointer border-container"
6472                        >
6473                        <span class="ml-2 text-base">
6474                          Antislip voor Schoenen                        </span>
6475                        </a>
6476                      </li>
6477                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
6478                      data-subparent-id="category-node-343"
6479                      @click="toggleChildren('category-node-343')"
6480                  >
6481                    <span
6482                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
6483                    >
6484                      <span class="text-base">
6485                        Hulpmiddelen kind                      </span>
6486                    </span>
6487                                      </li>
6488                                                </ul>
6489            </div>
6490                  </li>
6491              <li
6492          data-child-id="category-node-1107-main"
6493          class="level-0"
6494        >
6495          <div
6496            class="flex items-center transition-transform duration-150 ease-in-out transform px-8 py-2 border-b bg-container-lighter border-primary"
6497            :class="{
6498              '-translate-x-full' : mobilePanelActiveId,
6499              'translate-x-0' : !mobilePanelActiveId
6500            }"
6501          >
6502            <a
6503              class="flex items-center w-full cursor-pointer level-0 h-11 text-primary font-bold"
6504                              @click="openSubcategory('category-node-1107')"
6505                            title="Leefstijl&#x20;&amp;&#x20;Preventie"
6506            >
6507              Leefstijl &amp; Preventie            </a>
6508                          <button
6509                @click="openSubcategory('category-node-1107')"
6510                class="flex items-center justify-center w-11 h-11 cursor-pointer text-primary"
6511                aria-label="Open&#x20;Leefstijl&#x20;&amp;&#x20;Preventie&#x20;subcategorie&#xEB;n"
6512                aria-haspopup="true"
6513                :aria-expanded="mobilePanelActiveId === 'category-node-1107'"
6514              >
6515                <div class="w-8 h-8">
6516                  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
6517  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
6518</svg>
6519                </div>
6520              </button>
6521                      </div>
6522                      <div
6523              data-child-id="category-node-1107"
6524              class="absolute top-0 right-0 z-10 flex flex-col w-full bg-container-lighter"
6525              :class="{'hidden': mobilePanelActiveId !== 'category-node-1107'}"
6526            >
6527              <div class="flex justify-between items-center bg-primary w-full px-8">
6528                <span class="text-white font-bold">
6529                  Menu                </span>
6530                <button
6531                  @click="closeMenu();"
6532                  class=" flex justify-end w-16 self-end -mr-4"
6533                  aria-label="Sluit&#x20;menu"
6534                  type="button"
6535                >
6536                  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="hidden p-4 text-white" width="64" height="64" :class="{ 'hidden' : !open, 'block': open }" aria-hidden="true">
6537  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
6538</svg>
6539                </button>
6540              </div>
6541              <ul
6542                class="transition-transform duration-150 ease-in-out translate-x-full transform list-none p-0 m-0"
6543                :class="{
6544                  'translate-x-full' : mobilePanelActiveId !== 'category-node-1107',
6545                  'translate-x-0' : mobilePanelActiveId === 'category-node-1107',
6546                }"
6547                aria-label="Subcategorie&#xEB;n"
6548              >
6549                <li class="px-8 py-2 border-b cursor-pointer bg-container border-primary w-full border-t text-primary font-bold">
6550                  <button
6551                    type="button"
6552                    class="flex items-center h-11 w-full"
6553                    @click="backToMainCategories('category-node-1107-main');"
6554                    aria-label="Terug&#x20;naar&#x20;hoofdcategorie&#xEB;n"
6555                  >
6556                    <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">
6557  <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/>
6558</svg>
6559                    <span class="ml-4">
6560                      Leefstijl &amp; Preventie                    </span>
6561                  </button>
6562                </li>
6563                <li>
6564                  <a
6565                    href="https://www.hulpmiddelwereld.be/leefstijl-preventie"
6566                    title="Leefstijl&#x20;&amp;&#x20;Preventie"
6567                    class="flex items-center justify-between w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-primary text-primary font-bold"
6568                  >
6569                    <span>Bekijk alles</span>
6570                  </a>
6571                </li>
6572                                  <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
6573                      data-subparent-id="category-node-1152"
6574                      @click="toggleChildren('category-node-1152')"
6575                  >
6576                    <span
6577                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
6578                    >
6579                      <span class="text-base">
6580                        Gezond Bewegen                      </span>
6581                    </span>
6582                                          <button
6583                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
6584                        aria-label="Open&#x20;Gezond&#x20;Bewegen&#x20;subcategorie&#xEB;n"
6585                        aria-haspopup="true"
6586                        :aria-expanded="mobilePanelActiveId === 'category-node-1107'"
6587                      >
6588                        <div class="w-8 h-8 transform transition-transform duration-200">
6589                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
6590  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
6591</svg>
6592                        </div>
6593                      </button>
6594                                      </li>
6595                                      <li
6596                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
6597                      data-parent-id="category-node-1152"
6598                    >
6599                      <a
6600                        href="https://www.hulpmiddelwereld.be/leefstijl-preventie/gezond-bewegen"
6601                        title="Gezond&#x20;Bewegen"
6602                        class="flex items-center w-full  cursor-pointer border-container"
6603                      >
6604                        <span>Bekijk alles</span>
6605                      </a>
6606                    </li>
6607                                          <li
6608                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
6609                      "
6610                        data-parent-id="category-node-1152"
6611                      >
6612                        <a
6613                          href="https://www.hulpmiddelwereld.be/leefstijl-preventie/gezond-bewegen/armtrainers"
6614                          title="Armtrainers"
6615                          class="flex items-center w-full  cursor-pointer border-container"
6616                        >
6617                        <span class="ml-2 text-base">
6618                          Armtrainers                        </span>
6619                        </a>
6620                      </li>
6621                                          <li
6622                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
6623                      "
6624                        data-parent-id="category-node-1152"
6625                      >
6626                        <a
6627                          href="https://www.hulpmiddelwereld.be/leefstijl-preventie/gezond-bewegen/balanstrainers"
6628                          title="Balanstrainers"
6629                          class="flex items-center w-full  cursor-pointer border-container"
6630                        >
6631                        <span class="ml-2 text-base">
6632                          Balanstrainers                        </span>
6633                        </a>
6634                      </li>
6635                                          <li
6636                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
6637                      "
6638                        data-parent-id="category-node-1152"
6639                      >
6640                        <a
6641                          href="https://www.hulpmiddelwereld.be/leefstijl-preventie/gezond-bewegen/beentrainers"
6642                          title="Beentrainers"
6643                          class="flex items-center w-full  cursor-pointer border-container"
6644                        >
6645                        <span class="ml-2 text-base">
6646                          Beentrainers                        </span>
6647                        </a>
6648                      </li>
6649                                          <li
6650                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
6651                      "
6652                        data-parent-id="category-node-1152"
6653                      >
6654                        <a
6655                          href="https://www.hulpmiddelwereld.be/leefstijl-preventie/gezond-bewegen/fietstrainers"
6656                          title="Fietstrainers"
6657                          class="flex items-center w-full  cursor-pointer border-container"
6658                        >
6659                        <span class="ml-2 text-base">
6660                          Fietstrainers                        </span>
6661                        </a>
6662                      </li>
6663                                          <li
6664                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
6665                      "
6666                        data-parent-id="category-node-1152"
6667                      >
6668                        <a
6669                          href="https://www.hulpmiddelwereld.be/leefstijl-preventie/gezond-bewegen/gymnastiek"
6670                          title="Gymnastiek"
6671                          class="flex items-center w-full  cursor-pointer border-container"
6672                        >
6673                        <span class="ml-2 text-base">
6674                          Gymnastiek                        </span>
6675                        </a>
6676                      </li>
6677                                          <li
6678                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
6679                      "
6680                        data-parent-id="category-node-1152"
6681                      >
6682                        <a
6683                          href="https://www.hulpmiddelwereld.be/leefstijl-preventie/gezond-bewegen/handtrainers"
6684                          title="Handtrainers"
6685                          class="flex items-center w-full  cursor-pointer border-container"
6686                        >
6687                        <span class="ml-2 text-base">
6688                          Handtrainers                        </span>
6689                        </a>
6690                      </li>
6691                                          <li
6692                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
6693                      "
6694                        data-parent-id="category-node-1152"
6695                      >
6696                        <a
6697                          href="https://www.hulpmiddelwereld.be/leefstijl-preventie/gezond-bewegen/rollators"
6698                          title="Rollators"
6699                          class="flex items-center w-full  cursor-pointer border-container"
6700                        >
6701                        <span class="ml-2 text-base">
6702                          Rollators                        </span>
6703                        </a>
6704                      </li>
6705                                          <li
6706                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
6707                      border-primary"
6708                        data-parent-id="category-node-1152"
6709                      >
6710                        <a
6711                          href="https://www.hulpmiddelwereld.be/leefstijl-preventie/gezond-bewegen/driewielfiets-voor-volwassenen"
6712                          title="Driewielfiets&#x20;voor&#x20;volwassenen"
6713                          class="flex items-center w-full  cursor-pointer border-container"
6714                        >
6715                        <span class="ml-2 text-base">
6716                          Driewielfiets voor volwassenen                        </span>
6717                        </a>
6718                      </li>
6719                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
6720                      data-subparent-id="category-node-1108"
6721                      @click="toggleChildren('category-node-1108')"
6722                  >
6723                    <span
6724                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
6725                    >
6726                      <span class="text-base">
6727                        Gewicht bijhouden                      </span>
6728                    </span>
6729                                          <button
6730                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
6731                        aria-label="Open&#x20;Gewicht&#x20;bijhouden&#x20;subcategorie&#xEB;n"
6732                        aria-haspopup="true"
6733                        :aria-expanded="mobilePanelActiveId === 'category-node-1107'"
6734                      >
6735                        <div class="w-8 h-8 transform transition-transform duration-200">
6736                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
6737  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
6738</svg>
6739                        </div>
6740                      </button>
6741                                      </li>
6742                                      <li
6743                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
6744                      data-parent-id="category-node-1108"
6745                    >
6746                      <a
6747                        href="https://www.hulpmiddelwereld.be/leefstijl-preventie/gewicht-bijhouden"
6748                        title="Gewicht&#x20;bijhouden"
6749                        class="flex items-center w-full  cursor-pointer border-container"
6750                      >
6751                        <span>Bekijk alles</span>
6752                      </a>
6753                    </li>
6754                                          <li
6755                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
6756                      "
6757                        data-parent-id="category-node-1108"
6758                      >
6759                        <a
6760                          href="https://www.hulpmiddelwereld.be/leefstijl-preventie/gewicht-bijhouden/personenweegschalen"
6761                          title="Personenweegschalen"
6762                          class="flex items-center w-full  cursor-pointer border-container"
6763                        >
6764                        <span class="ml-2 text-base">
6765                          Personenweegschalen                        </span>
6766                        </a>
6767                      </li>
6768                                          <li
6769                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
6770                      border-primary"
6771                        data-parent-id="category-node-1108"
6772                      >
6773                        <a
6774                          href="https://www.hulpmiddelwereld.be/leefstijl-preventie/gewicht-bijhouden/lichaamsanalyse-weegschalen"
6775                          title="Weegschaal&#x20;met&#x20;lichaamsanalyse"
6776                          class="flex items-center w-full  cursor-pointer border-container"
6777                        >
6778                        <span class="ml-2 text-base">
6779                          Weegschaal met lichaamsanalyse                        </span>
6780                        </a>
6781                      </li>
6782                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
6783                      data-subparent-id="category-node-1111"
6784                      @click="toggleChildren('category-node-1111')"
6785                  >
6786                    <span
6787                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
6788                    >
6789                      <span class="text-base">
6790                        Gezond thuis leven                      </span>
6791                    </span>
6792                                          <button
6793                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
6794                        aria-label="Open&#x20;Gezond&#x20;thuis&#x20;leven&#x20;subcategorie&#xEB;n"
6795                        aria-haspopup="true"
6796                        :aria-expanded="mobilePanelActiveId === 'category-node-1107'"
6797                      >
6798                        <div class="w-8 h-8 transform transition-transform duration-200">
6799                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
6800  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
6801</svg>
6802                        </div>
6803                      </button>
6804                                      </li>
6805                                      <li
6806                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
6807                      data-parent-id="category-node-1111"
6808                    >
6809                      <a
6810                        href="https://www.hulpmiddelwereld.be/leefstijl-preventie/gezond-thuis-leven"
6811                        title="Gezond&#x20;thuis&#x20;leven"
6812                        class="flex items-center w-full  cursor-pointer border-container"
6813                      >
6814                        <span>Bekijk alles</span>
6815                      </a>
6816                    </li>
6817                                          <li
6818                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
6819                      "
6820                        data-parent-id="category-node-1111"
6821                      >
6822                        <a
6823                          href="https://www.hulpmiddelwereld.be/leefstijl-preventie/gezond-thuis-leven/luchtbevochtigers-luchtreinigers"
6824                          title="Luchtbevochtigers&#x20;&amp;&#x20;Luchtreinigers"
6825                          class="flex items-center w-full  cursor-pointer border-container"
6826                        >
6827                        <span class="ml-2 text-base">
6828                          Luchtbevochtigers &amp; Luchtreinigers                        </span>
6829                        </a>
6830                      </li>
6831                                          <li
6832                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
6833                      border-primary"
6834                        data-parent-id="category-node-1111"
6835                      >
6836                        <a
6837                          href="https://www.hulpmiddelwereld.be/leefstijl-preventie/gezond-thuis-leven/lichttherapie"
6838                          title="Lichttherapie"
6839                          class="flex items-center w-full  cursor-pointer border-container"
6840                        >
6841                        <span class="ml-2 text-base">
6842                          Lichttherapie                        </span>
6843                        </a>
6844                      </li>
6845                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
6846                      data-subparent-id="category-node-1161"
6847                      @click="toggleChildren('category-node-1161')"
6848                  >
6849                    <span
6850                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
6851                    >
6852                      <span class="text-base">
6853                        Meten &amp; monitoren                      </span>
6854                    </span>
6855                                          <button
6856                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
6857                        aria-label="Open&#x20;Meten&#x20;&amp;&#x20;monitoren&#x20;subcategorie&#xEB;n"
6858                        aria-haspopup="true"
6859                        :aria-expanded="mobilePanelActiveId === 'category-node-1107'"
6860                      >
6861                        <div class="w-8 h-8 transform transition-transform duration-200">
6862                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
6863  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
6864</svg>
6865                        </div>
6866                      </button>
6867                                      </li>
6868                                      <li
6869                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
6870                      data-parent-id="category-node-1161"
6871                    >
6872                      <a
6873                        href="https://www.hulpmiddelwereld.be/leefstijl-preventie/meten-monitoren"
6874                        title="Meten&#x20;&amp;&#x20;monitoren"
6875                        class="flex items-center w-full  cursor-pointer border-container"
6876                      >
6877                        <span>Bekijk alles</span>
6878                      </a>
6879                    </li>
6880                                          <li
6881                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
6882                      "
6883                        data-parent-id="category-node-1161"
6884                      >
6885                        <a
6886                          href="https://www.hulpmiddelwereld.be/leefstijl-preventie/meten-monitoren/bloeddrukmeters"
6887                          title="Bloeddrukmeters"
6888                          class="flex items-center w-full  cursor-pointer border-container"
6889                        >
6890                        <span class="ml-2 text-base">
6891                          Bloeddrukmeters                        </span>
6892                        </a>
6893                      </li>
6894                                          <li
6895                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
6896                      "
6897                        data-parent-id="category-node-1161"
6898                      >
6899                        <a
6900                          href="https://www.hulpmiddelwereld.be/leefstijl-preventie/meten-monitoren/hartslagmeters"
6901                          title="Hartslagmeters"
6902                          class="flex items-center w-full  cursor-pointer border-container"
6903                        >
6904                        <span class="ml-2 text-base">
6905                          Hartslagmeters                        </span>
6906                        </a>
6907                      </li>
6908                                          <li
6909                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
6910                      "
6911                        data-parent-id="category-node-1161"
6912                      >
6913                        <a
6914                          href="https://www.hulpmiddelwereld.be/leefstijl-preventie/meten-monitoren/saturatiemeters"
6915                          title="Saturatiemeters"
6916                          class="flex items-center w-full  cursor-pointer border-container"
6917                        >
6918                        <span class="ml-2 text-base">
6919                          Saturatiemeters                        </span>
6920                        </a>
6921                      </li>
6922                                          <li
6923                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
6924                      border-primary"
6925                        data-parent-id="category-node-1161"
6926                      >
6927                        <a
6928                          href="https://www.hulpmiddelwereld.be/leefstijl-preventie/meten-monitoren/thermometers"
6929                          title="Thermometers"
6930                          class="flex items-center w-full  cursor-pointer border-container"
6931                        >
6932                        <span class="ml-2 text-base">
6933                          Thermometers                        </span>
6934                        </a>
6935                      </li>
6936                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
6937                      data-subparent-id="category-node-1114"
6938                      @click="toggleChildren('category-node-1114')"
6939                  >
6940                    <span
6941                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
6942                    >
6943                      <span class="text-base">
6944                        Weerstand op peil houden                      </span>
6945                    </span>
6946                                          <button
6947                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
6948                        aria-label="Open&#x20;Weerstand&#x20;op&#x20;peil&#x20;houden&#x20;subcategorie&#xEB;n"
6949                        aria-haspopup="true"
6950                        :aria-expanded="mobilePanelActiveId === 'category-node-1107'"
6951                      >
6952                        <div class="w-8 h-8 transform transition-transform duration-200">
6953                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
6954  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
6955</svg>
6956                        </div>
6957                      </button>
6958                                      </li>
6959                                      <li
6960                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
6961                      data-parent-id="category-node-1114"
6962                    >
6963                      <a
6964                        href="https://www.hulpmiddelwereld.be/leefstijl-preventie/weerstand-op-peil-houden"
6965                        title="Weerstand&#x20;op&#x20;peil&#x20;houden"
6966                        class="flex items-center w-full  cursor-pointer border-container"
6967                      >
6968                        <span>Bekijk alles</span>
6969                      </a>
6970                    </li>
6971                                          <li
6972                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
6973                      "
6974                        data-parent-id="category-node-1114"
6975                      >
6976                        <a
6977                          href="https://www.hulpmiddelwereld.be/leefstijl-preventie/weerstand-op-peil-houden/aminozuren-vetzuren"
6978                          title="Aminozuren&#x20;&amp;&#x20;Vetzuren"
6979                          class="flex items-center w-full  cursor-pointer border-container"
6980                        >
6981                        <span class="ml-2 text-base">
6982                          Aminozuren &amp; Vetzuren                        </span>
6983                        </a>
6984                      </li>
6985                                          <li
6986                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
6987                      border-primary"
6988                        data-parent-id="category-node-1114"
6989                      >
6990                        <a
6991                          href="https://www.hulpmiddelwereld.be/leefstijl-preventie/weerstand-op-peil-houden/mineralen"
6992                          title="Mineralen"
6993                          class="flex items-center w-full  cursor-pointer border-container"
6994                        >
6995                        <span class="ml-2 text-base">
6996                          Mineralen                        </span>
6997                        </a>
6998                      </li>
6999                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
7000                      data-subparent-id="category-node-1165"
7001                      @click="toggleChildren('category-node-1165')"
7002                  >
7003                    <span
7004                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
7005                    >
7006                      <span class="text-base">
7007                        Valincidenten voorkomen                      </span>
7008                    </span>
7009                                          <button
7010                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
7011                        aria-label="Open&#x20;Valincidenten&#x20;voorkomen&#x20;subcategorie&#xEB;n"
7012                        aria-haspopup="true"
7013                        :aria-expanded="mobilePanelActiveId === 'category-node-1107'"
7014                      >
7015                        <div class="w-8 h-8 transform transition-transform duration-200">
7016                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
7017  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
7018</svg>
7019                        </div>
7020                      </button>
7021                                      </li>
7022                                      <li
7023                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
7024                      data-parent-id="category-node-1165"
7025                    >
7026                      <a
7027                        href="https://www.hulpmiddelwereld.be/leefstijl-preventie/valincidenten-voorkomen"
7028                        title="Valincidenten&#x20;voorkomen"
7029                        class="flex items-center w-full  cursor-pointer border-container"
7030                      >
7031                        <span>Bekijk alles</span>
7032                      </a>
7033                    </li>
7034                                          <li
7035                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
7036                      "
7037                        data-parent-id="category-node-1165"
7038                      >
7039                        <a
7040                          href="https://www.hulpmiddelwereld.be/leefstijl-preventie/valincidenten-voorkomen/grijppalen"
7041                          title="Grijppalen"
7042                          class="flex items-center w-full  cursor-pointer border-container"
7043                        >
7044                        <span class="ml-2 text-base">
7045                          Grijppalen                        </span>
7046                        </a>
7047                      </li>
7048                                          <li
7049                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
7050                      border-primary"
7051                        data-parent-id="category-node-1165"
7052                      >
7053                        <a
7054                          href="https://www.hulpmiddelwereld.be/leefstijl-preventie/valincidenten-voorkomen/wandbeugels"
7055                          title="Wandbeugels"
7056                          class="flex items-center w-full  cursor-pointer border-container"
7057                        >
7058                        <span class="ml-2 text-base">
7059                          Wandbeugels                        </span>
7060                        </a>
7061                      </li>
7062                                                                    </ul>
7063            </div>
7064                  </li>
7065              <li
7066          data-child-id="category-node-301-main"
7067          class="level-0"
7068        >
7069          <div
7070            class="flex items-center transition-transform duration-150 ease-in-out transform px-8 py-2 border-b bg-container-lighter border-primary"
7071            :class="{
7072              '-translate-x-full' : mobilePanelActiveId,
7073              'translate-x-0' : !mobilePanelActiveId
7074            }"
7075          >
7076            <a
7077              class="flex items-center w-full cursor-pointer level-0 h-11 text-primary font-bold"
7078                              @click="openSubcategory('category-node-301')"
7079                            title="Langer&#x20;Zelfstandig&#x20;Thuis&#x20;Wonen"
7080            >
7081              Langer Zelfstandig Thuis Wonen            </a>
7082                          <button
7083                @click="openSubcategory('category-node-301')"
7084                class="flex items-center justify-center w-11 h-11 cursor-pointer text-primary"
7085                aria-label="Open&#x20;Langer&#x20;Zelfstandig&#x20;Thuis&#x20;Wonen&#x20;subcategorie&#xEB;n"
7086                aria-haspopup="true"
7087                :aria-expanded="mobilePanelActiveId === 'category-node-301'"
7088              >
7089                <div class="w-8 h-8">
7090                  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
7091  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
7092</svg>
7093                </div>
7094              </button>
7095                      </div>
7096                      <div
7097              data-child-id="category-node-301"
7098              class="absolute top-0 right-0 z-10 flex flex-col w-full bg-container-lighter"
7099              :class="{'hidden': mobilePanelActiveId !== 'category-node-301'}"
7100            >
7101              <div class="flex justify-between items-center bg-primary w-full px-8">
7102                <span class="text-white font-bold">
7103                  Menu                </span>
7104                <button
7105                  @click="closeMenu();"
7106                  class=" flex justify-end w-16 self-end -mr-4"
7107                  aria-label="Sluit&#x20;menu"
7108                  type="button"
7109                >
7110                  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="hidden p-4 text-white" width="64" height="64" :class="{ 'hidden' : !open, 'block': open }" aria-hidden="true">
7111  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
7112</svg>
7113                </button>
7114              </div>
7115              <ul
7116                class="transition-transform duration-150 ease-in-out translate-x-full transform list-none p-0 m-0"
7117                :class="{
7118                  'translate-x-full' : mobilePanelActiveId !== 'category-node-301',
7119                  'translate-x-0' : mobilePanelActiveId === 'category-node-301',
7120                }"
7121                aria-label="Subcategorie&#xEB;n"
7122              >
7123                <li class="px-8 py-2 border-b cursor-pointer bg-container border-primary w-full border-t text-primary font-bold">
7124                  <button
7125                    type="button"
7126                    class="flex items-center h-11 w-full"
7127                    @click="backToMainCategories('category-node-301-main');"
7128                    aria-label="Terug&#x20;naar&#x20;hoofdcategorie&#xEB;n"
7129                  >
7130                    <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">
7131  <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/>
7132</svg>
7133                    <span class="ml-4">
7134                      Langer Zelfstandig Thuis Wonen                    </span>
7135                  </button>
7136                </li>
7137                <li>
7138                  <a
7139                    href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen"
7140                    title="Langer&#x20;Zelfstandig&#x20;Thuis&#x20;Wonen"
7141                    class="flex items-center justify-between w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-primary text-primary font-bold"
7142                  >
7143                    <span>Bekijk alles</span>
7144                  </a>
7145                </li>
7146                                  <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
7147                      data-subparent-id="category-node-302"
7148                      @click="toggleChildren('category-node-302')"
7149                  >
7150                    <span
7151                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
7152                    >
7153                      <span class="text-base">
7154                        Hulpmiddelen voor de slaapkamer                      </span>
7155                    </span>
7156                                          <button
7157                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
7158                        aria-label="Open&#x20;Hulpmiddelen&#x20;voor&#x20;de&#x20;slaapkamer&#x20;subcategorie&#xEB;n"
7159                        aria-haspopup="true"
7160                        :aria-expanded="mobilePanelActiveId === 'category-node-301'"
7161                      >
7162                        <div class="w-8 h-8 transform transition-transform duration-200">
7163                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
7164  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
7165</svg>
7166                        </div>
7167                      </button>
7168                                      </li>
7169                                      <li
7170                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
7171                      data-parent-id="category-node-302"
7172                    >
7173                      <a
7174                        href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/slaapkamer"
7175                        title="Hulpmiddelen&#x20;voor&#x20;de&#x20;slaapkamer"
7176                        class="flex items-center w-full  cursor-pointer border-container"
7177                      >
7178                        <span>Bekijk alles</span>
7179                      </a>
7180                    </li>
7181                                          <li
7182                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
7183                      "
7184                        data-parent-id="category-node-302"
7185                      >
7186                        <a
7187                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/slaapkamer/slechtzienden-klokken"
7188                          title="Kalenderklokken"
7189                          class="flex items-center w-full  cursor-pointer border-container"
7190                        >
7191                        <span class="ml-2 text-base">
7192                          Kalenderklokken                        </span>
7193                        </a>
7194                      </li>
7195                                          <li
7196                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
7197                      "
7198                        data-parent-id="category-node-302"
7199                      >
7200                        <a
7201                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/slaapkamer/bedden"
7202                          title="Bedden"
7203                          class="flex items-center w-full  cursor-pointer border-container"
7204                        >
7205                        <span class="ml-2 text-base">
7206                          Bedden                        </span>
7207                        </a>
7208                      </li>
7209                                          <li
7210                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
7211                      "
7212                        data-parent-id="category-node-302"
7213                      >
7214                        <a
7215                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/slaapkamer/bedaccessoires"
7216                          title="Bedhekken"
7217                          class="flex items-center w-full  cursor-pointer border-container"
7218                        >
7219                        <span class="ml-2 text-base">
7220                          Bedhekken                        </span>
7221                        </a>
7222                      </li>
7223                                          <li
7224                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
7225                      "
7226                        data-parent-id="category-node-302"
7227                      >
7228                        <a
7229                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/slaapkamer/bedleestafels"
7230                          title="Bedleestafels"
7231                          class="flex items-center w-full  cursor-pointer border-container"
7232                        >
7233                        <span class="ml-2 text-base">
7234                          Bedleestafels                        </span>
7235                        </a>
7236                      </li>
7237                                          <li
7238                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
7239                      "
7240                        data-parent-id="category-node-302"
7241                      >
7242                        <a
7243                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/slaapkamer/bed-onderleggers"
7244                          title="Bed&#x20;onderleggers"
7245                          class="flex items-center w-full  cursor-pointer border-container"
7246                        >
7247                        <span class="ml-2 text-base">
7248                          Bed onderleggers                        </span>
7249                        </a>
7250                      </li>
7251                                          <li
7252                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
7253                      border-primary"
7254                        data-parent-id="category-node-302"
7255                      >
7256                        <a
7257                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/slaapkamer/aankleedhulpmiddelen"
7258                          title="Aankleedhulpmiddelen"
7259                          class="flex items-center w-full  cursor-pointer border-container"
7260                        >
7261                        <span class="ml-2 text-base">
7262                          Aankleedhulpmiddelen                        </span>
7263                        </a>
7264                      </li>
7265                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
7266                      data-subparent-id="category-node-311"
7267                      @click="toggleChildren('category-node-311')"
7268                  >
7269                    <span
7270                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
7271                    >
7272                      <span class="text-base">
7273                        Hulpmiddelen voor de woonkamer                      </span>
7274                    </span>
7275                                          <button
7276                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
7277                        aria-label="Open&#x20;Hulpmiddelen&#x20;voor&#x20;de&#x20;woonkamer&#x20;subcategorie&#xEB;n"
7278                        aria-haspopup="true"
7279                        :aria-expanded="mobilePanelActiveId === 'category-node-301'"
7280                      >
7281                        <div class="w-8 h-8 transform transition-transform duration-200">
7282                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
7283  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
7284</svg>
7285                        </div>
7286                      </button>
7287                                      </li>
7288                                      <li
7289                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
7290                      data-parent-id="category-node-311"
7291                    >
7292                      <a
7293                        href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/woonkamer"
7294                        title="Hulpmiddelen&#x20;voor&#x20;de&#x20;woonkamer"
7295                        class="flex items-center w-full  cursor-pointer border-container"
7296                      >
7297                        <span>Bekijk alles</span>
7298                      </a>
7299                    </li>
7300                                          <li
7301                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
7302                      "
7303                        data-parent-id="category-node-311"
7304                      >
7305                        <a
7306                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/woonkamer/leestafels"
7307                          title="Leestafels"
7308                          class="flex items-center w-full  cursor-pointer border-container"
7309                        >
7310                        <span class="ml-2 text-base">
7311                          Leestafels                        </span>
7312                        </a>
7313                      </li>
7314                                          <li
7315                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
7316                      "
7317                        data-parent-id="category-node-311"
7318                      >
7319                        <a
7320                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/woonkamer/sta-op-stoelen"
7321                          title="Sta&#x20;op&#x20;stoelen"
7322                          class="flex items-center w-full  cursor-pointer border-container"
7323                        >
7324                        <span class="ml-2 text-base">
7325                          Sta op stoelen                        </span>
7326                        </a>
7327                      </li>
7328                                          <li
7329                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
7330                      "
7331                        data-parent-id="category-node-311"
7332                      >
7333                        <a
7334                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/woonkamer/rollators"
7335                          title="Rollators"
7336                          class="flex items-center w-full  cursor-pointer border-container"
7337                        >
7338                        <span class="ml-2 text-base">
7339                          Rollators                        </span>
7340                        </a>
7341                      </li>
7342                                          <li
7343                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
7344                      "
7345                        data-parent-id="category-node-311"
7346                      >
7347                        <a
7348                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/woonkamer/wandelstokken"
7349                          title="Wandelstokken"
7350                          class="flex items-center w-full  cursor-pointer border-container"
7351                        >
7352                        <span class="ml-2 text-base">
7353                          Wandelstokken                        </span>
7354                        </a>
7355                      </li>
7356                                          <li
7357                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
7358                      "
7359                        data-parent-id="category-node-311"
7360                      >
7361                        <a
7362                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/woonkamer/lezen"
7363                          title="Lezen"
7364                          class="flex items-center w-full  cursor-pointer border-container"
7365                        >
7366                        <span class="ml-2 text-base">
7367                          Lezen                        </span>
7368                        </a>
7369                      </li>
7370                                          <li
7371                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
7372                      border-primary"
7373                        data-parent-id="category-node-311"
7374                      >
7375                        <a
7376                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/woonkamer/meubelverhogers"
7377                          title="Meubelverhogers"
7378                          class="flex items-center w-full  cursor-pointer border-container"
7379                        >
7380                        <span class="ml-2 text-base">
7381                          Meubelverhogers                        </span>
7382                        </a>
7383                      </li>
7384                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
7385                      data-subparent-id="category-node-309"
7386                      @click="toggleChildren('category-node-309')"
7387                  >
7388                    <span
7389                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
7390                    >
7391                      <span class="text-base">
7392                        Hulpmiddelen voor de badkamer                      </span>
7393                    </span>
7394                                          <button
7395                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
7396                        aria-label="Open&#x20;Hulpmiddelen&#x20;voor&#x20;de&#x20;badkamer&#x20;subcategorie&#xEB;n"
7397                        aria-haspopup="true"
7398                        :aria-expanded="mobilePanelActiveId === 'category-node-301'"
7399                      >
7400                        <div class="w-8 h-8 transform transition-transform duration-200">
7401                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
7402  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
7403</svg>
7404                        </div>
7405                      </button>
7406                                      </li>
7407                                      <li
7408                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
7409                      data-parent-id="category-node-309"
7410                    >
7411                      <a
7412                        href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/badkamer"
7413                        title="Hulpmiddelen&#x20;voor&#x20;de&#x20;badkamer"
7414                        class="flex items-center w-full  cursor-pointer border-container"
7415                      >
7416                        <span>Bekijk alles</span>
7417                      </a>
7418                    </li>
7419                                          <li
7420                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
7421                      "
7422                        data-parent-id="category-node-309"
7423                      >
7424                        <a
7425                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/badkamer/wandbeugel"
7426                          title="Wandbeugels"
7427                          class="flex items-center w-full  cursor-pointer border-container"
7428                        >
7429                        <span class="ml-2 text-base">
7430                          Wandbeugels                        </span>
7431                        </a>
7432                      </li>
7433                                          <li
7434                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
7435                      "
7436                        data-parent-id="category-node-309"
7437                      >
7438                        <a
7439                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/badkamer/douchestoelen"
7440                          title="Douchestoelen"
7441                          class="flex items-center w-full  cursor-pointer border-container"
7442                        >
7443                        <span class="ml-2 text-base">
7444                          Douchestoelen                        </span>
7445                        </a>
7446                      </li>
7447                                          <li
7448                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
7449                      "
7450                        data-parent-id="category-node-309"
7451                      >
7452                        <a
7453                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/badkamer/douche-badmatten"
7454                          title="Douche-&#x20;&amp;&#x20;Badmatten"
7455                          class="flex items-center w-full  cursor-pointer border-container"
7456                        >
7457                        <span class="ml-2 text-base">
7458                          Douche- &amp; Badmatten                        </span>
7459                        </a>
7460                      </li>
7461                                          <li
7462                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
7463                      "
7464                        data-parent-id="category-node-309"
7465                      >
7466                        <a
7467                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/badkamer/opstapjes"
7468                          title="Opstapjes"
7469                          class="flex items-center w-full  cursor-pointer border-container"
7470                        >
7471                        <span class="ml-2 text-base">
7472                          Opstapjes                        </span>
7473                        </a>
7474                      </li>
7475                                          <li
7476                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
7477                      "
7478                        data-parent-id="category-node-309"
7479                      >
7480                        <a
7481                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/badkamer/badbeugels"
7482                          title="Badbeugels"
7483                          class="flex items-center w-full  cursor-pointer border-container"
7484                        >
7485                        <span class="ml-2 text-base">
7486                          Badbeugels                        </span>
7487                        </a>
7488                      </li>
7489                                          <li
7490                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
7491                      border-primary"
7492                        data-parent-id="category-node-309"
7493                      >
7494                        <a
7495                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/badkamer/persoonlijke-verzorging"
7496                          title="Persoonlijke&#x20;verzorging"
7497                          class="flex items-center w-full  cursor-pointer border-container"
7498                        >
7499                        <span class="ml-2 text-base">
7500                          Persoonlijke verzorging                        </span>
7501                        </a>
7502                      </li>
7503                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
7504                      data-subparent-id="category-node-312"
7505                      @click="toggleChildren('category-node-312')"
7506                  >
7507                    <span
7508                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
7509                    >
7510                      <span class="text-base">
7511                        Hulpmiddelen voor de eetkamer                      </span>
7512                    </span>
7513                                          <button
7514                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
7515                        aria-label="Open&#x20;Hulpmiddelen&#x20;voor&#x20;de&#x20;eetkamer&#x20;subcategorie&#xEB;n"
7516                        aria-haspopup="true"
7517                        :aria-expanded="mobilePanelActiveId === 'category-node-301'"
7518                      >
7519                        <div class="w-8 h-8 transform transition-transform duration-200">
7520                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
7521  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
7522</svg>
7523                        </div>
7524                      </button>
7525                                      </li>
7526                                      <li
7527                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
7528                      data-parent-id="category-node-312"
7529                    >
7530                      <a
7531                        href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/eetkamer"
7532                        title="Hulpmiddelen&#x20;voor&#x20;de&#x20;eetkamer"
7533                        class="flex items-center w-full  cursor-pointer border-container"
7534                      >
7535                        <span>Bekijk alles</span>
7536                      </a>
7537                    </li>
7538                                          <li
7539                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
7540                      "
7541                        data-parent-id="category-node-312"
7542                      >
7543                        <a
7544                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/eetkamer/aangepast-bestek"
7545                          title="Aangepast&#x20;bestek"
7546                          class="flex items-center w-full  cursor-pointer border-container"
7547                        >
7548                        <span class="ml-2 text-base">
7549                          Aangepast bestek                        </span>
7550                        </a>
7551                      </li>
7552                                          <li
7553                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
7554                      "
7555                        data-parent-id="category-node-312"
7556                      >
7557                        <a
7558                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/eetkamer/aangepaste-borden"
7559                          title="Aangepaste&#x20;borden"
7560                          class="flex items-center w-full  cursor-pointer border-container"
7561                        >
7562                        <span class="ml-2 text-base">
7563                          Aangepaste borden                        </span>
7564                        </a>
7565                      </li>
7566                                          <li
7567                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
7568                      "
7569                        data-parent-id="category-node-312"
7570                      >
7571                        <a
7572                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/eetkamer/alzheimer-bestek"
7573                          title="Alzheimer&#x20;bestek"
7574                          class="flex items-center w-full  cursor-pointer border-container"
7575                        >
7576                        <span class="ml-2 text-base">
7577                          Alzheimer bestek                        </span>
7578                        </a>
7579                      </li>
7580                                          <li
7581                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
7582                      "
7583                        data-parent-id="category-node-312"
7584                      >
7585                        <a
7586                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/eetkamer/drinkbekers"
7587                          title="Drinkbekers"
7588                          class="flex items-center w-full  cursor-pointer border-container"
7589                        >
7590                        <span class="ml-2 text-base">
7591                          Drinkbekers                        </span>
7592                        </a>
7593                      </li>
7594                                          <li
7595                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
7596                      border-primary"
7597                        data-parent-id="category-node-312"
7598                      >
7599                        <a
7600                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/eetkamer/sta-op-hulp"
7601                          title="Sta-op-hulp&#x20;"
7602                          class="flex items-center w-full  cursor-pointer border-container"
7603                        >
7604                        <span class="ml-2 text-base">
7605                          Sta-op-hulp                         </span>
7606                        </a>
7607                      </li>
7608                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
7609                      data-subparent-id="category-node-333"
7610                      @click="toggleChildren('category-node-333')"
7611                  >
7612                    <span
7613                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
7614                    >
7615                      <span class="text-base">
7616                        Hulpmiddelen voor de toilet                      </span>
7617                    </span>
7618                                          <button
7619                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
7620                        aria-label="Open&#x20;Hulpmiddelen&#x20;voor&#x20;de&#x20;toilet&#x20;subcategorie&#xEB;n"
7621                        aria-haspopup="true"
7622                        :aria-expanded="mobilePanelActiveId === 'category-node-301'"
7623                      >
7624                        <div class="w-8 h-8 transform transition-transform duration-200">
7625                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
7626  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
7627</svg>
7628                        </div>
7629                      </button>
7630                                      </li>
7631                                      <li
7632                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
7633                      data-parent-id="category-node-333"
7634                    >
7635                      <a
7636                        href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/toilet"
7637                        title="Hulpmiddelen&#x20;voor&#x20;de&#x20;toilet"
7638                        class="flex items-center w-full  cursor-pointer border-container"
7639                      >
7640                        <span>Bekijk alles</span>
7641                      </a>
7642                    </li>
7643                                          <li
7644                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
7645                      "
7646                        data-parent-id="category-node-333"
7647                      >
7648                        <a
7649                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/toilet/toiletbeugels"
7650                          title="Toiletbeugels"
7651                          class="flex items-center w-full  cursor-pointer border-container"
7652                        >
7653                        <span class="ml-2 text-base">
7654                          Toiletbeugels                        </span>
7655                        </a>
7656                      </li>
7657                                          <li
7658                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
7659                      "
7660                        data-parent-id="category-node-333"
7661                      >
7662                        <a
7663                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/toilet/toiletstoelen"
7664                          title="Toiletstoelen"
7665                          class="flex items-center w-full  cursor-pointer border-container"
7666                        >
7667                        <span class="ml-2 text-base">
7668                          Toiletstoelen                        </span>
7669                        </a>
7670                      </li>
7671                                          <li
7672                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
7673                      "
7674                        data-parent-id="category-node-333"
7675                      >
7676                        <a
7677                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/toilet/toiletverhogers"
7678                          title="Toiletverhogers"
7679                          class="flex items-center w-full  cursor-pointer border-container"
7680                        >
7681                        <span class="ml-2 text-base">
7682                          Toiletverhogers                        </span>
7683                        </a>
7684                      </li>
7685                                          <li
7686                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
7687                      border-primary"
7688                        data-parent-id="category-node-333"
7689                      >
7690                        <a
7691                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/toilet/tena-men"
7692                          title="TENA&#x20;Men"
7693                          class="flex items-center w-full  cursor-pointer border-container"
7694                        >
7695                        <span class="ml-2 text-base">
7696                          TENA Men                        </span>
7697                        </a>
7698                      </li>
7699                                                                        <li class="flex justify-between px-8 py-4 border-b border-primary subparent"
7700                      data-subparent-id="category-node-313"
7701                      @click="toggleChildren('category-node-313')"
7702                  >
7703                    <span
7704                      class="flex items-center w-full  cursor-pointer bg-container-lighter border-container"
7705                    >
7706                      <span class="text-base">
7707                        Keuken                      </span>
7708                    </span>
7709                                          <button
7710                        class="right-0 flex items-center justify-center w-11 h-11 cursor-pointer bg-container-lighter z-20 text-primary"
7711                        aria-label="Open&#x20;Keuken&#x20;subcategorie&#xEB;n"
7712                        aria-haspopup="true"
7713                        :aria-expanded="mobilePanelActiveId === 'category-node-301'"
7714                      >
7715                        <div class="w-8 h-8 transform transition-transform duration-200">
7716                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
7717  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
7718</svg>
7719                        </div>
7720                      </button>
7721                                      </li>
7722                                      <li
7723                      class="hidden sub-sub-item flex justify-between px-8 py-4 border-b"
7724                      data-parent-id="category-node-313"
7725                    >
7726                      <a
7727                        href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/keuken"
7728                        title="Keuken"
7729                        class="flex items-center w-full  cursor-pointer border-container"
7730                      >
7731                        <span>Bekijk alles</span>
7732                      </a>
7733                    </li>
7734                                          <li
7735                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
7736                      "
7737                        data-parent-id="category-node-313"
7738                      >
7739                        <a
7740                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/keuken/grijpers"
7741                          title="Grijpers"
7742                          class="flex items-center w-full  cursor-pointer border-container"
7743                        >
7744                        <span class="ml-2 text-base">
7745                          Grijpers                        </span>
7746                        </a>
7747                      </li>
7748                                          <li
7749                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
7750                      "
7751                        data-parent-id="category-node-313"
7752                      >
7753                        <a
7754                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/keuken/openers"
7755                          title="Openers"
7756                          class="flex items-center w-full  cursor-pointer border-container"
7757                        >
7758                        <span class="ml-2 text-base">
7759                          Openers                        </span>
7760                        </a>
7761                      </li>
7762                                          <li
7763                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
7764                      "
7765                        data-parent-id="category-node-313"
7766                      >
7767                        <a
7768                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/keuken/snijplanken"
7769                          title="Snijplanken"
7770                          class="flex items-center w-full  cursor-pointer border-container"
7771                        >
7772                        <span class="ml-2 text-base">
7773                          Snijplanken                        </span>
7774                        </a>
7775                      </li>
7776                                          <li
7777                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
7778                      "
7779                        data-parent-id="category-node-313"
7780                      >
7781                        <a
7782                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/keuken/zitkrukken"
7783                          title="Zitkrukken"
7784                          class="flex items-center w-full  cursor-pointer border-container"
7785                        >
7786                        <span class="ml-2 text-base">
7787                          Zitkrukken                        </span>
7788                        </a>
7789                      </li>
7790                                          <li
7791                        class="hidden sub-sub-item flex justify-between px-8 py-4 border-b
7792                      border-primary"
7793                        data-parent-id="category-node-313"
7794                      >
7795                        <a
7796                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/keuken/keukenmessen"
7797                          title="Keukenmessen"
7798                          class="flex items-center w-full  cursor-pointer border-container"
7799                        >
7800                        <span class="ml-2 text-base">
7801                          Keukenmessen                        </span>
7802                        </a>
7803                      </li>
7804                                                                    </ul>
7805            </div>
7806                  </li>
7807                </ul>
7808  </div>
7809</nav>
7810
7811
7812    <!-- Logo -->
7813    <div class="order-1 max-md:order-2 sm:w-auto sm:pb-0 max-lg:px-3 max-lg:w-1/3">
7814  <a
7815    class="flex w-full items-center justify-center text-xl font-medium tracking-wide text-grey no-underline hover:no-underline font-title"
7816    href="https://www.hulpmiddelwereld.be/"
7817    aria-label="Ga&#x20;naar&#x20;homepagina"
7818  >
7819    <img
7820      src="https://www.hulpmiddelwereld.be/media/logo/websites/3/logo_white_plus_be.png"
7821      class="logo"
7822      alt="Hulpmiddelen&#x20;-&#x20;Hulpmiddelwereld.be"
7823      width="181"      height="56"    />
7824      </a>
7825</div>
7826    <!-- Search -->
7827    
7828<div
7829  class="text-black lg:order-2 max-lg:order-3 w-full lg:mx-8 xl:mx-24 max-lg:pt-4 relative"
7830  x-ref="searchFormWrapper"
7831  id="search-from-wrapper"
7832  x-data="searchFormRenderer"
7833>
7834  <form
7835    class="form minisearch"
7836    id="search_mini_form"
7837    x-ref="searchForm"
7838    @submit.prevent="formSubmit"
7839    action="https://www.hulpmiddelwereld.be/catalogsearch/result/"
7840    method="get"
7841    role="search"
7842  >
7843    <label
7844      class="hidden"
7845      for="search"
7846      data-role="minisearch-label"
7847    >
7848      <span>Zoek</span>
7849    </label>
7850    <div class="control relative">
7851            <input
7852        id="search"
7853        x-ref="searchInput"
7854        x-model="searchQuery"
7855        value=""
7856        class="w-full border-0 leading-normal appearance-none rounded-full xl:px-6 lg:px-4 form-input bg-grey-lighter"
7857        type="search"
7858        autocomplete="off"
7859        name="q"
7860        placeholder="Doorzoek&#x20;de&#x20;hele&#x20;winkel"
7861        maxlength="128"
7862        @input.debounce="search"
7863      />
7864      <button
7865        type="submit"
7866        title="Zoek"
7867        class="action search absolute top-1/2 -translate-y-1/2 right-6 disabled:text-grey enabled:text-primary"
7868        aria-label="Search"
7869      >
7870        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="md:h-6 md:w-6" width="28" height="28" aria-hidden="true">
7871  <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/>
7872</svg>
7873      </button>
7874    </div>
7875  </form>
7876  <div
7877    x-cloak
7878    class="quick-search-result flex flex-col gap-4 absolute z-200 top-full mt-2 left-0 w-full p-8 bg-white shadow-xl rounded-lg border border-primary-lighter"
7879    :class="{ hidden: !isLoading && !isLoaded }"
7880  >
7881    <div
7882      x-show="isLoaded"
7883      class="flex w-full justify-between items-center"
7884    >
7885      <strong
7886        x-text="searchTitle"
7887        class="text-lg"
7888      ></strong>
7889      <span
7890        class="cursor-pointer"
7891        @click="closeDrawer"
7892        aria-label="Sluiten"
7893      >
7894        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-primary" width="24" height="24" role="img">
7895  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
7896<title>Sluiten</title></svg>
7897</span>
7898    </div>
7899    <div
7900      x-cloak
7901      x-show="isLoading"
7902    >
7903       <div class="flex flex-col items-center"><div class="loader-dots flex justify-center items-center h-4 relative" style="width: 56px;" ><span class="bg-primary rounded-full left-0 w-4 h-full flex absolute"></span> <span class="bg-primary rounded-full left-5 w-4 h-full flex absolute"></span> <span class="bg-primary rounded-full left-10 w-4 h-full flex absolute"></span></div><div class="mt-6 bg-white/50 p-2"><span class="p-2">Bezig met laden...</span></div></div>    </div>
7904    <div
7905      x-html="searchResult"
7906      x-show="isLoaded"
7907    >
7908    </div>
7909    <div
7910      class="flex justify-center pt-2"
7911      x-cloak
7912      x-show="pageUrl"
7913    >
7914      <a
7915        class="btn btn-primary"
7916        :href="pageUrl"
7917        x-cloak
7918        x-show="pageUrl"
7919      >
7920        Bekijk alles      </a>
7921    </div>
7922  </div>
7923</div>
7924    <!-- Third party reviews -->
7925    <div class="flex lg:order-3 items-center max-lg:hidden">
7926  <a
7927    class="flex whitespace-nowrap text-sm underline text-white mr-2"
7928    href="https://www.kiyoh.com/reviews/1045952/hulpmiddelwereld"
7929    target="_blank"
7930  >
7931    <span>1049 beoordelingen</span>
7932  </a>
7933  <a
7934    class="relative flex items-center text-black font-bold icon-kiyoh"
7935    style="width: 46px; height: 46px;"
7936    href="https://www.kiyoh.com/reviews/1045952/hulpmiddelwereld"
7937    title="Onze winkel wordt gemiddeld beoordeeld met 4.45!"
7938    target="_blank"
7939  >
7940    <span
7941      class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 bg-white rounded-full"
7942      style="width: 30px; height: 30px;"
7943    ></span>
7944    <span class="z-1 text-center w-full">8.9</span>
7945  </a>
7946</div>
7947    <div class="flex items-center lg:gap-2 max-lg:w-1/3 max-lg:justify-end md:gap-1 order-3 max-lg:order-2">
7948      <!-- Additional Header Elements -->
7949      
7950      <!-- Customer Icon & Dropdown -->
7951      <!-- BLOCK header.customer -->
7952  <div
7953    class="relative inline-block"
7954    x-data="{ open: false }"
7955    @keyup.escape="open = false"
7956    @click.outside="open = false"
7957  >
7958    <a
7959      href="/customer/account"
7960      id="customer-menu"
7961      class="rounded p-1 outline-offset-2 flex items-center font-bold whitespace-nowrap text-md"
7962      aria-label="Account"
7963    >
7964    <span class="max-lg:hidden pr-2 text-white">
7965      Inloggen    </span>
7966      <span class="bg-primary-darker rounded-full text-white  h-8 w-8 flex items-center justify-center">
7967      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-white md:h-6 md:w-6" width="28" height="28" aria-hidden="true">
7968  <path stroke-linecap="round" stroke-linejoin="round" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"/>
7969</svg>
7970    </span>
7971    </a>
7972  </div>
7973<!-- /BLOCK header.customer -->
7974      <!-- Cart Icon -->
7975              <button
7976              id="menu-cart-icon"
7977        class="relative items-center rounded p-1 outline-offset-2 whitespace-nowrap flex text-md"
7978        x-ref="cartButton"
7979        :aria-disabled="isCartEmpty()"
7980        :aria-label="`
7981          Minicart&#x20;wisselen,
7982          ${isCartEmpty()
7983            ? 'Winkelwagen&#x20;is&#x20;leeg'
7984            : cart.summary_count > 1
7985              ? hyva.str('&#x25;1&#x20;stuks', cart.summary_count)
7986              : hyva.str('&#x25;1&#x20;stuk', cart.summary_count)
7987          }`"
7988                  @click.prevent.stop="() => { $dispatch('toggle-cart', { isOpen: true }) }"
7989          @toggle-cart.window="toggleCart($event)"
7990          :aria-expanded="isCartOpen"
7991          aria-haspopup="dialog"
7992              >
7993        <span
7994          class="max-lg:hidden pr-2 font-bold text-white"
7995          @private-content-loaded.window="setCartTypeLabel($event.detail.data)"
7996        >
7997          Winkelwagen        </span>
7998        <span class="bg-secondary rounded-full text-white h-8 w-8 flex items-center justify-center">
7999           <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-white h-6 w-6" width="28" height="28" aria-hidden="true">
8000  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
8001</svg>
8002        </span>
8003        <span
8004          x-text="cart.summary_count"
8005          x-show="!isCartEmpty()"
8006          x-cloak
8007          class="absolute -top-1.5 -right-1.5 h-5 px-2 py-1 rounded-full bg-secondary-darker text-white text-xs font-bold leading-none text-center uppercase tabular-nums"
8008          aria-hidden="true"
8009        ></span>
8010              </button>
8011          </div>
8012  </div>
8013
8014  <!-- Quote Drawer -->
8015  
8016  <!-- Cart Drawer -->
8017  
8018<section
8019  x-cloak
8020  x-show="cart"
8021  id="cart-drawer"
8022  class="mini-cq-drawer"
8023  x-data="initCartDrawer()"
8024  @private-content-loaded.window="getData($event.detail.data)"
8025  @toggle-cart.window="toggleCartDrawer($event)"
8026  @keydown.escape="closeCartDrawer"
8027>
8028  <div
8029    role="dialog"
8030    aria-labelledby="cart-drawer-title"
8031    aria-modal="true"
8032    :aria-hidden="!open"
8033    :class="{ 'hidden': !open }"
8034    class="absolute top-[75px] max-lg:top-[65px] w-[400px] right-10 inset-y-0 z-30 flex shadow-xl"
8035  >
8036    <div
8037      class="mask"
8038      x-show="open"
8039      role="button"
8040      @click="closeCartDrawer"
8041      aria-label="Sluit&#x20;miniwinkelwagen"
8042    ></div>
8043    <div
8044      class="relative w-full"
8045      x-show="open"
8046      x-ref="cartDialogContent"
8047      role="region"
8048      :tabindex="open ? 0 : -1"
8049      aria-label="Winkelwagen"
8050    >
8051      <div class="mini-cq-content flex flex-col bg-white rounded border-t-2 border-t-secondary max-h-screen-75">
8052                <header class="relative p-4">
8053          <p
8054            id="cart-drawer-title"
8055            class="text-lg"
8056          >
8057            <strong>Winkelwagen</strong>
8058            <span
8059              class="items-total text-xs pr-5"
8060              x-show="maxItemsToDisplay && maxItemsToDisplay < itemsCount"
8061              x-text="getItemCountTitle()"
8062            ></span>
8063          </p>
8064        </header>
8065                <template x-if="!itemsCount">
8066          <div class="px-4 pb-4 relative bg-white border-bs">
8067            Winkelwagen is leeg          </div>
8068        </template>
8069        <template x-if="itemsCount">
8070          <div class="relative grid gap-6 sm:gap-8 bg-white max-h-[200px] overflow-y-auto overscroll-y-contain">
8071            <template x-for="item in cartItems">
8072              <div class="flex items-start space-x-4 [&:not(:last-child)]:border-b py-2 mx-4">
8073                <a
8074                  :href="item.product_url"
8075                  class="w-1/4"
8076                  :aria-label="hyva.strf('Product\u0020\u0022\u00250\u0022', item.product_name)"
8077                >
8078                  <img
8079                    :data-src="item.product_image.src"
8080                    data-lazyload
8081                    :width="item.product_image.width"
8082                    :height="item.product_image.height"
8083                    loading="lazy"
8084                    alt=""
8085                  />
8086                </a>
8087                <div class="w-3/4">
8088                  <div class="flex justify-between">
8089                    <strong x-html="item.product_name" class="pr-6"></strong>
8090                    <strong x-html="item.product_price" class="text-primary"></strong>
8091                  </div>
8092                  <div class="my-2">
8093                    <template x-for="option in item.options">
8094                      <div class="grid grid-cols-2">
8095                        <span class="col-span-1 pr-3 text-grey" x-text="option.label"></span>
8096                        <strong class="text-black col-span-1" x-html="option.value"></strong>
8097                      </div>
8098                    </template>
8099                  </div>
8100                  <div class="flex justify-between items-center">
8101                    <p><span x-html="item.qty"></span>x </p>
8102                    <div>
8103                      <a
8104                        :href="item.configure_url"
8105                        x-show="item.product_type !== 'grouped' && item.is_visible_in_site_visibility"
8106                        class="inline-flex p-2 mr-2 btn-icon btn-icon-quaternary"
8107                        :aria-label="hyva.strf('Bewerk\u0020product\u
81070020\u0022\u00250\u0022', item.product_name)"
8108                      >
8109                        <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">
8110  <path stroke-linecap="round" stroke-linejoin="round" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z"/>
8111</svg>
8112                      </a>
8113                      <button
8114                        type="button"
8115                        class="inline-flex p-2 btn-icon btn-icon-tertiary"
8116                        @click="deleteItemFromCart(item.item_id)"
8117                        :aria-label="hyva.strf('Verwijder\u0020product\u0020\u0022\u00250\u0022\u0020uit\u0020winkelwagen', item.product_name)"
8118                      >
8119                        <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">
8120  <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"/>
8121</svg>
8122                      </button>
8123                    </div>
8124                  </div>
8125                </div>
8126              </div>
8127            </template>
8128          </div>
8129        </template>
8130        <template x-if="itemsCount">
8131          <div class="mt-6 p-4 border-t">
8132                        <div class="flex flex-col">
8133              <div class="w-full flex justify-between pb-6 text-sm">
8134                <strong>Subtotaal</strong>
8135                <strong x-html="cart.subtotal" class="text-primary"></strong>
8136              </div>
8137              <div class="w-full flex flex-col">
8138                <a
8139                  @click.prevent.stop="closeCartDrawer; $dispatch('toggle-authentication', { url: 'https://www.hulpmiddelwereld.be/checkout/' });"
8140                  href="https://www.hulpmiddelwereld.be/checkout/"
8141                  class="inline-flex btn btn-secondary mb-3"
8142                >
8143                  Afrekenen                </a>
8144                <a
8145                  href="https://www.hulpmiddelwereld.be/checkout/cart/"
8146                  class="inline-flex btn btn-tertiary"
8147                >
8148                  Bekijk en bewerk winkelwagen                </a>
8149              </div>
8150              <div x-html="getSectionDataExtraActions()"></div>
8151                          </div>
8152          </div>
8153        </template>
8154              </div>
8155      <button
8156        type="button"
8157        @click="closeCartDrawer"
8158        aria-label="Sluit&#x20;miniwinkelwagen"
8159        class="absolute top-0 right-2 p-4 transition-colors hover:text-black"
8160      >
8161        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-lg" width="24" height="24" aria-hidden="true">
8162  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
8163</svg>
8164      </button>
8165    </div>
8166  </div>
8167</section>
8168  <!-- Authentication Pop-Up -->
8169  <!-- BLOCK authentication-popup -->
8170<section id="authentication-popup"
8171         x-data="initAuthentication"
8172         @private-content-loaded.window="onPrivateContentLoaded"
8173         @toggle-authentication.window="redirectIfAuthenticated"
8174         @keydown.window.escape="close"
8175>
8176    <div
8177        class="backdrop"
8178        aria-hidden="true"
8179        x-cloak
8180        x-show="open"
8181        x-transition:enter="ease-in-out duration-500"
8182        x-transition:enter-start="opacity-0"
8183        x-transition:enter-end="opacity-100"
8184        x-transition:leave="ease-in-out duration-500"
8185        x-transition:leave-start="opacity-100"
8186        x-transition:leave-end="opacity-0"
8187        @click="close"
8188    ></div>
8189    <div role="dialog"
8190         aria-modal="true"
8191         @click.outside="close"
8192         class="inset-y-0 right-0 z-30 flex max-w-full fixed"
8193         x-cloak
8194         x-show="open"
8195    >
8196        <div class="relative w-screen max-w-md pt-16 bg-container-lighter"
8197             x-show="open"
8198             x-cloak
8199             x-transition:enter="transform transition ease-in-out duration-500 sm:duration-700"
8200             x-transition:enter-start="translate-x-full"
8201             x-transition:enter-end="translate-x-0"
8202             x-transition:leave="transform transition ease-in-out duration-500 sm:duration-700"
8203             x-transition:leave-start="translate-x-0"
8204             x-transition:leave-end="translate-x-full"
8205        >
8206            <div
8207                x-show="open"
8208                x-cloak
8209                x-transition:enter="ease-in-out duration-500"
8210                x-transition:enter-start="opacity-0"
8211                x-transition:enter-end="opacity-100"
8212                x-transition:leave="ease-in-out duration-500"
8213                x-transition:leave-start="opacity-100"
8214                x-transition:leave-end="opacity-0" class="absolute top-0 right-2 flex p-2 mt-2">
8215                <button
8216                    type="button"
8217                    @click="close"
8218                    aria-label="Sluit&#x20;paneel"
8219                    class="p-2 text-gray-300 transition duration-150 ease-in-out hover:text-black"
8220                >
8221                    <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">
8222  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
8223</svg>
8224                </button>
8225            </div>
8226            <template x-if="open">
8227                <div class="flex flex-col h-full py-6 space-y-6 bg-white shadow-xl overflow-y-auto">
8228                    <div class="mx-4">
8229                        <div class="message error mb-0" x-show="errors" x-cloak>
8230                            <template x-for="(message, index) in errorMessages" :key="index">
8231                                <div>
8232                                    <template x-if="message">
8233                                        <span x-html="message"></span>
8234                                    </template>
8235                                </div>
8236                            </template>
8237                        </div>
8238                    </div>
8239                    <div class="block-customer-login bg-container border border-container mx-4 p-4 shadow-sm">
8240                        <p id="authenticate-customer-login" class="text-lg leading-7 text-gray-900">
8241                            <strong class="font-medium">Reken af met uw account</strong>
8242                        </p>
8243
8244                        <form class="form form-login"
8245                              method="post"
8246                              @submit.prevent="submitForm"
8247                              id="login-form"
8248                        >
8249                                                        <div class="fieldset login">
8250                                <div class="field email required">
8251                                    <label class="label" for="form-login-username" form="login-form" >
8252                                        <span>E-mail adres</span>
8253                                    </label>
8254                                    <div class="control">
8255                                        <input name="username"
8256                                               id="form-login-username"
8257                                               x-ref="customer-email"
8258                                               @change="resetErrors"
8259                                               type="email"
8260                                               required
8261                                               autocomplete="off"
8262                                               class="form-input"
8263                                        >
8264                                    </div>
8265                                </div>
8266                                <div class="field password required">
8267                                    <label for="form-login-password" class="label" form="login-form">
8268                                        <span>Wachtwoord</span>
8269                                    </label>
8270                                    <div class="control">
8271                                        <input name="password"
8272                                               id="form-login-password"
8273                                               type="password"
8274                                               class="form-input"
8275                                               required
8276                                               x-ref="customer-password"
8277                                               autocomplete="off"
8278                                               @change="resetErrors"
8279                                        >
8280                                    </div>
8281                                </div>
8282
8283                                <input name="context" type="hidden" value="checkout">
8284                                <div class="actions-toolbar pt-6 pb-2">
8285                                    <button type="submit"                                            class="inline-flex btn btn-primary disabled:opacity-75"
8286                                    >
8287                                        Inloggen                                    </button>
8288                                    <a href="https://www.hulpmiddelwereld.be/customer/account/forgotpassword/"
8289                                    >
8290                                        Wachtwoord vergeten?                                    </a>
8291                                </div>
8292
8293                            </div>
8294                        </form>
8295                    </div>
8296                    <div class="mx-4">
8297                                            </div>
8298                    <div class="block-new-customer bg-container border border-container mx-4 p-4 shadow-sm">
8299                        <p id="authenticate-new-customer" class="text-lg mb-2 leading-7 text-gray-900">
8300                            <strong class="font-medium">Afrekenen als een nieuwe klant</strong>
8301                        </p>
8302
8303                        <div class="block-content">
8304                            <p class="mb-1">
8305                                Het aanmaken van een account heeft vele voordelen:                            </p>
8306                            <ul class="list-disc pl-5">
8307                                <li> Bekijk bestelling en verzendstatus</li>
8308                                <li> Bekijk bestelgeschiedenis</li>
8309                                <li> Reken sneller af</li>
8310                            </ul>
8311                            <div class="actions-toolbar mt-6 mb-2">
8312                                <a href="https://www.hulpmiddelwereld.be/customer/account/create/"
8313                                   class="inline-flex btn btn-primary">
8314                                    Maak een account aan                                </a>
8315                            </div>
8316                        </div>
8317                    </div>
8318                </div>
8319            </template>
8320        </div>
8321    </div>
8322</section><!-- /BLOCK authentication-popup -->
8323  <!-- Main Navigation (Desktop) -->
8324      <div class="bg-primary-lighter w-full">
8325      <div class="flex container">
8326        
8327<div
8328  x-data="initMenuDesktop_6ac382c2538bb()"
8329  class="z-20 navigation navigation-vertical hidden lg:flex relative"
8330>
8331  <div
8332    class="flex bg-primary-darker px-4 whitespace-nowrap items-center justify-between cursor-pointer font-bold shadow-inner"
8333    style="width: 300px; max-width: 300px;"
8334    @click="toggleMain"
8335  >
8336    <span class="text-white">Bekijk ons assortiment</span>
8337    <span :style="mainIsOpen ? 'transform: rotate(180deg)' : ''"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-white" width="24" height="24" role="img">
8338  <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"/>
8339<title>chevron-down</title></svg>
8340</span>
8341  </div>
8342  <div
8343    x-ref="nav-desktop"
8344    @load.window="setActiveMenu($root)"
8345    class="nav-desktop-vertical hidden absolute top-full w-full bg-white shadow-lg"
8346    :class="{ 'flex': mainIsOpen, 'hidden': !mainIsOpen }"
8347  >
8348    <ul class="level-0-wrapper flex relative justify-start flex-col w-full list-none m-0 p-0">
8349              <li
8350          class="level-0 px-4 py-3 group last:border-0 border-b border-black-lighter"
8351          @mouseenter="hoverPanelActiveId = 'category-node-265'"
8352          @mouseleave="hoverPanelActiveId = 0"
8353          @keyup.escape="hoverPanelActiveId = 0"
8354        >
8355          <a
8356            class="flex justify-between w-full level-0 group-hover:underline"
8357            href="https://www.hulpmiddelwereld.be/incontinentie"
8358            title="Incontinentiemateriaal"
8359            @focus="hoverPanelActiveId = 0"
8360          >
8361            Incontinentiemateriaal            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-black" width="24" height="24" role="img">
8362  <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"/>
8363<title>chevron-right</title></svg>
8364          </a>
8365                                  <ul class="level-1-wrapper h-full absolute top-0 left-full z-30 hidden group-hover:flex px-6 py-4 shadow-lg bg-container-lighter p-4 list-none m-0">
8366                              <li class="flex flex-col justify-items-start w-1/4">
8367                  <a
8368                    href="https://www.hulpmiddelwereld.be/incontinentie/broekjes"
8369                    title="Incontinentiebroekjes"
8370                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
8371                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D265]').focus())"
8372                  >
8373                    Incontinentiebroekjes                  </a>
8374                  <ul class="level-2-wrapper list-none p-0 m-0">
8375                                          <li class="my-2">
8376                        <a
8377                          href="https://www.hulpmiddelwereld.be/incontinentie/broekjes/tena-pants"
8378                          title="TENA&#x20;Pants"
8379                          class="py-1 hover:underline break-words"
8380                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D265]').focus())"
8381                        >
8382                          TENA Pants                        </a>
8383                      </li>
8384                                          <li class="my-2">
8385                        <a
8386                          href="https://www.hulpmiddelwereld.be/incontinentie/broekjes/attends-broekjes"
8387                          title="Attends&#x20;broekjes"
8388                          class="py-1 hover:underline break-words"
8389                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D265]').focus())"
8390                        >
8391                          Attends broekjes                        </a>
8392                      </li>
8393                                          <li class="my-2">
8394                        <a
8395                          href="https://www.hulpmiddelwereld.be/incontinentie/broekjes/abena-broekjes"
8396                          title="Abena&#x20;pants"
8397                          class="py-1 hover:underline break-words"
8398                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D265]').focus())"
8399                        >
8400                          Abena pants                        </a>
8401                      </li>
8402                                          <li class="my-2">
8403                        <a
8404                          href="https://www.hulpmiddelwereld.be/incontinentie/broekjes/dailee-pants"
8405                          title="Dailee&#x20;pants"
8406                          class="py-1 hover:underline break-words"
8407                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D265]').focus())"
8408                        >
8409                          Dailee pants                        </a>
8410                      </li>
8411                                          <li class="my-2">
8412                        <a
8413                          href="https://www.hulpmiddelwereld.be/incontinentie/broekjes/kind"
8414                          title="Broekjes&#x20;kind"
8415                          class="py-1 hover:underline break-words"
8416                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D265]').focus())"
8417                        >
8418                          Broekjes kind                        </a>
8419                      </li>
8420                                          <li class="my-2">
8421                        <a
8422                          href="https://www.hulpmiddelwereld.be/incontinentie/broekjes/incontinentie-zwembroeken"
8423                          title="Zwembroeken"
8424                          class="py-1 hover:underline break-words"
8425                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D265]').focus())"
8426                        >
8427                          Zwembroeken                        </a>
8428                      </li>
8429                                      </ul>
8430                </li>
8431                              <li class="flex flex-col justify-items-start w-1/4">
8432                  <a
8433                    href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-onderleggers"
8434                    title="Incontinentie&#x20;bed&#x20;onderleggers"
8435                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
8436                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D265]').focus())"
8437                  >
8438                    Incontinentie bed onderleggers                  </a>
8439                  <ul class="level-2-wrapper list-none p-0 m-0">
8440                                          <li class="my-2">
8441                        <a
8442                          href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-onderleggers/tena-bed-onderleggers"
8443                          title="TENA&#x20;Bed&#x20;onderleggers"
8444                          class="py-1 hover:underline break-words"
8445                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D265]').focus())"
8446                        >
8447                          TENA Bed onderleggers                        </a>
8448                      </li>
8449                                          <li class="my-2">
8450                        <a
8451                          href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-onderleggers/attends-onderleggers"
8452                          title="Attends&#x20;onderleggers"
8453                          class="py-1 hover:underline break-words"
8454                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D265]').focus())"
8455                        >
8456                          Attends onderleggers                        </a>
8457                      </li>
8458                                          <li class="my-2">
8459                        <a
8460                          href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-onderleggers/abena-onderleggers"
8461                          title="Abena&#x20;onderleggers"
8462                          class="py-1 hover:underline break-words"
8463                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D265]').focus())"
8464                        >
8465                          Abena onderleggers                        </a>
8466                      </li>
8467                                          <li class="my-2">
8468                        <a
8469                          href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-onderleggers/dailee-onderleggers"
8470                          title="Dailee&#x20;onderleggers"
8471                          class="py-1 hover:underline break-words"
8472                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D265]').focus())"
8473                        >
8474                          Dailee onderleggers                        </a>
8475                      </li>
8476                                          <li class="my-2">
8477                        <a
8478                          href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-onderleggers/stoelbeschermers"
8479                          title="Stoelbeschermers"
8480                          class="py-1 hover:underline break-words"
8481                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D265]').focus())"
8482                        >
8483                          Stoelbeschermers                        </a>
8484                      </li>
8485                                          <li class="my-2">
8486                        <a
8487                          href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-onderleggers/matrasbeschermers"
8488                          title="Matrasbeschermers"
8489                          class="py-1 hover:underline break-words"
8490                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D265]').focus())"
8491                        >
8492                          Matrasbeschermers                        </a>
8493                      </li>
8494                                      </ul>
8495                </li>
8496                              <li class="flex flex-col justify-items-start w-1/4">
8497                  <a
8498                    href="https://www.hulpmiddelwereld.be/incontinentie/inlegger"
8499                    title="Incontinentie&#x20;inleggers"
8500                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
8501                    @keyup.escape="$nextTick(() => document.querySelector('[d
8501ata-sr-button-id=category\u002Dnode\u002D265]').focus())"
8502                  >
8503                    Incontinentie inleggers                  </a>
8504                  <ul class="level-2-wrapper list-none p-0 m-0">
8505                                          <li class="my-2">
8506                        <a
8507                          href="https://www.hulpmiddelwereld.be/incontinentie/inlegger/tena-inleggers"
8508                          title="TENA&#x20;inleggers"
8509                          class="py-1 hover:underline break-words"
8510                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D265]').focus())"
8511                        >
8512                          TENA inleggers                        </a>
8513                      </li>
8514                                          <li class="my-2">
8515                        <a
8516                          href="https://www.hulpmiddelwereld.be/incontinentie/inlegger/attends-inleggers"
8517                          title="Attends&#x20;inleggers"
8518                          class="py-1 hover:underline break-words"
8519                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D265]').focus())"
8520                        >
8521                          Attends inleggers                        </a>
8522                      </li>
8523                                          <li class="my-2">
8524                        <a
8525                          href="https://www.hulpmiddelwereld.be/incontinentie/inlegger/abena-inleggers"
8526                          title="Abena&#x20;inleggers"
8527                          class="py-1 hover:underline break-words"
8528                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D265]').focus())"
8529                        >
8530                          Abena inleggers                        </a>
8531                      </li>
8532                                          <li class="my-2">
8533                        <a
8534                          href="https://www.hulpmiddelwereld.be/incontinentie/inlegger/dailee-inleggers"
8535                          title="Dailee&#x20;inleggers"
8536                          class="py-1 hover:underline break-words"
8537                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D265]').focus())"
8538                        >
8539                          Dailee inleggers                        </a>
8540                      </li>
8541                                      </ul>
8542                </li>
8543                              <li class="flex flex-col justify-items-start w-1/4">
8544                  <a
8545                    href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-luiers"
8546                    title="Incontinentie&#x20;luiers"
8547                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
8548                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D265]').focus())"
8549                  >
8550                    Incontinentie luiers                  </a>
8551                  <ul class="level-2-wrapper list-none p-0 m-0">
8552                                          <li class="my-2">
8553                        <a
8554                          href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-luiers/tena-pamper"
8555                          title="Tena&#x20;pampers"
8556                          class="py-1 hover:underline break-words"
8557                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D265]').focus())"
8558                        >
8559                          Tena pampers                        </a>
8560                      </li>
8561                                          <li class="my-2">
8562                        <a
8563                          href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-luiers/attends-slips"
8564                          title="Attends&#x20;slips"
8565                          class="py-1 hover:underline break-words"
8566                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D265]').focus())"
8567                        >
8568                          Attends slips                        </a>
8569                      </li>
8570                                          <li class="my-2">
8571                        <a
8572                          href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-luiers/abena-slips"
8573                          title="Abena&#x20;slips"
8574                          class="py-1 hover:underline break-words"
8575                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D265]').focus())"
8576                        >
8577                          Abena slips                        </a>
8578                      </li>
8579                                          <li class="my-2">
8580                        <a
8581                          href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-luiers/dailee-slips"
8582                          title="Dailee&#x20;slips"
8583                          class="py-1 hover:underline break-words"
8584                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D265]').focus())"
8585                        >
8586                          Dailee slips                        </a>
8587                      </li>
8588                                      </ul>
8589                </li>
8590                              <li class="flex flex-col justify-items-start w-1/4">
8591                  <a
8592                    href="https://www.hulpmiddelwereld.be/incontinentie/urinalen"
8593                    title="Urinalen"
8594                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
8595                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D265]').focus())"
8596                  >
8597                    Urinalen                  </a>
8598                  <ul class="level-2-wrapper list-none p-0 m-0">
8599                                          <li class="my-2">
8600                        <a
8601                          href="https://www.hulpmiddelwereld.be/incontinentie/urinalen/urinaal-man"
8602                          title="Urinaal&#x20;voor&#x20;mannen"
8603                          class="py-1 hover:underline break-words"
8604                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D265]').focus())"
8605                        >
8606                          Urinaal voor mannen                        </a>
8607                      </li>
8608                                          <li class="my-2">
8609                        <a
8610                          href="https://www.hulpmiddelwereld.be/incontinentie/urinalen/urinaal-vrouw"
8611                          title="Urinaal&#x20;voor&#x20;vrouwen"
8612                          class="py-1 hover:underline break-words"
8613                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D265]').focus())"
8614                        >
8615                          Urinaal voor vrouwen                        </a>
8616                      </li>
8617                                          <li class="my-2">
8618                        <a
8619                          href="https://www.hulpmiddelwereld.be/incontinentie/urinalen/urinaalhouders"
8620                          title="Urinaalhouders"
8621                          class="py-1 hover:underline break-words"
8622                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D265]').focus())"
8623                        >
8624                          Urinaalhouders                        </a>
8625                      </li>
8626                                          <li class="my-2">
8627                        <a
8628                          href="https://www.hulpmiddelwereld.be/incontinentie/urinalen/bedpannen"
8629                          title="Bedpannen"
8630                          class="py-1 hover:underline break-words"
8631                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D265]').focus())"
8632                        >
8633                          Bedpannen                        </a>
8634                      </li>
8635                                      </ul>
8636                </li>
8637                              <li class="flex flex-col justify-items-start w-1/4">
8638                  <a
8639                    href="https://www.hulpmiddelwereld.be/incontinentie/verzorging-bescherming"
8640                    title="Verzorging&#x20;&amp;&#x20;bescherming"
8641                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
8642                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D265]').focus())"
8643                  >
8644                    Verzorging &amp; bescherming                  </a>
8645                  <ul class="level-2-wrapper list-none p-0 m-0">
8646                                          <li class="my-2">
8647                        <a
8648                          href="https://www.hulpmiddelwereld.be/incontinentie/verzorging-bescherming/wassen-reinigen"
8649                          title="Wassen&#x20;&amp;&#x20;reinigen"
8650                          class="py-1 hover:underline break-words"
8651                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D265]').focus())"
8652                        >
8653                          Wassen &amp; reinigen                        </a>
8654                      </li>
8655                                          <li class="my-2">
8656                        <a
8657                          href="https://www.hulpmiddelwereld.be/incontinentie/verzorging-bescherming/huidbescherming"
8658                          title="Huidbescherming"
8659                          class="py-1 hover:underline break-words"
8660                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D265]').focus())"
8661                        >
8662                          Huidbescherming                        </a>
8663                      </li>
8664                                          <li class="my-2">
8665                        <a
8666                          href="https://www.hulpmiddelwereld.be/incontinentie/verzorging-bescherming/barriere-creme"
8667                          title="Barri&#xE8;re&#x20;cr&#xE8;me"
8668                          class="py-1 hover:underline break-words"
8669                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D265]').focus())"
8670                        >
8671                          Barrière crème                        </a>
8672                      </li>
8673                                          <li class="my-2">
8674                        <a
8675                          href="https://www.hulpmiddelwereld.be/incontinentie/verzorging-bescherming/tena-verzorging"
8676                          title="TENA&#x20;verzorging"
8677                          class="py-1 hover:underline break-words"
8678                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D265]').focus())"
8679                        >
8680                          TENA verzorging                        </a>
8681                      </li>
8682                                      </ul>
8683                </li>
8684                              <li class="flex flex-col justify-items-start w-1/4">
8685                  <a
8686                    href="https://www.hulpmiddelwereld.be/incontinentie/fixerend-ondergoed"
8687                    title="Fixerend&#x20;Ondergoed"
8688                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
8689                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D265]').focus())"
8690                  >
8691                    Fixerend Ondergoed                  </a>
8692                  <ul class="level-2-wrapper list-none p-0 m-0">
8693                                          <li class="my-2">
8694                        <a
8695                          href="https://www.hulpmiddelwereld.be/incontinentie/fixerend-ondergoed/tena-fix"
8696                          title="TENA&#x20;Fix"
8697                          class="py-1 hover:underline break-words"
8698                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D265]').focus())"
8699                        >
8700                          TENA Fix                        </a>
8701                      </li>
8702                                          <li class="my-2">
8703                        <a
8704                          href="https://www.hulpmiddelwereld.be/incontinentie/fixerend-ondergoed/abena-abri-fix"
8705                          title="Abena&#x20;Abri-fix"
8706                          class="py-1 hover:underline break-words"
8707                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D265]').focus())"
8708                        >
8709                          Abena Abri-fix                        </a>
8710                      </li>
8711                                      </ul>
8712                </li>
8713                          </ul>
8714                  </li>
8715              <li
8716          class="level-0 px-4 py-3 group last:border-0 border-b border-black-lighter"
8717          @mouseenter="hoverPanelActiveId = 'category-node-248'"
8718          @mouseleave="hoverPanelActiveId = 0"
8719          @keyup.escape="hoverPanelActiveId = 0"
8720        >
8721          <a
8722            class="flex justify-between w-full level-0 group-hover:underline"
8723            href="https://www.hulpmiddelwereld.be/eten-drinken"
8724            title="Eten&#x20;&amp;&#x20;Drinken&#x20;"
8725            @focus="hoverPanelActiveId = 0"
8726          >
8727            Eten &amp; Drinken             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-black" width="24" height="24" role="img">
8728  <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"/>
8729<title>chevron-right</title></svg>
8730          </a>
8731                                  <ul class="level-1-wrapper h-full absolute top-0 left-full z-30 hidden group-hover:flex px-6 py-4 shadow-lg bg-container-lighter p-4 list-none m-0">
8732                              <li class="flex flex-col justify-items-start w-1/4">
8733                  <a
8734                    href="https://www.hulpmiddelwereld.be/eten-drinken/voeding"
8735                    title="Voeding"
8736                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
8737                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D248]').focus())"
8738                  >
8739                    Voeding                  </a>
8740                  <ul class="level-2-wrapper list-none p-0 m-0">
8741                                          <li class="my-2">
8742                        <a
8743                          href="https://www.hulpmiddelwereld.be/eten-drinken/voeding/drinkvoeding"
8744                          title="Drinkvoeding"
8745                          class="py-1 hover:underline break-words"
8746                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D248]').focus())"
8747                        >
8748                          Drinkvoeding                        </a>
8749                      </li>
8750                                          <li class="my-2">
8751                        <a
8752                          href="https://www.hulpmiddelwereld.be/eten-drinken/voeding/slabben"
8753                          title="Slabben"
8754                          class="py-1 hover:underline break-words"
8755                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D248]').focus())"
8756                        >
8757                          Slabben                        </a>
8758                      </li>
8759                                          <li class="m
8759y-2">
8760                        <a
8761                          href="https://www.hulpmiddelwereld.be/eten-drinken/voeding/verdikkingsmiddelen"
8762                          title="Verdikkingsmiddelen"
8763                          class="py-1 hover:underline break-words"
8764                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D248]').focus())"
8765                        >
8766                          Verdikkingsmiddelen                        </a>
8767                      </li>
8768                                      </ul>
8769                </li>
8770                              <li class="flex flex-col justify-items-start w-1/4">
8771                  <a
8772                    href="https://www.hulpmiddelwereld.be/eten-drinken/vitaminen"
8773                    title="Vitaminen"
8774                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
8775                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D248]').focus())"
8776                  >
8777                    Vitaminen                  </a>
8778                  <ul class="level-2-wrapper list-none p-0 m-0">
8779                                          <li class="my-2">
8780                        <a
8781                          href="https://www.hulpmiddelwereld.be/eten-drinken/vitaminen/mineralen-supplementen"
8782                          title="Mineralen&#x20;supplementen"
8783                          class="py-1 hover:underline break-words"
8784                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D248]').focus())"
8785                        >
8786                          Mineralen supplementen                        </a>
8787                      </li>
8788                                          <li class="my-2">
8789                        <a
8790                          href="https://www.hulpmiddelwereld.be/eten-drinken/vitaminen/aminozuren-en-vetzuren"
8791                          title="Aminozuren&#x20;&amp;&#x20;Vetzuren"
8792                          class="py-1 hover:underline break-words"
8793                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D248]').focus())"
8794                        >
8795                          Aminozuren &amp; Vetzuren                        </a>
8796                      </li>
8797                                      </ul>
8798                </li>
8799                              <li class="flex flex-col justify-items-start w-1/4">
8800                  <a
8801                    href="https://www.hulpmiddelwereld.be/eten-drinken/bekers"
8802                    title="Bekers"
8803                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
8804                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D248]').focus())"
8805                  >
8806                    Bekers                  </a>
8807                  <ul class="level-2-wrapper list-none p-0 m-0">
8808                                          <li class="my-2">
8809                        <a
8810                          href="https://www.hulpmiddelwereld.be/eten-drinken/bekers/drinkbekers"
8811                          title="Drinkbekers"
8812                          class="py-1 hover:underline break-words"
8813                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D248]').focus())"
8814                        >
8815                          Drinkbekers                        </a>
8816                      </li>
8817                                          <li class="my-2">
8818                        <a
8819                          href="https://www.hulpmiddelwereld.be/eten-drinken/bekers/drinkbekerdeksels"
8820                          title="Drinkbekerdeksels"
8821                          class="py-1 hover:underline break-words"
8822                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D248]').focus())"
8823                        >
8824                          Drinkbekerdeksels                        </a>
8825                      </li>
8826                                          <li class="my-2">
8827                        <a
8828                          href="https://www.hulpmiddelwereld.be/eten-drinken/bekers/bekerhouders"
8829                          title="Bekerhouders"
8830                          class="py-1 hover:underline break-words"
8831                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D248]').focus())"
8832                        >
8833                          Bekerhouders                        </a>
8834                      </li>
8835                                          <li class="my-2">
8836                        <a
8837                          href="https://www.hulpmiddelwereld.be/eten-drinken/bekers/rietjes"
8838                          title="Rietjes"
8839                          class="py-1 hover:underline break-words"
8840                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D248]').focus())"
8841                        >
8842                          Rietjes                        </a>
8843                      </li>
8844                                      </ul>
8845                </li>
8846                              <li class="flex flex-col justify-items-start w-1/4">
8847                  <a
8848                    href="https://www.hulpmiddelwereld.be/eten-drinken/keuken-eetgerei"
8849                    title="Keuken-&#x20;&amp;&#x20;eetgerei"
8850                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
8851                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D248]').focus())"
8852                  >
8853                    Keuken- &amp; eetgerei                  </a>
8854                  <ul class="level-2-wrapper list-none p-0 m-0">
8855                                          <li class="my-2">
8856                        <a
8857                          href="https://www.hulpmiddelwereld.be/eten-drinken/keuken-eetgerei/aangepaste-borden"
8858                          title="Aangepaste&#x20;borden"
8859                          class="py-1 hover:underline break-words"
8860                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D248]').focus())"
8861                        >
8862                          Aangepaste borden                        </a>
8863                      </li>
8864                                          <li class="my-2">
8865                        <a
8866                          href="https://www.hulpmiddelwereld.be/eten-drinken/keuken-eetgerei/aangepast-bestek"
8867                          title="Aangepast&#x20;bestek"
8868                          class="py-1 hover:underline break-words"
8869                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D248]').focus())"
8870                        >
8871                          Aangepast bestek                        </a>
8872                      </li>
8873                                          <li class="my-2">
8874                        <a
8875                          href="https://www.hulpmiddelwereld.be/eten-drinken/keuken-eetgerei/openers"
8876                          title="Openers"
8877                          class="py-1 hover:underline break-words"
8878                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D248]').focus())"
8879                        >
8880                          Openers                        </a>
8881                      </li>
8882                                          <li class="my-2">
8883                        <a
8884                          href="https://www.hulpmiddelwereld.be/eten-drinken/keuken-eetgerei/keukenmessen"
8885                          title="Keukenmessen"
8886                          class="py-1 hover:underline break-words"
8887                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D248]').focus())"
8888                        >
8889                          Keukenmessen                        </a>
8890                      </li>
8891                                          <li class="my-2">
8892                        <a
8893                          href="https://www.hulpmiddelwereld.be/eten-drinken/keuken-eetgerei/snijplanken"
8894                          title="Snijplanken"
8895                          class="py-1 hover:underline break-words"
8896                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D248]').focus())"
8897                        >
8898                          Snijplanken                        </a>
8899                      </li>
8900                                          <li class="my-2">
8901                        <a
8902                          href="https://www.hulpmiddelwereld.be/eten-drinken/keuken-eetgerei/zitkrukken"
8903                          title="Zitkrukken"
8904                          class="py-1 hover:underline break-words"
8905                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D248]').focus())"
8906                        >
8907                          Zitkrukken                        </a>
8908                      </li>
8909                                          <li class="my-2">
8910                        <a
8911                          href="https://www.hulpmiddelwereld.be/eten-drinken/keuken-eetgerei/meer-voor-in-de-keuken"
8912                          title="Meer&#x20;voor&#x20;in&#x20;de&#x20;keuken"
8913                          class="py-1 hover:underline break-words"
8914                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D248]').focus())"
8915                        >
8916                          Meer voor in de keuken                        </a>
8917                      </li>
8918                                      </ul>
8919                </li>
8920                          </ul>
8921                  </li>
8922              <li
8923          class="level-0 px-4 py-3 group last:border-0 border-b border-black-lighter"
8924          @mouseenter="hoverPanelActiveId = 'category-node-944'"
8925          @mouseleave="hoverPanelActiveId = 0"
8926          @keyup.escape="hoverPanelActiveId = 0"
8927        >
8928          <a
8929            class="flex justify-between w-full level-0 group-hover:underline"
8930            href="https://www.hulpmiddelwereld.be/dementie"
8931            title="Dementie"
8932            @focus="hoverPanelActiveId = 0"
8933          >
8934            Dementie            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-black" width="24" height="24" role="img">
8935  <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"/>
8936<title>chevron-right</title></svg>
8937          </a>
8938                                  <ul class="level-1-wrapper h-full absolute top-0 left-full z-30 hidden group-hover:flex px-6 py-4 shadow-lg bg-container-lighter p-4 list-none m-0">
8939                              <li class="flex flex-col justify-items-start w-1/4">
8940                  <a
8941                    href="https://www.hulpmiddelwereld.be/dementie/seniorenklokken"
8942                    title="Seniorenklokken"
8943                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
8944                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D944]').focus())"
8945                  >
8946                    Seniorenklokken                  </a>
8947                  <ul class="level-2-wrapper list-none p-0 m-0">
8948                                          <li class="my-2">
8949                        <a
8950                          href="https://www.hulpmiddelwereld.be/dementie/seniorenklokken/dementieklokken"
8951                          title="Dementieklokken"
8952                          class="py-1 hover:underline break-words"
8953                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D944]').focus())"
8954                        >
8955                          Dementieklokken                        </a>
8956                      </li>
8957                                          <li class="my-2">
8958                        <a
8959                          href="https://www.hulpmiddelwereld.be/dementie/seniorenklokken/kalenderklokken"
8960                          title="Kalenderklokken"
8961                          class="py-1 hover:underline break-words"
8962                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D944]').focus())"
8963                        >
8964                          Kalenderklokken                        </a>
8965                      </li>
8966                                          <li class="my-2">
8967                        <a
8968                          href="https://www.hulpmiddelwereld.be/dementie/seniorenklokken/sprekende-wekkers"
8969                          title="Sprekende&#x20;wekkers"
8970                          class="py-1 hover:underline break-words"
8971                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D944]').focus())"
8972                        >
8973                          Sprekende wekkers                        </a>
8974                      </li>
8975                                          <li class="my-2">
8976                        <a
8977                          href="https://www.hulpmiddelwereld.be/dementie/seniorenklokken/time-timer"
8978                          title="Time&#x20;Timer"
8979                          class="py-1 hover:underline break-words"
8980                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D944]').focus())"
8981                        >
8982                          Time Timer                        </a>
8983                      </li>
8984                                      </ul>
8985                </li>
8986                              <li class="flex flex-col justify-items-start w-1/4">
8987                  <a
8988                    href="https://www.hulpmiddelwereld.be/dementie/interactieve-knuffeldieren"
8989                    title="Interactieve&#x20;knuffeldieren"
8990                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
8991                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D944]').focus())"
8992                  >
8993                    Interactieve knuffeldieren                  </a>
8994                  <ul class="level-2-wrapper list-none p-0 m-0">
8995                                          <li class="my-2">
8996                        <a
8997                          href="https://www.hulpmiddelwereld.be/dementie/interactieve-knuffeldieren/interactieve-katten"
8998                          title="Interactieve&#x20;Katten"
8999                          class="py-1 hover:underline break-words"
9000                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D944]').focus())"
9001                        >
9002                          Interactieve Katten                        </a>
9003                      </li>
9004                                          <li class="my-2">
9005                        <a
9006                          href="https://www.hulpmiddelwereld.be/dementie/interactieve-knuffeldieren/interactieve-honden"
9007                          title="Interactieve&#x20;Honden"
9008                          class="py-1 hover:underline break-words"
9009                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D944]').focus())"
9010                        >
9011                          Interactieve Honden                        </a>
9012                      </li>
9013                                      </ul>
9014                </li>
9015                              <li class="flex flex-col justify-items-start w-1/4">
9016                  <a
9017                    href="https://www.hulpmiddelwereld.be/dementie/muziek"
9018                    title="Muziekspelers&#x20;&#x2F;&#x20;Dementie&#x20;Radio&#x27;s"
9019                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
9020                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D944]').focus())"
9021                  >
9022                    Muziekspelers / Dementie Radio&#039;s                  </a>
9023                  <ul class="level-2-wrapper list-none p-0 m-0">
9024                                          <li class="my-2">
9025                        <a
9026                          href="https://www.hulpmiddelwereld.be/dementie/muziek/muziekspelers"
9027                          title="Muziekspelers"
9028                          class="py-1 hover:underline break-words"
9029                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D944]').focus())"
9030                        >
9031                          Muziekspelers                        </a>
9032                      </li>
9033                                      </ul>
9034                </li>
9035                              <li class="flex flex-col justify-items-start w-1/4">
9036                  <a
9037                    href="https://www.hulpmiddelwereld.be/dementie/dwaaldetectie"
9038                    title="Dwaaldetectie"
9039                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
9040                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D944]').focus())"
9041                  >
9042                    Dwaaldetectie                  </a>
9043                  <ul class="level-2-wrapper list-none p-0 m-0">
9044                                      </ul>
9045                </li>
9046                          </ul>
9047                  </li>
9048              <li
9049          class="level-0 px-4 py-3 group last:border-0 border-b border-black-lighter"
9050          @mouseenter="hoverPanelActiveId = 'category-node-222'"
9051          @mouseleave="hoverPanelActiveId = 0"
9052          @keyup.escape="hoverPanelActiveId = 0"
9053        >
9054          <a
9055            class="flex justify-between w-full level-0 group-hover:underline"
9056            href="https://www.hulpmiddelwereld.be/mobiliteit"
9057            title="Mobiliteit"
9058            @focus="hoverPanelActiveId = 0"
9059          >
9060            Mobiliteit            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-black" width="24" height="24" role="img">
9061  <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"/>
9062<title>chevron-right</title></svg>
9063          </a>
9064                                  <ul class="level-1-wrapper h-full absolute top-0 left-full z-30 hidden group-hover:flex px-6 py-4 shadow-lg bg-container-lighter p-4 list-none m-0">
9065                              <li class="flex flex-col justify-items-start w-1/4">
9066                  <a
9067                    href="https://www.hulpmiddelwereld.be/mobiliteit/rolstoelen"
9068                    title="Rolstoelen"
9069                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
9070                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D222]').focus())"
9071                  >
9072                    Rolstoelen                  </a>
9073                  <ul class="level-2-wrapper list-none p-0 m-0">
9074                                          <li class="my-2">
9075                        <a
9076                          href="https://www.hulpmiddelwereld.be/mobiliteit/rolstoelen/duwrolstoelen"
9077                          title="Duwrolstoelen"
9078                          class="py-1 hover:underline break-words"
9079                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D222]').focus())"
9080                        >
9081                          Duwrolstoelen                        </a>
9082                      </li>
9083                                          <li class="my-2">
9084                        <a
9085                          href="https://www.hulpmiddelwereld.be/mobiliteit/rolstoelen/rolstoelaccessoires"
9086                          title="Rolstoelaccessoires"
9087                          class="py-1 hover:underline break-words"
9088                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D222]').focus())"
9089                        >
9090                          Rolstoelaccessoires                        </a>
9091                      </li>
9092                                          <li class="my-2">
9093                        <a
9094                          href="https://www.hulpmiddelwereld.be/mobiliteit/rolstoelen/rolstoel-handschoenen"
9095                          title="Rolstoel&#x20;handschoenen"
9096                          class="py-1 hover:underline break-words"
9097                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D222]').focus())"
9098                        >
9099                          Rolstoel handschoenen                        </a>
9100                      </li>
9101                                          <li class="my-2">
9102                        <a
9103                          href="https://www.hulpmiddelwereld.be/mobiliteit/rolstoelen/rolstoelkussens"
9104                          title="Rolstoelkussens"
9105                          class="py-1 hover:underline break-words"
9106                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D222]').focus())"
9107                        >
9108                          Rolstoelkussens                        </a>
9109                      </li>
9110                                      </ul>
9111                </li>
9112                              <li class="flex flex-col justify-items-start w-1/4">
9113                  <a
9114                    href="https://www.hulpmiddelwereld.be/mobiliteit/scootmobielen"
9115                    title="Scootmobielen"
9116                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
9117                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D222]').focus())"
9118                  >
9119                    Scootmobielen                  </a>
9120                  <ul class="level-2-wrapper list-none p-0 m-0">
9121                                          <li class="my-2">
9122                        <a
9123                          href="https://www.hulpmiddelwereld.be/mobiliteit/scootmobielen/scootmobiel-accessoires"
9124                          title="Scootmobiel&#x20;accessoires&#x20;"
9125                          class="py-1 hover:underline break-words"
9126                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D222]').focus())"
9127                        >
9128                          Scootmobiel accessoires                         </a>
9129                      </li>
9130                                      </ul>
9131                </li>
9132                              <li class="flex flex-col justify-items-start w-1/4">
9133                  <a
9134                    href="https://www.hulpmiddelwereld.be/mobiliteit/rollators"
9135                    title="Rollators"
9136                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
9137                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D222]').focus())"
9138                  >
9139                    Rollators                  </a>
9140                  <ul class="level-2-wrapper list-none p-0 m-0">
9141                                          <li class="my-2">
9142                        <a
9143                          href="https://www.hulpmiddelwereld.be/mobiliteit/rollators/lichtgewicht-rollators"
9144                          title="Lichtgewicht&#x20;rollators"
9145                          class="py-1 hover:underline break-words"
9146                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D222]').focus())"
9147                        >
9148                          Lichtgewicht rollators                        </a>
9149                      </li>
9150                                          <li class="my-2">
9151                        <a
9152                          href="https://www.hulpmiddelwereld.be/mobiliteit/rollators/binnen-rollators"
9153                          title="Binnen&#x20;rollators"
9154                          class="py-1 hover:underline break-words"
9155                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D222]').focus())"
9156                        >
9157                          Binnen rollators                        </a>
9158                      </li>
9159                                          <li class="my-2">
9160                        <a
9161                          href="https://www.hulpmiddelwereld.be/mobiliteit/rollators/buiten-rollators"
9162                          title="Buiten&#x20;rollators"
9163                          class="py-1 hover:underline break-words"
9164                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D222]').focus())"
9165                        >
9166                          Buiten rollators                        </a>
9167                      </li>
9168                                          <li class="my-2">
9169                        <a
9170                          href="https://www.hulpmiddelwereld.be/mobiliteit/rollators/carbon-rollators"
9171                          title="Carbon&#x20;rollators"
9172                          class="py-1 hover:underline break-words"
9173                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D222]').focus())"
9174                        >
9175                          Carbon rollators                        </a>
9176                      </li>
9177                                          <li class="my-2">
9178                        <a
9179                          href="https://www.hulpmiddelwereld.be/mobiliteit/rollators/rollators-met-luchtbanden"
9180                          title="Rollators&#x20;met&#x20;luchtbanden"
9181                          class="py-1 hover:underline break-words"
9182                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D222]').focus())"
9183                        >
9184                          Rollators met luchtbanden                        </a>
9185                      </li>
9186                                          <li class="my-2">
9187                        <a
9188                          href="https://www.hulpmiddelwereld.be/mobiliteit/rollators/opvouwbare-rollators"
9189                          title="Opvouwbare&#x20;rollators"
9190                          class="py-1 hover:underline break-words"
9191                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D222]').focus())"
9192                        >
9193                          Opvouwbare rollators                        </a>
9194                      </li>
9195                                          <li class="my-2">
9196                        <a
9197                          href="https://www.hulpmiddelwereld.be/mobiliteit/rollators/rollator-accessoires"
9198                          title="Rollator&#x20;accessoires"
9199                          class="py-1 hover:underline break-words"
9200                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D222]').focus())"
9201                        >
9202                          Rollator accessoires                        </a>
9203                      </li>
9204                                          <li class="my-2">
9205                        <a
9206                          href="https://www.hulpmiddelwereld.be/mobiliteit/rollators/dubbel-opvouwbare-rollators"
9207                          title="Dubbel&#x20;opvouwbare&#x20;rollators"
9208                          class="py-1 hover:underline break-words"
9209                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D222]').focus())"
9210                        >
9211                          Dubbel opvouwbare rollators                        </a>
9212                      </li>
9213                                      </ul>
9214                </li>
9215                              <li class="flex flex-col justify-items-start w-1/4">
9216                  <a
9217                    href="https://www.hulpmiddelwereld.be/mobiliteit/transferhulpmiddelen"
9218                    title="Transferhulpmiddelen"
9219                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
9220                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D222]').focus())"
9221                  >
9222                    Transferhulpmiddelen                  </a>
9223                  <ul class="level-2-wrapper list-none p-0 m-0">
9224                                          <li class="my-2">
9225                        <a
9226                          href="https://www.hulpmiddelwereld.be/mobiliteit/transferhulpmiddelen/drempelhulpen"
9227                          title="Drempelhulpen"
9228                          class="py-1 hover:underline break-words"
9229                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D222]').focus())"
9230                        >
9231                          Drempelhulpen                        </a>
9232                      </li>
9233                                          <li class="my-2">
9234                        <a
9235                          href="https://www.hulpmiddelwereld.be/mobiliteit/transferhulpmiddelen/auto-hulpmiddelen"
9236                          title="Auto&#x20;hulpmiddelen"
9237                          class="py-1 hover:underline break-words"
9238                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D222]').focus())"
9239                        >
9240                          Auto hulpmiddelen                        </a>
9241                      </li>
9242                                          <li class="my-2">
9243                        <a
9244                          href="https://www.hulpmiddelwereld.be/mobiliteit/transferhulpmiddelen/draaischijven"
9245                   
9245       title="Draaischijven"
9246                          class="py-1 hover:underline break-words"
9247                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D222]').focus())"
9248                        >
9249                          Draaischijven                        </a>
9250                      </li>
9251                                          <li class="my-2">
9252                        <a
9253                          href="https://www.hulpmiddelwereld.be/mobiliteit/transferhulpmiddelen/glijzeilen"
9254                          title="Glijzeilen"
9255                          class="py-1 hover:underline break-words"
9256                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D222]').focus())"
9257                        >
9258                          Glijzeilen                        </a>
9259                      </li>
9260                                          <li class="my-2">
9261                        <a
9262                          href="https://www.hulpmiddelwereld.be/mobiliteit/transferhulpmiddelen/sta-op-hulp"
9263                          title="Sta-op-hulp"
9264                          class="py-1 hover:underline break-words"
9265                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D222]').focus())"
9266                        >
9267                          Sta-op-hulp                        </a>
9268                      </li>
9269                                          <li class="my-2">
9270                        <a
9271                          href="https://www.hulpmiddelwereld.be/mobiliteit/transferhulpmiddelen/transferplanken"
9272                          title="Transferplanken"
9273                          class="py-1 hover:underline break-words"
9274                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D222]').focus())"
9275                        >
9276                          Transferplanken                        </a>
9277                      </li>
9278                                          <li class="my-2">
9279                        <a
9280                          href="https://www.hulpmiddelwereld.be/mobiliteit/transferhulpmiddelen/tilliften"
9281                          title="Tilliften"
9282                          class="py-1 hover:underline break-words"
9283                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D222]').focus())"
9284                        >
9285                          Tilliften                        </a>
9286                      </li>
9287                                      </ul>
9288                </li>
9289                              <li class="flex flex-col justify-items-start w-1/4">
9290                  <a
9291                    href="https://www.hulpmiddelwereld.be/mobiliteit/loophulpmiddelen"
9292                    title="Loophulpmiddelen"
9293                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
9294                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D222]').focus())"
9295                  >
9296                    Loophulpmiddelen                  </a>
9297                  <ul class="level-2-wrapper list-none p-0 m-0">
9298                                          <li class="my-2">
9299                        <a
9300                          href="https://www.hulpmiddelwereld.be/mobiliteit/loophulpmiddelen/wandelstokken"
9301                          title="Wandelstokken"
9302                          class="py-1 hover:underline break-words"
9303                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D222]').focus())"
9304                        >
9305                          Wandelstokken                        </a>
9306                      </li>
9307                                          <li class="my-2">
9308                        <a
9309                          href="https://www.hulpmiddelwereld.be/mobiliteit/loophulpmiddelen/looprekken"
9310                          title="Looprekken"
9311                          class="py-1 hover:underline break-words"
9312                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D222]').focus())"
9313                        >
9314                          Looprekken                        </a>
9315                      </li>
9316                                          <li class="my-2">
9317                        <a
9318                          href="https://www.hulpmiddelwereld.be/mobiliteit/loophulpmiddelen/elleboogkrukken"
9319                          title="Elleboogkrukken"
9320                          class="py-1 hover:underline break-words"
9321                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D222]').focus())"
9322                        >
9323                          Elleboogkrukken                        </a>
9324                      </li>
9325                                      </ul>
9326                </li>
9327                          </ul>
9328                  </li>
9329              <li
9330          class="level-0 px-4 py-3 group last:border-0 border-b border-black-lighter"
9331          @mouseenter="hoverPanelActiveId = 'category-node-256'"
9332          @mouseleave="hoverPanelActiveId = 0"
9333          @keyup.escape="hoverPanelActiveId = 0"
9334        >
9335          <a
9336            class="flex justify-between w-full level-0 group-hover:underline"
9337            href="https://www.hulpmiddelwereld.be/wonen-slapen"
9338            title="Wonen&#x20;&amp;&#x20;Slapen"
9339            @focus="hoverPanelActiveId = 0"
9340          >
9341            Wonen &amp; Slapen            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-black" width="24" height="24" role="img">
9342  <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"/>
9343<title>chevron-right</title></svg>
9344          </a>
9345                                  <ul class="level-1-wrapper h-full absolute top-0 left-full z-30 hidden group-hover:flex px-6 py-4 shadow-lg bg-container-lighter p-4 list-none m-0">
9346                              <li class="flex flex-col justify-items-start w-1/4">
9347                  <a
9348                    href="https://www.hulpmiddelwereld.be/wonen-slapen/aankleedhulpen"
9349                    title="Aankleedhulpen"
9350                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
9351                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D256]').focus())"
9352                  >
9353                    Aankleedhulpen                  </a>
9354                  <ul class="level-2-wrapper list-none p-0 m-0">
9355                                          <li class="my-2">
9356                        <a
9357                          href="https://www.hulpmiddelwereld.be/wonen-slapen/aankleedhulpen/aankleedhulp-schoenlepels"
9358                          title="Aankleedhulp&#x20;&amp;&#x20;schoenlepels"
9359                          class="py-1 hover:underline break-words"
9360                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D256]').focus())"
9361                        >
9362                          Aankleedhulp &amp; schoenlepels                        </a>
9363                      </li>
9364                                          <li class="my-2">
9365                        <a
9366                          href="https://www.hulpmiddelwereld.be/wonen-slapen/aankleedhulpen/aantrekhulp-steunkousen"
9367                          title="Aantrekhulpen&#x20;steunkousen"
9368                          class="py-1 hover:underline break-words"
9369                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D256]').focus())"
9370                        >
9371                          Aantrekhulpen steunkousen                        </a>
9372                      </li>
9373                                      </ul>
9374                </li>
9375                              <li class="flex flex-col justify-items-start w-1/4">
9376                  <a
9377                    href="https://www.hulpmiddelwereld.be/wonen-slapen/huishoudhulpmiddelen"
9378                    title="Huishoudhulpmiddelen"
9379                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
9380                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D256]').focus())"
9381                  >
9382                    Huishoudhulpmiddelen                  </a>
9383                  <ul class="level-2-wrapper list-none p-0 m-0">
9384                                          <li class="my-2">
9385                        <a
9386                          href="https://www.hulpmiddelwereld.be/wonen-slapen/huishoudhulpmiddelen/grijpers"
9387                          title="Grijpers"
9388                          class="py-1 hover:underline break-words"
9389                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D256]').focus())"
9390                        >
9391                          Grijpers                        </a>
9392                      </li>
9393                                          <li class="my-2">
9394                        <a
9395                          href="https://www.hulpmiddelwereld.be/wonen-slapen/huishoudhulpmiddelen/meubelverhogers"
9396                          title="Meubelverhogers"
9397                          class="py-1 hover:underline break-words"
9398                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D256]').focus())"
9399                        >
9400                          Meubelverhogers                        </a>
9401                      </li>
9402                                          <li class="my-2">
9403                        <a
9404                          href="https://www.hulpmiddelwereld.be/wonen-slapen/huishoudhulpmiddelen/antislipmatten"
9405                          title="Antislipmatten"
9406                          class="py-1 hover:underline break-words"
9407                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D256]').focus())"
9408                        >
9409                          Antislipmatten                        </a>
9410                      </li>
9411                                          <li class="my-2">
9412                        <a
9413                          href="https://www.hulpmiddelwereld.be/wonen-slapen/huishoudhulpmiddelen/opstapjes"
9414                          title="Opstapjes"
9415                          class="py-1 hover:underline break-words"
9416                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D256]').focus())"
9417                        >
9418                          Opstapjes                        </a>
9419                      </li>
9420                                          <li class="my-2">
9421                        <a
9422                          href="https://www.hulpmiddelwereld.be/wonen-slapen/huishoudhulpmiddelen/sleutelhulpmiddelen"
9423                          title="Sleutelhulpmiddelen"
9424                          class="py-1 hover:underline break-words"
9425                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D256]').focus())"
9426                        >
9427                          Sleutelhulpmiddelen                        </a>
9428                      </li>
9429                                          <li class="my-2">
9430                        <a
9431                          href="https://www.hulpmiddelwereld.be/wonen-slapen/huishoudhulpmiddelen/sleutelkluis"
9432                          title="Sleutelkluis"
9433                          class="py-1 hover:underline break-words"
9434                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D256]').focus())"
9435                        >
9436                          Sleutelkluis                        </a>
9437                      </li>
9438                                      </ul>
9439                </li>
9440                              <li class="flex flex-col justify-items-start w-1/4">
9441                  <a
9442                    href="https://www.hulpmiddelwereld.be/wonen-slapen/bedden"
9443                    title="Bedden"
9444                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
9445                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D256]').focus())"
9446                  >
9447                    Bedden                  </a>
9448                  <ul class="level-2-wrapper list-none p-0 m-0">
9449                                          <li class="my-2">
9450                        <a
9451                          href="https://www.hulpmiddelwereld.be/wonen-slapen/bedden/hoog-laag-bedden"
9452                          title="Hoog&#x20;laag&#x20;bedden"
9453                          class="py-1 hover:underline break-words"
9454                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D256]').focus())"
9455                        >
9456                          Hoog laag bedden                        </a>
9457                      </li>
9458                                          <li class="my-2">
9459                        <a
9460                          href="https://www.hulpmiddelwereld.be/wonen-slapen/bedden/warmtedekens"
9461                          title="Warmtedekens"
9462                          class="py-1 hover:underline break-words"
9463                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D256]').focus())"
9464                        >
9465                          Warmtedekens                        </a>
9466                      </li>
9467                                          <li class="my-2">
9468                        <a
9469                          href="https://www.hulpmiddelwereld.be/wonen-slapen/bedden/zwaartedeken"
9470                          title="Zwaartedekens"
9471                          class="py-1 hover:underline break-words"
9472                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D256]').focus())"
9473                        >
9474                          Zwaartedekens                        </a>
9475                      </li>
9476                                          <li class="my-2">
9477                        <a
9478                          href="https://www.hulpmiddelwereld.be/wonen-slapen/bedden/nachtkasten"
9479                          title="Nachtkasten"
9480                          class="py-1 hover:underline break-words"
9481                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D256]').focus())"
9482                        >
9483                          Nachtkasten                        </a>
9484                      </li>
9485                                      </ul>
9486                </li>
9487                              <li class="flex flex-col justify-items-start w-1/4">
9488                  <a
9489                    href="https://www.hulpmiddelwereld.be/wonen-slapen/bed-ondersteuning"
9490                    title="Bed&#x20;ondersteuning"
9491                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
9492                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D256]').focus())"
9493                  >
9494                    Bed ondersteuning                  </a>
9495                  <ul class="level-2-wrapper list-none p-0 m-0">
9496                                          <li class="my-2">
9497                        <a
9498                          href="https://www.hulpmiddelwereld.be/wonen-slapen/bed-ondersteuning/bedpapegaai"
9499                          title="Bedpapegaai"
9500                          class="py-1 hover:underline break-words"
9501                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D256]').focus())"
9502                        >
9503                          Bedpapegaai                        </a>
9504                      </li>
9505        
9505                                  <li class="my-2">
9506                        <a
9507                          href="https://www.hulpmiddelwereld.be/wonen-slapen/bed-ondersteuning/bedhekken"
9508                          title="Bedhekken&#x20;&amp;&#x20;bedbeugels"
9509                          class="py-1 hover:underline break-words"
9510                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D256]').focus())"
9511                        >
9512                          Bedhekken &amp; bedbeugels                        </a>
9513                      </li>
9514                                          <li class="my-2">
9515                        <a
9516                          href="https://www.hulpmiddelwereld.be/wonen-slapen/bed-ondersteuning/bedtafel"
9517                          title="Bedtafels"
9518                          class="py-1 hover:underline break-words"
9519                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D256]').focus())"
9520                        >
9521                          Bedtafels                        </a>
9522                      </li>
9523                                      </ul>
9524                </li>
9525                              <li class="flex flex-col justify-items-start w-1/4">
9526                  <a
9527                    href="https://www.hulpmiddelwereld.be/wonen-slapen/stoelen"
9528                    title="Zetels"
9529                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
9530                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D256]').focus())"
9531                  >
9532                    Zetels                  </a>
9533                  <ul class="level-2-wrapper list-none p-0 m-0">
9534                                          <li class="my-2">
9535                        <a
9536                          href="https://www.hulpmiddelwereld.be/wonen-slapen/stoelen/sta-op-stoel"
9537                          title="Sta-op&#x20;Stoelen"
9538                          class="py-1 hover:underline break-words"
9539                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D256]').focus())"
9540                        >
9541                          Sta-op Stoelen                        </a>
9542                      </li>
9543                                          <li class="my-2">
9544                        <a
9545                          href="https://www.hulpmiddelwereld.be/wonen-slapen/stoelen/relaxstoelen"
9546                          title="Relaxzetels"
9547                          class="py-1 hover:underline break-words"
9548                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D256]').focus())"
9549                        >
9550                          Relaxzetels                        </a>
9551                      </li>
9552                                          <li class="my-2">
9553                        <a
9554                          href="https://www.hulpmiddelwereld.be/wonen-slapen/stoelen/stoelleestafels"
9555                          title="Stoelleestafels"
9556                          class="py-1 hover:underline break-words"
9557                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D256]').focus())"
9558                        >
9559                          Stoelleestafels                        </a>
9560                      </li>
9561                                      </ul>
9562                </li>
9563                              <li class="flex flex-col justify-items-start w-1/4">
9564                  <a
9565                    href="https://www.hulpmiddelwereld.be/wonen-slapen/kussens"
9566                    title="Kussens"
9567                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
9568                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D256]').focus())"
9569                  >
9570                    Kussens                  </a>
9571                  <ul class="level-2-wrapper list-none p-0 m-0">
9572                                          <li class="my-2">
9573                        <a
9574                          href="https://www.hulpmiddelwereld.be/wonen-slapen/kussens/anti-decubitus-kussens"
9575                          title="Anti-decubitus&#x20;kussens"
9576                          class="py-1 hover:underline break-words"
9577                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D256]').focus())"
9578                        >
9579                          Anti-decubitus kussens                        </a>
9580                      </li>
9581                                          <li class="my-2">
9582                        <a
9583                          href="https://www.hulpmiddelwereld.be/wonen-slapen/kussens/draaikussens"
9584                          title="Draaikussens"
9585                          class="py-1 hover:underline break-words"
9586                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D256]').focus())"
9587                        >
9588                          Draaikussens                        </a>
9589                      </li>
9590                                          <li class="my-2">
9591                        <a
9592                          href="https://www.hulpmiddelwereld.be/wonen-slapen/kussens/drukontlasting"
9593                          title="Drukontlasting"
9594                          class="py-1 hover:underline break-words"
9595                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D256]').focus())"
9596                        >
9597                          Drukontlasting                        </a>
9598                      </li>
9599                                          <li class="my-2">
9600                        <a
9601                          href="https://www.hulpmiddelwereld.be/wonen-slapen/kussens/hoofdkussens"
9602                          title="Hoofdkussens"
9603                          class="py-1 hover:underline break-words"
9604                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D256]').focus())"
9605                        >
9606                          Hoofdkussens                        </a>
9607                      </li>
9608                                          <li class="my-2">
9609                        <a
9610                          href="https://www.hulpmiddelwereld.be/wonen-slapen/kussens/zitkussens"
9611                          title="Zitkussens"
9612                          class="py-1 hover:underline break-words"
9613                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D256]').focus())"
9614                        >
9615                          Zitkussens                        </a>
9616                      </li>
9617                                          <li class="my-2">
9618                        <a
9619                          href="https://www.hulpmiddelwereld.be/wonen-slapen/kussens/lumbaalkussens"
9620                          title="Lumbaalkussens&#x20;"
9621                          class="py-1 hover:underline break-words"
9622                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D256]').focus())"
9623                        >
9624                          Lumbaalkussens                         </a>
9625                      </li>
9626                                          <li class="my-2">
9627                        <a
9628                          href="https://www.hulpmiddelwereld.be/wonen-slapen/kussens/ringkussens"
9629                          title="Ringkussens"
9630                          class="py-1 hover:underline break-words"
9631                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D256]').focus())"
9632                        >
9633                          Ringkussens                        </a>
9634                      </li>
9635                                          <li class="my-2">
9636                        <a
9637                          href="https://www.hulpmiddelwereld.be/wonen-slapen/kussens/positioneringskussens"
9638                          title="Positioneringskussens"
9639                          class="py-1 hover:underline break-words"
9640                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D256]').focus())"
9641                        >
9642                          Positioneringskussens                        </a>
9643                      </li>
9644                                          <li class="my-2">
9645                        <a
9646                          href="https://www.hulpmiddelwereld.be/wonen-slapen/kussens/rugkussens"
9647                          title="Rugkussens"
9648                          class="py-1 hover:underline break-words"
9649                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D256]').focus())"
9650                        >
9651                          Rugkussens                        </a>
9652                      </li>
9653                                          <li class="my-2">
9654                        <a
9655                          href="https://www.hulpmiddelwereld.be/wonen-slapen/kussens/stuitkussens"
9656                          title="Stuitkussens"
9657                          class="py-1 hover:underline break-words"
9658                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D256]').focus())"
9659                        >
9660                          Stuitkussens                        </a>
9661                      </li>
9662                                          <li class="my-2">
9663                        <a
9664                          href="https://www.hulpmiddelwereld.be/wonen-slapen/kussens/tarwezak"
9665                          title="Tarwezak"
9666                          class="py-1 hover:underline break-words"
9667                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D256]').focus())"
9668                        >
9669                          Tarwezak                        </a>
9670                      </li>
9671                                          <li class="my-2">
9672                        <a
9673                          href="https://www.hulpmiddelwereld.be/wonen-slapen/kussens/warmtekussens"
9674                          title="Warmtekussens"
9675                          class="py-1 hover:underline break-words"
9676                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D256]').focus())"
9677                        >
9678                          Warmtekussens                        </a>
9679                      </li>
9680                                          <li class="my-2">
9681                        <a
9682                          href="https://www.hulpmiddelwereld.be/wonen-slapen/kussens/wigkussens"
9683                          title="Wigkussens"
9684                          class="py-1 hover:underline break-words"
9685                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D256]').focus())"
9686                        >
9687                          Wigkussens                        </a>
9688                      </li>
9689                                      </ul>
9690                </li>
9691                              <li class="flex flex-col justify-items-start w-1/4">
9692                  <a
9693                    href="https://www.hulpmiddelwereld.be/wonen-slapen/medische-pantoffels"
9694                    title="Medische&#x20;pantoffels"
9695                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
9696                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D256]').focus())"
9697                  >
9698                    Medische pantoffels                  </a>
9699                  <ul class="level-2-wrapper list-none p-0 m-0">
9700                                          <li class="my-2">
9701                        <a
9702                          href="https://www.hulpmiddelwereld.be/wonen-slapen/medische-pantoffels/dames-sloffen"
9703                          title="Dames&#x20;pantoffels"
9704                          class="py-1 hover:underline break-words"
9705                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D256]').focus())"
9706                        >
9707                          Dames pantoffels                        </a>
9708                      </li>
9709                                          <li class="my-2">
9710                        <a
9711                          href="https://www.hulpmiddelwereld.be/wonen-slapen/medische-pantoffels/heren-sloffen"
9712                          title="Heren&#x20;pantoffels"
9713                          class="py-1 hover:underline break-words"
9714                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D256]').focus())"
9715                        >
9716                          Heren pantoffels                        </a>
9717                      </li>
9718                                      </ul>
9719                </li>
9720                              <li class="flex flex-col justify-items-start w-1/4">
9721                  <a
9722                    href="https://www.hulpmiddelwereld.be/wonen-slapen/schoenen-sokken"
9723                    title="Schoenen&#x20;&amp;&#x20;Sokken"
9724                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
9725                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D256]').focus())"
9726                  >
9727                    Schoenen &amp; Sokken                  </a>
9728                  <ul class="level-2-wrapper list-none p-0 m-0">
9729                                          <li class="my-2">
9730                        <a
9731                          href="https://www.hulpmiddelwereld.be/wonen-slapen/schoenen-sokken/comfortschoenen"
9732                          title="Comfortschoenen"
9733                          class="py-1 hover:underline break-words"
9734                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D256]').focus())"
9735                        >
9736                          Comfortschoenen                        </a>
9737                      </li>
9738                                          <li class="my-2">
9739                        <a
9740                          href="https://www.hulpmiddelwereld.be/wonen-slapen/schoenen-sokken/verbandschoenen"
9741                          title="Verbandschoenen"
9742                          class="py-1 hover:underline break-words"
9743                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D256]').focus())"
9744                        >
9745                          Verbandschoenen                        </a>
9746                      </li>
9747                                          <li class="my-2">
9748                        <a
9749                          href="https://www.hulpmiddelwereld.be/wonen-slapen/schoenen-sokken/compressie-sokken"
9750                          title="Compressie&#x20;sokken"
9751                          class="py-1 hover:underline break-words"
9752                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D256]').focus())"
9753                        >
9754                          Compressie sokken                        </a>
9755                      </li>
9756                                          <li class="my-2">
9757                        <a
9758                          href="https://www.hulpmiddelwereld.be/wonen-slapen/schoenen-sokken/steunzolen"
9759                          title="Steunzolen"
9760                          class="py-1 hover:underline break-words"
9761                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D256]').focus())"
9762                        >
9763                          Steunzolen                        </a>
9764                      </li>
9765                                          <li class="my-2">
9766                        <a
9767                          href="https://www.hulpmiddelwereld.be/wonen-slapen/schoenen-sokken/anti-slip-sokken"
9768                          title="Anti-slip&#x20;sokken"
9769                          class="py-1 hover:underline break-words"
9770                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D256]').focus())"
9771                        >
9772                          Anti-slip sokken                        </a>
9773                      </li>
9774                                          <li class="my-2">
9775                        <a
9776                          href="https://www.hulpmiddelwereld.be/wonen-slapen/schoenen-sokken/sokken"
9777                          title="Alle&#x20;sokken"
9778                          class="py-1 hover:underline break-words"
9779                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D256]').focus())"
9780                        >
9781                          Alle sokken                        </a>
9782                      </li>
9783                                      </ul>
9784                </li>
9785                          </ul>
9786                  </li>
9787              <li
9788          class="level-0 px-4 py-3 group last:border-0 border-b border-black-lighter"
9789          @mouseenter="hoverPanelActiveId = 'category-node-237'"
9790          @mouseleave="hoverPanelActiveId = 0"
9791          @keyup.escape="hoverPanelActiveId = 0"
9792        >
9793          <a
9794            class="flex justify-between w-full level-0 group-hover:underline"
9795            href="https://www.hulpmiddelwereld.be/badkamer-toilet"
9796            title="Badkamer&#x20;&amp;&#x20;Toilet"
9797            @focus="hoverPanelActiveId = 0"
9798          >
9799            Badkamer &amp; Toilet            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-black" width="24" height="24" role="img">
9800  <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"/>
9801<title>chevron-right</title></svg>
9802          </a>
9803                                  <ul class="level-1-wrapper h-full absolute top-0 left-full z-30 hidden group-hover:flex px-6 py-4 shadow-lg bg-container-lighter p-4 list-none m-0">
9804                              <li class="flex flex-col justify-items-start w-1/4">
9805                  <a
9806                    href="https://www.hulpmiddelwereld.be/badkamer-toilet/bad"
9807                    title="Bad"
9808                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
9809                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D237]').focus())"
9810                  >
9811                    Bad                  </a>
9812                  <ul class="level-2-wrapper list-none p-0 m-0">
9813                                          <li class="my-2">
9814                        <a
9815                          href="https://www.hulpmiddelwereld.be/badkamer-toilet/bad/badmatten"
9816                          title="Badmatten"
9817                          class="py-1 hover:underline break-words"
9818                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D237]').focus())"
9819                        >
9820                          Badmatten                        </a>
9821                      </li>
9822                                          <li class="my-2">
9823                        <a
9824                          href="https://www.hulpmiddelwereld.be/badkamer-toilet/bad/badopstapjes"
9825                          title="Badopstapjes"
9826                          class="py-1 hover:underline break-words"
9827                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D237]').focus())"
9828                        >
9829                          Badopstapjes                        </a>
9830                      </li>
9831                                          <li class="my-2">
9832                        <a
9833                          href="https://www.hulpmiddelwereld.be/badkamer-toilet/bad/badplanken"
9834                          title="Badplanken"
9835                          class="py-1 hover:underline break-words"
9836                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D237]').focus())"
9837                        >
9838                          Badplanken                        </a>
9839                      </li>
9840                                          <li class="my-2">
9841                        <a
9842                          href="https://www.hulpmiddelwereld.be/badkamer-toilet/bad/badbeugels"
9843                          title="Badbeugels"
9844                          class="py-1 hover:underline break-words"
9845                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D237]').focus())"
9846                        >
9847                          Badbeugels                        </a>
9848                      </li>
9849                                      </ul>
9850                </li>
9851                              <li class="flex flex-col justify-items-start w-1/4">
9852                  <a
9853                    href="https://www.hulpmiddelwereld.be/badkamer-toilet/toilet"
9854                    title="Toilet"
9855                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
9856                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D237]').focus())"
9857                  >
9858                    Toilet                  </a>
9859                  <ul class="level-2-wrapper list-none p-0 m-0">
9860                                          <li class="my-2">
9861                        <a
9862                          href="https://www.hulpmiddelwereld.be/badkamer-toilet/toilet/toiletstoelen"
9863                          title="Toiletstoelen"
9864                          
9864class="py-1 hover:underline break-words"
9865                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D237]').focus())"
9866                        >
9867                          Toiletstoelen                        </a>
9868                      </li>
9869                                          <li class="my-2">
9870                        <a
9871                          href="https://www.hulpmiddelwereld.be/badkamer-toilet/toilet/toiletverhogers"
9872                          title="Toiletverhogers"
9873                          class="py-1 hover:underline break-words"
9874                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D237]').focus())"
9875                        >
9876                          Toiletverhogers                        </a>
9877                      </li>
9878                                          <li class="my-2">
9879                        <a
9880                          href="https://www.hulpmiddelwereld.be/badkamer-toilet/toilet/toiletbeugels"
9881                          title="Toiletbeugels"
9882                          class="py-1 hover:underline break-words"
9883                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D237]').focus())"
9884                        >
9885                          Toiletbeugels                        </a>
9886                      </li>
9887                                          <li class="my-2">
9888                        <a
9889                          href="https://www.hulpmiddelwereld.be/badkamer-toilet/toilet/toiletsteunen"
9890                          title="Toiletsteunen"
9891                          class="py-1 hover:underline break-words"
9892                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D237]').focus())"
9893                        >
9894                          Toiletsteunen                        </a>
9895                      </li>
9896                                          <li class="my-2">
9897                        <a
9898                          href="https://www.hulpmiddelwereld.be/badkamer-toilet/toilet/toiletzittingen"
9899                          title="Toiletzittingen"
9900                          class="py-1 hover:underline break-words"
9901                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D237]').focus())"
9902                        >
9903                          Toiletzittingen                        </a>
9904                      </li>
9905                                          <li class="my-2">
9906                        <a
9907                          href="https://www.hulpmiddelwereld.be/badkamer-toilet/toilet/toiletkruk"
9908                          title="Toiletkruk"
9909                          class="py-1 hover:underline break-words"
9910                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D237]').focus())"
9911                        >
9912                          Toiletkruk                        </a>
9913                      </li>
9914                                      </ul>
9915                </li>
9916                              <li class="flex flex-col justify-items-start w-1/4">
9917                  <a
9918                    href="https://www.hulpmiddelwereld.be/badkamer-toilet/douche"
9919                    title="Douche"
9920                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
9921                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D237]').focus())"
9922                  >
9923                    Douche                  </a>
9924                  <ul class="level-2-wrapper list-none p-0 m-0">
9925                                          <li class="my-2">
9926                        <a
9927                          href="https://www.hulpmiddelwereld.be/badkamer-toilet/douche/douchestoelen"
9928                          title="Douchestoelen"
9929                          class="py-1 hover:underline break-words"
9930                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D237]').focus())"
9931                        >
9932                          Douchestoelen                        </a>
9933                      </li>
9934                                          <li class="my-2">
9935                        <a
9936                          href="https://www.hulpmiddelwereld.be/badkamer-toilet/douche/douchekrukken"
9937                          title="Douchekrukken"
9938                          class="py-1 hover:underline break-words"
9939                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D237]').focus())"
9940                        >
9941                          Douchekrukken                        </a>
9942                      </li>
9943                                      </ul>
9944                </li>
9945                              <li class="flex flex-col justify-items-start w-1/4">
9946                  <a
9947                    href="https://www.hulpmiddelwereld.be/badkamer-toilet/valpreventie"
9948                    title="Valpreventie"
9949                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
9950                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D237]').focus())"
9951                  >
9952                    Valpreventie                  </a>
9953                  <ul class="level-2-wrapper list-none p-0 m-0">
9954                                          <li class="my-2">
9955                        <a
9956                          href="https://www.hulpmiddelwereld.be/badkamer-toilet/valpreventie/grijppalen"
9957                          title="Grijppalen"
9958                          class="py-1 hover:underline break-words"
9959                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D237]').focus())"
9960                        >
9961                          Grijppalen                        </a>
9962                      </li>
9963                                          <li class="my-2">
9964                        <a
9965                          href="https://www.hulpmiddelwereld.be/badkamer-toilet/valpreventie/wandbeugels"
9966                          title="Wandbeugels"
9967                          class="py-1 hover:underline break-words"
9968                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D237]').focus())"
9969                        >
9970                          Wandbeugels                        </a>
9971                      </li>
9972                                          <li class="my-2">
9973                        <a
9974                          href="https://www.hulpmiddelwereld.be/badkamer-toilet/valpreventie/wandbeugels-zonder-boren"
9975                          title="Wandbeugels&#x20;zonder&#x20;boren"
9976                          class="py-1 hover:underline break-words"
9977                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D237]').focus())"
9978                        >
9979                          Wandbeugels zonder boren                        </a>
9980                      </li>
9981                                      </ul>
9982                </li>
9983                              <li class="flex flex-col justify-items-start w-1/4">
9984                  <a
9985                    href="https://www.hulpmiddelwereld.be/badkamer-toilet/gipshoezen"
9986                    title="Gipshoezen"
9987                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
9988                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D237]').focus())"
9989                  >
9990                    Gipshoezen                  </a>
9991                  <ul class="level-2-wrapper list-none p-0 m-0">
9992                                          <li class="my-2">
9993                        <a
9994                          href="https://www.hulpmiddelwereld.be/badkamer-toilet/gipshoezen/gipshoes-arm"
9995                          title="Gipshoes&#x20;arm"
9996                          class="py-1 hover:underline break-words"
9997                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D237]').focus())"
9998                        >
9999                          Gipshoes arm                        </a>
10000                      </li>
10001                                          <li class="my-2">
10002                        <a
10003                          href="https://www.hulpmiddelwereld.be/badkamer-toilet/gipshoezen/gipshoes-been"
10004                          title="Gipshoes&#x20;been"
10005                          class="py-1 hover:underline break-words"
10006                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D237]').focus())"
10007                        >
10008                          Gipshoes been                        </a>
10009                      </li>
10010                                          <li class="my-2">
10011                        <a
10012                          href="https://www.hulpmiddelwereld.be/badkamer-toilet/gipshoezen/gipshoes-hand"
10013                          title="Gipshoes&#x20;hand"
10014                          class="py-1 hover:underline break-words"
10015                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D237]').focus())"
10016                        >
10017                          Gipshoes hand                        </a>
10018                      </li>
10019                                          <li class="my-2">
10020                        <a
10021                          href="https://www.hulpmiddelwereld.be/badkamer-toilet/gipshoezen/gipshoes-voet"
10022                          title="Gipshoes&#x20;voet"
10023                          class="py-1 hover:underline break-words"
10024                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D237]').focus())"
10025                        >
10026                          Gipshoes voet                        </a>
10027                      </li>
10028                                          <li class="my-2">
10029                        <a
10030                          href="https://www.hulpmiddelwereld.be/badkamer-toilet/gipshoezen/gipshoes-kind"
10031                          title="Gipshoes&#x20;kind"
10032                          class="py-1 hover:underline break-words"
10033                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D237]').focus())"
10034                        >
10035                          Gipshoes kind                        </a>
10036                      </li>
10037                                      </ul>
10038                </li>
10039                              <li class="flex flex-col justify-items-start w-1/4">
10040                  <a
10041                    href="https://www.hulpmiddelwereld.be/badkamer-toilet/persoonlijke-verzorging"
10042                    title="Persoonlijke&#x20;verzorging"
10043                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
10044                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D237]').focus())"
10045                  >
10046                    Persoonlijke verzorging                  </a>
10047                  <ul class="level-2-wrapper list-none p-0 m-0">
10048                                          <li class="my-2">
10049                        <a
10050                          href="https://www.hulpmiddelwereld.be/badkamer-toilet/persoonlijke-verzorging/haarverzorgings-hulpmiddelen"
10051                          title="Haarverzorging"
10052                          class="py-1 hover:underline break-words"
10053                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D237]').focus())"
10054                        >
10055                          Haarverzorging                        </a>
10056                      </li>
10057                                          <li class="my-2">
10058                        <a
10059                          href="https://www.hulpmiddelwereld.be/badkamer-toilet/persoonlijke-verzorging/nagelverzorging"
10060                          title="Nagelverzorging"
10061                          class="py-1 hover:underline break-words"
10062                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D237]').focus())"
10063                        >
10064                          Nagelverzorging                        </a>
10065                      </li>
10066                                          <li class="my-2">
10067                        <a
10068                          href="https://www.hulpmiddelwereld.be/badkamer-toilet/persoonlijke-verzorging/washulpen"
10069                          title="Washulpen"
10070                          class="py-1 hover:underline break-words"
10071                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D237]').focus())"
10072                        >
10073                          Washulpen                        </a>
10074                      </li>
10075                                      </ul>
10076                </li>
10077                              <li class="flex flex-col justify-items-start w-1/4">
10078                  <a
10079                    href="https://www.hulpmiddelwereld.be/badkamer-toilet/weegschalen"
10080                    title="Weegschalen"
10081                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
10082                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D237]').focus())"
10083                  >
10084                    Weegschalen                  </a>
10085                  <ul class="level-2-wrapper list-none p-0 m-0">
10086                                          <li class="my-2">
10087                        <a
10088                          href="https://www.hulpmiddelwereld.be/badkamer-toilet/weegschalen/digitale-weegschalen"
10089                          title="Digitale&#x20;weegschalen"
10090                          class="py-1 hover:underline break-words"
10091                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D237]').focus())"
10092                        >
10093                          Digitale weegschalen                        </a>
10094                      </li>
10095                                      </ul>
10096                </li>
10097                          </ul>
10098                  </li>
10099              <li
10100          class="level-0 px-4 py-3 group last:border-0 border-b border-black-lighter"
10101          @mouseenter="hoverPanelActiveId = 'category-node-289'"
10102          @mouseleave="hoverPanelActiveId = 0"
10103          @keyup.escape="hoverPanelActiveId = 0"
10104        >
10105          <a
10106            class="flex justify-between w-full level-0 group-hover:underline"
10107            href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen"
10108            title="Medische&#x20;Hulpmiddelen"
10109            @focus="hoverPanelActiveId = 0"
10110          >
10111            Medische Hulpmiddelen            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-black" width="24" height="24" role="img">
10112  <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"/>
10113<title>chevron-right</title></svg>
10114          </a>
10115                                  <ul class="level-1-wrapper h-full absolute top-0 left-full z-30 hidden group-hover:flex px-6 py-4 shadow-lg bg-container-lighter p-4 list-none m-0">
10116                              <li class="flex flex-col justify-items-start w-1/4">
10117                  <a
10118                    href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/ehbo-materiaal"
10119                    title="EHBO&#x20;materiaal"
10120                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
10121                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D289]').focus())"
10122                  >
10123                    EHBO materiaal                  </a>
10124                  <ul class="level-2-wrapper list-none p-0 m-0">
10125                                          <li class="my-2">
10126                        <a
10127                          href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/ehbo-materiaal/verbandmid
10127delen"
10128                          title="Verbandmiddelen"
10129                          class="py-1 hover:underline break-words"
10130                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D289]').focus())"
10131                        >
10132                          Verbandmiddelen                        </a>
10133                      </li>
10134                                          <li class="my-2">
10135                        <a
10136                          href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/ehbo-materiaal/pleisters"
10137                          title="Pleisters"
10138                          class="py-1 hover:underline break-words"
10139                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D289]').focus())"
10140                        >
10141                          Pleisters                        </a>
10142                      </li>
10143                                          <li class="my-2">
10144                        <a
10145                          href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/ehbo-materiaal/ehbo-pakketten"
10146                          title="EHBO-pakketten&#x20;"
10147                          class="py-1 hover:underline break-words"
10148                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D289]').focus())"
10149                        >
10150                          EHBO-pakketten                         </a>
10151                      </li>
10152                                      </ul>
10153                </li>
10154                              <li class="flex flex-col justify-items-start w-1/4">
10155                  <a
10156                    href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/pillen-hulpmiddelen"
10157                    title="Pillen&#x20;hulpmiddelen"
10158                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
10159                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D289]').focus())"
10160                  >
10161                    Pillen hulpmiddelen                  </a>
10162                  <ul class="level-2-wrapper list-none p-0 m-0">
10163                                          <li class="my-2">
10164                        <a
10165                          href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/pillen-hulpmiddelen/pillendoosjes"
10166                          title="Pillendoosjes"
10167                          class="py-1 hover:underline break-words"
10168                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D289]').focus())"
10169                        >
10170                          Pillendoosjes                        </a>
10171                      </li>
10172                                          <li class="my-2">
10173                        <a
10174                          href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/pillen-hulpmiddelen/pillenvergruizers-splijters"
10175                          title="Pillenvergruizers&#x20;&amp;&#x20;splijters"
10176                          class="py-1 hover:underline break-words"
10177                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D289]').focus())"
10178                        >
10179                          Pillenvergruizers &amp; splijters                        </a>
10180                      </li>
10181                                          <li class="my-2">
10182                        <a
10183                          href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/pillen-hulpmiddelen/overige-pillen-hulpmiddelen"
10184                          title="Overige&#x20;pillen&#x20;hulpmiddelen"
10185                          class="py-1 hover:underline break-words"
10186                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D289]').focus())"
10187                        >
10188                          Overige pillen hulpmiddelen                        </a>
10189                      </li>
10190                                      </ul>
10191                </li>
10192                              <li class="flex flex-col justify-items-start w-1/4">
10193                  <a
10194                    href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/stoma-hulpmiddelen"
10195                    title="Stoma&#x20;hulpmiddelen"
10196                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
10197                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D289]').focus())"
10198                  >
10199                    Stoma hulpmiddelen                  </a>
10200                  <ul class="level-2-wrapper list-none p-0 m-0">
10201                                          <li class="my-2">
10202                        <a
10203                          href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/stoma-hulpmiddelen/stomacovers-fixatie"
10204                          title="Stomacovers&#x20;&amp;&#x20;fixatie"
10205                          class="py-1 hover:underline break-words"
10206                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D289]').focus())"
10207                        >
10208                          Stomacovers &amp; fixatie                        </a>
10209                      </li>
10210                                          <li class="my-2">
10211                        <a
10212                          href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/stoma-hulpmiddelen/stomabanden"
10213                          title="Stomabanden"
10214                          class="py-1 hover:underline break-words"
10215                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D289]').focus())"
10216                        >
10217                          Stomabanden                        </a>
10218                      </li>
10219                                          <li class="my-2">
10220                        <a
10221                          href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/stoma-hulpmiddelen/kleefresten-verwijderen"
10222                          title="Kleefresten&#x20;verwijderen"
10223                          class="py-1 hover:underline break-words"
10224                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D289]').focus())"
10225                        >
10226                          Kleefresten verwijderen                        </a>
10227                      </li>
10228                                      </ul>
10229                </li>
10230                              <li class="flex flex-col justify-items-start w-1/4">
10231                  <a
10232                    href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/meten-monitoring"
10233                    title="Meten&#x20;&amp;&#x20;monitoring"
10234                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
10235                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D289]').focus())"
10236                  >
10237                    Meten &amp; monitoring                  </a>
10238                  <ul class="level-2-wrapper list-none p-0 m-0">
10239                                          <li class="my-2">
10240                        <a
10241                          href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/meten-monitoring/bloeddrukmeters"
10242                          title="Bloeddrukmeters"
10243                          class="py-1 hover:underline break-words"
10244                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D289]').focus())"
10245                        >
10246                          Bloeddrukmeters                        </a>
10247                      </li>
10248                                          <li class="my-2">
10249                        <a
10250                          href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/meten-monitoring/hartslaghorloges"
10251                          title="Hartslaghorloges"
10252                          class="py-1 hover:underline break-words"
10253                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D289]').focus())"
10254                        >
10255                          Hartslaghorloges                        </a>
10256                      </li>
10257                                          <li class="my-2">
10258                        <a
10259                          href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/meten-monitoring/thermometers"
10260                          title="Thermometers"
10261                          class="py-1 hover:underline break-words"
10262                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D289]').focus())"
10263                        >
10264                          Thermometers                        </a>
10265                      </li>
10266                                          <li class="my-2">
10267                        <a
10268                          href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/meten-monitoring/saturatiemeters"
10269                          title="Saturatiemeters"
10270                          class="py-1 hover:underline break-words"
10271                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D289]').focus())"
10272                        >
10273                          Saturatiemeters                        </a>
10274                      </li>
10275                                      </ul>
10276                </li>
10277                              <li class="flex flex-col justify-items-start w-1/4">
10278                  <a
10279                    href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/mondkapjes"
10280                    title="Mondkapjes&#x20;&amp;&#x20;andere&#x20;beschermingsmiddelen"
10281                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
10282                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D289]').focus())"
10283                  >
10284                    Mondkapjes &amp; andere beschermingsmiddelen                  </a>
10285                  <ul class="level-2-wrapper list-none p-0 m-0">
10286                                          <li class="my-2">
10287                        <a
10288                          href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/mondkapjes/medische-mondkapjes"
10289                          title="Medische&#x20;mondmaskers"
10290                          class="py-1 hover:underline break-words"
10291                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D289]').focus())"
10292                        >
10293                          Medische mondmaskers                        </a>
10294                      </li>
10295                                      </ul>
10296                </li>
10297                              <li class="flex flex-col justify-items-start w-1/4">
10298                  <a
10299                    href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/continentie-en-retentiezorg"
10300                    title="Continentie-&#x20;en&#x20;retentiezorg"
10301                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
10302                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D289]').focus())"
10303                  >
10304                    Continentie- en retentiezorg                  </a>
10305                  <ul class="level-2-wrapper list-none p-0 m-0">
10306                                          <li class="my-2">
10307                        <a
10308                          href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/continentie-en-retentiezorg/katheters"
10309                          title="Katheters"
10310                          class="py-1 hover:underline break-words"
10311                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D289]').focus())"
10312                        >
10313                          Katheters                        </a>
10314                      </li>
10315                                      </ul>
10316                </li>
10317                              <li class="flex flex-col justify-items-start w-1/4">
10318                  <a
10319                    href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/medische-voeding"
10320                    title="Medische&#x20;voeding"
10321                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
10322                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D289]').focus())"
10323                  >
10324                    Medische voeding                  </a>
10325                  <ul class="level-2-wrapper list-none p-0 m-0">
10326                                          <li class="my-2">
10327                        <a
10328                          href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/medische-voeding/medische-drinkvoeding"
10329                          title="Medische&#x20;drinkvoeding"
10330                          class="py-1 hover:underline break-words"
10331                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D289]').focus())"
10332                        >
10333                          Medische drinkvoeding                        </a>
10334                      </li>
10335                                          <li class="my-2">
10336                        <a
10337                          href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/medische-voeding/peutermelk"
10338                          title="Peutermelk"
10339                          class="py-1 hover:underline break-words"
10340                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D289]').focus())"
10341                        >
10342                          Peutermelk                        </a>
10343                      </li>
10344                                      </ul>
10345                </li>
10346                              <li class="flex flex-col justify-items-start w-1/4">
10347                  <a
10348                    href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/wondzorg"
10349                    title="Wondzorg"
10350                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
10351                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D289]').focus())"
10352                  >
10353                    Wondzorg                  </a>
10354                  <ul class="level-2-wrapper list-none p-0 m-0">
10355                                          <li class="my-2">
10356                        <a
10357                          href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/wondzorg/huidverzorging"
10358                          title="Huidverzorging"
10359                          class="py-1 hover:underline break-words"
10360                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D289]').focus())"
10361                        >
10362                          Huidverzorging                        </a>
10363                      </li>
10364                                          <li class="my-2">
10365                        <a
10366                          href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/wondzorg/verbandmiddelen"
10367                          title="Verbandmiddelen"
10368                          class="py-1 hover:underline break-words"
10369                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D289]').focus())"
10370                        >
10371                          Verbandmiddelen                        </a>
10372                      </li>
10373                                          <li class="my-2">
10374                        <a
10375                          href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/wondzorg/pleisters"
10376                          title="Pleisters"
10377                          class="py-1 hover:underline break-words"
10378                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D289]').focus())"
10379                        >
10380                          Pleisters                        </a>
10381                      </li>
10382                                          <li class="my-2">
10383                        <a
10384                          href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/wondzorg/injectiespuiten"
10385                          title="Injectiespuiten"
10386                          class="py-1 hover:underline break-words"
10387                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D289]').focus())"
10388                        >
10389                          Injectiespuiten                        </a>
10390                      </li>
10391                                      </ul>
10392                </li>
10393                              <li class="flex flex-col justify-items-start w-1/4">
10394                  <a
10395                    href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/meer-medische-hulpmiddelen"
10396                    title="Meer&#x20;medische&#x20;hulpmiddelen"
10397                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
10398                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D289]').focus())"
10399                  >
10400                    Meer medische hulpmiddelen                  </a>
10401                  <ul class="level-2-wrapper list-none p-0 m-0">
10402                                          <li class="my-2">
10403                        <a
10404                          href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/meer-medische-hulpmiddelen/soa-testen"
10405                          title="SOA&#x20;testen"
10406                          class="py-1 hover:underline break-words"
10407                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D289]').focus())"
10408                        >
10409                          SOA testen                        </a>
10410                      </li>
10411                                          <li class="my-2">
10412                        <a
10413                          href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/meer-medische-hulpmiddelen/voetenbad"
10414                          title="Voetenbad"
10415                          class="py-1 hover:underline break-words"
10416                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D289]').focus())"
10417                        >
10418                          Voetenbad                        </a>
10419                      </li>
10420                                          <li class="my-2">
10421                        <a
10422                          href="https://www.hulpmiddelwereld.be/medische-hulpmiddelen/meer-medische-hulpmiddelen/luchtbevochtigers"
10423                          title="Luchtbevochtigers"
10424                          class="py-1 hover:underline break-words"
10425                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D289]').focus())"
10426                        >
10427                          Luchtbevochtigers                        </a>
10428                      </li>
10429                                      </ul>
10430                </li>
10431                          </ul>
10432                  </li>
10433              <li
10434          class="level-0 px-4 py-3 group last:border-0 border-b border-black-lighter"
10435          @mouseenter="hoverPanelActiveId = 'category-node-896'"
10436          @mouseleave="hoverPanelActiveId = 0"
10437          @keyup.escape="hoverPanelActiveId = 0"
10438        >
10439          <a
10440            class="flex justify-between w-full level-0 group-hover:underline"
10441            href="https://www.hulpmiddelwereld.be/telefonie-elektronica"
10442            title="Telefonie&#x20;&amp;&#x20;Elektronica"
10443            @focus="hoverPanelActiveId = 0"
10444          >
10445            Telefonie &amp; Elektronica            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-black" width="24" height="24" role="img">
10446  <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"/>
10447<title>chevron-right</title></svg>
10448          </a>
10449                                  <ul class="level-1-wrapper h-full absolute top-0 left-full z-30 hidden group-hover:flex px-6 py-4 shadow-lg bg-container-lighter p-4 list-none m-0">
10450                              <li class="flex flex-col justify-items-start w-1/4">
10451                  <a
10452                    href="https://www.hulpmiddelwereld.be/telefonie-elektronica/seniorentelefoons"
10453                    title="Seniorentelefoons&#x20;"
10454                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
10455                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D896]').focus())"
10456                  >
10457                    Seniorentelefoons                   </a>
10458                  <ul class="level-2-wrapper list-none p-0 m-0">
10459                                          <li class="my-2">
10460                        <a
10461                          href="https://www.hulpmiddelwereld.be/telefonie-elektronica/seniorentelefoons/senioren-gsm-s"
10462                          title="Senioren&#x20;GSM&#x27;s&#x20;"
10463                          class="py-1 hover:underline break-words"
10464                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D896]').focus())"
10465                        >
10466                          Senioren GSM&#039;s                         </a>
10467                      </li>
10468                                          <li class="my-2">
10469                        <a
10470                          href="https://www.hulpmiddelwereld.be/telefonie-elektronica/seniorentelefoons/senioren-huistelefoons"
10471                          title="Senioren&#x20;huistelefoons"
10472                          class="py-1 hover:underline break-words"
10473                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D896]').focus())"
10474                        >
10475                          Senioren huistelefoons                        </a>
10476                      </li>
10477                                      </ul>
10478                </li>
10479                              <li class="flex flex-col justify-items-start w-1/4">
10480                  <a
10481                    href="https://www.hulpmiddelwereld.be/telefonie-elektronica/tv-hulpmiddelen"
10482                    title="TV&#x20;hulpmiddelen"
10483                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
10484                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D896]').focus())"
10485                  >
10486                    TV hulpmiddelen                  </a>
10487                  <ul class="level-2-wrapper list-none p-0 m-0">
10488                                      </ul>
10489                </li>
10490                              <li class="flex flex-col justify-items-start w-1/4">
10491                  <a
10492                    href="https://www.hulpmiddelwereld.be/telefonie-elektronica/meer-elektronica"
10493                    title="Meer&#x20;elektronica"
10494                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
10495                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D896]').focus())"
10496                  >
10497                    Meer elektronica                  </a>
10498                  <ul class="level-2-wrapper list-none p-0 m-0">
10499                                          <li class="my-2">
10500                        <a
10501                          href="https://www.hulpmiddelwereld.be/telefonie-elektronica/meer-elektronica/afstandsbedieningen"
10502                          title="Afstandsbedieningen"
10503                          class="py-1 hover:underline break-words"
10504                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D896]').focus())"
10505                        >
10506                          Afstandsbedieningen                        </a>
10507                      </li>
10508                                          <li class="my-2">
10509                        <a
10510                          href="https://www.hulpmiddelwereld.be/telefonie-elektronica/meer-elektronica/batterijen"
10511                          title="Batterijen"
10512                          class="py-1 hover:underline break-words"
10513                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D896]').focus())"
10514                        >
10515                          Batterijen                        </a>
10516                      </li>
10517                                          <li class="my-2">
10518                        <a
10519                          href="https://www.hulpmiddelwereld.be/telefonie-elektronica/meer-elektronica/smartw
10519atches"
10520                          title="Smartwatches"
10521                          class="py-1 hover:underline break-words"
10522                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D896]').focus())"
10523                        >
10524                          Smartwatches                        </a>
10525                      </li>
10526                                      </ul>
10527                </li>
10528                              <li class="flex flex-col justify-items-start w-1/4">
10529                  <a
10530                    href="https://www.hulpmiddelwereld.be/telefonie-elektronica/alarm-horloge-ouderen"
10531                    title="Alarm&#x20;horloges&#x20;voor&#x20;ouderen"
10532                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
10533                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D896]').focus())"
10534                  >
10535                    Alarm horloges voor ouderen                  </a>
10536                  <ul class="level-2-wrapper list-none p-0 m-0">
10537                                          <li class="my-2">
10538                        <a
10539                          href="https://www.hulpmiddelwereld.be/telefonie-elektronica/alarm-horloge-ouderen/lifewatcher-alarmhorloges"
10540                          title="LifeWatcher&#x20;Alarmhorloges"
10541                          class="py-1 hover:underline break-words"
10542                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D896]').focus())"
10543                        >
10544                          LifeWatcher Alarmhorloges                        </a>
10545                      </li>
10546                                      </ul>
10547                </li>
10548                              <li class="flex flex-col justify-items-start w-1/4">
10549                  <a
10550                    href="https://www.hulpmiddelwereld.be/telefonie-elektronica/radio"
10551                    title="Radio&#x27;s"
10552                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
10553                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D896]').focus())"
10554                  >
10555                    Radio&#039;s                  </a>
10556                  <ul class="level-2-wrapper list-none p-0 m-0">
10557                                          <li class="my-2">
10558                        <a
10559                          href="https://www.hulpmiddelwereld.be/telefonie-elektronica/radio/radio-voor-ouderen"
10560                          title="Radio&#x20;voor&#x20;ouderen"
10561                          class="py-1 hover:underline break-words"
10562                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D896]').focus())"
10563                        >
10564                          Radio voor ouderen                        </a>
10565                      </li>
10566                                      </ul>
10567                </li>
10568                              <li class="flex flex-col justify-items-start w-1/4">
10569                  <a
10570                    href="https://www.hulpmiddelwereld.be/telefonie-elektronica/daglichtlampen"
10571                    title="Daglichtlampen"
10572                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
10573                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D896]').focus())"
10574                  >
10575                    Daglichtlampen                  </a>
10576                  <ul class="level-2-wrapper list-none p-0 m-0">
10577                                      </ul>
10578                </li>
10579                              <li class="flex flex-col justify-items-start w-1/4">
10580                  <a
10581                    href="https://www.hulpmiddelwereld.be/telefonie-elektronica/tablet"
10582                    title="Tablet"
10583                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
10584                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D896]').focus())"
10585                  >
10586                    Tablet                  </a>
10587                  <ul class="level-2-wrapper list-none p-0 m-0">
10588                                      </ul>
10589                </li>
10590                              <li class="flex flex-col justify-items-start w-1/4">
10591                  <a
10592                    href="https://www.hulpmiddelwereld.be/telefonie-elektronica/digitale-fotolijsten"
10593                    title="Digitale&#x20;Fotolijsten"
10594                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
10595                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D896]').focus())"
10596                  >
10597                    Digitale Fotolijsten                  </a>
10598                  <ul class="level-2-wrapper list-none p-0 m-0">
10599                                      </ul>
10600                </li>
10601                          </ul>
10602                  </li>
10603              <li
10604          class="level-0 px-4 py-3 group last:border-0 border-b border-black-lighter"
10605          @mouseenter="hoverPanelActiveId = 'category-node-1120'"
10606          @mouseleave="hoverPanelActiveId = 0"
10607          @keyup.escape="hoverPanelActiveId = 0"
10608        >
10609          <a
10610            class="flex justify-between w-full level-0 group-hover:underline"
10611            href="https://www.hulpmiddelwereld.be/diabetes"
10612            title="Diabetes"
10613            @focus="hoverPanelActiveId = 0"
10614          >
10615            Diabetes            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-black" width="24" height="24" role="img">
10616  <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"/>
10617<title>chevron-right</title></svg>
10618          </a>
10619                                  <ul class="level-1-wrapper h-full absolute top-0 left-full z-30 hidden group-hover:flex px-6 py-4 shadow-lg bg-container-lighter p-4 list-none m-0">
10620                              <li class="flex flex-col justify-items-start w-1/4">
10621                  <a
10622                    href="https://www.hulpmiddelwereld.be/diabetes/diabetes-hulpmiddelen"
10623                    title="Diabetes&#x20;hulpmiddelen"
10624                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
10625                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D1120]').focus())"
10626                  >
10627                    Diabetes hulpmiddelen                  </a>
10628                  <ul class="level-2-wrapper list-none p-0 m-0">
10629                                          <li class="my-2">
10630                        <a
10631                          href="https://www.hulpmiddelwereld.be/diabetes/diabetes-hulpmiddelen/glucosemeters"
10632                          title="Glucosemeters"
10633                          class="py-1 hover:underline break-words"
10634                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D1120]').focus())"
10635                        >
10636                          Glucosemeters                        </a>
10637                      </li>
10638                                          <li class="my-2">
10639                        <a
10640                          href="https://www.hulpmiddelwereld.be/diabetes/diabetes-hulpmiddelen/prikpennen"
10641                          title="Prikpennen"
10642                          class="py-1 hover:underline break-words"
10643                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D1120]').focus())"
10644                        >
10645                          Prikpennen                        </a>
10646                      </li>
10647                                          <li class="my-2">
10648                        <a
10649                          href="https://www.hulpmiddelwereld.be/diabetes/diabetes-hulpmiddelen/teststrips"
10650                          title="Glucose&#x20;test&#x20;strips"
10651                          class="py-1 hover:underline break-words"
10652                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D1120]').focus())"
10653                        >
10654                          Glucose test strips                        </a>
10655                      </li>
10656                                          <li class="my-2">
10657                        <a
10658                          href="https://www.hulpmiddelwereld.be/diabetes/diabetes-hulpmiddelen/lancetten"
10659                          title="Lancetten"
10660                          class="py-1 hover:underline break-words"
10661                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D1120]').focus())"
10662                        >
10663                          Lancetten                        </a>
10664                      </li>
10665                                          <li class="my-2">
10666                        <a
10667                          href="https://www.hulpmiddelwereld.be/diabetes/diabetes-hulpmiddelen/voetverzorging"
10668                          title="Voetverzorging&#x20;bij&#x20;diabetes"
10669                          class="py-1 hover:underline break-words"
10670                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D1120]').focus())"
10671                        >
10672                          Voetverzorging bij diabetes                        </a>
10673                      </li>
10674                                      </ul>
10675                </li>
10676                          </ul>
10677                  </li>
10678              <li
10679          class="level-0 px-4 py-3 group last:border-0 border-b border-black-lighter"
10680          @mouseenter="hoverPanelActiveId = 'category-node-328'"
10681          @mouseleave="hoverPanelActiveId = 0"
10682          @keyup.escape="hoverPanelActiveId = 0"
10683        >
10684          <a
10685            class="flex justify-between w-full level-0 group-hover:underline"
10686            href="https://www.hulpmiddelwereld.be/slechtzienden"
10687            title="Slechtzienden"
10688            @focus="hoverPanelActiveId = 0"
10689          >
10690            Slechtzienden            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-black" width="24" height="24" role="img">
10691  <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"/>
10692<title>chevron-right</title></svg>
10693          </a>
10694                                  <ul class="level-1-wrapper h-full absolute top-0 left-full z-30 hidden group-hover:flex px-6 py-4 shadow-lg bg-container-lighter p-4 list-none m-0">
10695                              <li class="flex flex-col justify-items-start w-1/4">
10696                  <a
10697                    href="https://www.hulpmiddelwereld.be/slechtzienden/horloges"
10698                    title="Horloges"
10699                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
10700                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D328]').focus())"
10701                  >
10702                    Horloges                  </a>
10703                  <ul class="level-2-wrapper list-none p-0 m-0">
10704                                          <li class="my-2">
10705                        <a
10706                          href="https://www.hulpmiddelwereld.be/slechtzienden/horloges/sprekende-horloges"
10707                          title="Sprekende&#x20;horloges"
10708                          class="py-1 hover:underline break-words"
10709                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D328]').focus())"
10710                        >
10711                          Sprekende horloges                        </a>
10712                      </li>
10713                                      </ul>
10714                </li>
10715                              <li class="flex flex-col justify-items-start w-1/4">
10716                  <a
10717                    href="https://www.hulpmiddelwereld.be/slechtzienden/leeshulpmiddelen"
10718                    title="Leeshulpmiddelen"
10719                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
10720                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D328]').focus())"
10721                  >
10722                    Leeshulpmiddelen                  </a>
10723                  <ul class="level-2-wrapper list-none p-0 m-0">
10724                                          <li class="my-2">
10725                        <a
10726                          href="https://www.hulpmiddelwereld.be/slechtzienden/leeshulpmiddelen/vergrootglazen"
10727                          title="Vergrootglazen&#x20;&amp;&#x20;Loepen"
10728                          class="py-1 hover:underline break-words"
10729                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D328]').focus())"
10730                        >
10731                          Vergrootglazen &amp; Loepen                        </a>
10732                      </li>
10733                                          <li class="my-2">
10734                        <a
10735                          href="https://www.hulpmiddelwereld.be/slechtzienden/leeshulpmiddelen/hand-loepen"
10736                          title="Hand&#x20;loepen"
10737                          class="py-1 hover:underline break-words"
10738                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D328]').focus())"
10739                        >
10740                          Hand loepen                        </a>
10741                      </li>
10742                                          <li class="my-2">
10743                        <a
10744                          href="https://www.hulpmiddelwereld.be/slechtzienden/leeshulpmiddelen/loepen-met-lamp"
10745                          title="Loepen&#x20;met&#x20;lamp"
10746                          class="py-1 hover:underline break-words"
10747                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D328]').focus())"
10748                        >
10749                          Loepen met lamp                        </a>
10750                      </li>
10751                                          <li class="my-2">
10752                        <a
10753                          href="https://www.hulpmiddelwereld.be/slechtzienden/leeshulpmiddelen/tafel-loepen"
10754                          title="Tafel&#x20;loepen"
10755                          class="py-1 hover:underline break-words"
10756                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D328]').focus())"
10757                        >
10758                          Tafel loepen                        </a>
10759                      </li>
10760                                      </ul>
10761                </li>
10762                              <li class="flex flex-col justify-items-start w-1/4">
10763                  <a
10764                    href="https://www.hulpmiddelwereld.be/slechtzienden/voor-buiten"
10765                    title="Voor&#x20;buiten"
10766                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
10767                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D328]').focus())"
10768                  >
10769                    Voor buiten                  </a>
10770                  <ul class="level-2-wrapper list-none p-0 m-0">
10771                                          <li class="my-2">
10772                        <a
10773                          href="https://www.hulpmiddelwereld.be/slechtzienden/voor-buiten/low-vision-zonnebrillen"
10774                          title="Low&#x20;Vision&#x20;zonnebrillen"
10775                          class="py-1 hover:underline break-words"
10776                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D328]').focus())"
10777                        >
10778                          Low Vision zonnebrillen                        </a>
10779                      </li>
10780                                      </ul>
10781                </li>
10782                              <li class="flex flex-col justify-items-start w-1/4">
10783                  <a
10784                    href="https://www.hulpmiddelwereld.be/slechtzienden/herkenningsmateriaal"
10785                    title="Herkenningsmateriaal"
10786                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
10787                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D328]').focus())"
10788                  >
10789                    Herkenningsmateriaal                  </a>
10790                  <ul class="level-2-wrapper list-none p-0 m-0">
10791                                          <li class="my-2">
10792                        <a
10793                          href="https://www.hulpmiddelwereld.be/slechtzienden/herkenningsmateriaal/wandel-en-steunstokken"
10794                          title="Wandel-&#x20;en&#x20;Steunstokken"
10795                          class="py-1 hover:underline break-words"
10796                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D328]').focus())"
10797                        >
10798                          Wandel- en Steunstokken                        </a>
10799                      </li>
10800                                      </ul>
10801                </li>
10802                              <li class="flex flex-col justify-items-start w-1/4">
10803                  <a
10804                    href="https://www.hulpmiddelwereld.be/slechtzienden/klokken"
10805                    title="Klokken"
10806                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
10807                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D328]').focus())"
10808                  >
10809                    Klokken                  </a>
10810                  <ul class="level-2-wrapper list-none p-0 m-0">
10811                                          <li class="my-2">
10812                        <a
10813                          href="https://www.hulpmiddelwereld.be/slechtzienden/klokken/sprekende-klokken"
10814                          title="Sprekende&#x20;klokken"
10815                          class="py-1 hover:underline break-words"
10816                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D328]').focus())"
10817                        >
10818                          Sprekende klokken                        </a>
10819                      </li>
10820                                          <li class="m
10820y-2">
10821                        <a
10822                          href="https://www.hulpmiddelwereld.be/slechtzienden/klokken/alarm-klokken"
10823                          title="Alarm&#x20;klokken"
10824                          class="py-1 hover:underline break-words"
10825                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D328]').focus())"
10826                        >
10827                          Alarm klokken                        </a>
10828                      </li>
10829                                      </ul>
10830                </li>
10831                              <li class="flex flex-col justify-items-start w-1/4">
10832                  <a
10833                    href="https://www.hulpmiddelwereld.be/slechtzienden/overige-hulpmiddelen"
10834                    title="Overige&#x20;hulpmiddelen"
10835                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
10836                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D328]').focus())"
10837                  >
10838                    Overige hulpmiddelen                  </a>
10839                  <ul class="level-2-wrapper list-none p-0 m-0">
10840                                          <li class="my-2">
10841                        <a
10842                          href="https://www.hulpmiddelwereld.be/slechtzienden/overige-hulpmiddelen/afstandbedieningen"
10843                          title="Afstandbedieningen"
10844                          class="py-1 hover:underline break-words"
10845                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D328]').focus())"
10846                        >
10847                          Afstandbedieningen                        </a>
10848                      </li>
10849                                      </ul>
10850                </li>
10851                          </ul>
10852                  </li>
10853              <li
10854          class="level-0 px-4 py-3 group last:border-0 border-b border-black-lighter"
10855          @mouseenter="hoverPanelActiveId = 'category-node-351'"
10856          @mouseleave="hoverPanelActiveId = 0"
10857          @keyup.escape="hoverPanelActiveId = 0"
10858        >
10859          <a
10860            class="flex justify-between w-full level-0 group-hover:underline"
10861            href="https://www.hulpmiddelwereld.be/sport-revalidatie"
10862            title="Sport&#x20;&amp;&#x20;Revalidatie"
10863            @focus="hoverPanelActiveId = 0"
10864          >
10865            Sport &amp; Revalidatie            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-black" width="24" height="24" role="img">
10866  <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"/>
10867<title>chevron-right</title></svg>
10868          </a>
10869                                  <ul class="level-1-wrapper h-full absolute top-0 left-full z-30 hidden group-hover:flex px-6 py-4 shadow-lg bg-container-lighter p-4 list-none m-0">
10870                              <li class="flex flex-col justify-items-start w-1/4">
10871                  <a
10872                    href="https://www.hulpmiddelwereld.be/sport-revalidatie/revalidatiehulpmiddelen"
10873                    title="Revalidatiehulpmiddelen"
10874                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
10875                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D351]').focus())"
10876                  >
10877                    Revalidatiehulpmiddelen                  </a>
10878                  <ul class="level-2-wrapper list-none p-0 m-0">
10879                                          <li class="my-2">
10880                        <a
10881                          href="https://www.hulpmiddelwereld.be/sport-revalidatie/revalidatiehulpmiddelen/fietstrainers"
10882                          title="Fietstrainers"
10883                          class="py-1 hover:underline break-words"
10884                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D351]').focus())"
10885                        >
10886                          Fietstrainers                        </a>
10887                      </li>
10888                                          <li class="my-2">
10889                        <a
10890                          href="https://www.hulpmiddelwereld.be/sport-revalidatie/revalidatiehulpmiddelen/handtrainers"
10891                          title="Handtrainers"
10892                          class="py-1 hover:underline break-words"
10893                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D351]').focus())"
10894                        >
10895                          Handtrainers                        </a>
10896                      </li>
10897                                          <li class="my-2">
10898                        <a
10899                          href="https://www.hulpmiddelwereld.be/sport-revalidatie/revalidatiehulpmiddelen/gymnastiek"
10900                          title="Gymnastiek"
10901                          class="py-1 hover:underline break-words"
10902                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D351]').focus())"
10903                        >
10904                          Gymnastiek                        </a>
10905                      </li>
10906                                          <li class="my-2">
10907                        <a
10908                          href="https://www.hulpmiddelwereld.be/sport-revalidatie/revalidatiehulpmiddelen/beentrainers"
10909                          title="Beentrainers"
10910                          class="py-1 hover:underline break-words"
10911                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D351]').focus())"
10912                        >
10913                          Beentrainers                        </a>
10914                      </li>
10915                                      </ul>
10916                </li>
10917                              <li class="flex flex-col justify-items-start w-1/4">
10918                  <a
10919                    href="https://www.hulpmiddelwereld.be/sport-revalidatie/therapie-pijnverlichting"
10920                    title="Therapie&#x20;&amp;&#x20;pijnverlichting"
10921                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
10922                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D351]').focus())"
10923                  >
10924                    Therapie &amp; pijnverlichting                  </a>
10925                  <ul class="level-2-wrapper list-none p-0 m-0">
10926                                          <li class="my-2">
10927                        <a
10928                          href="https://www.hulpmiddelwereld.be/sport-revalidatie/therapie-pijnverlichting/tens-therapie"
10929                          title="TENS&#x20;therapie"
10930                          class="py-1 hover:underline break-words"
10931                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D351]').focus())"
10932                        >
10933                          TENS therapie                        </a>
10934                      </li>
10935                                          <li class="my-2">
10936                        <a
10937                          href="https://www.hulpmiddelwereld.be/sport-revalidatie/therapie-pijnverlichting/handtherapie"
10938                          title="Handtherapie"
10939                          class="py-1 hover:underline break-words"
10940                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D351]').focus())"
10941                        >
10942                          Handtherapie                        </a>
10943                      </li>
10944                                          <li class="my-2">
10945                        <a
10946                          href="https://www.hulpmiddelwereld.be/sport-revalidatie/therapie-pijnverlichting/kou-en-warmtetherapie"
10947                          title="Kou-&#x20;en&#x20;Warmtetherapie"
10948                          class="py-1 hover:underline break-words"
10949                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D351]').focus())"
10950                        >
10951                          Kou- en Warmtetherapie                        </a>
10952                      </li>
10953                                          <li class="my-2">
10954                        <a
10955                          href="https://www.hulpmiddelwereld.be/sport-revalidatie/therapie-pijnverlichting/lichttherapie"
10956                          title="Lichttherapie"
10957                          class="py-1 hover:underline break-words"
10958                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D351]').focus())"
10959                        >
10960                          Lichttherapie                        </a>
10961                      </li>
10962                                          <li class="my-2">
10963                        <a
10964                          href="https://www.hulpmiddelwereld.be/sport-revalidatie/therapie-pijnverlichting/infraroodtherapie"
10965                          title="Infraroodtherapie"
10966                          class="py-1 hover:underline break-words"
10967                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D351]').focus())"
10968                        >
10969                          Infraroodtherapie                        </a>
10970                      </li>
10971                                      </ul>
10972                </li>
10973                              <li class="flex flex-col justify-items-start w-1/4">
10974                  <a
10975                    href="https://www.hulpmiddelwereld.be/sport-revalidatie/sporttape"
10976                    title="Sporttape"
10977                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
10978                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D351]').focus())"
10979                  >
10980                    Sporttape                  </a>
10981                  <ul class="level-2-wrapper list-none p-0 m-0">
10982                                          <li class="my-2">
10983                        <a
10984                          href="https://www.hulpmiddelwereld.be/sport-revalidatie/sporttape/pinotape-sporttape"
10985                          title="Pinotape"
10986                          class="py-1 hover:underline break-words"
10987                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D351]').focus())"
10988                        >
10989                          Pinotape                        </a>
10990                      </li>
10991                                          <li class="my-2">
10992                        <a
10993                          href="https://www.hulpmiddelwereld.be/sport-revalidatie/sporttape/strengthtape-sporttape"
10994                          title="StrengthTape"
10995                          class="py-1 hover:underline break-words"
10996                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D351]').focus())"
10997                        >
10998                          StrengthTape                        </a>
10999                      </li>
11000                                      </ul>
11001                </li>
11002                              <li class="flex flex-col justify-items-start w-1/4">
11003                  <a
11004                    href="https://www.hulpmiddelwereld.be/sport-revalidatie/bescherming"
11005                    title="Bescherming"
11006                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
11007                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D351]').focus())"
11008                  >
11009                    Bescherming                  </a>
11010                  <ul class="level-2-wrapper list-none p-0 m-0">
11011                                          <li class="my-2">
11012                        <a
11013                          href="https://www.hulpmiddelwereld.be/sport-revalidatie/bescherming/hipshield"
11014                          title="Hipshield"
11015                          class="py-1 hover:underline break-words"
11016                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D351]').focus())"
11017                        >
11018                          Hipshield                        </a>
11019                      </li>
11020                                          <li class="my-2">
11021                        <a
11022                          href="https://www.hulpmiddelwereld.be/sport-revalidatie/bescherming/teenbeschermers"
11023                          title="Teenbeschermers"
11024                          class="py-1 hover:underline break-words"
11025                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D351]').focus())"
11026                        >
11027                          Teenbeschermers                        </a>
11028                      </li>
11029                                          <li class="my-2">
11030                        <a
11031                          href="https://www.hulpmiddelwereld.be/sport-revalidatie/bescherming/oedeemhandschoenen"
11032                          title="Oedeemhandschoenen"
11033                          class="py-1 hover:underline break-words"
11034                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D351]').focus())"
11035                        >
11036                          Oedeemhandschoenen                        </a>
11037                      </li>
11038                                      </ul>
11039                </li>
11040                              <li class="flex flex-col justify-items-start w-1/4">
11041                  <a
11042                    href="https://www.hulpmiddelwereld.be/sport-revalidatie/braces"
11043                    title="Braces"
11044                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
11045                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D351]').focus())"
11046                  >
11047                    Braces                  </a>
11048                  <ul class="level-2-wrapper list-none p-0 m-0">
11049                                          <li class="my-2">
11050                        <a
11051                          href="https://www.hulpmiddelwereld.be/sport-revalidatie/braces/slings"
11052                          title="Slings"
11053                          class="py-1 hover:underline break-words"
11054                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D351]').focus())"
11055                        >
11056                          Slings                        </a>
11057                      </li>
11058                                          <li class="my-2">
11059                        <a
11060                          href="https://www.hulpmiddelwereld.be/sport-revalidatie/braces/arm-elleboog"
11061                          title="Arm&#x20;&#x2F;&#x20;Elleboog"
11062                          class="py-1 hover:underline break-words"
11063                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D351]').focus())"
11064                        >
11065                          Arm / Elleboog                        </a>
11066                      </li>
11067                                          <li class="my-2">
11068                        <a
11069                          href="https://www.hulpmiddelwereld.be/sport-revalidatie/braces/borstkas"
11070                          title="Borstkas"
11071                          class="py-1 hover:underline break-words"
11072                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D351]').focus())"
11073                        >
11074                          Borstkas                        </a>
11075                      </li>
11076                                          <li class="my-2">
11077                        <a
11078                          href="https://www.hulpmiddelwereld.be/sport-revalidatie/br
11078aces/duimbrace"
11079                          title="Duimbrace"
11080                          class="py-1 hover:underline break-words"
11081                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D351]').focus())"
11082                        >
11083                          Duimbrace                        </a>
11084                      </li>
11085                                          <li class="my-2">
11086                        <a
11087                          href="https://www.hulpmiddelwereld.be/sport-revalidatie/braces/enkelbrace"
11088                          title="Enkelbrace"
11089                          class="py-1 hover:underline break-words"
11090                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D351]').focus())"
11091                        >
11092                          Enkelbrace                        </a>
11093                      </li>
11094                                          <li class="my-2">
11095                        <a
11096                          href="https://www.hulpmiddelwereld.be/sport-revalidatie/braces/kniebrace"
11097                          title="Kniebrace"
11098                          class="py-1 hover:underline break-words"
11099                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D351]').focus())"
11100                        >
11101                          Kniebrace                        </a>
11102                      </li>
11103                                          <li class="my-2">
11104                        <a
11105                          href="https://www.hulpmiddelwereld.be/sport-revalidatie/braces/lies"
11106                          title="Lies"
11107                          class="py-1 hover:underline break-words"
11108                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D351]').focus())"
11109                        >
11110                          Lies                        </a>
11111                      </li>
11112                                          <li class="my-2">
11113                        <a
11114                          href="https://www.hulpmiddelwereld.be/sport-revalidatie/braces/nekbrace"
11115                          title="Nekbrace"
11116                          class="py-1 hover:underline break-words"
11117                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D351]').focus())"
11118                        >
11119                          Nekbrace                        </a>
11120                      </li>
11121                                          <li class="my-2">
11122                        <a
11123                          href="https://www.hulpmiddelwereld.be/sport-revalidatie/braces/polsbrace"
11124                          title="Polsbrace"
11125                          class="py-1 hover:underline break-words"
11126                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D351]').focus())"
11127                        >
11128                          Polsbrace                        </a>
11129                      </li>
11130                                          <li class="my-2">
11131                        <a
11132                          href="https://www.hulpmiddelwereld.be/sport-revalidatie/braces/rugbrace"
11133                          title="Rugbrace"
11134                          class="py-1 hover:underline break-words"
11135                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D351]').focus())"
11136                        >
11137                          Rugbrace                        </a>
11138                      </li>
11139                                          <li class="my-2">
11140                        <a
11141                          href="https://www.hulpmiddelwereld.be/sport-revalidatie/braces/scheenbeen"
11142                          title="Scheenbeen"
11143                          class="py-1 hover:underline break-words"
11144                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D351]').focus())"
11145                        >
11146                          Scheenbeen                        </a>
11147                      </li>
11148                                          <li class="my-2">
11149                        <a
11150                          href="https://www.hulpmiddelwereld.be/sport-revalidatie/braces/schouderbrace"
11151                          title="Schouderbrace"
11152                          class="py-1 hover:underline break-words"
11153                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D351]').focus())"
11154                        >
11155                          Schouderbrace                        </a>
11156                      </li>
11157                                          <li class="my-2">
11158                        <a
11159                          href="https://www.hulpmiddelwereld.be/sport-revalidatie/braces/voetbrace"
11160                          title="Voetbrace"
11161                          class="py-1 hover:underline break-words"
11162                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D351]').focus())"
11163                        >
11164                          Voetbrace                        </a>
11165                      </li>
11166                                      </ul>
11167                </li>
11168                              <li class="flex flex-col justify-items-start w-1/4">
11169                  <a
11170                    href="https://www.hulpmiddelwereld.be/sport-revalidatie/massage-apparaten"
11171                    title="Massage&#x20;apparaten"
11172                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
11173                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D351]').focus())"
11174                  >
11175                    Massage apparaten                  </a>
11176                  <ul class="level-2-wrapper list-none p-0 m-0">
11177                                      </ul>
11178                </li>
11179                          </ul>
11180                  </li>
11181              <li
11182          class="level-0 px-4 py-3 group last:border-0 border-b border-black-lighter"
11183          @mouseenter="hoverPanelActiveId = 'category-node-342'"
11184          @mouseleave="hoverPanelActiveId = 0"
11185          @keyup.escape="hoverPanelActiveId = 0"
11186        >
11187          <a
11188            class="flex justify-between w-full level-0 group-hover:underline"
11189            href="https://www.hulpmiddelwereld.be/vrije-tijd-hobby"
11190            title="Vrije&#x20;Tijd&#x20;&amp;&#x20;Hobby"
11191            @focus="hoverPanelActiveId = 0"
11192          >
11193            Vrije Tijd &amp; Hobby            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-black" width="24" height="24" role="img">
11194  <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"/>
11195<title>chevron-right</title></svg>
11196          </a>
11197                                  <ul class="level-1-wrapper h-full absolute top-0 left-full z-30 hidden group-hover:flex px-6 py-4 shadow-lg bg-container-lighter p-4 list-none m-0">
11198                              <li class="flex flex-col justify-items-start w-1/4">
11199                  <a
11200                    href="https://www.hulpmiddelwereld.be/vrije-tijd-hobby/hobby"
11201                    title="Hobby"
11202                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
11203                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D342]').focus())"
11204                  >
11205                    Hobby                  </a>
11206                  <ul class="level-2-wrapper list-none p-0 m-0">
11207                                          <li class="my-2">
11208                        <a
11209                          href="https://www.hulpmiddelwereld.be/vrije-tijd-hobby/hobby/scharen-handwerk"
11210                          title="Scharen&#x20;&amp;&#x20;Handwerk"
11211                          class="py-1 hover:underline break-words"
11212                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D342]').focus())"
11213                        >
11214                          Scharen &amp; Handwerk                        </a>
11215                      </li>
11216                                          <li class="my-2">
11217                        <a
11218                          href="https://www.hulpmiddelwereld.be/vrije-tijd-hobby/hobby/tuingereedschap"
11219                          title="Tuingereedschap"
11220                          class="py-1 hover:underline break-words"
11221                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D342]').focus())"
11222                        >
11223                          Tuingereedschap                        </a>
11224                      </li>
11225                                          <li class="my-2">
11226                        <a
11227                          href="https://www.hulpmiddelwereld.be/vrije-tijd-hobby/hobby/boodschappentrolleys"
11228                          title="Boodschappentrolleys"
11229                          class="py-1 hover:underline break-words"
11230                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D342]').focus())"
11231                        >
11232                          Boodschappentrolleys                        </a>
11233                      </li>
11234                                          <li class="my-2">
11235                        <a
11236                          href="https://www.hulpmiddelwereld.be/vrije-tijd-hobby/hobby/penverdikkers"
11237                          title="Penverdikkers"
11238                          class="py-1 hover:underline break-words"
11239                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D342]').focus())"
11240                        >
11241                          Penverdikkers                        </a>
11242                      </li>
11243                                          <li class="my-2">
11244                        <a
11245                          href="https://www.hulpmiddelwereld.be/vrije-tijd-hobby/hobby/bureau-accessoires"
11246                          title="Bureau&#x20;accessoires"
11247                          class="py-1 hover:underline break-words"
11248                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D342]').focus())"
11249                        >
11250                          Bureau accessoires                        </a>
11251                      </li>
11252                                      </ul>
11253                </li>
11254                              <li class="flex flex-col justify-items-start w-1/4">
11255                  <a
11256                    href="https://www.hulpmiddelwereld.be/vrije-tijd-hobby/spellen"
11257                    title="Spellen"
11258                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
11259                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D342]').focus())"
11260                  >
11261                    Spellen                  </a>
11262                  <ul class="level-2-wrapper list-none p-0 m-0">
11263                                          <li class="my-2">
11264                        <a
11265                          href="https://www.hulpmiddelwereld.be/vrije-tijd-hobby/spellen/speelkaarten"
11266                          title="Speelkaarten"
11267                          class="py-1 hover:underline break-words"
11268                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D342]').focus())"
11269                        >
11270                          Speelkaarten                        </a>
11271                      </li>
11272                                          <li class="my-2">
11273                        <a
11274                          href="https://www.hulpmiddelwereld.be/vrije-tijd-hobby/spellen/kaartenhouders"
11275                          title="Kaartenhouders"
11276                          class="py-1 hover:underline break-words"
11277                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D342]').focus())"
11278                        >
11279                          Kaartenhouders                        </a>
11280                      </li>
11281                                          <li class="my-2">
11282                        <a
11283                          href="https://www.hulpmiddelwereld.be/vrije-tijd-hobby/spellen/houten-spellen"
11284                          title="Houten&#x20;spellen"
11285                          class="py-1 hover:underline break-words"
11286                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D342]').focus())"
11287                        >
11288                          Houten spellen                        </a>
11289                      </li>
11290                                          <li class="my-2">
11291                        <a
11292                          href="https://www.hulpmiddelwereld.be/vrije-tijd-hobby/spellen/puzzels-voor-ouderen"
11293                          title="Puzzels&#x20;voor&#x20;ouderen"
11294                          class="py-1 hover:underline break-words"
11295                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D342]').focus())"
11296                        >
11297                          Puzzels voor ouderen                        </a>
11298                      </li>
11299                                      </ul>
11300                </li>
11301                              <li class="flex flex-col justify-items-start w-1/4">
11302                  <a
11303                    href="https://www.hulpmiddelwereld.be/vrije-tijd-hobby/veiligheidsproducten"
11304                    title="Veiligheidsproducten"
11305                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
11306                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D342]').focus())"
11307                  >
11308                    Veiligheidsproducten                  </a>
11309                  <ul class="level-2-wrapper list-none p-0 m-0">
11310                                          <li class="my-2">
11311                        <a
11312                          href="https://www.hulpmiddelwereld.be/vrije-tijd-hobby/veiligheidsproducten/oordopjes-tegen-geluid"
11313                          title="Oordopjes&#x20;tegen&#x20;geluid"
11314                          class="py-1 hover:underline break-words"
11315                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D342]').focus())"
11316                        >
11317                          Oordopjes tegen geluid                        </a>
11318                      </li>
11319                                          <li class="my-2">
11320                        <a
11321                          href="https://www.hulpmiddelwereld.be/vrije-tijd-hobby/veiligheidsproducten/oordopjes-voor-zwemmen"
11322                          title="Oordopjes&#x20;zwemmen"
11323                          class="py-1 hover:underline break-words"
11324                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D342]').focus())"
11325                        >
11326                          Oordopjes zwemmen                        </a>
11327                      </li>
11328                                          <li class="my-2">
11329                        <a
11330                          href="https://www.hulpmiddelwereld.be/vrije-tijd-hobby/veiligheidsproducten/antislip-voor-schoenen"
11331                          title="Antislip&#x20;voor&#x20;Schoenen"
11332                          class="py-1 hover:underline break-words"
11333                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D342]').focus())"
11334                        >
11335                          Antislip voor Schoenen                        </a>
11336                      </li>
11337                                      </ul>
11338                </li>
11339                              <li class="flex flex-col justify-items-start w-1/4">
11340                  <a
11341                    href="https://www.hulpmiddelwereld.be/vrije-tijd-hobby/hulpmiddelen-kind"
11342                    title="Hulpmiddelen&#x20;kind"
11343                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
11344                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D342]').focus())"
11345                  >
11346                    Hulpmiddelen kind                  </a>
11347                  <ul class="level-2-wrapper list-none p-0 m-0">
11348                                      </ul>
11349                </li>
11350                          </ul>
11351                  </li>
11352              <li
11353          class="level-0 px-4 py-3 group last:border-0 border-b border-black-lighter"
11354          @mouseenter="hoverPanelActiveId = 'category-node-1107'"
11355          @mouseleave="hoverPanelActiveId = 0"
11356          @keyup.escape="hoverPanelActiveId = 0"
11357        >
11358          <a
11359            class="flex justify-between w-full level-0 group-hover:underline"
11360            href="https://www.hulpmiddelwereld.be/leefstijl-preventie"
11361            title="Leefstijl&#x20;&amp;&#x20;Preventie"
11362            @focus="hoverPanelActiveId = 0"
11363          >
11364            Leefstijl &amp; Preventie            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-black" width="24" height="24" role="img">
11365  <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"/>
11366<title>chevron-right</title></svg>
11367          </a>
11368                                  <ul class="level-1-wrapper h-full absolute top-0 left-full z-30 hidden group-hover:flex px-6 py-4 shadow-lg bg-container-lighter p-4 list-none m-0">
11369                              <li class="flex flex-col justify-items-start w-1/4">
11370                  <a
11371                    href="https://www.hulpmiddelwereld.be/leefstijl-preventie/gezond-bewegen"
11372                    title="Gezond&#x20;Bewegen"
11373                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
11374                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D1107]').focus())"
11375                  >
11376                    Gezond Bewegen                  </a>
11377                  <ul class="level-2-wrapper list-none p-0 m-0">
11378                                          <li class="my-2">
11379                        <a
11380                          href="https://www.hulpmiddelwereld.be/leefstijl-preventie/gezond-bewegen/armtrainers"
11381                          title="Armtrainers"
11382                          class="py-1 hover:underline break-words"
11383                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D1107]').focus())"
11384                        >
11385                          Armtrainers                        </a>
11386                      </li>
11387                                          <li class="my-2">
11388                        <a
11389                          href="https://www.hulpmiddelwereld.be/leefstijl-preventie/gezond-bewegen/balanstrainers"
11390                          title="Balanstrainers"
11391                          class="py-1 hover:underline break-words"
11392                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D1107]').focus())"
11393                        >
11394                          Balanstrainers                        </a>
11395                      </li>
11396                                          <li class="my-2">
11397                        <a
11398                          href="https://www.hulpmiddelwereld.be/leefstijl-preventie/gezond-bewegen/beentrainers"
11399                          title="Beentrainers"
11400                          class="py-1 hover:underline break-words"
11401                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D1107]').focus())"
11402                        >
11403                          Beentrainers                        </a>
11404                      </li>
11405                                          <li class="my-2">
11406                        <a
11407                          href="https://www.hulpmiddelwereld.be/leefstijl-preventie/gezond-bewegen/fietstrainers"
11408                          title="Fietstrainers"
11409                          class="py-1 hover:underline break-words"
11410                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D1107]').focus())"
11411                        >
11412                          Fietstrainers                        </a>
11413                      </li>
11414                                          <li class="my-2">
11415                        <a
11416                          href="https://www.hulpmiddelwereld.be/leefstijl-preventie/gezond-bewegen/gymn
11416astiek"
11417                          title="Gymnastiek"
11418                          class="py-1 hover:underline break-words"
11419                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D1107]').focus())"
11420                        >
11421                          Gymnastiek                        </a>
11422                      </li>
11423                                          <li class="my-2">
11424                        <a
11425                          href="https://www.hulpmiddelwereld.be/leefstijl-preventie/gezond-bewegen/handtrainers"
11426                          title="Handtrainers"
11427                          class="py-1 hover:underline break-words"
11428                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D1107]').focus())"
11429                        >
11430                          Handtrainers                        </a>
11431                      </li>
11432                                          <li class="my-2">
11433                        <a
11434                          href="https://www.hulpmiddelwereld.be/leefstijl-preventie/gezond-bewegen/rollators"
11435                          title="Rollators"
11436                          class="py-1 hover:underline break-words"
11437                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D1107]').focus())"
11438                        >
11439                          Rollators                        </a>
11440                      </li>
11441                                          <li class="my-2">
11442                        <a
11443                          href="https://www.hulpmiddelwereld.be/leefstijl-preventie/gezond-bewegen/driewielfiets-voor-volwassenen"
11444                          title="Driewielfiets&#x20;voor&#x20;volwassenen"
11445                          class="py-1 hover:underline break-words"
11446                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D1107]').focus())"
11447                        >
11448                          Driewielfiets voor volwassenen                        </a>
11449                      </li>
11450                                      </ul>
11451                </li>
11452                              <li class="flex flex-col justify-items-start w-1/4">
11453                  <a
11454                    href="https://www.hulpmiddelwereld.be/leefstijl-preventie/gewicht-bijhouden"
11455                    title="Gewicht&#x20;bijhouden"
11456                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
11457                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D1107]').focus())"
11458                  >
11459                    Gewicht bijhouden                  </a>
11460                  <ul class="level-2-wrapper list-none p-0 m-0">
11461                                          <li class="my-2">
11462                        <a
11463                          href="https://www.hulpmiddelwereld.be/leefstijl-preventie/gewicht-bijhouden/personenweegschalen"
11464                          title="Personenweegschalen"
11465                          class="py-1 hover:underline break-words"
11466                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D1107]').focus())"
11467                        >
11468                          Personenweegschalen                        </a>
11469                      </li>
11470                                          <li class="my-2">
11471                        <a
11472                          href="https://www.hulpmiddelwereld.be/leefstijl-preventie/gewicht-bijhouden/lichaamsanalyse-weegschalen"
11473                          title="Weegschaal&#x20;met&#x20;lichaamsanalyse"
11474                          class="py-1 hover:underline break-words"
11475                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D1107]').focus())"
11476                        >
11477                          Weegschaal met lichaamsanalyse                        </a>
11478                      </li>
11479                                      </ul>
11480                </li>
11481                              <li class="flex flex-col justify-items-start w-1/4">
11482                  <a
11483                    href="https://www.hulpmiddelwereld.be/leefstijl-preventie/gezond-thuis-leven"
11484                    title="Gezond&#x20;thuis&#x20;leven"
11485                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
11486                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D1107]').focus())"
11487                  >
11488                    Gezond thuis leven                  </a>
11489                  <ul class="level-2-wrapper list-none p-0 m-0">
11490                                          <li class="my-2">
11491                        <a
11492                          href="https://www.hulpmiddelwereld.be/leefstijl-preventie/gezond-thuis-leven/luchtbevochtigers-luchtreinigers"
11493                          title="Luchtbevochtigers&#x20;&amp;&#x20;Luchtreinigers"
11494                          class="py-1 hover:underline break-words"
11495                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D1107]').focus())"
11496                        >
11497                          Luchtbevochtigers &amp; Luchtreinigers                        </a>
11498                      </li>
11499                                          <li class="my-2">
11500                        <a
11501                          href="https://www.hulpmiddelwereld.be/leefstijl-preventie/gezond-thuis-leven/lichttherapie"
11502                          title="Lichttherapie"
11503                          class="py-1 hover:underline break-words"
11504                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D1107]').focus())"
11505                        >
11506                          Lichttherapie                        </a>
11507                      </li>
11508                                      </ul>
11509                </li>
11510                              <li class="flex flex-col justify-items-start w-1/4">
11511                  <a
11512                    href="https://www.hulpmiddelwereld.be/leefstijl-preventie/meten-monitoren"
11513                    title="Meten&#x20;&amp;&#x20;monitoren"
11514                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
11515                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D1107]').focus())"
11516                  >
11517                    Meten &amp; monitoren                  </a>
11518                  <ul class="level-2-wrapper list-none p-0 m-0">
11519                                          <li class="my-2">
11520                        <a
11521                          href="https://www.hulpmiddelwereld.be/leefstijl-preventie/meten-monitoren/bloeddrukmeters"
11522                          title="Bloeddrukmeters"
11523                          class="py-1 hover:underline break-words"
11524                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D1107]').focus())"
11525                        >
11526                          Bloeddrukmeters                        </a>
11527                      </li>
11528                                          <li class="my-2">
11529                        <a
11530                          href="https://www.hulpmiddelwereld.be/leefstijl-preventie/meten-monitoren/hartslagmeters"
11531                          title="Hartslagmeters"
11532                          class="py-1 hover:underline break-words"
11533                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D1107]').focus())"
11534                        >
11535                          Hartslagmeters                        </a>
11536                      </li>
11537                                          <li class="my-2">
11538                        <a
11539                          href="https://www.hulpmiddelwereld.be/leefstijl-preventie/meten-monitoren/saturatiemeters"
11540                          title="Saturatiemeters"
11541                          class="py-1 hover:underline break-words"
11542                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D1107]').focus())"
11543                        >
11544                          Saturatiemeters                        </a>
11545                      </li>
11546                                          <li class="my-2">
11547                        <a
11548                          href="https://www.hulpmiddelwereld.be/leefstijl-preventie/meten-monitoren/thermometers"
11549                          title="Thermometers"
11550                          class="py-1 hover:underline break-words"
11551                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D1107]').focus())"
11552                        >
11553                          Thermometers                        </a>
11554                      </li>
11555                                      </ul>
11556                </li>
11557                              <li class="flex flex-col justify-items-start w-1/4">
11558                  <a
11559                    href="https://www.hulpmiddelwereld.be/leefstijl-preventie/weerstand-op-peil-houden"
11560                    title="Weerstand&#x20;op&#x20;peil&#x20;houden"
11561                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
11562                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D1107]').focus())"
11563                  >
11564                    Weerstand op peil houden                  </a>
11565                  <ul class="level-2-wrapper list-none p-0 m-0">
11566                                          <li class="my-2">
11567                        <a
11568                          href="https://www.hulpmiddelwereld.be/leefstijl-preventie/weerstand-op-peil-houden/aminozuren-vetzuren"
11569                          title="Aminozuren&#x20;&amp;&#x20;Vetzuren"
11570                          class="py-1 hover:underline break-words"
11571                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D1107]').focus())"
11572                        >
11573                          Aminozuren &amp; Vetzuren                        </a>
11574                      </li>
11575                                          <li class="my-2">
11576                        <a
11577                          href="https://www.hulpmiddelwereld.be/leefstijl-preventie/weerstand-op-peil-houden/mineralen"
11578                          title="Mineralen"
11579                          class="py-1 hover:underline break-words"
11580                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D1107]').focus())"
11581                        >
11582                          Mineralen                        </a>
11583                      </li>
11584                                      </ul>
11585                </li>
11586                              <li class="flex flex-col justify-items-start w-1/4">
11587                  <a
11588                    href="https://www.hulpmiddelwereld.be/leefstijl-preventie/valincidenten-voorkomen"
11589                    title="Valincidenten&#x20;voorkomen"
11590                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
11591                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D1107]').focus())"
11592                  >
11593                    Valincidenten voorkomen                  </a>
11594                  <ul class="level-2-wrapper list-none p-0 m-0">
11595                                          <li class="my-2">
11596                        <a
11597                          href="https://www.hulpmiddelwereld.be/leefstijl-preventie/valincidenten-voorkomen/grijppalen"
11598                          title="Grijppalen"
11599                          class="py-1 hover:underline break-words"
11600                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D1107]').focus())"
11601                        >
11602                          Grijppalen                        </a>
11603                      </li>
11604                                          <li class="my-2">
11605                        <a
11606                          href="https://www.hulpmiddelwereld.be/leefstijl-preventie/valincidenten-voorkomen/wandbeugels"
11607                          title="Wandbeugels"
11608                          class="py-1 hover:underline break-words"
11609                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D1107]').focus())"
11610                        >
11611                          Wandbeugels                        </a>
11612                      </li>
11613                                      </ul>
11614                </li>
11615                          </ul>
11616                  </li>
11617              <li
11618          class="level-0 px-4 py-3 group last:border-0 border-b border-black-lighter"
11619          @mouseenter="hoverPanelActiveId = 'category-node-301'"
11620          @mouseleave="hoverPanelActiveId = 0"
11621          @keyup.escape="hoverPanelActiveId = 0"
11622        >
11623          <a
11624            class="flex justify-between w-full level-0 group-hover:underline"
11625            href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen"
11626            title="Langer&#x20;Zelfstandig&#x20;Thuis&#x20;Wonen"
11627            @focus="hoverPanelActiveId = 0"
11628          >
11629            Langer Zelfstandig Thuis Wonen            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-black" width="24" height="24" role="img">
11630  <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"/>
11631<title>chevron-right</title></svg>
11632          </a>
11633                                  <ul class="level-1-wrapper h-full absolute top-0 left-full z-30 hidden group-hover:flex px-6 py-4 shadow-lg bg-container-lighter p-4 list-none m-0">
11634                              <li class="flex flex-col justify-items-start w-1/4">
11635                  <a
11636                    href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/slaapkamer"
11637                    title="Hulpmiddelen&#x20;voor&#x20;de&#x20;slaapkamer"
11638                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
11639                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D301]').focus())"
11640                  >
11641                    Hulpmiddelen voor de slaapkamer                  </a>
11642                  <ul class="level-2-wrapper list-none p-0 m-0">
11643                                          <li class="my-2">
11644                        <a
11645                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/slaapkamer/slechtzienden-klokken"
11646                          title="Kalenderklokken"
11647                          class="py-1 hover:underline break-words"
11648                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D301]').focus())"
11649                        >
11650                          Kalenderklokken                        </a>
11651                      </li>
11652                                          <li class="my-2">
11653                        <a
11654                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/slaapkamer/bedden"
11655                          title="Bedden"
11656                          class="py-1 hover:underline break-words"
11657                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D301]').focus())"
11658                        >
11659                          Bedden                        </a>
11660                      </li>
11661                                          <li class="my-2">
11662                        <a
11663                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/slaapkamer/bedaccessoires"
11664                          title="Bedhekken"
11665                          class="py-1 hover:underline break-words"
11666                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D301]').focus())"
11667                        >
11668                          Bedhekken                        </a>
11669                      </li>
11670                                          <li class="my-2">
11671                        <a
11672                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/slaapkamer/bedleestafels"
11673                          title="Bedleestafels"
11674                          class="py-1 hover:underline break-words"
11675                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D301]').focus())"
11676                        >
11677                          Bedleestafels                        </a>
11678                      </li>
11679                                          <li class="my-2">
11680                        <a
11681                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/slaapkamer/bed-onderleggers"
11682                          title="Bed&#x20;onderleggers"
11683                          class="py-1 hover:underline break-words"
11684                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D301]').focus())"
11685                        >
11686                          Bed onderleggers                        </a>
11687                      </li>
11688                                          <li class="my-2">
11689                        <a
11690                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/slaapkamer/aankleedhulpmiddelen"
11691                          title="Aankleedhulpmiddelen"
11692                          class="py-1 hover:underline break-words"
11693                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D301]').focus())"
11694                        >
11695                          Aankleedhulpmiddelen                        </a>
11696                      </li>
11697                                      </ul>
11698                </li>
11699                              <li class="flex flex-col justify-items-start w-1/4">
11700                  <a
11701                    href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/woonkamer"
11702                    title="Hulpmiddelen&#x20;voor&#x20;de&#x20;woonkamer"
11703                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
11704                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D301]').focus())"
11705                  >
11706                    Hulpmiddelen voor de woonkamer                  </a>
11707                  <ul class="level-2-wrapper list-none p-0 m-0">
11708                                          <li class="my-2">
11709                        <a
11710                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/woonkamer/leestafels"
11711                          title="Leestafels"
11712                          class="py-1 hover:underline break-words"
11713                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D301]').focus())"
11714                        >
11715                          Leestafels                        </a>
11716                      </li>
11717                                          <li class="my-2">
11718                        <a
11719                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/woonkamer/sta-op-stoelen"
11720                          title="Sta&#x20;op&#x20;stoelen"
11721                          class="py-1 hover:underline break-words"
11722                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D301]').focus())"
11723                        >
11724                          Sta op stoelen                        </a>
11725                      </li>
11726                                          <li class="my-2">
11727                        <a
11728                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/woonkamer/rollators"
11729                          title="Rollators"
11730                          class="py-1 hover:underline break-words"
11731                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D301]').focus())"
11732                        >
11733                          Rollators                        </a>
11734                      </li>
11735                                          <li class="my-2">
11736                        <a
11737                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/woonkamer/wandelstokken"
11738                          title="Wandelstokken"
11739                          class="py-1 hover:underline break-words"
11740                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D301]').focus())"
11741                        >
11742                          Wandelstokken                        </a>
11743                      </li>
11744                                          <li class="my-2">
11745                        <a
11746                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/woonkamer/lezen"
11747                          title="Lezen"
11748                          class="py-1 hover:underline break-words"
11749                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D301]').focus())"
11750                        >
11751                          Lezen                        </a>
11752                      </li>
11753                                          <li class="my-2">
11754                        <a
11755                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/woonkamer/meubelverhogers"
11756                          title="Meubelverhogers"
11757                          class="py-1 hover:underline break-words"
11758                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D301]').focus())"
11759                        >
11760                          Meubelverhogers                        </a>
11761                      </li>
11762                                      </ul>
11763                </li>
11764                              <li class="flex flex-col justify-items-start w-1/4">
11765                  <a
11766                    href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/badkamer"
11767                    title="Hulpmiddelen&#x20;voor&#x20;de&#x20;badkamer"
11768                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
11769                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D301]').focus())"
11770                  >
11771                    Hulpmiddelen voor de badkamer                  </a>
11772                  <ul class="level-2-wrapper list-none p-0 m-0">
11773                                          <li class="my-2">
11774                        <a
11775                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/badkamer/wandbeugel"
11776                          title="Wandbeugels"
11777                          class="py-1 hover:underline break-words"
11778                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D301]').focus())"
11779                        >
11780                          Wandbeugels                        </a>
11781                      </li>
11782                                          <li class="my-2">
11783                        <a
11784                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/badkamer/douchestoelen"
11785                          title="Douchestoelen"
11786                          class="py-1 hover:underline break-words"
11787                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D301]').focus())"
11788                        >
11789                          Douchestoelen                        </a>
11790                      </li>
11791                                          <li class="my-2">
11792                        <a
11793                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/badkamer/douche-badmatten"
11794                          title="Douche-&#x20;&amp;&#x20;Badmatten"
11795                          class="py-1 hover:underline break-words"
11796                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D301]').focus())"
11797                        >
11798                          Douche- &amp; Badmatten                        </a>
11799                      </li>
11800                                          <li class="my-2">
11801                        <a
11802                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/badkamer/opstapjes"
11803                          title="Opstapjes"
11804                          class="py-1 hover:underline break-words"
11805                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D301]').focus())"
11806                        >
11807                          Opstapjes                        </a>
11808                      </li>
11809                                          <li class="my-2">
11810                        <a
11811                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/badkamer/badbeugels"
11812                          title="Badbeugels"
11813                          class="py-1 hover:underline break-words"
11814                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D301]').focus())"
11815                        >
11816                          Badbeugels                        </a>
11817                      </li>
11818                                          <li class="my-2">
11819                        <a
11820                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/badkamer/persoonlijke-verzorging"
11821                          title="Persoonlijke&#x20;verzorging"
11822                          class="py-1 hover:underline break-words"
11823                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D301]').focus())"
11824                        >
11825                          Persoonlijke verzorging                        </a>
11826                      </li>
11827                                      </ul>
11828                </li>
11829                              <li class="flex flex-col justify-items-start w-1/4">
11830                  <a
11831                    href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/eetkamer"
11832                    title="Hulpmiddelen&#x20;voor&#x20;de&#x20;eetkamer"
11833                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
11834                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D301]').focus())"
11835                  >
11836                    Hulpmiddelen voor de eetkamer                  </a>
11837                  <ul class="level-2-wrapper list-none p-0 m-0">
11838                                          <li class="my-2">
11839                        <a
11840                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/eetkamer/aangepast-bestek"
11841                          title="Aangepast&#x20;bestek"
11842                          class="py-1 hover:underline break-words"
11843                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D301]').focus())"
11844                        >
11845                          Aangepast bestek                        </a>
11846                      </li>
11847                                          <li class="my-2">
11848                        <a
11849                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/eetkamer/aangepas
11849te-borden"
11850                          title="Aangepaste&#x20;borden"
11851                          class="py-1 hover:underline break-words"
11852                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D301]').focus())"
11853                        >
11854                          Aangepaste borden                        </a>
11855                      </li>
11856                                          <li class="my-2">
11857                        <a
11858                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/eetkamer/alzheimer-bestek"
11859                          title="Alzheimer&#x20;bestek"
11860                          class="py-1 hover:underline break-words"
11861                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D301]').focus())"
11862                        >
11863                          Alzheimer bestek                        </a>
11864                      </li>
11865                                          <li class="my-2">
11866                        <a
11867                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/eetkamer/drinkbekers"
11868                          title="Drinkbekers"
11869                          class="py-1 hover:underline break-words"
11870                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D301]').focus())"
11871                        >
11872                          Drinkbekers                        </a>
11873                      </li>
11874                                          <li class="my-2">
11875                        <a
11876                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/eetkamer/sta-op-hulp"
11877                          title="Sta-op-hulp&#x20;"
11878                          class="py-1 hover:underline break-words"
11879                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D301]').focus())"
11880                        >
11881                          Sta-op-hulp                         </a>
11882                      </li>
11883                                      </ul>
11884                </li>
11885                              <li class="flex flex-col justify-items-start w-1/4">
11886                  <a
11887                    href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/toilet"
11888                    title="Hulpmiddelen&#x20;voor&#x20;de&#x20;toilet"
11889                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
11890                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D301]').focus())"
11891                  >
11892                    Hulpmiddelen voor de toilet                  </a>
11893                  <ul class="level-2-wrapper list-none p-0 m-0">
11894                                          <li class="my-2">
11895                        <a
11896                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/toilet/toiletbeugels"
11897                          title="Toiletbeugels"
11898                          class="py-1 hover:underline break-words"
11899                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D301]').focus())"
11900                        >
11901                          Toiletbeugels                        </a>
11902                      </li>
11903                                          <li class="my-2">
11904                        <a
11905                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/toilet/toiletstoelen"
11906                          title="Toiletstoelen"
11907                          class="py-1 hover:underline break-words"
11908                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D301]').focus())"
11909                        >
11910                          Toiletstoelen                        </a>
11911                      </li>
11912                                          <li class="my-2">
11913                        <a
11914                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/toilet/toiletverhogers"
11915                          title="Toiletverhogers"
11916                          class="py-1 hover:underline break-words"
11917                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D301]').focus())"
11918                        >
11919                          Toiletverhogers                        </a>
11920                      </li>
11921                                          <li class="my-2">
11922                        <a
11923                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/toilet/tena-men"
11924                          title="TENA&#x20;Men"
11925                          class="py-1 hover:underline break-words"
11926                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D301]').focus())"
11927                        >
11928                          TENA Men                        </a>
11929                      </li>
11930                                      </ul>
11931                </li>
11932                              <li class="flex flex-col justify-items-start w-1/4">
11933                  <a
11934                    href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/keuken"
11935                    title="Keuken"
11936                    class="py-1 first:mt-0 hover:underline font-bold text-primary"
11937                    @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D301]').focus())"
11938                  >
11939                    Keuken                  </a>
11940                  <ul class="level-2-wrapper list-none p-0 m-0">
11941                                          <li class="my-2">
11942                        <a
11943                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/keuken/grijpers"
11944                          title="Grijpers"
11945                          class="py-1 hover:underline break-words"
11946                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D301]').focus())"
11947                        >
11948                          Grijpers                        </a>
11949                      </li>
11950                                          <li class="my-2">
11951                        <a
11952                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/keuken/openers"
11953                          title="Openers"
11954                          class="py-1 hover:underline break-words"
11955                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D301]').focus())"
11956                        >
11957                          Openers                        </a>
11958                      </li>
11959                                          <li class="my-2">
11960                        <a
11961                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/keuken/snijplanken"
11962                          title="Snijplanken"
11963                          class="py-1 hover:underline break-words"
11964                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D301]').focus())"
11965                        >
11966                          Snijplanken                        </a>
11967                      </li>
11968                                          <li class="my-2">
11969                        <a
11970                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/keuken/zitkrukken"
11971                          title="Zitkrukken"
11972                          class="py-1 hover:underline break-words"
11973                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D301]').focus())"
11974                        >
11975                          Zitkrukken                        </a>
11976                      </li>
11977                                          <li class="my-2">
11978                        <a
11979                          href="https://www.hulpmiddelwereld.be/langer-zelfstandig-thuiswonen/keuken/keukenmessen"
11980                          title="Keukenmessen"
11981                          class="py-1 hover:underline break-words"
11982                          @keyup.escape="$nextTick(() => document.querySelector('[data-sr-button-id=category\u002Dnode\u002D301]').focus())"
11983                        >
11984                          Keukenmessen                        </a>
11985                      </li>
11986                                      </ul>
11987                </li>
11988                          </ul>
11989                  </li>
11990                </ul>
11991  </div>
11992</div>
11993
11994          <div class="usp-list w-full max-lg:hidden bg-primary-lighter"><div class="flex flex-wrap m-auto container space-x-12 px-6 py-4"> <div class="flex items-center nth-of-type-[3n]:hidden"><span class="pr-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-primary w-6 h-6" width="24" height="24" role="img">
11995  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"/>
11996<title>check</title></svg>
11997</span> <span>Gratis verzending vanaf € 75,-</span></div> <div class="flex items-center nth-of-type-[3n]:hidden"><span class="pr-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-primary w-6 h-6" width="24" height="24" role="img">
11998  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"/>
11999<title>check</title></svg>
12000</span> <span>Advies van verpleegkundigen</span></div> <div class="flex items-center nth-of-type-[3n]:hidden"><span class="pr-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-primary w-6 h-6" width="24" height="24" role="img">
12001  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"/>
12002<title>check</title></svg>
12003</span> <span>Scherp geprijsd</span></div></div></div>      </div>
12004    </div>
12005  </div></header><div class="top-container">  <nav
12006    class="breadcrumbs bg-container-lighter py-4 max-lg:hidden"
12007    aria-label="Breadcrumb"
12008  >
12009    <div class="container">
12010      <ol class="items list-reset py-0 rounded flex flex-wrap text-grey text-sm list-none m-0">
12011                  <li class="item flex home">
12012                                      <a
12013                href="https://www.hulpmiddelwereld.be/"
12014                  class="no-underline hover:underline"
12015                title="Ga&#x20;naar&#x20;Home"
12016              >Home</a>
12017                      </li>
12018                  <li class="item flex category265">
12019                          <span
12020                aria-hidden="true"
12021                class="separator text-primary font-bold px-2"
12022              >></span>
12023                                      <span
12024                class="text-black-lighter"
12025                aria-current="page"
12026              >Incontinentiemateriaal</span>
12027                      </li>
12028              </ol>
12029    </div>
12030  </nav>
12031<div class="page messages">
12032<section id="messages"
12033         x-data="initMessages"
12034         x-bind="eventListeners"
12035         role="alert"
12036>
12037    <template x-if="hasMessages">
12038        <div class="w-full">
12039            <div class="messages container mx-auto py-3">
12040                <template x-for="(message, index) in messages" :key="index">
12041                    <div>
12042                        <template x-if="hasMessage">
12043                            <div class="message"
12044                                 :class="message.type"
12045                                 :ui-id="getMessageUiId"
12046                            >
12047                                <span x-html="message.text"></span>
12048                                <button
12049                                    type="button"
12050                                    class="text-gray-600 hover:text-black"
12051                                    aria-label="Sluit bericht"
12052                                    @click.prevent="removeMessage"
12053                                >
12054                                    <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">
12055  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
12056</svg>
12057                                </button>
12058                            </div>
12059                        </template>
12060                    </div>
12061                </template>
12062            </div>
12063        </div>
12064    </template>
12065</section></div></div><main id="maincontent" class="page-main"><div class="mb-8"><div class="container">
12066  <h2 class="text-primary">Ontdek Incontinentiemateriaal</h2>
12067</div></div><div id="contentarea" tabindex="-1"></div><div class="columns"><div class="column main"><section class="bg-primary-lighter p-4 mb-4">  <div><style>#html-body [data-pb-style=K2KXUGR]{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 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="K2KXUGR"><h2 data-content-type="heading" data-appearance="default" data-element="main">Incontinentiemateriaal maakt uw ongemak een stuk aangenamer.</h2><div data-content-type="text" data-appearance="default" data-element="main"><p>In Nederland heeft ongeveer 10 procent van de bevolking last van urineverlies, in verschillende mate. Incontinentie wordt vaak als een probleem ervaren en gaat vaak gepaard met gevoelens van schaamte. Gelukkig is er tegenwoordig een breed scala aan incontinentiemateriaal beschikbaar, speciaal ontworpen om dit ongemak te verminderen en de kwaliteit van leven te verbeteren voor zowel mannen als vrouwen. Maar welke soorten incontinentieondergoed, luiers en andere incontinentieproducten zijn er eigenlijk beschikbaar en hoe kunnen ze helpen bij het verlichten of verhelpen van deze problemen? Met behulp van onze keuzehulp kunt u snel en gemakkelijk de juiste keuze maken op basis van uw persoonlijke behoeften. Persoonlijk advies nodig? Neem gerust contact met ons op!&nbsp;</p></div><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><iframe
12068  src="https://app.aiden.cx/webshop/?advisorId=d6b4cbab-0faf-4ad6-bdee-0ac7b11df13d&mode=inpage&transparent=true"
12069  id="aiden-d6b4cbab-0faf-4ad6-bdee-0ac7b11df13d"
12070  data-scrolloffset="-100"
12071  loading="lazy"
12072  style="
12073    border: none;
12074    width: 100%;
12075    min-height: 400px;
12076  "
12077  ></iframe></div></div></div></div></section></div>  <div class="grid grid-cols-1 lg:grid-cols-4 sm:grid-cols-2 gap-2 order-0">
12078                <div class="flex flex-col p-4 bg-grey-lighter justify-between hover:scale-105 hover:bg-container-darker transition duration-200">
12079        <div>
12080                    <a
12081            class="mb-3 inline-block font-bold hover:underline"
12082            href="https://www.hulpmiddelwereld.be/incontinentie/broekjes"
12083            title="Ontdek Incontinentiebroekjes"
12084          >
12085            Incontinentiebroekjes          </a>
12086          <div class="flex flex-col space-y-4">
12087                          <a
12088                class="hover:font-bold hover:underline"
12089                href="https://www.hulpmiddelwereld.be/incontinentie/broekjes/man"
12090                title="Ontdek Broekjes voor man"
12091              >
12092                Broekjes voor man              </a>
12093                          <a
12094                class="hover:font-bold hover:underline"
12095                href="https://www.hulpmiddelwereld.be/incontinentie/broekjes/vrouw"
12096                title="Ontdek Broekjes voor vrouwen"
12097              >
12098                Broekjes voor vrouwen              </a>
12099                          <a
12100                class="hover:font-bold hover:underline"
12101                href="https://www.hulpmiddelwereld.be/incontinentie/broekjes/tena-pants"
12102                title="Ontdek TENA Pants"
12103              >
12104                TENA Pants              </a>
12105                          <a
12106                class="hover:font-bold hover:underline"
12107                href="https://www.hulpmiddelwereld.be/incontinentie/broekjes/attends-broekjes"
12108                title="Ontdek Attends broekjes"
12109              >
12110                Attends broekjes              </a>
12111                          <a
12112                class="hover:font-bold hover:underline"
12113                href="https://www.hulpmiddelwereld.be/incontinentie/broekjes/abena-broekjes"
12114                title="Ontdek Abena pants"
12115              >
12116                Abena pants              </a>
12117                          <a
12118                class="hover:font-bold hover:underline"
12119                href="https://www.hulpmiddelwereld.be/incontinentie/broekjes/dailee-pants"
12120                title="Ontdek Dailee pants"
12121              >
12122                Dailee pants              </a>
12123                          <a
12124                class="hover:font-bold hover:underline"
12125                href="https://www.hulpmiddelwereld.be/incontinentie/broekjes/kind"
12126                title="Ontdek Broekjes kind"
12127              >
12128                Broekjes kind              </a>
12129                          <a
12130                class="hover:font-bold hover:underline"
12131                href="https://www.hulpmiddelwereld.be/incontinentie/broekjes/incontinentie-zwembroeken"
12132                title="Ontdek Zwembroeken"
12133              >
12134                Zwembroeken              </a>
12135                      </div>
12136        </div>
12137        <div class="border-t border-grey-lighter mt-4 pt-4 ">
12138          <a
12139            href="https://www.hulpmiddelwereld.be/incontinentie/broekjes"
12140            title="Ontdek Incontinentiebroekjes"
12141            class="flex font-bold text-primary items-center hover:underline"
12142          >
12143            <span class="text-ellipsis overflow-hidden w-full whitespace-nowrap">
12144              Ontdek alle Incontinentiebroekjes            </span>
12145            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-primary ml-1 mb-1" width="18" height="18" role="img">
12146  <path stroke-linecap="round" stroke-linejoin="round" d="M14 5l7 7m0 0l-7 7m7-7H3"/>
12147<title>arrow-right</title></svg>
12148          </a>
12149        </div>
12150      </div>
12151                <div class="flex flex-col p-4 bg-grey-lighter justify-between hover:scale-105 hover:bg-container-darker transition duration-200">
12152        <div>
12153                    <a
12154            class="mb-3 inline-block font-bold hover:underline"
12155            href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-onderleggers"
12156            title="Ontdek Incontinentie bed onderleggers"
12157          >
12158            Incontinentie bed onderleggers          </a>
12159          <div class="flex flex-col space-y-4">
12160                          <a
12161                class="hover:font-bold hover:underline"
12162                href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-onderleggers/tena-bed-onderleggers"
12163                title="Ontdek TENA Bed onderleggers"
12164              >
12165                TENA Bed onderleggers              </a>
12166                          <a
12167                class="hover:font-bold hover:underline"
12168                href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-onderleggers/attends-onderleggers"
12169                title="Ontdek Attends onderleggers"
12170              >
12171                Attends onderleggers              </a>
12172                          <a
12173                class="hover:font-bold hover:underline"
12174                href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-onderleggers/abena-onderleggers"
12175                title="Ontdek Abena onderleggers"
12176              >
12177                Abena onderleggers              </a>
12178                          <a
12179                class="hover:font-bold hover:underline"
12180                href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-onderleggers/dailee-onderleggers"
12181                title="Ontdek Dailee onderleggers"
12182              >
12183                Dailee onderleggers              </a>
12184                          <a
12185                class="hover:font-bold hover:underline"
12186                href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-onderleggers/stoelbeschermers"
12187                title="Ontdek Stoelbeschermers"
12188              >
12189                Stoelbeschermers              </a>
12190                          <a
12191                class="hover:font-bold hover:underline"
12192                href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-onderleggers/matrasbeschermers"
12193                title="Ontdek Matrasbeschermers"
12194              >
12195                Matrasbeschermers              </a>
12196                      </div>
12197        </div>
12198        <div class="border-t border-grey-lighter mt-4 pt-4 ">
12199          <a
12200            href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-onderleggers"
12201            title="Ontdek Incontinentie bed onderleggers"
12202            class="flex font-bold text-primary items-center hover:underline"
12203          >
12204            <span class="text-ellipsis overflow-hidden w-full whitespace-nowrap">
12205              Ontdek alle Incontinentie bed onderleggers            </span>
12206            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-primary ml-1 mb-1" width="18" height="18" role="img">
12207  <path stroke-linecap="round" stroke-linejoin="round" d="M14 5l7 7m0 0l-7 7m7-7H3"/>
12208<title>arrow-right</title></svg>
12209          </a>
12210        </div>
12211      </div>
12212                <div class="flex flex-col p-4 bg-grey-lighter justify-between hover:scale-105 hover:bg-container-darker transition duration-200">
12213        <div>
12214                    <a
12215            class="mb-3 inline-block font-bold hover:underline"
12216            href="https://www.hulpmiddelwereld.be/incontinentie/inlegger"
12217            title="Ontdek Incontinentie inleggers"
12218          >
12219            Incontinentie inleggers          </a>
12220          <div class="flex flex-col space-y-4">
12221                          <a
12222                class="hover:font-bold hover:underline"
12223                href="https://www.hulpmiddelwereld.be/incontinentie/inlegger/vrou
12223w"
12224                title="Ontdek Inleggers voor vrouwen"
12225              >
12226                Inleggers voor vrouwen              </a>
12227                          <a
12228                class="hover:font-bold hover:underline"
12229                href="https://www.hulpmiddelwereld.be/incontinentie/inlegger/man"
12230                title="Ontdek Inleggers voor mannen"
12231              >
12232                Inleggers voor mannen              </a>
12233                          <a
12234                class="hover:font-bold hover:underline"
12235                href="https://www.hulpmiddelwereld.be/incontinentie/inlegger/tena-inleggers"
12236                title="Ontdek TENA inleggers"
12237              >
12238                TENA inleggers              </a>
12239                          <a
12240                class="hover:font-bold hover:underline"
12241                href="https://www.hulpmiddelwereld.be/incontinentie/inlegger/attends-inleggers"
12242                title="Ontdek Attends inleggers"
12243              >
12244                Attends inleggers              </a>
12245                          <a
12246                class="hover:font-bold hover:underline"
12247                href="https://www.hulpmiddelwereld.be/incontinentie/inlegger/abena-inleggers"
12248                title="Ontdek Abena inleggers"
12249              >
12250                Abena inleggers              </a>
12251                          <a
12252                class="hover:font-bold hover:underline"
12253                href="https://www.hulpmiddelwereld.be/incontinentie/inlegger/dailee-inleggers"
12254                title="Ontdek Dailee inleggers"
12255              >
12256                Dailee inleggers              </a>
12257                      </div>
12258        </div>
12259        <div class="border-t border-grey-lighter mt-4 pt-4 ">
12260          <a
12261            href="https://www.hulpmiddelwereld.be/incontinentie/inlegger"
12262            title="Ontdek Incontinentie inleggers"
12263            class="flex font-bold text-primary items-center hover:underline"
12264          >
12265            <span class="text-ellipsis overflow-hidden w-full whitespace-nowrap">
12266              Ontdek alle Incontinentie inleggers            </span>
12267            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-primary ml-1 mb-1" width="18" height="18" role="img">
12268  <path stroke-linecap="round" stroke-linejoin="round" d="M14 5l7 7m0 0l-7 7m7-7H3"/>
12269<title>arrow-right</title></svg>
12270          </a>
12271        </div>
12272      </div>
12273                <div class="flex flex-col p-4 bg-grey-lighter justify-between hover:scale-105 hover:bg-container-darker transition duration-200">
12274        <div>
12275                    <a
12276            class="mb-3 inline-block font-bold hover:underline"
12277            href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-luiers"
12278            title="Ontdek Incontinentie luiers"
12279          >
12280            Incontinentie luiers          </a>
12281          <div class="flex flex-col space-y-4">
12282                          <a
12283                class="hover:font-bold hover:underline"
12284                href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-luiers/tena-pamper"
12285                title="Ontdek Tena pampers"
12286              >
12287                Tena pampers              </a>
12288                          <a
12289                class="hover:font-bold hover:underline"
12290                href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-luiers/attends-slips"
12291                title="Ontdek Attends slips"
12292              >
12293                Attends slips              </a>
12294                          <a
12295                class="hover:font-bold hover:underline"
12296                href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-luiers/abena-slips"
12297                title="Ontdek Abena slips"
12298              >
12299                Abena slips              </a>
12300                          <a
12301                class="hover:font-bold hover:underline"
12302                href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-luiers/dailee-slips"
12303                title="Ontdek Dailee slips"
12304              >
12305                Dailee slips              </a>
12306                      </div>
12307        </div>
12308        <div class="border-t border-grey-lighter mt-4 pt-4 ">
12309          <a
12310            href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-luiers"
12311            title="Ontdek Incontinentie luiers"
12312            class="flex font-bold text-primary items-center hover:underline"
12313          >
12314            <span class="text-ellipsis overflow-hidden w-full whitespace-nowrap">
12315              Ontdek alle Incontinentie luiers            </span>
12316            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-primary ml-1 mb-1" width="18" height="18" role="img">
12317  <path stroke-linecap="round" stroke-linejoin="round" d="M14 5l7 7m0 0l-7 7m7-7H3"/>
12318<title>arrow-right</title></svg>
12319          </a>
12320        </div>
12321      </div>
12322                <div class="flex flex-col p-4 bg-grey-lighter justify-between hover:scale-105 hover:bg-container-darker transition duration-200">
12323        <div>
12324                    <a
12325            class="mb-3 inline-block font-bold hover:underline"
12326            href="https://www.hulpmiddelwereld.be/incontinentie/urinalen"
12327            title="Ontdek Urinalen"
12328          >
12329            Urinalen          </a>
12330          <div class="flex flex-col space-y-4">
12331                          <a
12332                class="hover:font-bold hover:underline"
12333                href="https://www.hulpmiddelwereld.be/incontinentie/urinalen/urinaal-man"
12334                title="Ontdek Urinaal voor mannen"
12335              >
12336                Urinaal voor mannen              </a>
12337                          <a
12338                class="hover:font-bold hover:underline"
12339                href="https://www.hulpmiddelwereld.be/incontinentie/urinalen/urinaal-vrouw"
12340                title="Ontdek Urinaal voor vrouwen"
12341              >
12342                Urinaal voor vrouwen              </a>
12343                          <a
12344                class="hover:font-bold hover:underline"
12345                href="https://www.hulpmiddelwereld.be/incontinentie/urinalen/urinaalhouders"
12346                title="Ontdek Urinaalhouders"
12347              >
12348                Urinaalhouders              </a>
12349                          <a
12350                class="hover:font-bold hover:underline"
12351                href="https://www.hulpmiddelwereld.be/incontinentie/urinalen/bedpannen"
12352                title="Ontdek Bedpannen"
12353              >
12354                Bedpannen              </a>
12355                      </div>
12356        </div>
12357        <div class="border-t border-grey-lighter mt-4 pt-4 ">
12358          <a
12359            href="https://www.hulpmiddelwereld.be/incontinentie/urinalen"
12360            title="Ontdek Urinalen"
12361            class="flex font-bold text-primary items-center hover:underline"
12362          >
12363            <span class="text-ellipsis overflow-hidden w-full whitespace-nowrap">
12364              Ontdek alle Urinalen            </span>
12365            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-primary ml-1 mb-1" width="18" height="18" role="img">
12366  <path stroke-linecap="round" stroke-linejoin="round" d="M14 5l7 7m0 0l-7 7m7-7H3"/>
12367<title>arrow-right</title></svg>
12368          </a>
12369        </div>
12370      </div>
12371                <div class="flex flex-col p-4 bg-grey-lighter justify-between hover:scale-105 hover:bg-container-darker transition duration-200">
12372        <div>
12373                    <a
12374            class="mb-3 inline-block font-bold hover:underline"
12375            href="https://www.hulpmiddelwereld.be/incontinentie/verzorging-bescherming"
12376            title="Ontdek Verzorging & bescherming"
12377          >
12378            Verzorging & bescherming          </a>
12379          <div class="flex flex-col space-y-4">
12380                          <a
12381                class="hover:font-bold hover:underline"
12382                href="https://www.hulpmiddelwereld.be/incontinentie/verzorging-bescherming/wassen-reinigen"
12383                title="Ontdek Wassen & reinigen"
12384              >
12385                Wassen & reinigen              </a>
12386                          <a
12387                class="hover:font-bold hover:underline"
12388                href="https://www.hulpmiddelwereld.be/incontinentie/verzorging-bescherming/huidbescherming"
12389                title="Ontdek Huidbescherming"
12390              >
12391                Huidbescherming              </a>
12392                          <a
12393                class="hover:font-bold hover:underline"
12394                href="https://www.hulpmiddelwereld.be/incontinentie/verzorging-bescherming/barriere-creme"
12395                title="Ontdek Barrière crème"
12396              >
12397                Barrière crème              </a>
12398                          <a
12399                class="hover:font-bold hover:underline"
12400                href="https://www.hulpmiddelwereld.be/incontinentie/verzorging-bescherming/tena-verzorging"
12401                title="Ontdek TENA verzorging"
12402              >
12403                TENA verzorging              </a>
12404                      </div>
12405        </div>
12406        <div class="border-t border-grey-lighter mt-4 pt-4 ">
12407          <a
12408            href="https://www.hulpmiddelwereld.be/incontinentie/verzorging-bescherming"
12409            title="Ontdek Verzorging & bescherming"
12410            class="flex font-bold text-primary items-center hover:underline"
12411          >
12412            <span class="text-ellipsis overflow-hidden w-full whitespace-nowrap">
12413              Ontdek alle Verzorging & bescherming            </span>
12414            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-primary ml-1 mb-1" width="18" height="18" role="img">
12415  <path stroke-linecap="round" stroke-linejoin="round" d="M14 5l7 7m0 0l-7 7m7-7H3"/>
12416<title>arrow-right</title></svg>
12417          </a>
12418        </div>
12419      </div>
12420                <div class="flex flex-col p-4 bg-grey-lighter justify-between hover:scale-105 hover:bg-container-darker transition duration-200">
12421        <div>
12422                    <a
12423            class="mb-3 inline-block font-bold hover:underline"
12424            href="https://www.hulpmiddelwereld.be/incontinentie/fixerend-ondergoed"
12425            title="Ontdek Fixerend Ondergoed"
12426          >
12427            Fixerend Ondergoed          </a>
12428          <div class="flex flex-col space-y-4">
12429                          <a
12430                class="hover:font-bold hover:underline"
12431                href="https://www.hulpmiddelwereld.be/incontinentie/fixerend-ondergoed/tena-fix"
12432                title="Ontdek TENA Fix"
12433              >
12434                TENA Fix              </a>
12435                          <a
12436                class="hover:font-bold hover:underline"
12437                href="https://www.hulpmiddelwereld.be/incontinentie/fixerend-ondergoed/abena-abri-fix"
12438                title="Ontdek Abena Abri-fix"
12439              >
12440                Abena Abri-fix              </a>
12441                      </div>
12442        </div>
12443        <div class="border-t border-grey-lighter mt-4 pt-4 ">
12444          <a
12445            href="https://www.hulpmiddelwereld.be/incontinentie/fixerend-ondergoed"
12446            title="Ontdek Fixerend Ondergoed"
12447            class="flex font-bold text-primary items-center hover:underline"
12448          >
12449            <span class="text-ellipsis overflow-hidden w-full whitespace-nowrap">
12450              Ontdek alle Fixerend Ondergoed            </span>
12451            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-primary ml-1 mb-1" width="18" height="18" role="img">
12452  <path stroke-linecap="round" stroke-linejoin="round" d="M14 5l7 7m0 0l-7 7m7-7H3"/>
12453<title>arrow-right</title></svg>
12454          </a>
12455        </div>
12456      </div>
12457      </div>
12458  <div class="read-more-container order-3" x-ref="read-more-6ac382c25d4ac" x-data="{ collapsible: $refs['read-more-6ac382c25d4ac'].getBoundingClientRect().height >300, collapsed: true }" :class="{ 'collapsed': collapsible && collapsed, 'pb-12': collapsible && collapsed && 1, 'pb-6': !collapsible }" ><div class="read-more-content overflow-hidden" :style="collapsible && collapsed ? { 'max-height': '300px' } : {}" >
12459  <div class="category-description text-sm">
12460    <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><h2>Gebruik het juiste incontinentiemateriaal</h2>
12461<p>Wel type incontinentie je ook hebt, of wat de oorzaak ook is: we hebben verschillende soorten incontinentiemateriaal van TENA. Voor lichte tot zwaardere incontinentie. Net wat bij je past. Incontinentieverbanden van TENA helpen je droog, zeker en geurvrij te blijven. Zowel voor mannen als voor vrouwen. En weet je? We verzenden het in een neutrale doos. Wel zo fijn.</p>
12462<p><span style="text-decoration: underline;"><a href="/tena-lady" title="TENA lady incontinentiemateriaal voor vrouwen" target="_self">Bekijk hier TENA incontinentiemateriaal voor vrouwen</a></span>&nbsp;of&nbsp;<span style="text-decoration: underline;"><a href="/tena-men" title="TENA Men incontinentiemateriaal voor mannen" target="_self">bekijk hier TENA incontinentiemateriaal voor mannen</a></span></p>
12463<p>Meer weten over incontinentiematerialen? Lees dan nog even verder!</p>
12464<p></p>
12465<h2>Absorberende producten ter bescherming van ongewenst urineverlies</h2>
12466<p>Welke vorm van incontinentie u ook heeft, het is belangrijk om te kiezen voor een kwalitatief uitstekend product dat past bij uw ongemak. Het moet er niet alleen voor zorgen dat er vocht wordt opgenomen en uw huid droog blijft, maar het moet ook comfortabel zijn om te dragen. Uiteindelijk gaat het erom dat de kwaliteit van uw leven dusdanig verbetert dat het (weer) mogelijk is om het leven te leiden zoals u dat graag wilt.</p>
12467<p>Welk incontinentieproduct voor u geschikt is, hangt af van de hoeveelheid ongewild urineverlies en dus ook het vermogen van het incontinentiemateriaal om de urine op te nemen zonder dat er lekkage ontstaat. Zo is een inlegger meestal al voldoende wanneer er sprake is van licht urineverlies. Incontinentieondergoed als een slip of een broekje is een meer voor de hand liggende keuze wanneer iemand heeft te maken met matig tot zwaar urineverlies.</p>
12468
12469<h2>Wat zijn de meest gebruikte incontinentiematerialen?</h2>
12470<p><a href="https://www.hulpmiddelwereld.nl/incontinentie/incontinentie-luiers" title="Incontinentie slips" target="_self"><strong>Luiers voor volwassenen</strong></a>: Wie denkt aan urineverlies zal direct een link leggen met de luier voor een baby. Dat maakt het een wat beladen term. Veel volwassenen zitten nu eenmaal niet te wachten op een associatie met een nog maar net geboren kind. Vandaar dat de luier ook vaak gewo
12470on slip of pants wordt genoemd.</p>
12471<p>Over het algemeen geldt voor deze luiers dat de urine wordt geabsorbeerd door kleine witte korrels, die bekend staan onder de naam SAP (super absorberende polymeren). Deze korrels, die zijn verspreid in een laag watten, hebben het vermogen om snel een grote hoeveelheid urine op te nemen. Het vocht wordt vervolgens omgezet in een gel en houdt ook onder druk de urine vast. SAP is zo sterk dat n theelepeltje korrels al genoeg is om een halve liter water te absorberen. Omdat de SAP-korrels ook in staat zijn om de ammoniak uit de urine te neutraliseren, worden bovendien nare geurtjes voorkomen.<br />De verschillende incontinentieproducten worden gekenmerkt door een buitenzijde die de urine tegenhoudt, waardoor het daar altijd droog blijft. De binnenkant heeft juist een laagje dat snel vocht doorlaat zodat dit snel kan doorstromen naar de wattenlaag en opgenomen door de absorberende SAP-korrels.</p>
12472<p><a href="https://www.hulpmiddelwereld.nl/incontinentie/incontinentie-luiers" title="Incontinentie slips" target="_self"><strong>Incontinentie slips</strong>:</a> De slip wordt, net zoals bij de baby luier, op de heup vastgezet. U kunt in principe zelf bepalen hoe strak je ze om het lichaam doet. Uiteraard is het van belang dat ze perfect aansluiten op het lichaam. Dus dankzij de sterke plakstrips blijven ze goed op de juiste plek zitten. Daardoor is de kans dat er urine weglekt erg klein. Dit type luier kan behoor veel vocht opnemen.<br /><br /><a href="https://www.hulpmiddelwereld.nl/incontinentie/broekjes" title="Incontinentiebroekjes" target="_self"><strong>Incontinentiebroekjes</strong></a>: In pants of een luierbroekje kunt u zo instappen. Ze lijken wat dat betreft op normaal ondergoed met dat verschil dat u ze na gebruik direct weggooit. Het is daarom een populair hulpmiddel bij incontinentie. Dankzij een sterk elastiek aan de bovenkant en rond de benen, sluit het broekje uitstekend aan op het lichaam. Deze incontinentiebroekjes zijn duurder dan slips. Dit komt onder meer omdat hier elastiek in is verwerkt. De broekjes zijn evenals slips voorzien van een wattenlaag met SAP. Ook zijn ze, zoals bijvoorbeeld de Albena pants, dermatologische getest.<br /><br /><a href="https://www.hulpmiddelwereld.nl/incontinentie/inlegger" title="incontinentie inleggers" target="_self"><strong>Inleggers</strong></a>: Voor vrouwen zijn inleggers eigenlijk heel normaal. De stroken die zijn voorzien van een absorberend materiaal legt u zelf in het ondergoed, net zoals u dat doet met maandverband. De inleggers zijn vooral geschikt wanneer het urineverlies of de ontlasting beperkt is tot kleine hoeveelheden. De naam<em>Tena Lady&nbsp;</em>klinkt veel mensen waarschijnlijk bekend in de oren. Het zelfde merk brengt ook inleggers voor mannen op de marktTena for Men. Mannen zullen, zeker in het begin, wat meer moeite hebben om een inlegger in hun ondergoed te doen. Ze zijn dit tenslotte helemaal niet gewend. Toch zal het overgrote deel niet lang twijfelen om te kiezen voor de voordelen die 'het droog houden' met zich meebrengen.</p>
12473<p>De inleggers voor mannen zijn trouwens helemaal op het mannelijk lichaam afgestemd. Zij zijn vooral gebaat bij een goede bescherming aan de voorkant. Daarom is het verband ter hoogte van de penis breder en hoger of zelfs anatomisch voorgevormd.</p>
12474<p><a href="https://www.hulpmiddelwereld.nl/incontinentie/incontinentie-onderleggers/matrasbeschermers" title="incontinentiematrassen" target="_self"><strong>Matras beschermers</strong></a>: hoewel er dus voldoende materiaal voorhanden is om uzelf zo goed mogelijk te beschermen, nemen mensen vaak ook het zekere voor het onzekere. Het kan gebeuren dat u zoveel vocht verliest dat zelfs het beste materiaal hier niet tegen is opgewassen. De slip of broekje raakt verzadigd waardoor de urine kan doordringen tot de matras. Door het gebruik van bed onderleggers, op of onder het hoeslaken, is het mogelijk om de matras te beschermen. Er zijn zowel onderliggers beschikbaar of eenmalig gebruik als ook afwasbare onderleggers. Beide hulpmiddelen dragen ertoe bij dat ook de nacht zo normaal mogelijk verloopt voor iedereen die last heeft van incontinentie.</p>
12475<p></p>
12476<h2>Eerst uitproberen?</h2>
12477<p>Verschillende merken waaronder <a href="/tena" title="TENA pagina" target="_self">TENA</a> bieden vaak proefpakketten aan. Deze worden gratis en discreet verpakt en naar uw adres opgestuurd. Door eerst een of meerdere absorberende incontinentieproducten uit te proberen, kan iedereen zelf bepalen welk materiaal het beste bij hem of haar past.</p>
12478<h2>Verschillende factoren bepalen de keuze</h2>
12479<p>Welk incontinentiemateriaal voor u het beste is, hangt van verschillende factoren af. Incontinentie komt zowel voor bij mannen als vrouwen. Er zijn dan ook diverse incontinentieproducten ontwikkeld die specifiek zijn afgestemd op het geslacht. Daarbij is er rekening gehouden met de anatomie van het mannelijk en vrouwelijk lichaam. Zo bieden sommige producten die speciaal zijn gemaakt voor de man bijvoorbeeld extra bescherming aan de voorzijde.</p>
12480<p>Naast het feit of u man of vrouw bent, speelt ook het type incontinentie een rol bij de keuze van het juiste product. In welke mate is er sprake van urineverlies? Uiteraard is ook de persoonlijke leefstijl van belang. Zo zal een actief persoon die er graag en regelmatig op uit trekt, weer andere maatregelen moeten treffen dan iemand die liever zoveel mogelijk thuisblijft.</p>
12481<p></p>
12482<h2>Voorkomen van huidirritatie bij urineverlies</h2>
12483<p>Wanneer het urineverlies zich beperkt tot enkele druppeltjes, wordt in eerste instantie al snel gekozen voor de traditionele hulpmiddelen als inlegkruisjes of maandverband. Wie echter dagelijks last heeft van druppels zal al gau
12483w merken dat deze hulpmiddelen niet voldoende zijn. Ze zijn namelijk niet gemaakt om veel vocht op te slaan. Wanneer de huid continu vochtig is, leidt dat al snel tot irritatie. Ook bij een grote hoeveelheid urine gaat de huid, wanneer niet het juiste materiaal wordt gebruikt, irriteren. Dat gebeurt vooral wanneer er lekkage optreedt. Omdat urine niet alleen uit water maar ook uit afvalstoffen (zouten en zuren) bestaat, heeft dit, wanneer de huid hieraan wordt blootgesteld, vochtletsel tot gevolg.</p>
12484<p>Lekkage is dus niet alleen vervelend, maar ook slecht voor de huid. Deze gaat irriteren, kleurt rood en er ontstaan pijnlijke plekken die bij voortdurende lekkage nauwelijks zijn te genezen. Om huidirritatie te voorkomen, moet u dus kiezen voor incontinentiemateriaal dat de kans op lekkage tot een minimum beperkt en ervoor zorgt dat de huid droog blijft.</p>
12485<p></p>
12486<h2>Vochtafstotende cr&egrave;me</h2>
12487<p>Wanneer er onverhoopt toch lekkage is geweest, moet u de huid direct reinigen. Dit kan bijvoorbeeld met speciaal hiervoor bestemde kant-en-klare wasdoekjes of gewoon met water en zeep. Is de huid schoon, smeer het dan in met een vochtafstotende cr&egrave;me. Dat zorgt voor extra bescherming.</p>
12488<p></p>
12489<h2>Tenslotte:</h2>
12490<p>Incontinentiematerialen, zoals bijvoorbeeld <a href="https://www.hulpmiddelwereld.nl/incontinentie/urinalen" title="urinalen" target="_self">urinalen</a>, zijn er in allerlei maten en soorten en speciaal ontwikkeld voor mannen, vrouwen en kinderen. In dit artikel heeft u geleerd hoe merken als <a href="/tena" title="TENA assortiment" target="_self">TENA</a>, <a href="/attends" title="Attends assortiment" target="_self">Attends</a> en <a href="/abena" title="Abena assortiment" target="_self">Abena </a>incontinentieproducten maken die dankzij de sterk absorberende SAP-korrels heel veel vocht kunnen opnemen. Bovendien zijn ze dermatologisch getest waardoor de kans op huidirritatie laag is.</p>
12491<p>Leven met incontinentie is best vervelend, maar gelukkig is er een ruim aanbod van incontinentieproducten voorhanden die u helpen om de leefstijl die u wenst zoveel mogelijk te kunnen handhaven.</p></div>  </div>
12492</div><div class="bottom-0 pb-1 flex items-start pt-3" style="z-index: 1" :class="{ 'hidden': !collapsible, 'absolute w-full': collapsed }" >  <div class="flex cursor-pointer" :class="{ 'w-full': collapsed }" x-on:click="collapsed = !collapsed" ><strong class="inline-block underline text-primary cursor-pointer" x-text="collapsed ? 'Meer lezen' : 'Lees minder'" ></strong> <span :class="{ 'pl-3': collapsed, 'pr-3': !collapsed }" :style="!collapsed ? 'transform: rotate(180deg)' : ''" ><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-primary" width="24" height="24" role="img">
12493  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
12494<title>chevron-down</title></svg>
12495</span></div></div></div>  <div class="container&#x20;flex&#x20;flex-col&#x20;lg&#x3A;flex-row&#x20;flex-wrap&#x20;font-bold&#x20;justify-start&#x20;p-0&#x20;border-b">
12496    <h1 class="page-title title-font"
12497      >
12498      <span class="base" data-ui-id="page-title-wrapper" >Incontinentiemateriaal</span>    </h1>
12499      </div>
12500  <div class="order-3">
12501    <h3>Incontinentiemateriaal Index</h3>
12502    <div class="flex flex-wrap border-t py-6 text-grey">
12503                                      <div class="flex flex-col space-y-3 pr-3 lg:w-1/4 sm:w-1/2 w-full max-lg:pb-3">
12504                <strong class="inline-block">A</strong>
12505                  <a
12506            href="https://www.hulpmiddelwereld.be/incontinentie/fixerend-ondergoed/abena-abri-fix"
12507            title="Ontdek Abena Abri-fix"
12508            class="self-start"
12509          >
12510            Abena Abri-fix          </a>
12511                  <a
12512            href="https://www.hulpmiddelwereld.be/incontinentie/inlegger/abena-inleggers"
12513            title="Ontdek Abena inleggers"
12514            class="self-start"
12515          >
12516            Abena inleggers          </a>
12517                  <a
12518            href="https://www.hulpmiddelwereld.be/incontinentie/inlegger/abena-inleggers/abena-lights"
12519            title="Ontdek Abena Light"
12520            class="self-start"
12521          >
12522            Abena Light          </a>
12523                  <a
12524            href="https://www.hulpmiddelwereld.be/incontinentie/inlegger/abena-inleggers/abena-man"
12525            title="Ontdek Abena Man"
12526            class="self-start"
12527          >
12528            Abena Man          </a>
12529                  <a
12530            href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-onderleggers/abena-onderleggers"
12531            title="Ontdek Abena onderleggers"
12532            class="self-start"
12533          >
12534            Abena onderleggers          </a>
12535                  <a
12536            href="https://www.hulpmiddelwereld.be/incontinentie/broekjes/abena-broekjes"
12537            title="Ontdek Abena pants"
12538            class="self-start"
12539          >
12540            Abena pants          </a>
12541                  <a
12542            href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-luiers/abena-slips"
12543            title="Ontdek Abena slips"
12544            class="self-start"
12545          >
12546            Abena slips          </a>
12547                  <a
12548            href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-luiers/abena-slips/abri-form"
12549            title="Ontdek Abri-Form"
12550            class="self-start"
12551          >
12552            Abri-Form          </a>
12553                  <a
12554            href="https://www.hulpmiddelwereld.be/incontinentie/inlegger/abena-inleggers/abri-let"
12555            title="Ontdek Abri-Let"
12556            class="self-start"
12557          >
12558            Abri-Let          </a>
12559                  <a
12560            href="https://www.hulpmiddelwereld.be/incontinentie/inlegger/abena-inleggers/abri-san"
12561            title="Ontdek Abri-San"
12562            class="self-start"
12563          >
12564            Abri-San          </a>
12565                  <a
12566            href="https://www.hulpmiddelwereld.be/incontinentie/broekjes/attends-broekjes"
12567            title="Ontdek Attends broekjes"
12568            class="self-start"
12569          >
12570            Attends broekjes          </a>
12571                  <a
12572            href="https://www.hulpmiddelwereld.be/incontinentie/inlegger/attends-inleggers/attends-for-men"
12573            title="Ontdek Attends for Men"
12574            class="self-start"
12575          >
12576            Attends for Men          </a>
12577                  <a
12578            href="https://www.hulpmiddelwereld.be/incontinentie/inlegger/attends-inleggers"
12579            title="Ontdek Attends inleggers"
12580            class="self-start"
12581          >
12582            Attends inleggers          </a>
12583                  <a
12584            href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-onderleggers/attends-onderleggers"
12585            title="Ontdek Attends onderleggers"
12586            class="self-start"
12587          >
12588            Attends onderleggers          </a>
12589                  <a
12590            href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-luiers/attends-slips"
12591            title="Ontdek Attends slips"
12592            class="self-start"
12593          >
12594            Attends slips          </a>
12595                  <a
12596            href="https://www.hulpmiddelwereld.be/incontinentie/inlegger/attends-inleggers/attends-soft"
12597            title="Ontdek Attends Soft"
12598            class="self-start"
12599          >
12600            Attends Soft          </a>
12601                                              <strong class="inline-block">B</strong>
12602                  <a
12603            href="https://www.hulpmiddelwereld.be/incontinentie/verzorging-bescherming/barriere-creme"
12604            title="Ontdek Barrière crème"
12605            class="self-start"
12606          >
12607            Barrière crème          </a>
12608                  <a
12609            href="https://www.hulpmiddelwereld.be/incontinentie/urinalen/bedpannen"
12610            title="Ontdek Bedpannen"
12611            class="self-start"
12612          >
12613            Bedpannen          </a>
12614                  <a
12615            href="https://www.hulpmiddelwereld.be/incontinentie/broekjes/kind"
12616            title="Ontdek Broekjes kind"
12617            class="self-start"
12618          >
12619            Broekjes kind          </a>
12620                  <a
12621            href="https://www.hulpmiddelwereld.be/incontinentie/broekjes/man"
12622            title="Ontdek Broekjes voor man"
12623            class="self-start"
12624          >
12625            Broekjes voor man          </a>
12626                  <a
12627            href="https://www.hulpmiddelwereld.be/incontinentie/broekjes/vrouw"
12628            title="Ontdek Broekjes voor vrouwen"
12629            class="self-start"
12630          >
12631            Broekjes voor vrouwen          </a>
12632                                              <strong class="inline-block">D</strong>
12633                  <a
12634            href="https://www.hulpmiddelwereld.be/incontinentie/inlegger/dailee-inleggers"
12635            title="Ontdek Dailee inleggers"
12636            class="self-start"
12637          >
12638            Dailee inleggers          </a>
12639                  <a
12640            href="https://www.hulpmiddelwereld.be/incontinentie/inlegger/dailee-inleggers/dailee-lady-inleggers"
12641            title="Ontdek Dailee Lady inleggers"
12642            class="self-start"
12643          >
12644            Dailee Lady inleggers          </a>
12645                  <a
12646            href="https://www.hulpmiddelwereld.be/incontinentie/inlegger/dailee-inleggers/dailee-men-inleggers"
12647            title="Ontdek Dailee Men inleggers"
12648            class="self-start"
12649          >
12650            Dailee Men inleggers          </a>
12651                  <a
12652            href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-onderleggers/dailee-onderleggers"
12653            title="Ontdek Dailee onderleggers"
12654            class="self-start"
12655          >
12656            Dailee onderleggers          </a>
12657                  <a
12658            href="https://www.hulpmiddelwereld.be/incontinentie/broekjes/dailee-pants"
12659            title="Ontdek Dailee pants"
12660            class="self-start"
12661          >
12662            Dailee pants          </a>
12663                  <a
12664            href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-luiers/dailee-slips"
12665            title="Ontdek Dailee slips"
12666            class="self-start"
12667          >
12668            Dailee slips          </a>
12669                                              <strong class="inline-block">F</strong>
12670                  <a
12671            href="https://www.hulpmiddelwereld.be/incontinentie/fixerend-ondergoed"
12672            title="Ontdek Fixerend Ondergoed"
12673            class="self-start"
12674          >
12675            Fixerend Ondergoed          </a>
12676                                        </div>
12677                                    <div class="flex flex-col space-y-3 pr-3 lg:w-1/4 sm:w-1/2 w-full max-lg:pb-3">
12678                <strong class="inline-block">H</strong>
12679                  <a
12680            href="https://www.hulpmiddelwereld.be/incontinentie/verzorging-bescherming/huidbescherming"
12681            title="Ontdek Huidbescherming"
12682            class="self-start"
12683          >
12684            Huidbescherming          </a>
12685                                              <strong class="inline-block">I</strong>
12686                  <a
12687            href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-onderleggers"
12688            title="Ontdek Incontinentie bed onderleggers"
12689            class="self-start"
12690          >
12691            Incontinentie bed onderleggers          </a>
12692                  <a
12693            href="https://www.hulpmiddelwereld.be/incontinentie/inlegger"
12694            title="Ontdek Incontinentie inleggers"
12695            class="self-start"
12696          >
12697            Incontinentie inleggers          </a>
12698                  <a
12699            href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-luiers"
12700            title="Ontdek Incontinentie luiers"
12701            class="self-start"
12702          >
12703            Incontinentie luiers          </a>
12704                  <a
12705            href="https://www.hulpmiddelwereld.be/incontinentie/broekjes"
12706            title="Ontdek Incontinentiebroekjes"
12707            class="self-start"
12708          >
12709            Incontinentiebroekjes          </a>
12710                  <a
12711            href="https://www.hulpmiddelwereld.be/incontinentie/incontinentiemateriaal-mannen"
12712            title="Ontdek Incontinentiemateriaal mannen"
12713            class="self-start"
12714          >
12715            Incontinentiemateriaal mannen          </a>
12716                  <a
12717            href="https://www.hulpmiddelwereld.be/incontinentie/incontinentiemateriaal-vrouwen"
12718            title="Ontdek Incontinentiemateriaal vrouwen"
12719            class="self-start"
12720          >
12721            Incontinentiemateriaal vrouwen          </a>
12722                  <a
12723            href="https://www.hulpmiddelwereld.be/incontinentie/inlegger/man"
12724            title="Ontdek Inleggers voor mannen"
12725            class="self-start"
12726          >
12727            Inleggers voor mannen          </a>
12728                  <a
12729            href="https://www.hulpmiddelwereld.be/incontinentie/inlegger/vrouw"
12730            title="Ontdek Inleggers voor vrouwen"
12731            class="self-start"
12732          >
12733            Inleggers voor vrouwen          </a>
12734                                              <strong class="inline-block">M</strong>
12735                  <a
12736            href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-onderleggers/matrasbeschermers"
12737            title="Ontdek Matrasbeschermers"
12738            class="self-start"
12739          >
12740            Matrasbeschermers          </a>
12741                                              <strong class="inline-block">S</strong>
12742                  <a
12743            href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-onderleggers/stoelbeschermers"
12744            title="Ontdek Stoelbeschermers"
12745            class="self-start"
12746          >
12747            Stoelbeschermers          </a>
12748                                        </div>
12749                                    <div class="flex flex-col space-y-3 pr-3 lg:w-1/4 sm:w-1/2 w-full max-lg:pb-3">
12750                <strong class="inline-block">T</strong>
12751                  <a
12752            href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-onderleggers/tena-bed-onderleggers"
12753            title="Ontdek TENA Bed onderleggers"
12754            class="self-start"
12755          >
12756            TENA Bed onderleggers          </a>
12757                  <a
12758            href="https://www.hulpmiddelwereld.be/incontinentie/inlegger/tena-inleggers/tena-comfort"
12759            title="Ontdek TENA Comfort"
12760            class="self-start"
12761          >
12762            TENA Comfort          </a>
12763                  <a
12764            href="https://www.hulpmiddelwereld.be/incontinentie/fixerend-ondergoed/tena-fix"
12765            title="Ontdek TENA Fix"
12766            class="self-start"
12767          >
12768            TENA Fix          </a>
12769                  <a
12770            href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-luiers/tena-pamper/tena-flex"
12771            title="Ontdek TENA Flex"
12772            class="self-start"
12773          >
12774            TENA Flex          </a>
12775                  <a
12776            href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-luiers/tena-pamper/tena-flex/tena-flex-maxi"
12777            title="Ontdek TENA Flex Maxi"
12778            class="self-start"
12779          >
12780            TENA Flex Maxi          </a>
12781                  <a
12782            href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-luiers/tena-pamper/tena-flex/tena-flex-normal"
12783            title="Ontdek TENA Flex Normal"
12784            class="self-start"
12785          >
12786            TENA Flex Normal          </a>
12787                  <a
12788            href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-luiers/tena-pamper/tena-flex/tena-flex-plus"
12789            title="Ontdek TENA Flex Plus"
12790            class="self-start"
12791          >
12792            TENA Flex Plus          </a>
12793                  <a
12794            href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-luiers/tena-pamper/tena-flex/tena-flex-super"
12795            title="Ontdek TENA Flex Super"
12796            class="self-start"
12797          >
12798            TENA Flex Super          </a>
12799                  <a
12800            href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-luiers/tena-pamper/tena-flex/tena-flex-ultima"
12801            title="Ontdek TENA Flex Ultima"
12802            class="self-start"
12803          >
12804            TENA Flex Ultima          </a>
12805                  <a
12806            href="https://www.hulpmiddelwereld.be/incontinentie/inlegger/tena-inleggers"
12807            title="Ontdek TENA inleggers"
12808            class="self-start"
12809          >
12810            TENA inleggers          </a>
12811                  <a
12812            href="https://www.hulpmiddelwereld.be/incontinentie/inlegger/tena-inleggers/tena-inlegkruisjes"
12813            title="Ontdek TENA Lady inlegkruisjes"
12814            class="self-start"
12815          >
12816            TENA Lady inlegkruisjes          </a>
12817                  <a
12818            href="https://www.hulpmiddelwereld.be/incontinentie/broekjes/tena-pants/tena-lady-pants"
12819            title="Ontdek TENA Lady Pants"
12820            class="self-start"
12821          >
12822            TENA Lady Pants          </a>
12823                  <a
12824            href="https://www.hulpmiddelwereld.be/incontinentie/inlegger/tena-inleggers/tena-lights"
12825            title="Ontdek TENA Lights inlegkruisjes"
12826            class="self-start"
12827          >
12828            TENA Lights inlegkruisjes          </a>
12829                  <a
12830            href="https://www.hulpmiddelwereld.be/incontinentie/inlegger/tena-inleggers/tena-maandverband"
12831            title="Ontdek TENA maandverband"
12832            class="self-start"
12833          >
12834            TENA maandverband          </a>
12835                  <a
12836            href="https://www.hulpmiddelwereld.be/incontinentie/broekjes/man/tena-men-broekjes"
12837            title="Ontdek TENA Men broekjes"
12838            class="self-start"
12839          >
12840            TENA Men broekjes          </a>
12841                  <a
12842            href="https://www.hulpmiddelwereld.be/incontinentie/inlegger/tena-inleggers/tena-men-inleggers"
12843            title="Ontdek TENA Men inleggers"
12844            class="self-start"
12845          >
12846            TENA Men inleggers          </a>
12847                  <a
12848            href="https://www.hulpmiddelwereld.be/incontinentie/broekjes/tena-pants/tena-men-pants"
12849            title="Ontdek TENA Men Pants"
12850            class="self-start"
12851          >
12852            TENA Men Pants          </a>
12853                  <a
12854            href="https://www.hulpmiddelwereld.be/incontinentie/broekjes/man/tena-men-broekjes/tena-premium-fit-maxi"
12855            title="Ontdek TENA Men Premium Fit Maxi"
12856            class="self-start"
12857          >
12858            TENA Men Premium Fit Maxi          </a>
12859                  <a
12860            href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-luiers/tena-pamper"
12861            title="Ontdek Tena pampers"
12862            class="self-start"
12863          >
12864            Tena pampers          </a>
12865                  <a
12866            href="https://www.hulpmiddelwereld.be/incontinentie/broekjes/tena-pants"
12867            title="Ontdek TENA Pants"
12868            class="self-start"
12869          >
12870            TENA Pants          </a>
12871                  <a
12872            href="https://www.hulpmiddelwereld.be/incontinentie/broekjes/tena-pants/tena-pants-maxi"
12873            title="Ontdek TENA Pants Maxi"
12874            class="self-start"
12875          >
12876            TENA Pants Maxi          </a>
12877                  <a
12878            href="https://www.hulpmiddelwereld.be/incontinentie/broekjes/tena-pants/tena-pants-normal"
12879            title="Ontdek TENA Pants Normal"
12880            class="self-start"
12881          >
12882            TENA Pants Normal          </a>
12883                  <a
12884            href="https://www.hulpmiddelwereld.be/incontinentie/broekjes/tena-pants/tena-pants-plus"
12885            title="Ontdek TENA Pants Plus"
12886            class="self-start"
12887          >
12888            TENA Pants Plus          </a>
12889                  <a
12890            href="https://www.hulpmiddelwereld.be/incontinentie/broekjes/tena-pants/tena-pants-super"
12891            title="Ontdek TENA Pants Super"
12892            class="self-start"
12893          >
12894            TENA Pants Super          </a>
12895                  <a
12896            href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-luiers/tena-pamper/tena-slips/tena-slips-maxi"
12897            title="Ontdek TENA Slip Maxi"
12898            class="self-start"
12899          >
12900            TENA Slip Maxi          </a>
12901                  <a
12902            href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-luiers/tena-pamper/tena-slips/tena-slips-plus"
12903            title="Ontdek TENA Slip Plus"
12904            class="self-start"
12905          >
12906            TENA Slip Plus          </a>
12907                  <a
12908            href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-luiers/tena-pamper/tena-slips/tena-slips-super"
12909            title="Ontdek TENA Slip Super"
12910            class="self-start"
12911          >
12912            TENA Slip Super          </a>
12913                  <a
12914            href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-luiers/tena-pamper/tena-slips/tena-slips-ultima"
12915            title="Ontdek TENA Slip Ultima"
12916            class="self-start"
12917          >
12918            TENA Slip Ultima          </a>
12919                  <a
12920            href="https://www.hulpmiddelwereld.be/incontinentie/incontinentie-luiers/tena-pamper/tena-slips"
12921            title="Ontdek TENA slips"
12922            class="self-start"
12923          >
12924            TENA slips          </a>
12925                  <a
12926            href="https://www.hulpmiddelwereld.be/incontinentie/verzorging-bescherming/tena-verzorging"
12927            title="Ontdek TENA verzorging"
12928            class="self-start"
12929          >
12930            TENA verzorging          </a>
12931                                              <strong class="inline-block">U</strong>
12932                  <a
12933            href="https://www.hulpmiddelwereld.be/incontinentie/urinalen/urinaal-man"
12934            title="Ontdek Urinaal voor mannen"
12935            class="self-start"
12936          >
12937            Urinaal voor mannen          </a>
12938                  <a
12939            href="https://www.hulpmiddelwereld.be/incontinentie/urinalen/urinaal-vrouw"
12940            title="Ontdek Urinaal voor vrouwen"
12941            class="self-start"
12942          >
12943            Urinaal voor vrouwen          </a>
12944                  <a
12945            href="https://www.hulpmiddelwereld.be/incontinentie/urinalen/urinaalhouders"
12946            title="Ontdek Urinaalhouders"
12947            class="self-start"
12948          >
12949            Urinaalhouders          </a>
12950                  <a
12951            href="https://www.hulpmiddelwereld.be/incontinentie/urinalen"
12952            title="Ontdek Urinalen"
12953            class="self-start"
12954          >
12955            Urinalen          </a>
12956                                              <strong class="inline-block">V</strong>
12957                  <a
12958            href="https://www.hulpmiddelwereld.be/incontinentie/verzorging-bescherming"
12959            title="Ontdek Verzorging & bescherming"
12960            class="self-start"
12961          >
12962            Verzorging & bescherming          </a>
12963                                              <strong class="inline-block">W</strong>
12964                  <a
12965            href="https://www.hulpmiddelwereld.be/incontinentie/verzorging-bescherming/wassen-reinigen"
12966            title="Ontdek Wassen & reinigen"
12967            class="self-start"
12968          >
12969            Wassen & reinigen          </a>
12970                                        </div>
12971                                    <div class="flex flex-col space-y-3 pr-3 lg:w-1/4 sm:w-1/2 w-full max-lg:pb-3">
12972                <strong class="inline-block">Z</strong>
12973                  <a
12974            href="https://www.hulpmiddelwereld.be/incontinentie/broekjes/incontinentie-zwembroeken"
12975            title="Ontdek Zwembroeken"
12976            class="self-start"
12977          >
12978            Zwembroeken          </a>
12979                          </div>
12980  </div>
12981</div></main><footer class="page-footer"><div class="bg-primary">  <div class="usp-list w-full max-lg:hidden bg-primary-lighter"><div class="flex flex-wrap m-auto container space-x-12 justify-center px-6 py-4"> <div class="flex items-center nth-of-type-[3n]:hidden"><span class="pr-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-primary w-6 h-6" width="24" height="24" role="img">
12982  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"/>
12983<title>check</title></svg>
12984</span> <span>Gratis verzending vanaf € 75,-</span></div> <div class="flex items-center nth-of-type-[3n]:hidden"><span class="pr-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-primary w-6 h-6" width="24" height="24" role="img">
12985  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"/>
12986<title>check</title></svg>
12987</span> <span>Advies van verpleegkundigen</span></div> <div class="flex items-center nth-of-type-[3n]:hidden"><span class="pr-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-primary w-6 h-6" width="24" height="24" role="img">
12988  <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"/>
12989<title>check</title></svg>
12990</span> <span>Scherp geprijsd</span></div></div></div> <div class="body-font text-white text-md"><div class="container py-8 mx-auto flex flex-col"><div class="flex border-b lg:border-primary-lighter max-lg:border-white mb-8 lg:justify-between max-lg:flex-col"> <div class="flex pb-8 max-lg:justify-center"> <div class="mr-6 max-xs:hidden"><svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewB
12990ox="0 0 52 49" fill="none" class="text-white" role="img">
12991<path d="M0.400024 7.24998C0.400024 3.71535 3.2654 0.849976 6.80002 0.849976H29.2C32.7346 0.849976 35.6 3.71535 35.6 7.24998V20.05C35.6 23.5846 32.7346 26.45 29.2 26.45H22.8L13.2 36.05V26.45H6.80002C3.2654 26.45 0.400024 23.5846 0.400024 20.05V7.24998Z" fill="currentColor"/>
12992<path d="M42 13.65V28.85C42 31.0591 40.2092 32.85 38 32.85H25.451L19.7975 38.5034C20.6929 38.9799 21.7149 39.25 22.8 39.25H29.2L38.8 48.85V39.25H45.2C48.7346 39.25 51.6 36.3846 51.6 32.85V20.05C51.6 16.5154 48.7346 13.65 45.2 13.65H42Z" fill="currentColor"/>
12993<title>speech-bubble</title></svg>
12994</div><div class="flex flex-col"><strong class="lg:text-lg">Heb je een vraag?</strong> <div class="mt-2">Beschikbaar op werkdagen van van 9:00 tot 16:30</div> <div class="flex space-x-2 mt-2"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 23 23" fill="none" role="img">
12995<path d="M12.3542 7.08333C13.2327 7.08333 14.0752 7.43233 14.6965 8.05354C15.3177 8.67476 15.6667 9.5173 15.6667 10.3958C15.6667 10.6887 15.783 10.9695 15.9901 11.1766C16.1971 11.3837 16.478 11.5 16.7708 11.5C17.0637 11.5 17.3445 11.3837 17.5516 11.1766C17.7587 10.9695 17.875 10.6887 17.875 10.3958C17.875 8.93162 17.2933 7.52737 16.258 6.49201C15.2226 5.45666 13.8184 4.875 12.3542 4.875C12.0613 4.875 11.7805 4.99133 11.5734 5.1984C11.3663 5.40547 11.25 5.68632 11.25 5.97917C11.25 6.27201 11.3663 6.55286 11.5734 6.75993C11.7805 6.967 12.0613 7.08333 12.3542 7.08333Z" fill="white"/>
12996<path d="M12.3542 2.66671C14.4041 2.66671 16.37 3.48103 17.8195 4.93053C19.269 6.38003 20.0833 8.34597 20.0833 10.3959C20.0833 10.6887 20.1997 10.9696 20.4067 11.1766C20.6138 11.3837 20.8947 11.5 21.1875 11.5C21.4803 11.5 21.7612 11.3837 21.9683 11.1766C22.1753 10.9696 22.2917 10.6887 22.2917 10.3959C22.2917 7.76028 21.2447 5.23264 19.381 3.369C17.5174 1.50536 14.9898 0.458374 12.3542 0.458374C12.0613 0.458374 11.7805 0.574705 11.5734 0.781777C11.3663 0.988848 11.25 1.2697 11.25 1.56254C11.25 1.85538 11.3663 2.13623 11.5734 2.3433C11.7805 2.55038 12.0613 2.66671 12.3542 2.66671Z" fill="white"/>
12997<path d="M22.0157 15.8173C21.9549 15.6401 21.8501 15.4812 21.711 15.3556C21.5719 15.2301 21.4032 15.142 21.2207 15.0996L14.5957 13.5869C14.4158 13.5461 14.2287 13.5511 14.0512 13.6012C13.8738 13.6513 13.7117 13.7451 13.5798 13.874C13.4252 14.0175 13.4142 14.0286 12.6965 15.3977C10.315 14.3004 8.40681 12.3843 7.31921 9.99837C8.7215 9.29171 8.73254 9.29171 8.87608 9.12608C9.00495 8.9942 9.09873 8.83214 9.14888 8.65469C9.19903 8.47725 9.20394 8.29008 9.16317 8.11025L7.65046 1.56254C7.60811 1.38002 7.52001 1.21127 7.39445 1.07219C7.26889 0.933113 7.11001 0.828272 6.93275 0.767541C6.67489 0.675442 6.40861 0.608872 6.13775 0.568791C5.85867 0.504081 5.57389 0.467096 5.28754 0.458374C3.94046 0.458374 2.64856 0.993499 1.69603 1.94603C0.743499 2.89856 0.208374 4.19046 0.208374 5.53754C0.214217 10.0455 2.0076 14.3672 5.19523 17.5548C8.38287 20.7425 12.7045 22.5359 17.2125 22.5417C17.8795 22.5417 18.54 22.4103 19.1563 22.1551C19.7725 21.8998 20.3324 21.5257 20.8041 21.0541C21.2757 20.5824 21.6498 20.0225 21.9051 19.4063C22.1603 18.79 22.2917 18.1295 22.2917 17.4625C22.292 17.1815 22.2699 16.9009 22.2255 16.6234C22.1791 16.3491 22.1089 16.0794 22.0157 15.8173ZM17.2125 20.3334C13.2893 20.3304 9.52766 18.7707 6.75354 15.9965C3.97941 13.2224 2.41963 9.46074 2.41671 5.53754C2.41962 4.77704 2.72301 4.04852 3.26077 3.51077C3.79852 2.97301 4.52704 2.66962 5.28754 2.66671H5.65192L6.83337 7.79004L6.23712 8.09921C5.28754 8.59608 4.53671 8.99358 4.93421 9.85483C5.5815 11.6873 6.62885 13.3525 8.00019 14.7296C9.37152 16.1067 11.0324 17.1609 12.8621 17.8159C13.7896 18.1913 14.154 17.4957 14.6509 16.535L14.9711 15.9277L20.0834 17.0982V17.4625C20.0805 18.223 19.7771 18.9516 19.2393 19.4893C18.7016 20.0271 17.973 20.3305 17.2125 20.3334Z" fill="white"/>
12998<title>phone-ringing</title></svg>
12999 <a href="tel:+31 (0) 50 799 5282">+31 (0) 50 799 5282</a></div>  <div class="flex space-x-2 mt-2"><?xml version="1.0" encoding="utf-8"?>
13000<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
13001<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" role="img">
13002<path fill-rule="evenodd" clip-rule="evenodd" d="M3.75 5.25L3 6V18L3.75 18.75H20.25L21 18V6L20.25 5.25H3.75ZM4.5 7.6955V17.25H19.5V7.69525L11.9999 14.5136L4.5 7.6955ZM18.3099 6.75H5.68986L11.9999 12.4864L18.3099 6.75Z" fill="currentColor"/>
13003<title>theme-mail</title></svg>
13004 <a href="/cdn-cgi/l/email-protection#3c55525a537c5449504c5155585859504b594e595058125e59"><span class="__cf_email__" data-cfemail="2a43444c456a425f465a47434e4e4f465d4f584f464e04484f">[email&#160;protected]</span></a></div></div></div> 
13005<div class="lg:w-1/2 w-full mb-8">
13006  <form
13007    class="form subscribe"
13008    action="https://www.hulpmiddelwereld.be/newsletter/subscriber/new/"
13009    method="post"
13010    x-data="initNewsletterForm"
13011    @submit.prevent="submitForm"
13012    id="newsletter-validate-detail"
13013    aria-label="Abonneren&#x20;op&#x20;de&#x20;nieuwsbrief"
13014  >
13015    <div class="lg:text-right w-full">
13016      <strong
13017        class="mb-4 block text-lg lg:text-right"
13018        id="footer-newsletter-heading"
13019      >
13020        Wil je niets missen?      </strong>
13021      <span class="lg:text-right">
13022        Schrijf je in voor onze nieuwsbrief en blijf op de hoogte van de laatste trends      </span>
13023    </div>
13024    <div class="flex justify-center gap-2 md:justify-start mt-6 max-xs:flex-wrap">
13025      <label
13026        for="newsletter-subscribe"
13027        class="sr-only"
13028      >
13029        E-mail adres      </label>
13030      <input
13031        name="email"
13032        type="email"
13033        required
13034        id="newsletter-subscribe"
13035        class="w-full border-0 text-sm text-black leading-normal transition appearance-none text-grey-800 rounded-full px-6 form-input bg-white"
13036        placeholder="Voer&#x20;uw&#x20;e-mailadres&#x20;in"
13037        aria-describedby="footer-newsletter-heading"
13038      >
13039      <input name="form_key" type="hidden" value="7bxSxjn6fXVpUvQk" />            <button class="btn max-xs:inline-block btn-secondary max-xs:w-full self-end max-lg:text-center max-lg:text-sm padding-y-3 max-h-[44px] py-3">
13040        Inschrijven      </button>
13041    </div>
13042    <div>
13043      <template x-if="displayErrorMessage">
13044        <p class="flex items-center text-red">
13045          <span class="inline-block w-8 h-8 mr-3">
13046            <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">
13047  <path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
13048<title>exclamation-circle</title></svg>
13049          </span>
13050          <template x-for="errorMessage in errorMessages">
13051            <span x-html="errorMessage"></span>
13052          </template>
13053        </p>
13054      </template>
13055    </div>
13056  </form>
13057  <div class="w-full">
13058      </div>
13059  
13060  </div></div><div class="flex flex-wrap mb-16 footer-columns justify-between max-lg:flex-col">        <div class="lg:w-1/4 w-full max-lg:pb-4"><input type="checkbox" class="_collapsible hidden" id="footer_column_346" checked /><label for="footer_column_346" class="_collapsible w-full flex items-center justify-between text-white max-lg:border-b max-lg:pb-2 lg:pr-6" ><strong class="lg:pb-2">Klantenservice</strong> <span class="icon lg:hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-white" width="16" height="16" role="img">
13061  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
13062<title>chevron-down</title></svg>
13063</span></label> <div class="lg:pr-6 pb-4"><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><style>
13064#root > div.\+Dr68swM3DQDrNbYeX\+umQ\=\= > header > div.Er0SpszD4NkECIGp3\+Ditg\=\= > div > div.-puvR3KGJTWWOcqPnuaClg\=\= > nav > div:nth-child(15) > a {content: "%"; color: #f37169 !important; font-weight: bold; }
13065
13066
13067#root > div.\+Dr68swM3DQDrNbYeX\+umQ\=\= > header > div._40o-WKzEqO1a9esUNL8kcQ\=\= > div > div.ebVPoRIbtAVK9VB92trZzA\=\= > div > nav > div:nth-child(15) > a {content: "%"; color: #f37169 !important; font-weight: bold; }
13068
13069</style>
13070
13071<ul>
13072<li><a href="/contactpagina">Contact</a></li>
13073<li><a href="/bestellen">Bestellen</a></li>
13074<li><a href="/leverwijze">Levering</a></li>
13075<li><a href="/klantenservice_retouren">Retourneren</a></li>
13076<li><a href="/klantenservice_betaalmogelijkheden">Betaalmogelijkheden</a></li>
13077<li><a href="/reviews">Reviews</a></li>
13078<li><a href="/klantenservice_klachten">Klachten</a></li>
13079<li><a href="/verzendkosten-pakket">Verzendkosten</a></li>
13080<li><a href="/garantie">Garantie</a></li></ul>
13081<p>&nbsp;</p>
13082<p><em>Al onze prijzen zijn inclusief BTW</em></p></div></div></div>       <div class="lg:w-1/4 w-full max-lg:pb-4"><input type="checkbox" class="_collapsible hidden" id="footer_column_358"  /><label for="footer_column_358" class="_collapsible w-full flex items-center justify-between text-white max-lg:border-b max-lg:pb-2 lg:pr-6" ><strong class="lg:pb-2">Over Hulpmiddelwereld</strong> <span class="icon lg:hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-white" width="16" height="16" role="img">
13083  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
13084<title>chevron-down</title></svg>
13085</span></label> <div class="lg:pr-6 pb-4"><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><ul>
13086<li><a href="/over-ons">Over ons</a></li>
13087<li><a href="/algemene_voorwaarden">Algemene voorwaarden</a></li>
13088<li><a href="/cookiebeleid">Cookiebeleid</a></li>
13089<li><a href="/veiligheid_en_privacy">Privacy beleid</a></li>
13090<li><a href="/zakelijk">Zakelijk bestellen</a></li>
13091<li><a href="/werkenbij">Werken bij</a></li>
13092<li><a href="/langer-zelfstandig-thuiswonen">Langer zelfstandig thuis wonen</a></li>
13093</ul></div></div></div>       <div class="lg:w-1/4 w-full max-lg:pb-4"><input type="checkbox" class="_collapsible hidden" id="footer_column_348"  /><label for="footer_column_348" class="_collapsible w-full flex items-center justify-between text-white max-lg:border-b max-lg:pb-2 lg:pr-6" ><strong class="lg:pb-2">Thuiswinkel Waarborg</strong> <span class="icon lg:hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-white" width="16" height="16" role="img">
13094  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
13095<title>chevron-down</title></svg>
13096</span></label> <div class="lg:pr-6 pb-4"><a class="flex flex-wrap w-full" href="https://www.thuiswinkel.org/leden-internationaal/hulpmiddelwereld-be/certificaat/" target="_blank">
13097  <img src="https://www.hulpmiddelwereld.be/media//wysiwyg/Shopping_Secure_Verticaal_Kleur_2.png" alt="Shopping Secure" class="pb-2" style="max-height: 100px;">
13098</a></div></div>       <div class="lg:w-1/4 w-full max-lg:pb-4"><input type="checkbox" class="_collapsible hidden" id="footer_column_370"  /><label for="footer_column_370" class="_collapsible w-full flex items-center justify-between text-white max-lg:border-b max-lg:pb-2 lg:pr-6" ><strong class="lg:pb-2">Hulp nodig?</strong> <span class="icon lg:hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-white" width="16" height="16" role="img">
13099  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
13100<title>chevron-down</title></svg>
13101</span></label> <div class="lg:pr-6 pb-4"><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><p>Mail onze klantenservice via <br /> <a href="/cdn-cgi/l/email-protection#e48d8a828ba48c918894898d80808188938196818880ca8681" style="text-decoration: underline;"><span class="__cf_email__" data-cfemail="ed84838b82ad8598819d8084898988819a889f888189c38f88">[email&#160;protected]</span></a></p>
13102<br />
13103<p>Telefonisch bestellen?<br /> 30 experts zitten voor u klaar.
13104<h3><em class="fa  fa-phone"></em><a href="tel:+31507995282" style="font-size:20px; text-decoration: none !important;"> +31 50 799 5282</a></h3></p></div></div></div>    <div class="lg:w-1/4 max-lg:hidden"></div>  <div class="lg:w-1/4 max-lg:hidden"></div>  <div class="lg:w-1/4 max-lg:hidden"></div> <div class="lg:w-1/4 w-full max-lg:pb-4 text-center max-lg:mt-6 lg:text-right"><strong class="text-lg lg:text-right mb-4 block">Volg ons op</strong>   <div class="w-full flex lg:justify-end max-lg:justify-center space-x-2"> <a href="https://www.facebook.com/hulpmiddelwereld" class="btn-icon btn-icon-primary social-icon facebook" ></a>   <a href="https://www.instagram.com/hulpmiddelwereld" class="btn-icon btn-icon-primary social-icon instagram" ></a>   <a href="https://www.youtube.com/channel/UCIBb1kf9fmqcm56BfNd24rA" class="btn-icon btn-icon-primary social-icon youtube" ></a>  </div></div></div></div></div><div class="bg-white"><div class="container py-6 mx-auto flex flex-col max-lg:text-center"> <div class="flex justify-center my-2"><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><div class="flex flex-wrap w-full justify-center">
13105<img src="https://www.hulpmiddelwereld.be/media//wysiwyg/Klarna_logo.png" alt="Klarna" class="pb-2" style="max-height: 40px;">
13106<img src="https://www.hulpmiddelwereld.be/media//wysiwyg/iDEAL_Wero_Lockup_Yellow_Horizontal_RGB.png" alt="iDeal" class="pl-4 pb-2" style="max-height: 40px;">
13107<img src="https://www.hulpmiddelwereld.be/media//wysiwyg/mastercard.png" alt="Mastercard" class="pl-4 pb-2" style="max-height: 40px;">
13108<img src="https://www.hulpmiddelwereld.be/media/./wysiwyg/visa.png" alt="Visa" class="pl-4 pb-2" style="max-height: 40px;">
13109<img src="https://www.hulpmiddelwereld.be/media//wysiwyg/paypal.png" alt="Paypal" class="pl-4 pb-2" style="max-height: 40px;">
13110<img src="https://www.hulpmiddelwereld.be/media//wysiwyg/kbc_logo.png" alt="KBC" class="pl-4 pb-2" style="max-height: 40px;">
13111<img src="https://www.hulpmiddelwereld.be/media//wysiwyg/Bancontact_logo.png" alt="Bancontact" class="pl-4 pb-2" style="max-height: 40px;">
13112<img src="https://www.hulpmiddelwereld.be/media//wysiwyg/postnl.png" alt="PostNL" class="pl-4 pb-2" style="max-height: 40px;">
13113</div></div></div> <div class="flex justify-between w-full max-lg:flex-col"><small class="text-sm text-primary w-full">
13114  <span>© 2026 Hulpmiddelwereld</span>
13115</small>   <div class="w-full lg:text-right text-grey text-sm max-lg:mt-2"><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><p><a href="/algemene_voorwaarden">Algemene voorwaarden</a> &nbsp; <a href="https://www.hulpmiddelwereld.nl/veiligheid_en_privacy">Privacy</a> &nbsp; <a href="/zakelijk">Zakelijk</a></p></div></div></div></div></div></div></footer>    <div class="modal-wrapper flex-col fixed left-1/2 -translate-x-1/2 hidden shadow-lg max-lg:w-[calc(100vw-theme(sp
13115ace.12))] max-h-[calc(100vh-theme(space.12))] max-lg:top-6" id="modal_wrapper" x-data="modalRenderer" x-show="$store.modals.activeId" :class="$store.modals.classList" style="z-index: 100;" ><div class="modal-title flex px-6 py-4 justify-between items-center" :class="$store.modals.titleClassList" ><h4 class="m-0 pr-3" x-text="$store.modals.title" ></h4><div class="cursor-pointer" x-show="$store.modals.closable" @click="hide" ><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-black" width="24" height="24" role="img">
13116  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
13117<title>x</title></svg>
13118</div></div><div x-html="$store.modals.content" class="modal-content p-6 relative overflow-y-auto" :class="$store.modals.contentClassList" x-show="$store.modals.content" x-html="modalContent" ></div><div class="modal-actions flex w-full border-t border-grey-lighter px-6 py-3" :class="$store.modals.actionClassList" x-show="$store.modals.actions" x-html="$store.modals.actions" ></div><div class="py-8" :class="$store.modals.loaderClassList" x-cloak > <div class="flex flex-col items-center"><div class="loader-dots flex justify-center items-center h-4 relative" style="width: 56px;" ><span class="bg-primary rounded-full left-0 w-4 h-full flex absolute"></span> <span class="bg-primary rounded-full left-5 w-4 h-full flex absolute"></span> <span class="bg-primary rounded-full left-10 w-4 h-full flex absolute"></span></div><div class="mt-6 bg-white/50 p-2"><span class="p-2">Bezig met laden...</span></div></div></div></div>  <div x-data id="app-loader" class="flex justify-center items-center w-full h-full fixed select-none" x-show="$store.loader.visible" x-cloak style=" z-index: 250; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); " > <div class="flex flex-col items-center"><div class="loader-dots flex justify-center items-center h-4 relative" style="width: 56px;" ><span class="bg-primary rounded-full left-0 w-4 h-full flex absolute"></span> <span class="bg-primary rounded-full left-5 w-4 h-full flex absolute"></span> <span class="bg-primary rounded-full left-10 w-4 h-full flex absolute"></span></div><div class="mt-6 bg-white/50 p-2"><span class="p-2">Bezig met laden...</span></div></div></div> <div x-data="maskRenderer" class="mask fixed top-0 left-0" x-cloak :class="$store.mask.classList" x-show="$store.mask.visible" @click="onClick" role="button" aria-label="Sluiten" ></div>                    
13119
13120
13121          <section id="dl-messages" class="hidden" x-data="initDatalayerMessages" x-bind="asyncEventListeners" ></section>   </div>
vendor: 110 bytes, lines 13121-13122
13121 
13122<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
13122<script type="text/javascript" defer="defer" src="https://www.hulpmiddelwereld.be/static/version1788849604/frontend/Hmw/default/nl_BE/Spls_MailPlus/js/set-mp-cookie.min.js"></script>
vendor: 1 bytes, line 13122
13122
13123<script>
13124  const USER_CONSENT_STORAGE_COOKIE = 'user_consent'
13125
13126  function saveConsent (consentMode) {
13127    const cookieName = 'user_allowed_save_cookie'
13128    const cookieValue = '{"3":1}'
13129    const cookieLifetime = '31536000'
13130    const noCookiesUrl = 'https\u003A\u002F\u002Fwww.hulpmiddelwereld.be\u002Fcookie\u002Findex\u002FnoCookies\u002F'
13131
13132    const cookieExpires = cookieLifetime / 60 / 60 / 24
13133
13134    hyva.setCookie(
13135      cookieName,
13136      cookieValue,
13137      cookieExpires,
13138      false
13139    )
13140
13141    if (!consentMode) {
13142      consentMode = {
13143        preferences: true,
13144        statistics: true,
13145        marketing: true
13146      }
13147    }
13148
13149    hyva.setCookie(
13150      USER_CONSENT_STORAGE_COOKIE,
13151      JSON.stringify(consentMode),
13152      cookieExpires,
13153      false
13154    )
13155
13156    if (!hyva.getCookie(cookieName)) {
13157      window.location.href = noCookiesUrl
13158    } else {
13159      window.dispatchEvent(
13160        new CustomEvent('user-allowed-save-cookie')
13161      )
13162    }
13163
13164    const form = document.getElementById('cookie_configure')
13165    const formData = new FormData(form)
13166
13167    fetch(
13168      'https://www.hulpmiddelwereld.be/cookie_consent/cookie/',
13169      {
13170        'method': 'POST',
13171        'body': new URLSearchParams({
13172          form_key: formData.get('form_key'),
13173          statistics: formData.get('statistics') === 'on' ? 1 : 0,
13174          preferences: formData.get('preferences') === 'on' ? 1 : 0,
13175          marketing: formData.get('marketing') === 'on' ? 1 : 0,
13176          unclassified: formData.get('unclassified') === 'on' ? 1 : 0
13177        })
13178      }
13179    )
13180  }
13181
13182  function areCookieServicesAllowed () {
13183    let allowServices = !{"isCookieRestrictionModeEnabled":true,"currentWebsite":3,"cookieName":"user_allowed_save_cookie"}.isCookieRestrictionModeEnabled
13184
13185    if (!allowServices && typeof hyva !== 'undefined') {
13186      const cookieValue = hyva.getCookie({"isCookieRestrictionModeEnabled":true,"currentWebsite":3,"cookieName":"user_allowed_save_cookie"}.cookieName)
13187      if (cookieValue !== null) {
13188        const allowedWebsites = JSON.parse(unescape(cookieValue))
13189
13190        if (allowedWebsites[{"isCookieRestrictionModeEnabled":true,"currentWebsite":3,"cookieName":"user_allowed_save_cookie"}.currentWebsite] === 1) {
13191          allowServices = true
13192        }
13193      }
13194    }
13195    return allowServices
13196  }
13197
13198  function hasConsent (type) {
13199    if (!type) {
13200      return false
13201    }
13202
13203    const consentConfig = this.getConsentConfiguration() || {}
13204
13205    return areCookieServicesAllowed() && consentConfig[type] === true
13206  }
13207
13208  function getConsentConfiguration () {
13209    return this.getUserConsent()
13210  }
13211
13212  function getUserConsent () {
13213    const consent = hyva.getCookie(USER_CONSENT_STORAGE_COOKIE)
13214    let value = null
13215
13216    try {
13217      if (consent) {
13218        const decodedValue = decodeURIComponent(consent)
13219        value = JSON.parse(decodedValue)
13220      }
13221    } catch (e) {
13222      console.error(`Could not decode ${USER_CONSENT_STORAGE_COOKIE} cookie.`)
13223    }
13224
13225    return value
13226  }
13227
13228  function getConsentForDataLayer (consentMode = {}) {
13229    let dataLayerConsentObject = {
13230      ad_storage: 'granted',
13231      ad_user_data: 'granted',
13232      ad_personalization: 'granted',
13233      analytics_storage: 'granted',
13234      functionality_storage: 'granted',
13235      personalization_storage: 'granted',
13236      security_storage: 'granted'
13237    }
13238
13239    if (consentMode === null) {
13240      consentMode = {};
13241    }
13242
13243    if (!consentMode.preferences) {
13244      dataLayerConsentObject.functionality_storage = 'denied'
13245      dataLayerConsentObject.personalization_storage = 'denied'
13246    }
13247
13248    if (!consentMode.statistics) {
13249      dataLayerConsentObject.analytics_storage = 'denied'
13250    }
13251
13252    if (!consentMode.marketing) {
13253      dataLayerConsentObject.ad_storage = 'denied'
13254      dataLayerConsentObject.ad_user_data = 'denied'
13255      dataLayerConsentObject.ad_personalization = 'denied'
13256    }
13257
13258    return dataLayerConsentObject
13259  }
13260
13261  function getDefaultDataLayerConsent () {
13262    return {
13263      ad_storage: 'denied',
13264      ad_user_data: 'denied',
13265      ad_personalization: 'denied',
13266      analytics_storage: 'denied'
13267    }
13268  }</script>
vendor: 1 bytes, line 13268
13268
13269<script>
13270  function loadGtm () {
13271    (function(w, d, s, l, i) {
13272      w[l] = w [l] || []
13273      w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' })
13274      var f = d.getElementsByTagName(s)[0],
13275        j = d.createElement(s),
13276        dl = l != 'dataLayer' ? '&l=' + l : ''
13277
13278      j.addEventListener('load', function () {
13279        var _ge = new CustomEvent('user-consent', { bubbles: true })
13280        d.dispatchEvent(_ge)
13281      })
13282
13283      j.async = true
13284      j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl
13285      f.parentNode.insertBefore(j, f)
13286    })(window, document, 'script', 'dataLayer', 'GTM-KPQ7C9G')
13287  }
13288
13289  if (1) {
13290     window.addEventListener('init-external-scripts', loadGtm)
13291  } else {
13292    loadGtm()
13293  }
13294
13295   window.addEventListener('user-allowed-save-cookie', () => {
13296    document.dispatchEvent(new CustomEvent('user-consent', { bubbles: true }))
13297  })</script>
vendor: 1 bytes, line 13297
13297
13298<script>
13299    var BASE_URL = 'https://www.hulpmiddelwereld.be/';
13300    var THEME_PATH = 'https://www.hulpmiddelwereld.be/static/version1788849604/frontend/Hmw/default/nl_BE';
13301    var COOKIE_CONFIG = {
13302        "expires": null,
13303        "path": "\u002F",
13304        "domain": ".www.hulpmiddelwereld.be",
13305        "secure": true,
13306        "lifetime": "3600",
13307        "cookie_restriction_enabled": true    };
13308    var CURRENT_STORE_CODE = 'hulpbe';
13309    var CURRENT_WEBSITE_ID = '3';
13310
13311    window.hyva = window.hyva || {}
13312
13313    window.cookie_consent_groups = window.cookie_consent_groups || {}
13314    window.cookie_consent_groups['necessary'] = true;
13315
13316    window.cookie_consent_config = window.cookie_consent_config || {};
13317    window.cookie_consent_config['necessary'] = [].concat(
13318        window.cookie_consent_config['necessary'] || [],
13319        [
13320            'user_allowed_save_cookie',
13321            'form_key',
13322            'mage-messages',
13323            'private_content_version',
13324            'mage-cache-sessid',
13325            'last_visited_store',
13326            'section_data_ids'
13327        ]
13328    );</script>
vendor: 1 bytes, line 13328
13328
13329<script>
13330    (function( hyva, undefined ) {
13331
13332        function lifetimeToExpires(options, defaults) {
13333
13334            const lifetime = options.lifetime || defaults.lifetime;
13335
13336            if (lifetime) {
13337                const date = new Date;
13338                date.setTime(date.getTime() + lifetime * 1000);
13339                return date;
13340            }
13341
13342            return null;
13343        }
13344
13345        function generateRandomString() {
13346
13347            const allowedCharacters = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ',
13348                length = 16;
13349
13350            let formKey = '',
13351                charactersLength = allowedCharacters.length;
13352
13353            for (let i = 0; i < length; i++) {
13354                formKey += allowedCharacters[Math.round(Math.random() * (charactersLength - 1))]
13355            }
13356
13357            return formKey;
13358        }
13359
13360        const sessionCookieMarker = {noLifetime: true}
13361
13362        const cookieTempStorage = {};
13363
13364        const internalCookie = {
13365            get(name) {
13366                const v = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)');
13367                return v ? v[2] : null;
13368            },
13369            set(name, value, days, skipSetDomain) {
13370                let expires,
13371                    path,
13372                    domain,
13373                    secure,
13374                    samesite;
13375
13376                const defaultCookieConfig = {
13377                    expires: null,
13378                    path: '/',
13379                    domain: null,
13380                    secure: false,
13381                    lifetime: null,
13382                    samesite: 'lax'
13383                };
13384
13385                const cookieConfig = window.COOKIE_CONFIG || {};
13386
13387                expires = days && days !== sessionCookieMarker
13388                    ? lifetimeToExpires({lifetime: 24 * 60 * 60 * days, expires: null}, defaultCookieConfig)
13389                    : lifetimeToExpires(window.COOKIE_CONFIG, defaultCookieConfig) || defaultCookieConfig.expires;
13390
13391                path = cookieConfig.path || defaultCookieConfig.path;
13392                domain = !skipSetDomain && (cookieConfig.domain || defaultCookieConfig.domain);
13393                secure = cookieConfig.secure || defaultCookieConfig.secure;
13394                samesite = cookieConfig.samesite || defaultCookieConfig.samesite;
13395
13396                document.cookie = name + "=" + encodeURIComponent(value) +
13397                    (expires && days !== sessionCookieMarker ? '; expires=' + expires.toGMTString() : '') +
13398                    (path ? '; path=' + path : '') +
13399                    (domain ? '; domain=' + domain : '') +
13400                    (secure ? '; secure' : '') +
13401                    (samesite ? '; samesite=' + samesite : 'lax');
13402            },
13403            isWebsiteAllowedToSaveCookie() {
13404                const allowedCookies = this.get('user_allowed_save_cookie');
13405                if (allowedCookies) {
13406                    const allowedWebsites = JSON.parse(unescape(allowedCookies));
13407
13408                    return allowedWebsites[CURRENT_WEBSITE_ID] === 1;
13409                }
13410                return false;
13411            },
13412            getGroupByCookieName(name) {
13413                const cookieConsentConfig = window.cookie_consent_config || {};
13414                let group = null;
13415                for (let prop in cookieConsentConfig) {
13416                    if (!cookieConsentConfig.hasOwnProperty(prop)) continue;
13417                    if (cookieConsentConfig[prop].includes(name)) {
13418                        group = prop;
13419                        break;
13420                    }
13421                }
13422                return group;
13423            },
13424            isCookieAllowed(name) {
13425                const cookieGroup = this.getGroupByCookieName(name);
13426                return cookieGroup
13427                    ? window.cookie_consent_groups[cookieGroup]
13428                    : this.isWebsiteAllowedToSaveCookie();
13429            },
13430            saveTempStorageCookies() {
13431                for (const [name, data] of Object.entries(cookieTempStorage)) {
13432                    if (this.isCookieAllowed(name)) {
13433                        this.set(name, data['value'], data['days'], data['skipSetDomain']);
13434                        delete cookieTempStorage[name];
13435                    }
13436                }
13437            }
13438        };
13439
13440        hyva.getCookie = (name) => {
13441            const cookieConfig = window.COOKIE_CONFIG || {};
13442
13443            if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) {
13444                return cookieTempStorage[name] ? cookieTempStorage[name]['value'] : null;
13445            }
13446
13447            return internalCookie.get(name);
13448        }
13449
13450        hyva.setCookie = (name, value, days, skipSetDomain) => {
13451            const cookieConfig = window.COOKIE_CONFIG || {};
13452
13453            if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) {
13454                cookieTempStorage[name] = {value, days, skipSetDomain};
13455                return;
13456            }
13457            return internalCookie.set(name, value, days, skipSetDomain);
13458        }
13459
13460
13461        hyva.setSessionCookie = (name, value, skipSetDomain) => {
13462            return hyva.setCookie(name, value, sessionCookieMarker, skipSetDomain)
13463        }
13464
13465        hyva.getBrowserStorage = () => {
13466            const browserStorage = window.localStorage || window.sessionStorage;
13467            if (!browserStorage) {
13468                console.warn('Browser Storage is unavailable');
13469                return false;
13470            }
13471            try {
13472                browserStorage.setItem('storage_test', '1');
13473                browserStorage.removeItem('storage_test');
13474            } catch (error) {
13475                console.warn('Browser Storage is not accessible', error);
13476                return false;
13477            }
13478            return browserStorage;
13479        }
13480
13481        hyva.postForm = (postParams) => {
13482            const form = document.createElement("form");
13483
13484            let data = postParams.data;
13485
13486            if (! postParams.skipUenc && ! data.uenc) {
13487                data.uenc = btoa(window.location.href);
13488            }
13489            form.method = "POST";
13490            form.action = postParams.action;
13491
13492            Object.keys(postParams.data).map(key => {
13493                const field = document.createElement("input");
13494                field.type = 'hidden'
13495                field.value = postParams.data[key];
13496                field.name = key;
13497                form.appendChild(field);
13498            });
13499
13500            const form_key = document.createElement("input");
13501            form_key.type = 'hidden';
13502            form_key.value = hyva.getFormKey();
13503            form_key.name="form_key";
13504            form.appendChild(form_key);
13505
13506            document.body.appendChild(form);
13507
13508            form.submit();
13509        }
13510
13511        hyva.getFormKey = function () {
13512            let formKey = hyva.getCookie('form_key');
13513
13514            if (!formKey) {
13515                formKey = generateRandomString();
13516                hyva.setCookie('form_key', formKey);
13517            }
13518
13519            return formKey;
13520        }
13521
13522        hyva.formatPrice = (value, showSign, options = {}) => {
13523            const groupSeparator = options.groupSeparator;
13524            const decimalSeparator = options.decimalSeparator
13525            delete options.groupSeparator;
13526            delete options.decimalSeparator;
13527            const formatter = new Intl.NumberFormat(
13528                'nl\u002DBE',
13529                Object.assign({
13530                    style: 'currency',
13531                    currency: 'EUR',
13532                    signDisplay: showSign ? 'always' : 'auto'
13533                }, options)
13534            );
13535            return (typeof Intl.NumberFormat.prototype.formatToParts === 'function') ?
13536                formatter.formatToParts(value).map(({type, value}) => {
13537                    switch (type) {
13538                        case 'currency':
13539                            return '\u20AC' || value;
13540                        case 'minusSign':
13541                            return '- ';
13542                        case 'plusSign':
13543                            return '+ ';
13544                        case 'group':
13545                            return groupSeparator !== undefined ? groupSeparator : value;
13546                        case 'decimal':
13547                            return decimalSeparator !== undefined ? decimalSeparator : value;
13548                        default :
13549                            return value;
13550                    }
13551                }).reduce((string, part) => string + part) :
13552                formatter.format(value);
13553        }
13554
13555 const formatStr = function (str, nStart) {
13556            const args = Array.from(arguments).slice(2);
13557
13558            return str.replace(/(%+)([0-9]+)/g, (m, p, n) => {
13559                const idx = parseInt(n) - nStart;
13560
13561                if (args[idx] === null || args[idx] === void 0) {
13562                    return m;
13563                }
13564                return p.length % 2
13565                    ? p.slice(0, -1).replace('%%', '%') + args[idx]
13566                    : p.replace('%%', '%') + n;
13567            })
13568        }
13569
13570 hyva.str = function (string) {
13571            const args = Array.from(arguments);
13572            args.splice(1, 0, 1);
13573
13574            return formatStr.apply(undefined, args);
13575        }
13576
13577 hyva.strf = function () {
13578            const args = Array.from(arguments);
13579            args.splice(1, 0, 0);
13580
13581            return formatStr.apply(undefined, args);
13582        }
13583
13584        /**
13585         * Take a html string as `content` parameter and
13586         * extract an element from the DOM to replace in
13587         * the current page under the same selector,
13588         * defined by `targetSelector`
13589         */
13590        hyva.replaceDomElement = (targetSelector, content) => {
13591            
13592            const parser = new DOMParser();
13593            const doc = parser.parseFromString(content, 'text/html');
13594            const contentNode = doc.querySelector(targetSelector);
13595
13596            
13597            if (!contentNode || !document.querySelector(targetSelector)) {
13598                return;
13599            }
13600
13601             hyva.activateScripts(contentNode);
13602             document.querySelector(targetSelector).replaceWith(contentNode);
13603
13604            
13605            window.dispatchEvent(new CustomEvent("reload-customer-section-data"));
13606            hyva.initMessages();
13607        }
13608
13609        hyva.removeScripts = (contentNode) => {
13610            const scripts = contentNode.getElementsByTagName('script');
13611            for (let i = 0; i < scripts.length; i++) {
13612                scripts[i].parentNode.removeChild(scripts[i]);
13613            }
13614            const templates = contentNode.getElementsByTagName('template');
13615            for (let i = 0; i < templates.length; i++) {
13616                const container = document.createElement('div');
13617                container.innerHTML = templates[i].innerHTML;
13618                hyva.removeScripts(container);
13619                templates[i].innerHTML = container.innerHTML;
13620            }
13621        }
13622
13623        hyva.activateScripts = (contentNode) => {
13624 const scripts = Array.from(contentNode.getElementsByTagName('script'));
13625
13626            
13627            for (const original of scripts) {
13628                const script = document.createElement('script');
13629                original.type && (script.type = original.type);
13630                script.innerHTML = original.innerHTML;
13631
13632                
13633                original.parentNode.removeChild(original)
13634
13635                
13636                document.head.appendChild(script);
13637            }
13638
13639            return contentNode;
13640        }
13641
13642 const replace = {['+']: '-', ['/']: '_', ['=']: ','};
13643        hyva.getUenc = () => btoa(window.location.href).replace(/[+/=]/g, match => replace[match]);
13644
13645        let currentTrap;
13646
13647        const focusableElements = (rootElement) => {
13648            const selector = 'button, [href], input, select, textarea, details, [tabindex]:not([tabindex="-1"]';
13649            return Array.from(rootElement.querySelectorAll(selector))
13650                .filter(el => {
13651                    return el.style.display !== 'none'
13652                        && !el.disabled
13653                        && el.tabIndex !== -1
13654                        && (el.offsetWidth || el.offsetHeight || el.getClientRects().length)
13655                })
13656        }
13657
13658        const focusTrap = (e) => {
13659            const isTabPressed = e.key === 'Tab' || e.keyCode === 9;
13660            if (!isTabPressed) return;
13661
13662            const focusable = focusableElements(currentTrap)
13663            const firstFocusableElement = focusable[0]
13664            const lastFocusableElement = focusable[focusable.length - 1]
13665
13666            e.shiftKey
13667                ? document.activeElement === firstFocusableElement && (lastFocusableElement.focus(), e.preventDefault())
13668                : document.activeElement === lastFocusableElement && (firstFocusableElement.focus(), e.preventDefault())
13669        };
13670
13671        hyva.releaseFocus = (rootElement) => {
13672            if (currentTrap && (!rootElement || rootElement === currentTrap)) {
13673                currentTrap.removeEventListener('keydown', focusTrap)
13674                currentTrap = null
13675            }
13676        }
13677        hyva.trapFocus = (rootElement) => {
13678            if (!rootElement) return;
13679            hyva.releaseFocus()
13680            currentTrap = rootElement
13681            rootElement.addEventListener('keydown', focusTrap)
13682            const firstElement = focusableElements(rootElement)[0]
13683            firstElement && firstElement.focus()
13684        }
13685
13686 hyva.safeParseNumber = (rawValue) => {
13687            const number = rawValue ? parseFloat(rawValue) : null;
13688
13689            return Array.isArray(number) || isNaN(number) ? rawValue : number;
13690        }
13691
13692 const toCamelCase = s => s.split('_').map(word => word.charAt(0).toUpperCase() + word.slice(1)).join('');
13693        hyva.createBooleanObject = (name, value = false, additionalMethods = {}) => {
13694
13695            const camelCase = toCamelCase(name);
13696 const key = '__hyva_bool_' + name
13697
13698            return new Proxy(Object.assign(
13699                additionalMethods,
13700                {
13701                    [key]: !!value,
13702                    [name]() {return !!this[key]},
13703                    ['!' + name]() {return !this[key]}, 
13704                    ['not' + camelCase]() {return !this[key]},
13705                    ['toggle' + camelCase]() {this[key] = !this[key]},
13706                    [`set${camelCase}True`]() {this[key] = true},
13707                    [`set${camelCase}False`]() {this[key] = false},
13708                }
13709            ), {
13710                set(target, prop, value) {
13711                    return prop === name
13712                        ? (target[key] = !!value)
13713                        : Reflect.set(...arguments);
13714                }
13715            })
13716        }
13717
13718                hyva.alpineInitialized = (fn) => window.addEventListener('alpine:initialized', fn, {once: true})
13719        window.addEventListener('alpine:init', () => Alpine.data('{}', () => ({})), {once: true});
13720         window.addEventListener('user-allowed-save-cookie', () => internalCookie.saveTempStorageCookies())
13721
13722    }( window.hyva = window.hyva || {} ));</script>
vendor: 1 bytes, line 13722
13722
13723<script type="speculationrules">
13724{
13725    "tag": "Hyva Theme",
13726    "prefetch": [{
13727        "source": "document",
13728        "where": {
13729            "and": [
13730                { "href_matches": "/*" },
13731                { "not": {
13732                    "href_matches": ["/customer/*","/search/*","/sales/*","/wishlist/*","/checkout/*","/paypal/*","/newsletter/*","/stores/store/redirect/*"]                }},
13733                { "not": {
13734                    "selector_matches": [".no-preload", ".do-not-prerender", "[download]", "[rel~=nofollow]", "[target]"]
13735                }}
13736            ]
13737        },
13738        "eagerness": "moderate"
13739    }]
13740}</script>
vendor: 1 bytes, line 13740
13740
13741<script>
13742    document.body.addEventListener('touchstart', () => {}, {passive: true})
13743</script>
vendor: 1 bytes, line 13743
13743
13744<script>
13745  function initHeader () {
13746    return {
13747      searchOpen: false,
13748      cart: {},
13749      isCartOpen: false,
13750      getData (data) {
13751        if (data.cart) {
13752          this.cart = data.cart
13753        }
13754      },
13755      isCartEmpty () {
13756        return !this.cart.summary_count
13757      },
13758      toggleCart (event) {
13759        if (event.detail && event.detail.isOpen !== undefined) {
13760          this.isCartOpen = event.detail.isOpen
13761          if (!this.isCartOpen && this.$refs && this.$refs.cartButton) {
13762            this.$refs.cartButton.focus()
13763          }
13764        } else {
13765                    this.isCartOpen = true
13766        }
13767      },
13768      setCartTypeLabel (data) {
13769        this.$el.innerText = data && data.quote && data.quote.active_cart_type === 'quote'
13770          ? 'Offerte'
13771          : 'Winkelwagen'
13772      }
13773    }
13774  }
13775</script>
vendor: 1 bytes, line 13775
13775
13776<script>
13777  'use strict'
13778
13779  const initMenuMobile_6ac382c242d3e = () => {
13780    return {
13781      mobilePanelActiveId: null,
13782      open: false,
13783      setActiveMenu (menuNode) {
13784        Array.from(menuNode.querySelectorAll('a')).filter(link => {
13785          return link.href === window.location.href.split('?')[0]
13786        }).map(item => {
13787          item.classList.add('underline')
13788          item.closest('li.level-0') &&
13789          item.closest('li.level-0').querySelector('a.level-0').classList.add('underline')
13790          if (item.parentElement.dataset.parentId) {
13791            document.querySelector('[data-subparent-id=' + item.parentElement.dataset.parentId +']').classList.add('underline');
13792          }
13793        });
13794      },
13795      openMenu () {
13796        this.open = true
13797        this.$nextTick(() => hyva.trapFocus(this.$refs['mobileMenuNavLinks']))
13798        // Prevent from body scrolling while mobile menu opened
13799        document.body.style.overflow = 'hidden'
13800        const sooqrButton = document.getElementsByClassName('sqr-closeButton')[0]
13801        if (sooqrButton) {
13802          sooqrButton.click();
13803        }
13804      },
13805      closeMenu () {
13806        document.body.style.overflow = ''
13807
13808        if (this.open) {
13809          this.$nextTick(() => this.$refs['mobileMenuTrigger'].focus() || hyva.releaseFocus())
13810        }
13811
13812        this.open = false
13813        this.mobilePanelActiveId = null
13814      },
13815      openSubcategory (index) {
13816        const menuNodeRef = document.querySelector('[data-child-id=' + index + ']')
13817        this.mobilePanelActiveId = this.mobilePanelActiveId === index ? 0 : index
13818        this.$nextTick(() => hyva.trapFocus(menuNodeRef))
13819      },
13820
13821      toggleChildren(index) {
13822        const children = document.querySelectorAll('[data-parent-id=' + index + ']');
13823        const parentButton = document.querySelector(`[data-subparent-id='${index}']`).closest('li');
13824        if (children) {
13825          children.forEach(child => child.classList.toggle('hidden'))
13826        }
13827
13828        if (parentButton) {
13829          parentButton.classList.toggle('text-primary');
13830          parentButton.classList.toggle('font-bold');
13831          const arrowIcon = parentButton.querySelector('button > div');
13832          if (arrowIcon) {
13833            arrowIcon.classList.toggle('rotate-180');
13834          }
13835        }
13836      },
13837      backToMainCategories (index) {
13838        const menuNodeRef = document.querySelector('[data-child-id=' + index + ']')
13839        this.mobilePanelActiveId = 0
13840        this.$nextTick(() => {
13841          hyva.trapFocus(this.$refs['mobileMenuNavLinks'])
13842          menuNodeRef.querySelector('a').focus()
13843        })
13844      }
13845    }
13846  }
13847</script>
vendor: 1 bytes, line 13847
13847
13848<script>
13849  'use strict'
13850
13851  function searchFormRenderer () {
13852    return {
13853      searchQuery: '',
13854      prevSearchQuery: '',
13855      searchResult: '',
13856      searchTitle: '',
13857      blockSearch: false,
13858      isLoaded: false,
13859      isLoading: false,
13860      throttle: null,
13861      minSearchLength: 3,
13862      modalWrapper: document.getElementById('modal_wrapper'),
13863      pageUrl: '',
13864
13865      init () {
13866        this.$refs.searchInput.addEventListener('click', () => {
13867          this.openDrawer()
13868        })
13869      },
13870
13871      openDrawer () {
13872        Alpine
13873          .store('mask')
13874          .show('search')
13875
13876        Alpine
13877          .store('mask')
13878          .setZIndex(100)
13879
13880        Alpine
13881          .store('mask')
13882          .addClickBind(() => this.closeDrawer())
13883
13884        this.applyStyles()
13885
13886        if (this.searchQuery.trim().length >= this.minSearchLength) {
13887          this.isLoaded = true
13888        }
13889      },
13890
13891      closeDrawer () {
13892        this.isLoaded = false
13893        this.removeStyles()
13894        Alpine
13895          .store('mask')
13896          .hide('search')
13897      },
13898
13899      search () {
13900        if (this.searchQuery.trim().length >= this.minSearchLength
13901          && this.searchQuery.trim() !== this.prevSearchQuery
13902        ) {
13903          if (this.blockSearch) {
13904            return
13905          }
13906
13907          clearTimeout(this.throttle)
13908
13909          this.isLoading = true
13910          this.pageUrl = ''
13911          this.isLoaded = false
13912          this.throttle = setTimeout(() => {
13913            const formData = new FormData(this.$refs.searchForm)
13914            const keyword = formData
13915              .get('q')
13916              .trim()
13917
13918            return fetch(
13919              `${ BASE_URL }search/async`,
13920              {
13921                method: 'POST',
13922                headers: {
13923                  'Content-Type': 'application/x-www-form-urlencoded',
13924                  'Accept': 'application/json'
13925                },
13926                body: new URLSearchParams({
13927                  keyword,
13928                  form_key: document.querySelector('[name="form_key"]').value
13929                })
13930              }
13931            )
13932              .then(response => response.json())
13933              .then(data => {
13934                if (data && data.hasOwnProperty('html')) {
13935                  this.searchResult = data.html
13936                  window.dispatchEvent(new Event('reload-customer-section-data'))
13937                  if (data.hasOwnProperty('has_items') && data.has_items) {
13938                    this.setPageUrl(keyword)
13939                  }
13940                }
13941              })
13942              .catch(() => {
13943                this.searchResult = "Er is iets misgegaan."
13944              })
13945              .finally(() => {
13946                this.searchTitle = "Zoekresultaten voor: ‘%1’".replace('%1', keyword)
13947                this.isLoading = false
13948                this.isLoaded = true
13949                this.prevSearchQuery = keyword
13950              })
13951          }, 500)
13952        }
13953      },
13954
13955      setPageUrl (keyword) {
13956        const urlParams = new URLSearchParams({ 'q': keyword })
13957        this.pageUrl = 'https://www.hulpmiddelwereld.be/catalogsearch/result/index/?' + urlParams.toString()
13958      },
13959
13960      applyStyles () {
13961        this.$refs.searchFormWrapper.classList.add('active')
13962      },
13963
13964      removeStyles () {
13965        this.$refs.searchFormWrapper.classList.remove('active')
13966      },
13967
13968      formSubmit () {
13969        if (this.searchQuery.length >= this.minSearchLength) {
13970          Alpine
13971            .store('modals')
13972            .hide('search.result')
13973
13974          this.blockSearch = true
13975          this.$refs.searchForm.submit()
13976        }
13977      },
13978    }
13979  }
13980</script>
vendor: 1 bytes, line 13980
13980
13981<script>
13982  function initCartDrawer () {
13983    return {
13984      open: false,
13985      isLoading: false,
13986      cart: null,
13987      maxItemsToDisplay: 10,
13988      itemsCount: 0,
13989      getData (data) {
13990        if (data.cart && (!data.quote || data.quote.active_cart_type === 'cart')) {
13991          this.cart = data.cart
13992          this.itemsCount = data.cart.items && data.cart.items.length || 0
13993          this.setCartItems()
13994        } else {
13995          this.cart = null
13996        }
13997        this.isLoading = false
13998        toggleLoader(false)
13999      },
14000      cartItems: [],
14001      getItemCountTitle () {
14002        return hyva.strf('\u00250\u0020van\u0020\u00251\u0020producten\u0020in\u0020winkelwagen\u0020weergegeven', this.maxItemsToDisplay, this.itemsCount)
14003      },
14004      setCartItems () {
14005        this.cartItems = this.cart.items && this.cart.items.sort((a, b) => b.item_id - a.item_id) || []
14006
14007        if (this.maxItemsToDisplay > 0) {
14008          this.cartItems = this.cartItems.slice(0, parseInt(this.maxItemsToDisplay, 10))
14009        }
14010      },
14011      deleteItemFromCart (itemId) {
14012        this.isLoading = true
14013        toggleLoader(true)
14014
14015        const formKey = hyva.getFormKey()
14016        const postUrl = BASE_URL + 'checkout/sidebar/removeItem/'
14017
14018        fetch(postUrl, {
14019          'headers': {
14020            'content-type': 'application/x-www-form-urlencoded; charset=UTF-8'
14021          },
14022          'body': 'form_key=' + formKey + '&item_id=' + itemId,
14023          'method': 'POST',
14024          'mode': 'cors',
14025          'credentials': 'include'
14026        }).then(response => {
14027          if (response.redirected) {
14028            window.location.href = response.url
14029          } else if (response.ok) {
14030            return response.json()
14031          } else {
14032            window.dispatchMessages && window.dispatchMessages([{
14033              type: 'warning',
14034              text: 'Artikel\u0020kon\u0020niet\u0020uit\u0020offerte\u0020worden\u0020verwijderd.'
14035            }])
14036            this.isLoading = false
14037            toggleLoader(false)
14038          }
14039        }).then(result => {
14040          window.dispatchMessages && window.dispatchMessages([{
14041            type: result.success ? 'success' : 'error',
14042            text: result.success
14043              ? 'Je\u0020hebt\u0020het\u0020artikel\u0020verwijderd.'
14044              : result.error_message
14045          }], result.success ? 5000 : 0)
14046          window.dispatchEvent(new CustomEvent('reload-customer-section-data'))
14047        })
14048      },
14049      scrollLock (use = true) {
14050        use
14051          ? document.body.classList.add('scroll-lock')
14052          : document.body.classList.remove('scroll-lock')
14053      },
14054      toggleCartDrawer (event) {
14055        if (event.detail && event.detail.isOpen !== undefined) {
14056          if (event.detail.isOpen) {
14057            this.openCartDrawer()
14058          } else {
14059            this.open = false
14060            this.scrollLock(false)
14061            this.$refs && this.$refs.cartDialogContent && hyva.releaseFocus(this.$refs.cartDialogContent)
14062          }
14063        } else {
14064                    this.openCartDrawer()
14065        }
14066      },
14067      openCartDrawer () {
14068        this.open = true
14069        this.scrollLock(true)
14070        this.$nextTick(() => {
14071          this.$refs && this.$refs.cartDialogContent && hyva.trapFocus(this.$refs.cartDialogContent)
14072        })
14073      },
14074      closeCartDrawer () {
14075        this.$dispatch('toggle-cart', { isOpen: false })
14076      },
14077      getSectionDataExtraActions () {
14078        if (!this.cart.extra_actions) {
14079          return ''
14080        }
14081
14082        const contentNode = document.createElement('div')
14083        contentNode.innerHTML = this.cart.extra_actions
14084
14085        hyva.activateScripts(contentNode)
14086
14087        return contentNode.innerHTML
14088      }
14089    }
14090  }
14091</script>
vendor: 1 bytes, line 14091
14091
14092<script>
14093    function initAuthentication() {
14094        return {
14095            open: false,
14096            close() {
14097                this.open = false;
14098            },
14099            forceAuthentication: false,
14100            checkoutUrl: 'https://www.hulpmiddelwereld.be/checkout/index/',
14101            errors: 0,
14102            hasCaptchaToken: 0,
14103            displayErrorMessage: false,
14104            errorMessages: [],
14105            setErrorMessages(message) {
14106                this.errorMessages = [message];
14107                this.displayErrorMessage = true;
14108            },
14109            submitForm() {
14110                // Do not rename $form, the variable is expected to be declared in the recaptcha output
14111                const $form = document.querySelector('#login-form');
14112                
14113                if (this.errors === 0) {
14114                    this.dispatchLoginRequest($form);
14115                }
14116            },
14117            onPrivateContentLoaded() {
14118                const data = this.$event.detail.data;
14119                const isLoggedIn = data.customer && data.customer.firstname;
14120                if (data.cart && !isLoggedIn) {
14121                    this.forceAuthentication = !data.cart.isGuestCheckoutAllowed;
14122                }
14123            },
14124            redirectIfAuthenticated() {
14125                const event = this.$event;
14126                this.open = this.forceAuthentication;
14127
14128                if (event.detail && event.detail.url) {
14129                    this.checkoutUrl = event.detail.url;
14130                }
14131                if (!this.forceAuthentication) {
14132                    window.location.href = this.checkoutUrl;
14133                }
14134            },
14135            resetErrors() {
14136                this.errors = 0;
14137            },
14138            dispatchLoginRequest(form) {
14139                this.isLoading = true;
14140                const username = this.$refs['customer-email'].value;
14141                const password = this.$refs['customer-password'].value;
14142                const formKey = hyva.getFormKey();
14143                const bodyFields = {
14144                    'username': username,
14145                    'password': password,
14146                    'formKey': formKey
14147                };
14148                                const fieldName = 'g\u002Drecaptcha\u002Dresponse';
14149                const recaptchaField = fieldName && form[fieldName];
14150                if (recaptchaField) {
14151                    bodyFields[fieldName] = recaptchaField.value;
14152                }
14153                fetch('https://www.hulpmiddelwereld.be/customer/ajax/login/', {
14154                        method: 'POST',
14155                        headers: {
14156                            'Content-Type': 'application/json',
14157                            'X-Requested-With': 'XMLHttpRequest'
14158                        },
14159                        body: JSON.stringify(bodyFields)
14160                    }
14161                ).then(response => {
14162                        return response.json()
14163                    }
14164                ).then(data => {
14165                    this.isLoading = false;
14166                    if (data.errors) {
14167                        this.setErrorMessages(data.message);
14168                        this.errors = 1;
14169                        this.hasCaptchaToken = 0;
14170                    } else {
14171                        window.location.href = this.checkoutUrl;
14172                    }
14173                });
14174            }
14175        }
14176    }
14177
14178    window.addEventListener('alpine:init', () => Alpine.data('initAuthentication', initAuthentication), {once: true})
14179</script>
vendor: 1 bytes, line 14179
14179
14180<script>
14181  'use strict'
14182
14183  const initMenuDesktop_6ac382c2538bb = () => {
14184    return {
14185      mainIsOpen: location.pathname === '/',
14186      hoverPanelActiveId: null,
14187      toggleMain () {
14188        this.mainIsOpen = !this.mainIsOpen
14189      },
14190      setActiveMenu (menuNode) {
14191        Array.from(menuNode.querySelectorAll('a')).filter(link => {
14192          return link.href === window.location.href.split('?')[0]
14193        }).map(item => {
14194          item.setAttribute('aria-current', 'page')
14195          item.closest('li.level-0').setAttribute('data-active', 'true')
14196        })
14197      },
14198      openMenuOnClick(menuNode) {
14199        if (menuNode === this.hoverPanelActiveId) {
14200          this.hoverPanelActiveId = 0
14201        } else {
14202          this.hoverPanelActiveId = menuNode
14203        }
14204      }
14205    }
14206  }
14207</script>
vendor: 1 bytes, line 14207
14207
14208<script>
14209        function initMessages() {
14210        "use strict";
14211        return {
14212            messages: window.mageMessages || [],
14213            isEmpty() {
14214                return this.messages.reduce(
14215                    function (isEmpty, message) {
14216                        return isEmpty && message === undefined
14217                    }, true
14218                )
14219            },
14220            hasMessages() {
14221                return !this.isEmpty();
14222            },
14223            hasMessage() {
14224                return !!this.message;
14225            },
14226            removeMessage() {
14227                this.messages[this.index] = undefined;
14228            },
14229            addMessages(messages, hideAfter) {
14230                messages.map((message) => {
14231                    this.messages = this.messages.concat(message);
14232                    if (hideAfter === undefined && message.type === 'success' && window.defaultSuccessMessageTimeout) {
14233                        hideAfter = window.defaultSuccessMessageTimeout;
14234                    }
14235                    if (hideAfter) {
14236                        this.setHideTimeOut(this.messages.length -1, hideAfter);
14237                    }
14238                });
14239            },
14240            setHideTimeOut(messageIndex, hideAfter) {
14241                setTimeout((messageIndex) => {
14242                    this.messages[messageIndex] = undefined;
14243                }, hideAfter, messageIndex);
14244            },
14245            eventListeners: {
14246                ['@messages-loaded.window'](event) {
14247                    this.addMessages(event.detail.messages, event.detail.hideAfter)
14248                },
14249                ['@private-content-loaded.window'](event) {
14250                    const data = event.detail.data;
14251                    if (
14252                        data.messages &&
14253                        data.messages.messages &&
14254                        data.messages.messages.length
14255                    ) {
14256                        this.addMessages(data.messages.messages);
14257                    }
14258                },
14259                ['@clear-messages.window']() {
14260                    this.messages = [];
14261                }
14262            },
14263            getMessageUiId() {
14264                return 'message-' + this.message.type;
14265            }
14266        }
14267    }
14268
14269    window.addEventListener('alpine:init', () => Alpine.data('initMessages', initMessages), {once: true})
14270</script>
vendor: 1 bytes, line 14270
14270
14271<script>
14272    function initNewsletterForm () {
14273      return {
14274        errors: 0,
14275        hasCaptchaToken: 0,
14276        displayErrorMessage: false,
14277        errorMessages: [],
14278        setErrorMessages (messages) {
14279          this.errorMessages = [messages]
14280          this.displayErrorMessage = this.errorMessages.length
14281        },
14282        submitForm () {
14283          // Do not rename $form, the variable is expected to be declared in the recaptcha output
14284          const $form = document.querySelector('#newsletter-validate-detail')
14285            
14286          if (this.errors === 0) {
14287            $form.submit()
14288          }
14289        }
14290      }
14291    }
14292
14293    window.addEventListener(
14294      'alpine:init',
14295      () => Alpine.data('initNewsletterForm', initNewsletterForm),
14296      { once: true }
14297    )
14298  </script>
vendor: 1 bytes, line 14298
14298
14299<script>
14300  document.addEventListener('alpine:init', () => {
14301    Alpine.store('loader', {
14302      visible: false,
14303
14304      init () {
14305        console.info('Loader storage initiated.')
14306        window.addEventListener('cart-is-loading', e => {
14307          this.switch(e.detail.isLoading || false)
14308        })
14309
14310        window.onbeforeunload = () => {
14311          this.show()
14312        }
14313        window.onpageshow = () => {
14314          this.hide()
14315        }
14316        window.onpagehide = () => {
14317          this.show()
14318        }
14319      },
14320
14321      show () {
14322        if (!this.visible) {
14323          this.visible = true
14324          Alpine.store('mask').setZIndex(200)
14325          Alpine.store('mask').show('loader')
14326        }
14327      },
14328
14329      hide () {
14330        if (this.visible) {
14331          this.visible = false
14332          Alpine.store('mask').hide('loader')
14333        }
14334      },
14335
14336      switch (status) {
14337        if (!!status) {
14338          this.show()
14339        } else {
14340          this.hide()
14341        }
14342      },
14343
14344      toggle () {
14345        const status = !this.visible
14346        this.switch(status)
14347      }
14348    })
14349
14350     const appLoader = document.getElementById('app-loader')
14351    if (appLoader) {
14352      toggleLoader = status => {
14353        if (status === true || status === false) {
14354          Alpine.store('loader').switch(status)
14355        } else {
14356          Alpine.store('loader').toggle()
14357        }
14358      }
14359    }
14360  })</script>
vendor: 1 bytes, line 14360
14360
14361<script>
14362  document.addEventListener('alpine:init', () => {
14363    Alpine.store('mask', {
14364      visible: false,
14365      zIndex: 50,
14366      classList: {},
14367      triggers: {},
14368      clickBinds: [],
14369
14370      show (trigger) {
14371        this.triggers[trigger] = true
14372        this.setZIndex(this.zIndex)
14373        if (!this.visible) {
14374          this.visible = true
14375        }
14376      },
14377
14378      hide (trigger) {
14379        if (this.visible) {
14380          delete this.triggers[trigger]
14381          if (Object.keys(this.triggers).length === 0) {
14382            this.reset()
14383          }
14384        }
14385      },
14386
14387      toggle () {
14388        this.visible = !this.visible
14389      },
14390
14391      setZIndex (zIndex) {
14392        const oldClassName = `z-${ this.zIndex }`
14393        if (this.classList[oldClassName]) {
14394          delete this.classList[oldClassName]
14395        }
14396
14397        this.zIndex = zIndex
14398        this.classList[`z-${ this.zIndex }`] = true
14399      },
14400
14401      setClassList (classList) {
14402        this.classList = classList
14403      },
14404
14405      addClickBind (fn) {
14406        this.clickBinds.push(fn)
14407      },
14408
14409      clickBind () {
14410        for (const clickBind of this.clickBinds) {
14411          clickBind()
14412        }
14413      },
14414
14415      reset () {
14416        this.classList = {}
14417        this.triggers = {}
14418        this.clickBinds = []
14419        this.visible = false
14420      }
14421    })
14422  })</script>
vendor: 1 bytes, line 14422
14422
14423<script>
14424  document.addEventListener('alpine:init', () => {
14425    Alpine.store('modals', {
14426      config: {"decision.aid":{"isAsync":0,"closable":1,"maskBlurred":0,"title":"Decision Aid","modalClass":"modal-w-md","modalTitleClass":"","modalContentClass":"","modalActionClass":"","content":"Something went wrong while loading the decision aid.","actions":"","scripts":[]},"cookie.notice":{"isAsync":0,"closable":0,"maskBlurred":1,"title":"Cookies","modalClass":"modal-w-md","modalTitleClass":"","modalContentClass":"","modalActionClass":"","content":"  <form id=\"cookie_configure\" method=\"post\" @submit.prevent=\"() => {}\" action=\"https:\/\/www.hulpmiddelwereld.be\/cookie_consent\/cookie\/index\/\" ><input name=\"form_key\" type=\"hidden\" value=\"7bxSxjn6fXVpUvQk\" \/> <div x-data> <div class=\"inline-block mb-4 bg-primary p-4 justify-start\"><img src=\"https:\/\/www.hulpmiddelwereld.be\/media\/logo\/websites\/3\/logo_white_plus_be.png\" style=\"max-width: 180px\" alt=\"Hulpmiddelwereld.be\" \/><\/div><div class=\"flex mb-4 w-100 max-sm:hidden\"><button type=\"button\" :class=\"$store.cookie.active == 'consent' ? $store.cookie.activeClassList : { 'text-black': true }\" class=\"px-4 py-2 font-bold w-1\/3 border-b-2\" @click=\"$store.cookie.active = 'consent'\" >Toestemming<\/button> <button type=\"button\" :class=\"$store.cookie.active == 'details' ? $store.cookie.activeClassList : { 'text-black': true }\" class=\"px-4 py-2 font-bold w-1\/3 border-b-2\" @click=\"$store.cookie.active = 'details'\" >Details<\/button> <button type=\"button\" :class=\"$store.cookie.active == 'about' ? $store.cookie.activeClassList : { 'text-black': true }\" class=\"px-4 py-2 font-bold w-1\/3 border-b-2\" @click=\"$store.cookie.active = 'about'\" >Over<\/button><\/div><div x-show=\"$store.cookie.active === 'consent'\" class=\"space-y-4\" ><section aria-label=\"Wij&#x20;gebruiken&#x20;cookies&#x20;om&#x20;uw&#x20;ervaring&#x20;beter&#x20;te&#x20;maken.\" id=\"cookie_notice_content\" class=\"flex flex-col\" ><strong class=\"text-lg mb-6\">Wij gebruiken cookies om uw ervaring beter te maken.<\/strong> <div><span> Wij gebruiken cookies om uw ervaring beter te maken. Om te voldoen aan de cookie wetgeving, vragen we uw toestemming om de cookies te plaatsen.<\/span> <a href=\"https:\/\/www.hulpmiddelwereld.be\/veiligheid_en_privacy\/\" class=\"underline\" >Meer informatie<\/a><\/div><\/section><\/div><div x-show=\"$store.cookie.active === 'details'\" id=\"cookie-details\" class=\"space-y-2\" ><div class=\"border-b pb-4\"><div class=\"flex justify-between items-center\"><div><strong class=\"text-lg\">Essentieel <span class=\"text-sm text-grey\"><\/span><\/strong> <p class=\"text-sm text-grey\">Essenti\u00eble cookies helpen een website bruikbaar te maken door basisfuncties mogelijk te maken, zoals paginanavigatie en toegang tot beveiligde delen van de website.<\/p><\/div><\/div><\/div><div class=\"border-b py-4\"><div class=\"flex justify-between items-center\"><div><strong class=\"text-lg\">Voorkeuren <span class=\"text-sm text-grey\"><\/span><\/strong> <p class=\"text-sm text-grey\">Voorkeurscookies laten een website informatie onthouden die de gebruikerservaring be\u00efnvloedt, zoals taal of regio.<\/p><\/div><div class=\"ml-4\"><label class=\"label\"><input type=\"checkbox\" checked name=\"preferences\" id=\"preferences\" ><\/label><\/div><\/div><\/div><div class=\"border-b py-4\"><div class=\"flex justify-between items-center\"><div><strong class=\"text-lg\">Statistieken <span class=\"text-sm text-grey\"><\/span><\/strong> <p class=\"text-sm text-grey\">Statistische cookies helpen website-eigenaren te begrijpen hoe bezoekers de website gebruiken door informatie anoniem te verzamelen en te rapporteren.<\/p><\/div><div class=\"ml-4\"><label class=\"label\"><input type=\"checkbox\" checked name=\"statistics\" id=\"statistics\" ><\/label><\/div><\/div><\/div><div class=\"border-b py-4\"><div class=\"flex justify-between items-center\"><div><strong class=\"text-lg\">Marketing <span class=\"text-sm text-grey\"><\/span><\/strong> <p class=\"text-sm text-grey\">Marketingcookies worden gebruikt om bezoekers over websites heen te volgen. Ze tonen advertenties die zijn afgestemd op de individuele gebruiker. Dit maakt deze advertenties waardevoller voor uitgevers en adverteerders.<\/p><\/div><div class=\"ml-4\"><label class=\"label\">
14426<input type=\"checkbox\" checked name=\"marketing\" id=\"marketing\" ><\/label><\/div><\/div><\/div><div class=\"border-b py-4\"><div class=\"flex justify-between items-center\"><div><strong class=\"text-lg\">Niet-geclassificeerd <span class=\"text-sm text-grey\"><\/span><\/strong> <p class=\"text-sm text-grey\">Niet-geclassificeerde cookies zijn cookies die we nog aan het classificeren zijn, samen met de aanbieders van afzonderlijke cookies.<\/p><\/div><div class=\"ml-4\"><label class=\"label\"><input type=\"checkbox\" checked name=\"unclassified\" ><\/label><\/div><\/div><\/div><\/div><div x-show=\"$store.cookie.active === 'about'\" class=\"space-y-2\" ><strong class=\"text-lg\">Over deze melding<\/strong> <p>Cookies zijn kleine tekstbestanden die door websites kunnen worden gebruikt om de ervaring van een gebruiker effici\u00ebnter te maken. <br\/><br\/>De wet staat ons toe cookies op je apparaat op te slaan als deze strikt noodzakelijk zijn voor de werking van de site. Voor alle andere soorten cookies hebben we je toestemming nodig. <br\/><br\/>Deze website gebruikt verschillende soorten cookies. Sommige cookies worden geplaatst door diensten van derden die op onze pagina\u2019s verschijnen. Je kunt je toestemming op elk moment wijzigen of intrekken via de Cookieverklaring op onze website. <br\/><br\/>In ons privacybeleid vind je meer informatie over wie wij zijn, hoe je contact met ons kunt opnemen en hoe wij persoonsgegevens verwerken. Als je vragen hebt over je toestemming, vermeld dan de toestemmings-ID en datum.<br\/><\/p><\/div><\/div><\/form> ","actions":" <div class=\"flex justify-between w-full items-center max-sm:flex-col sm:space-x-3 max-sm:space-y-3\"><button @click=\"saveConsent(); $store.modals.hide('cookie.notice')\" class=\"btn btn-primary max-sm:w-full\" type=\"submit\" form=\"cookie_configure\" >Cookies toestaan<\/button> <button x-show=\"$store.cookie.active === 'details'\" class=\"btn btn-secondary max-sm:w-full\" @click=\"setConfiguredConsent(); $store.modals.hide('cookie.notice')\" type=\"submit\" form=\"cookie_configure\" >Voorkeuren opslaan<\/button> <button x-show=\"$store.cookie.active === 'consent'\" @click=\"$store.cookie.active = 'details'\" class=\"btn btn-tertiary max-sm:w-full\" type=\"button\" >Cookies aanpassen<\/button><\/div>","scripts":["\n  Alpine.store('cookie', {\n    active: 'consent',\n    activeClassList: 'border-b-2 border-black text-black',\n\n    init () {\n      console.info('Cookie storage initiated.')\n    }\n  })","\n  function setConfiguredConsent() {\n    const consent = {\n      statistics: false,\n      preferences: false,\n      marketing: false\n    }\n\n    consent.statistics = document.getElementById('statistics').checked\n    consent.preferences = document.getElementById('preferences').checked\n    consent.marketing = document.getElementById('marketing').checked\n\n    saveConsent(consent)\n  }"]}},
14427
14428      activeId: null,
14429      registrations: {},
14430      closable: false,
14431
14432      title: '',
14433      content: '',
14434      actions: '',
14435
14436      classList: { 'hidden': true },
14437      titleClassList: {},
14438      contentClassList: { 'overflow-y-auto': true },
14439      actionClassList: { 'overflow-y-auto': true },
14440      loaderClassList: {
14441        'bg-white': true,
14442        'hidden': true
14443      },
14444      maskClassList: {
14445        'hidden': true,
14446        'cursor-default': false,
14447        'backdrop-blur': false
14448      },
14449
14450      init () {
14451        console.info('Modal storage initiated')
14452        for (const id in this.config) {
14453          this.register(id, this.config[id])
14454        }
14455
14456        document.addEventListener('keyup', e => {
14457          if (e.key === 'Escape' && this.isUserAllowedToClose()) {
14458            this.hide()
14459          }
14460        })
14461      },
14462
14463      register (id, config) {
14464        if (this.registrations[id] !== undefined) {
14465          throw Error(`Modal "${ id }" already exists.`)
14466        }
14467
14468        this.registrations[id] = config
14469        this.registrations[id].isLoaded = false
14470
14471        console.info(`Modal ${ id } registered.`)
14472      },
14473
14474      show (
14475        id,
14476        params = {}
14477      ) {
14478        this.activeId = id
14479
14480        if (id !== this.activeId) {
14481          this.content = ''
14482          this.actions = ''
14483        }
14484
14485        
14486        this.closable = this.registrations[this.activeId].closable
14487
14488        this.classList = this.getCssClassList(this.registrations[this.activeId].modalClass || '')
14489        this.classList['hidden'] = false
14490        this.classList['flex'] = true
14491
14492        this.titleClassList = this.getCssClassList(this.registrations[this.activeId].modalTitleClass || 'bg-grey-lighter')
14493        this.contentClassList = this.getCssClassList(this.registrations[this.activeId].modalContentClass || 'bg-white')
14494        this.actionClassList = this.getCssClassList(this.registrations[this.activeId].modalActionClass || 'bg-white')
14495
14496        this.title = this.registrations[this.activeId].title
14497
14498        if (params.title) {
14499          this.title = params.title
14500          this.registrations[this.activeId].title = params.title
14501          delete params.title
14502        }
14503
14504        this.load(id, params)
14505          .then(modal => {
14506            this.title = this.registrations[this.activeId].title
14507            this.content = modal.content
14508            this.actions = modal.actions
14509
14510            for (const script of modal.scripts) {
14511              const scriptEl = document.createElement('script')
14512              scriptEl.textContent = script
14513              document.body.appendChild(scriptEl)
14514            }
14515          })
14516          .finally(() => {
14517            this.registrations[this.activeId].isLoaded = true
14518            window.dispatchEvent(
14519              new CustomEvent(`open_${id}_modal`)
14520            )
14521          })
14522
14523        this.processShowModalLayout()
14524      },
14525
14526      hide () {
14527        const id = this.activeId
14528
14529        this.activeId = null
14530        this.classList['hidden'] = true
14531        this.classList['flex'] = false
14532
14533        this.processHideModalLayout()
14534
14535        window.dispatchEvent(
14536          new CustomEvent(`close_${id}_modal`)
14537        )
14538      },
14539
14540      processShowModalLayout () {
14541        Alpine.store('mask').setClassList({
14542          'hidden': false,
14543          'cursor-default': !this.closable,
14544          'backdrop-blur': this.registrations[this.activeId].maskBlurred,
14545          'z-50': true
14546        })
14547        if (this.isUserAllowedToClose()) {
14548          Alpine.store('mask').addClickBind(() => this.hide())
14549        }
14550        Alpine.store('mask').show('modal')
14551        document.body.classList.add('scroll-lock')
14552      },
14553
14554      processHideModalLayout () {
14555        Alpine.store('mask').hide('modal')
14556        document.body.classList.remove('scroll-lock')
14557      },
14558
14559      isUserAllowedToClose () {
14560        return this.activeId && this.registrations[this.activeId].closable
14561      },
14562
14563      representRequest (
14564        id,
14565        paramsA,
14566        paramsB
14567      ) {
14568        if (!this.registrations[id].isLoading && !this.registrations[id].isLoaded) {
14569          return false
14570        }
14571
14572        return JSON.stringify(paramsA) === JSON.stringify(paramsB)
14573      },
14574
14575      async load (
14576        id,
14577        params = {}
14578      ) {
14579        if (!this.registrations[id]) {
14580          throw Error('Registration not found');
14581        }
14582
14583        const entityId = "265"
14584        if (entityId) {
14585          params.entity_id = entityId
14586        }
14587
14588        if (!this.registrations[id].isAsync) {
14589          return this.registrations[id]
14590        }
14591
14592        if (this.representRequest(
14593          id,
14594          this.registrations[id].params,
14595          params
14596        )) {
14597          return this.registrations[id]
14598        }
14599
14600        this.registrations[id].params = params
14601
14602        this.loaderClassList['hidden'] = false
14603        this.contentClassList['hidden'] = true
14604        this.actionClassList['hidden'] = true
14605        this.registrations[id].content = ''
14606        this.registrations[id].actions = ''
14607        this.registrations[id].isLoading = true
14608
14609        return fetch(
14610          `${ BASE_URL }theme/modal/async`,
14611          {
14612            method: 'POST',
14613            headers: {
14614              'Content-Type': 'application/x-www-form-urlencoded',
14615              'Accept': 'application/json'
14616            },
14617            body: new URLSearchParams({
14618              ...params,
14619              modal_id: id,
14620              form_key: document.querySelector('[name="form_key"]').value
14621            })
14622          }
14623        )
14624          .then(response => response.json())
14625          .then(data => {
14626            this.registrations[id].content = data.content
14627            this.registrations[id].actions = data.actions
14628            this.registrations[id].scripts = data.scripts
14629
14630            return this.registrations[id]
14631          })
14632          .catch(() => {
14633            this.registrations[id].content = "Er is iets misgegaan."
14634            this.registrations[id].actions = ''
14635            this.registrations[id].scripts = []
14636
14637            return this.registrations[id]
14638          })
14639          .finally(() => {
14640            this.registrations[id].isLoading = false
14641            this.loaderClassList['hidden'] = true
14642            this.contentClassList['hidden'] = false
14643            this.actionClassList['hidden'] = false
14644          })
14645      },
14646
14647      getCssClassList (text) {
14648        const list = {}
14649        for (const cssClass of text.split(' ')) {
14650          if (!cssClass) {
14651            continue
14652          }
14653
14654          list[cssClass] = true
14655        }
14656
14657        return list
14658      }
14659    })
14660  })</script>
vendor: 1 bytes, line 14660
14660
14661<script type="text/javascript">
14662  function modalRenderer () {
14663    return {
14664      hide () {
14665        Alpine
14666          .store('modals')
14667          .hide()
14668      }
14669    }
14670  }
14671
14672  window.addEventListener('alpine:init', () => {
14673    Alpine.data('modalRenderer', modalRenderer)
14674  }, { once: true })</script>
vendor: 1 bytes, line 14674
14674
14675<script>
14676  function addImageSource (element) {
14677    element.addEventListener('load', function () {
14678      element.classList.add('loaded');
14679    });
14680    if ('src' in element.dataset) {
14681      element.setAttribute('src', element.dataset.src);
14682      element.removeAttribute('data-src');
14683    }
14684    if ('srcset' in element.dataset) {
14685      element.setAttribute('srcset', element.dataset.srcset);
14686      element.removeAttribute('data-srcset');
14687    }
14688    if ('bg' in element.dataset) {
14689      element.style.backgroundImage = 'url(' + element.dataset.bg + ')';
14690      element.removeAttribute('data-bg');
14691      element.classList.add('loaded');
14692    }
14693  }
14694
14695  function intersectCallback (entries, observer) {
14696    entries.forEach(function (entry) {
14697      if (entry.isIntersecting) {
14698        addImageSource(entry.target);
14699        observer.unobserve(entry.target);
14700      }
14701    });
14702  }
14703
14704  function lazyLoadImages () {
14705    var elements = document.querySelectorAll('[data-lazyload]');
14706    var options = { threshold: 0.10 };
14707    var hasIntersectionObserver = (
14708      'IntersectionObserver' in window &&
14709      'IntersectionObserverEntry' in window &&
14710      'intersectionRatio' in window.IntersectionObserverEntry.prototype
14711    );
14712    var observer = (hasIntersectionObserver)
14713      ? new IntersectionObserver(intersectCallback, options)
14714      : { observe: addImageSource };
14715
14716    for (var i = 0; i < elements.length; i++) {
14717      if ('src' in elements[i].dataset || 'srcset' in elements[i].dataset || 'bg' in elements[i].dataset) {
14718        observer.observe(elements[i]);
14719      }
14720    }
14721  }
14722
14723  function bindMutationObserver() {
14724    var throttle,
14725      target = document.getElementsByTagName('body')[0],
14726      observer = new MutationObserver(function() {
14727        clearTimeout(throttle)
14728        throttle = setTimeout(function () {
14729          lazyLoadImages()
14730        }, 900)
14731      }),
14732      config = { childList: true, subtree: true }
14733
14734    observer.observe(target, config)
14735  }
14736
14737  document.addEventListener('DOMContentLoaded', function () {
14738    lazyLoadImages()
14739    bindMutationObserver()
14740  });</script>
vendor: 1 bytes, line 14740
14740
14741<script type="text/javascript">
14742  function maskRenderer () {
14743    return {
14744      onClick () {
14745        Alpine.store('mask').clickBind()
14746      }
14747    }
14748  }
14749  window.addEventListener('alpine:init', () => {
14750    Alpine.data('maskRenderer', maskRenderer)
14751  }, { once: true })</script>
vendor: 1 bytes, line 14751
14751
14752<script>
14753  'use strict'
14754
14755  function initSliderComponent (
14756    slidesContainerClass,
14757    navId
14758  ) {
14759    return {
14760      active: 0,
14761      itemCount: 0,
14762      pageSize: 0,
14763      pageFillers: 0,
14764
14765      getSlider () {
14766        return this.$root.querySelector(slidesContainerClass)
14767      },
14768
14769      calcPageSize () {
14770        const slider = this.getSlider()
14771        if (slider) {
14772          this.itemCount = slider.childElementCount
14773          this.pageSize = Math.round(slider.clientWidth / slider.children[0].clientWidth)
14774        }
14775      },
14776
14777      calcActive () {
14778        const slider = this.getSlider()
14779        if (slider) {
14780          const sliderItems = this.itemCount + this.pageFillers
14781          this.active = Math.round(slider.scrollLeft / (slider.scrollWidth / sliderItems))
14782        }
14783      },
14784
14785      scrollPrevious () {
14786        this.scrollTo(
14787          Math.max(
14788            0,
14789            this.active - this.pageSize
14790          )
14791        )
14792      },
14793
14794      scrollNext () {
14795        this.scrollTo(
14796          Math.min(
14797            this.active + this.pageSize,
14798            this.itemCount - this.pageSize
14799          )
14800        )
14801      },
14802
14803      scrollTo (idx) {
14804        const slider = this.getSlider()
14805        if (slider) {
14806          const slideWidth = slider.scrollWidth / (this.itemCount + this.pageFillers)
14807          slider.scrollLeft = Math.floor(slideWidth) * idx
14808          this.active = idx
14809        }
14810      },
14811
14812      skipCarouselToNavigation () {
14813        const element = document.getElementById(navId)
14814        if (element) {
14815          element.scrollIntoView({ behavior: 'smooth', block: 'end' })
14816          const button = element.querySelector('button:not([disabled])')
14817          this.$nextTick(() => button && button.focus({ preventScroll: true }))
14818        }
14819      }
14820    }
14821  }</script>
vendor: 1 bytes, line 14821
14821
14822<script>
14823    let SnapSlider = class {
14824        constructor(el, {
14825            labelSepparator = 'van',
14826            autoPager,
14827            groupPager,
14828            loop,
14829            forcePager
14830        } = {}) {
14831            this.el = el;
14832            this.track = this.el.querySelector("[data-track]");
14833            if (!this.track) {
14834                console.warn(
14835                    "No Slider track defined, reverting back to CSS slider.\nPlease create a wrapper for your slides with the attribute data-track",
14836                    this.el
14837                );
14838                return;
14839            }
14840            this.initialLoad = true;
14841            this.slides = [];
14842            this.inViewObserver;
14843            this.mutationObserver;
14844            this.resizeObserver;
14845            this.pager = this.el.querySelector("[data-pager]");
14846            this.navBtns = Array.from(
14847                this.el.querySelectorAll("[data-next], [data-prev]")
14848            );
14849            this.slideLabelSepparator = this.el.dataset.slideLabelSepparator || labelSepparator;
14850            this.useAutoPager = autoPager || this.el.hasAttribute("data-auto-pager") || false;
14851            this.useGroupPager = groupPager || this.el.hasAttribute("data-group-pager") || false;
14852            this.useLoop = loop || this.el.hasAttribute("data-loop") || false;
14853            this.forcePager = forcePager || this.el.hasAttribute("data-force-pager") || false;
14854            this.sliderLabel = this.el.hasAttribute("aria-label") && this.el.getAttribute("aria-label").toLowerCase().trim().replace(/[^a-z0-9_-]+/g, "-").replace(/^-+|-+$/g, "");
14855            this.sliderId = this.el.id || this.sliderLabel || "slider";
14856            this.markerIdName = "data-target-id";
14857            this.pagerClasses = this.el.dataset.pagerClass || "snap-pager";
14858            this.markerClasses = this.el.dataset.markerClass || "snap-marker";
14859            this.init();
14860        }
14861        init() {
14862            this.setupSlides();
14863            this.setupNav();
14864            if (this.useAutoPager) {
14865                this.createPager();
14866            } else {
14867                this.setupPager();
14868            }
14869            this.setupObservers();
14870            this.setupMutationObserver();
14871            this.setupResizeObserver();
14872            this.el.addEventListener("click", this.eventHandler.bind(this));
14873            this.el.addEventListener("keydown", this.eventHandler.bind(this));
14874            if ("onscrollend" in window) {
14875                this.track.addEventListener("scrollend", () => {
14876                    this.isNavigating = false;
14877                });
14878            } else {
14879                this.track.addEventListener("scroll", () => {
14880                    clearTimeout(this.scrollEndTimer);
14881                    this.scrollEndTimer = setTimeout(() => {
14882                        this.isNavigating = false;
14883                    }, 100);
14884                });
14885            }
14886        }
14887        destroy() {
14888            this.inViewObserver?.disconnect();
14889            this.mutationObserver?.disconnect();
14890            this.resizeObserver?.disconnect();
14891            this.el.removeEventListener("click", this.eventHandler.bind(this));
14892            this.el.removeEventListener("keydown", this.eventHandler.bind(this));
14893        }
14894        roundUpIfGreaterThan(number, min = 8) {
14895            const decimalPart = number - Math.floor(number);
14896            return decimalPart >= min ? Math.ceil(number) : Math.floor(number);
14897        }
14898        getInViewItems() {
14899            const inViewSlides = Array.from(this.track.querySelectorAll("[data-in-view]")).filter((el) => this.slides.includes(el));
14900            const firstInViewSlide = inViewSlides[0] || null;
14901            const lastInViewSlide = inViewSlides[inViewSlides.length - 1] || null;
14902            const isAtStart = firstInViewSlide === this.slides[0];
14903            const isAtEnd = lastInViewSlide === this.slides[this.slides.length - 1];
14904            return {
14905                inViewSlides,
14906                totalInViewSlides: inViewSlides.length,
14907                firstInViewSlide,
14908                lastInViewSlide,
14909                isAtStart,
14910                isAtEnd,
14911                hasNoOverflow: isAtStart && isAtEnd
14912            };
14913        }
14914        groupPagerMarkers() {
14915            if (this.slides.length === 0 || !this.pager || !this.useGroupPager) return;
14916            const totalVisibleSlides = this.roundUpIfGreaterThan(
14917                this.track.offsetWidth / this.slides[0].offsetWidth
14918            );
14919            const markers = Array.from(this.pager.querySelectorAll("a, button"));
14920            markers.forEach((marker, index) => {
14921                marker.style.display = index % totalVisibleSlides === 0 ? null : "none";
14922            });
14923        }
14924        handleInView(entries) {
14925            entries.forEach((entry) => {
14926                const marker = this.pager && (this.pager.querySelector(`[href="#${entry.target.id}"]`) || this.pager.querySelector(
14927                    `[${this.markerIdName}="${entry.target.id}"]`
14928                ));
14929                entry.target.toggleAttribute("data-in-view", entry.isIntersecting);
14930                entry.target.toggleAttribute("inert", !entry.isIntersecting);
14931                marker?.setAttribute("aria-current", entry.isIntersecting);
14932                marker?.setAttribute("tabindex", entry.isIntersecting ? "0" : "-1");
14933            });
14934            const { isAtStart, isAtEnd, hasNoOverflow } = this.getInViewItems();
14935            this.navBtns.forEach((btn) => {
14936                if (btn.hasAttribute("data-next")) {
14937                    btn.style.visibility = hasNoOverflow ? "hidden" : null;
14938                    isAtEnd && !this.useLoop ? btn.setAttribute("disabled", "") : btn.removeAttribute("disabled");
14939                }
14940                if (btn.hasAttribute("data-prev")) {
14941                    btn.style.visibility = hasNoOverflow ? "hidden" : null;
14942                    isAtStart && !this.useLoop ? btn.setAttribute("disabled", "") : btn.removeAttribute("disabled");
14943                }
14944            });
14945            if (this.pager) {
14946                const hidePager = hasNoOverflow && !this.forcePager;
14947                this.pager.style.visibility = hidePager ? "hidden" : null;
14948                this.pager.toggleAttribute("inert", hidePager);
14949            }
14950            if (!this.initialLoad) {
14951                this.el.dispatchEvent(
14952                    new CustomEvent("slideChange", {
14953                        detail: this.getInViewItems()
14954                    })
14955                );
14956            } else {
14957                this.initialLoad = false;
14958            }
14959            if (document.activeElement.parentElement.hasAttribute("data-pager")) {
14960                const activeItems = this.pager.querySelectorAll('[tabindex="0"]');
14961                if (activeItems.length) {
14962                    activeItems[0].focus({ preventScroll: true });
14963                }
14964            }
14965        }
14966        getSlides() {
14967            if (!this.track) return [];
14968            return Array.from(this.track.children).filter(
14969                (child) => child.tagName.toLowerCase() !== "template" && child.tagName.toLowerCase() !== "style" && child.tagName.toLowerCase() !== "script" && child.style.display !== "none"
14970            );
14971        }
14972        refreshSlides() {
14973            this.initialLoad = true;
14974            this.slides = this.getSlides();
14975            this.setupSlides();
14976            if (this.useAutoPager) {
14977                this.createPager();
14978            } else {
14979                this.setupPager();
14980            }
14981            this.groupPagerMarkers();
14982            this.setupObservers();
14983        }
14984        setupSlides() {
14985            this.slides = this.getSlides();
14986            this.slides.forEach((slide, index) => {
14987                const totalSlides = this.slides.length;
14988                const currentSlide = index + 1;
14989                const existingLabel = slide.getAttribute("aria-label") || "";
14990                const isImage = slide.tagName.toLowerCase() === "img" || slide.tagName.toLowerCase() === "picture";
14991                const slideLabelTag = isImage ? "alt" : "aria-label";
14992                const hasAutoLabel = existingLabel.startsWith(
14993                    `${currentSlide} ${this.slideLabelSepparator} `
14994                );
14995                if (!slide.hasAttribute("id")) {
14996                    slide.setAttribute(
14997                        "id",
14998                        `${this.sliderId}-item-${currentSlide}`
14999                    );
15000                }
15001                if (!slide.hasAttribute(slideLabelTag) || slide.getAttribute(slideLabelTag) === "" || hasAutoLabel) {
15002                    slide.setAttribute(
15003                        slideLabelTag,
15004                        `${currentSlide} ${this.slideLabelSepparator} ${totalSlides}`
15005                    );
15006                }
15007                if (slide.tagName.toLowerCase() === "div" && !slide.hasAttribute("role")) {
15008                    slide.setAttribute("role", "group");
15009                }
15010                if (this.pager && !isImage) {
15011                    slide.setAttribute("role", "tabpanel");
15012                }
15013                if (slide.getAttribute("role") === "group") {
15014                    slide.setAttribute("aria-roledescription", "item");
15015                }
15016            });
15017            if (!this.el.hasAttribute("role") && this.el.tagName !== "SECTION") {
15018                this.el.setAttribute("role", "region");
15019            }
15020            if (!this.el.hasAttribute("aria-roledescription")) {
15021                this.el.setAttribute("aria-roledescription", "carousel");
15022            }
15023            if (!this.track.hasAttribute("tabindex")) {
15024                this.track.setAttribute("tabindex", 0);
15025            }
15026            this.track.setAttribute("aria-live", "polite");
15027        }
15028        setupNav() {
15029            this.navBtns.forEach((btn) => {
15030                btn.setAttribute("disabled", "");
15031                btn.removeAttribute("hidden");
15032                btn.classList.remove("invisible");
15033                btn.style.visibility = null;
15034            });
15035        }
15036        createPager() {
15037            const newPager = document.createElement("nav");
15038            newPager.setAttribute("data-pager", "");
15039            newPager.setAttribute("role", "tablist");
15040            newPager.classList.add(...this.pagerClasses.split(" "));
15041            this.slides.forEach((slide, index) => {
15042                const marker = document.createElement("button");
15043                const slideId = slide.id || `${this.sliderId}-item-${index + 1}`;
15044                marker.setAttribute(this.markerIdName, slideId);
15045                marker.classList.add(...this.markerClasses.split(" "));
15046                this.setupPagerMarker(marker, index);
15047                newPager.appendChild(marker);
15048                if (slide.tagName.toLowerCase() !== "img" && slide.tagName.toLowerCase() !== "picture") {
15049                    slide.removeAttribute("aria-roledescription");
15050                    slide.setAttribute("role", "tabpanel");
15051                }
15052            });
15053            if (this.pager) {
15054                this.pager.setAttribute("role", "tablist");
15055                this.pager.replaceChildren(...newPager.children);
15056            } else {
15057                this.track.after(newPager);
15058                this.pager = this.el.querySelector("[data-pager]");
15059            }
15060        }
15061        setupPager() {
15062            if (!this.pager) return;
15063            this.pager.setAttribute("role", "tablist");
15064            const items = Array.from(this.pager.querySelectorAll("a, button"));
15065            items.forEach((marker, index) => this.setupPagerMarker(marker, index));
15066        }
15067        setupPagerMarker(marker, index) {
15068            const markerId = marker.getAttribute("href")?.slice(1) || marker.getAttribute(this.markerIdName);
15069            const slideId = markerId || `${this.sliderId}-item-${index + 1}`;
15070            if (!markerId) {
15071                marker.setAttribute(this.markerIdName, slideId);
15072            }
15073            marker.setAttribute("role", "tab");
15074            marker.setAttribute("aria-controls", slideId);
15075            marker.setAttribute("aria-posinset", index + 1);
15076            marker.setAttribute("aria-setsize", this.slides.length);
15077            marker.setAttribute("tabindex", "-1");
15078            if (!marker.hasAttribute("aria-label")) {
15079                marker.setAttribute("aria-label", `Slide ${index + 1}`);
15080            }
15081        }
15082        setupObservers() {
15083            if (this.inViewObserver) {
15084                this.inViewObserver.disconnect();
15085            }
15086            this.inViewObserver = new IntersectionObserver(
15087                this.handleInView.bind(this), {
15088                    root: this.track,
15089                    threshold: 0.8
15090                }
15091            );
15092            this.slides.forEach((slide) => this.inViewObserver.observe(slide));
15093        }
15094        setupMutationObserver() {
15095            this.mutationObserver = new MutationObserver((mutations) => {
15096                if (mutations.some((m) => m.type === "childList" || m.target.parentElement === this.track)) {
15097                    this.refreshSlides();
15098                }
15099            });
15100            this.mutationObserver.observe(this.track, {
15101                childList: true,
15102                subtree: true,
15103                attributeFilter: ["style"]
15104            });
15105        }
15106        setupResizeObserver() {
15107            this.resizeObserver = new ResizeObserver(
15108                this.groupPagerMarkers.bind(this)
15109            );
15110            this.resizeObserver.observe(this.el);
15111        }
15112        goToSlideDir(dir = "next") {
15113            if (this.isNavigating) return;
15114            const { firstInViewSlide, lastInViewSlide } = this.getInViewItems();
15115            const isPrev = dir === "prev";
15116            const referenceSlide = isPrev ? firstInViewSlide : lastInViewSlide;
15117            const currentIndex = this.slides.indexOf(referenceSlide);
15118            let targetIndex = isPrev ? currentIndex - 1 : currentIndex + 1;
15119            if (targetIndex < 0 || targetIndex >= this.slides.length) {
15120                if (!this.useLoop) return;
15121                targetIndex = isPrev ? this.slides.length - 1 : 0;
15122            }
15123            const targetSlide = this.slides[targetIndex];
15124            if (!targetSlide) return;
15125            this.isNavigating = true;
15126            targetSlide.scrollIntoView({
15127                block: "nearest",
15128                inline: isPrev ? "end" : "start"
15129            });
15130        }
15131        pagerToSlide(event) {
15132            if (!event.target.closest("[data-pager]")) return;
15133            const marker = event.target.closest("a, button");
15134            if (!marker) return;
15135            event.preventDefault();
15136            const slideId = marker.getAttribute("href")?.slice(1) || marker.getAttribute(this.markerIdName);
15137            const targetSlide = this.track.querySelector(`#${slideId}`);
15138            targetSlide?.scrollIntoView({ block: "nearest", inline: "start" });
15139        }
15140        eventHandler(event) {
15141            const target = event.target.closest(
15142                "[data-next], [data-prev], [data-pager]"
15143            );
15144            if (!target) return;
15145            if (event.type === "click") {
15146                if (target.hasAttribute("data-next")) {
15147                    this.goToSlideDir("next");
15148                } else if (target.hasAttribute("data-prev")) {
15149                    this.goToSlideDir("prev");
15150                } else if (target.closest("[data-pager]")) {
15151                    this.pagerToSlide(event);
15152                }
15153            }
15154            if (event.type === "keydown" && target.closest("[data-pager]")) {
15155                if (event.key === "ArrowRight" || event.key === "ArrowDown") {
15156                    event.preventDefault();
15157                    this.goToSlideDir("next");
15158                } else if (event.key === "ArrowLeft" || event.key === "ArrowUp") {
15159                    event.preventDefault();
15160                    this.goToSlideDir("prev");
15161                }
15162            }
15163        }
15164    };
15165
15166    (() => {
15167        function alpineSnapSlider(Alpine) {
15168            Alpine.directive("snap-slider", (el, {
15169                modifiers
15170            }, {
15171                cleanup
15172            }) => {
15173                const slider = new SnapSlider(el, {
15174                    autoPager: modifiers.includes("auto-pager"),
15175                    groupPager: modifiers.includes("group-pager"),
15176                    loop: modifiers.includes("loop"),
15177                    forcePager: modifiers.includes("force-pager")
15178                });
15179                cleanup(() => {
15180                    slider.destroy();
15181                });
15182            });
15183        }
15184
15185        document.addEventListener("alpine:init", () => {
15186            window.Alpine.plugin(alpineSnapSlider);
15187        });
15188    })();</script>
vendor: 1 bytes, line 15188
15188
15189<script>
15190    (() => {
15191        
15192        function dialog_default(Alpine) {
15193            Alpine.directive("htmldialog", fylgjaAlpineDialog);
15194            function fylgjaAlpineDialog(el, { expression, modifiers }, { evaluateLater, cleanup }) {
15195            const evaluate = expression.length ? evaluateLater(expression) : () => {};
15196            const lockPageScroll = modifiers.includes("noscroll");
15197            const isModeless = modifiers.includes("modeless");
15198            const closeBy = el.getAttribute("closeby") || modifierValue(modifiers, "closeby", "closerequest");
15199            el.style.display = null;
15200            el.style.length === 0 && el.removeAttribute("style");
15201            if (el._x_isShown) {
15202                open();
15203            }
15204            const closeBySupported = (() => {
15205                return "closedBy" in HTMLDialogElement.prototype;
15206            })();
15207            function scrollLock(use = true) {
15208                document.body.style.overflow = use ? "hidden" : "";
15209            }
15210            function dialogSubmit(event) {
15211                if (event.target.getAttribute("method") === "dialog" || event.submitter?.getAttribute("formmethod") === "dialog") {
15212                event.preventDefault();
15213                evaluate();
15214                }
15215            }
15216            function escapeDialog(event) {
15217                if (event.key !== "Escape") return;
15218                event.preventDefault();
15219                if (closeBy === "none") return;
15220                evaluate();
15221            }
15222            function handleCloseByEvent(event) {
15223                if (event.target !== el) return;
15224                const rect = el.getBoundingClientRect();
15225                const isInDialog = rect.top <= event.clientY && event.clientY <= rect.top + rect.height && rect.left <= event.clientX && event.clientX <= rect.left + rect.width;
15226                if (!isInDialog) {
15227                if (closeBy === "any") {
15228                    if (closeBySupported) {
15229                    event.preventDefault();
15230                    }
15231                    evaluate();
15232                }
15233                }
15234            }
15235            function handleCloseEvent() {
15236                evaluate();
15237            }
15238            function open() {
15239                if (el.hasAttribute("open")) return;
15240                isModeless ? el.show() : el.showModal();
15241                scrollLock(lockPageScroll);
15242            }
15243            function close() {
15244                if (!el.hasAttribute("open")) return;
15245                el.close();
15246                scrollLock(false);
15247            }
15248            el._x_doShow = () => open();
15249            el._x_doHide = () => close();
15250            el.addEventListener("keydown", escapeDialog);
15251            el.addEventListener("submit", dialogSubmit);
15252            el.addEventListener("click", handleCloseByEvent);
15253            el.addEventListener("cancel", handleCloseEvent);
15254            cleanup(() => {
15255                el.removeEventListener("keydown", escapeDialog);
15256                el.removeEventListener("submit", dialogSubmit);
15257                el.removeEventListener("click", handleCloseByEvent);
15258                el.removeEventListener("cancel", handleCloseEvent);
15259                scrollLock(false);
15260            });
15261            }
15262        }
15263        function modifierValue(modifiers, key, fallback) {
15264            if (modifiers.indexOf(key) === -1) return fallback;
15265            const rawValue = modifiers[modifiers.indexOf(key) + 1];
15266            if (!rawValue) return fallback;
15267            if (key === "closeby") {
15268            const allowedValues = ["auto", "none", "closerequest", "any"];
15269            const options = allowedValues.join(", ");
15270            if (!allowedValues.includes(rawValue)) {
15271                console.warn(
15272                `"${rawValue}" is not one of the allowed values for closeby: ${options}`
15273                );
15274                return fallback;
15275            }
15276            }
15277            return rawValue;
15278        }
15279
15280        
15281        document.addEventListener("alpine:init", () => {
15282            window.Alpine.plugin(dialog_default);
15283        });
15284    })();</script>
vendor: 1 bytes, line 15284
15284
15285<script>
15286    (() => {
15287        function src_default(Alpine) {
15288            Alpine.directive("intersect", Alpine.skipDuringClone((el, { value, expression, modifiers }, { evaluateLater, cleanup }) => {
15289                let evaluate = evaluateLater(expression);
15290                let options = {
15291                    rootMargin: getRootMargin(modifiers),
15292                    threshold: getThreshold(modifiers)
15293                };
15294                let observer = new IntersectionObserver((entries) => {
15295                    entries.forEach((entry) => {
15296                        if (entry.isIntersecting === (value === "leave"))
15297                            return;
15298                        evaluate();
15299                        modifiers.includes("once") && observer.disconnect();
15300                    });
15301                }, options);
15302                observer.observe(el);
15303                cleanup(() => {
15304                    observer.disconnect();
15305                });
15306            }));
15307        }
15308        function getThreshold(modifiers) {
15309            if (modifiers.includes("full"))
15310                return 0.99;
15311            if (modifiers.includes("half"))
15312                return 0.5;
15313            if (!modifiers.includes("threshold"))
15314                return 0;
15315            let threshold = modifiers[modifiers.indexOf("threshold") + 1];
15316            if (threshold === "100")
15317                return 1;
15318            if (threshold === "0")
15319                return 0;
15320            return Number(`.${threshold}`);
15321        }
15322        function getLengthValue(rawValue) {
15323            let match = rawValue.match(/^(-?[0-9]+)(px|%)?$/);
15324            return match ? match[1] + (match[2] || "px") : void 0;
15325        }
15326        function getRootMargin(modifiers) {
15327            const key = "margin";
15328            const fallback = "0px 0px 0px 0px";
15329            const index = modifiers.indexOf(key);
15330            if (index === -1)
15331                return fallback;
15332            let values = [];
15333            for (let i = 1; i < 5; i++) {
15334                values.push(getLengthValue(modifiers[index + i] || ""));
15335            }
15336            values = values.filter((v) => v !== void 0);
15337            return values.length ? values.join(" ").trim() : fallback;
15338        }
15339
15340        document.addEventListener("alpine:init", () => {
15341            window.Alpine.plugin(src_default);
15342        });
15343    })();</script>
vendor: 1 bytes, line 15343
15343
15344<script>
15345    for (const [selector, deferUntil] of Object.entries({".product-slider section[x-data]:not([x-data] [x-data])":"intersect",".product-info [x-data]:not([x-data] [x-data])":"intersect","#filters-content [x-data]:not([x-data] [x-data])":"intersect","#review_form":"intersect","section[x-data^=initRecentlyViewedProductsComponent]":"intersect","div[x-data^=initBundleOptions]":"intersect","#product_addtocart_form [x-data]:not([x-data] [x-data])":"intersect","#notice-cookie-block":"idle"})) {
15346        document.querySelectorAll(selector).forEach(el => el.setAttribute('x-defer', `${deferUntil}`));
15347    }</script>
vendor: 1 bytes, line 15347
15347
15348<script>
15349    (() => {
15350        const hasAlpine = new Promise(resolve => {
15351            window.addEventListener('alpine:initialized', resolve, {once: true, passive: true});
15352        });
15353
15354        const hasInteract = new Promise(resolve => {
15355            (events => {
15356                const onInteract = () => {
15357                    resolve();
15358                    events.forEach(type => window.removeEventListener(type, onInteract));
15359                }
15360                events.forEach(type => window.addEventListener(type, onInteract, {once: true, passive: true}))
15361            })(['touchstart', 'mouseover', 'wheel', 'scroll', 'keydown'])
15362        });
15363
15364        const onIntersect = (el) => {
15365            return new Promise(resolve => {
15366                const observer = new IntersectionObserver(entries => {
15367                    for (const entry of entries) {
15368                        if (entry.isIntersecting) {
15369                            observer.disconnect()
15370                            resolve();
15371                        }
15372                    }
15373                }, {});
15374                observer.observe(el);
15375            });
15376        }
15377
15378        function runComponent(el) {
15379            hasAlpine.then(() => {
15380                el.removeAttribute('x-ignore');
15381                queueMicrotask(() => Alpine.initTree(el));
15382            });
15383        }
15384
15385        function initDeferredComponents() {
15386            document.querySelectorAll('[x-data][x-defer]').forEach(el => {
15387                el.setAttribute('x-ignore', '');
15388                const deferUntil = (el.getAttribute('x-defer') || '').trim();
15389                switch (deferUntil) {
15390                    case 'interact':
15391                        hasInteract.then(() => runComponent(el));
15392                        break;
15393                    case 'intersect':
15394                        onIntersect(el).then(() => runComponent(el))
15395                        break;
15396                    case 'idle':
15397                        window.requestIdleCallback
15398                            ? window.requestIdleCallback(() => runComponent(el), {timeout: 4000})
15399                            : setTimeout(() => runComponent(el), 4000);
15400                        break;
15401                    case 'eager':
15402                        runComponent(el);
15403                        break;
15404                    default:
15405                        if (deferUntil.startsWith('event:') && deferUntil.length > 6) {
15406                            window.addEventListener(deferUntil.substring(6), () => runComponent(el), {once: true, passive: true});
15407                        }
15408                }
15409            });
15410        }
15411
15412        window.addEventListener('alpine:init', initDeferredComponents, {once: true, passive: true});
15413    })();</script>
vendor: 1 bytes, line 15413
15413
15414<script type="module"
15415        src="https://www.hulpmiddelwereld.be/static/version1788849604/frontend/Hmw/default/nl_BE/Hyva_Theme/js/alpine3.min.js"
15416        defer
15417        crossorigin
15418></script>
vendor: 1 bytes, line 15418
15418
15419<script>
15420    function dispatchMessages(messages, hideAfter) {
15421        const messagesEvent = new CustomEvent("messages-loaded", {
15422            detail: {
15423                messages: messages,
15424                hideAfter: hideAfter
15425            }
15426        });
15427        window.dispatchEvent(messagesEvent);
15428    }
15429
15430     if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) {
15431        console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script");
15432    }
15433
15434    (function( hyva, undefined ) {
15435
15436        hyva.initFormKey = () => {
15437            if (typeof hyva.getFormKey !== 'function') return;
15438
15439            const formKey = hyva.getFormKey();
15440            if (!formKey) return;
15441
15442            document.querySelectorAll('input[name="form_key"]').forEach((input) => {
15443                input.value = formKey;
15444            });
15445        }
15446
15447        hyva.initMessages = () => {
15448            try {
15449                const messages = hyva.getCookie('mage-messages');
15450                window.mageMessages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : [];
15451
15452                dispatchMessages(window.mageMessages);
15453
15454                 const skipSetDomain = true;
15455                hyva.setCookie('mage-messages','', -1, skipSetDomain);
15456
15457            } catch (error) {
15458                console.warn('Error parsing Cookie Messages:', error);
15459            }
15460        }
15461
15462        window.addEventListener('DOMContentLoaded', hyva.initFormKey);
15463
15464        window.addEventListener('pageshow', (event) => {
15465            if (event.persisted) {
15466                hyva.initFormKey();
15467            }
15468        });
15469
15470        hyva.alpineInitialized(hyva.initMessages)
15471    }( window.hyva = window.hyva || {} ));</script>
vendor: 1 bytes, line 15471
15471
15472<script>
15473    (() => {
15474        const private_content_key = 'mage-cache-storage';
15475        const private_content_expire_key = 'mage-cache-timeout';
15476        const private_content_version_key = 'private_content_version';
15477        const section_data_ids_key = 'section_data_ids';
15478        const mage_cache_session_id_key = 'mage-cache-sessid';
15479        const last_visited_store_key = 'last_visited_store';
15480
15481        const ttl = 3600;
15482
15483         if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) {
15484            console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script");
15485        }
15486
15487        function loadSectionData () {
15488            const browserStorage = hyva.getBrowserStorage();
15489            if (!browserStorage) {
15490                typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
15491                    [{
15492                        type: "warning",
15493                        text: "Schakel LocalStorage in je browser in."
15494                    }]
15495                );
15496                return;
15497            }
15498            try {
15499                let isInvalid = false;
15500
15501                 if (hyva.getCookie(last_visited_store_key) !== CURRENT_STORE_CODE) {
15502                    isInvalid = true;
15503                }
15504                hyva.setCookie(last_visited_store_key, CURRENT_STORE_CODE, false, false);
15505
15506                 if (!hyva.getCookie(mage_cache_session_id_key)) {
15507                    isInvalid = true;
15508                    browserStorage.removeItem(private_content_key);
15509                    const skipSetDomain = true;
15510                    const days = false;
15511                    hyva.setCookie(mage_cache_session_id_key, true, days, skipSetDomain)
15512                }
15513
15514                const cookieVersion = hyva.getCookie(private_content_version_key);
15515                const storageVersion = browserStorage.getItem(private_content_version_key);
15516
15517                if (cookieVersion && !storageVersion || cookieVersion !== storageVersion) {
15518                    isInvalid = true;
15519                }
15520
15521                const privateContentExpires = browserStorage.getItem(private_content_expire_key);
15522                if (privateContentExpires && new Date(privateContentExpires) < new Date()) {
15523                    browserStorage.removeItem(private_content_key);
15524                }
15525
15526                if (isInvalid && cookieVersion) {
15527                    fetchPrivateContent([]);
15528                } else if (cookieVersion && storageVersion && cookieVersion === storageVersion) {
15529                    const privateContent = JSON.parse(browserStorage.getItem(private_content_key));
15530                    if (
15531                        privateContent &&
15532                        privateContentExpires &&
15533                        privateContent.cart &&
15534                        privateContent.customer
15535                    ) {
15536                        dispatchPrivateContent(privateContent);
15537                    } else {
15538                        fetchPrivateContent([]);
15539                    }
15540                } else {
15541                    if (document.getElementById('default-section-data')) {
15542                        const privateContent = JSON.parse(document.getElementById('default-section-data').textContent.trim());
15543                        dispatchPrivateContent(privateContent);
15544                    } else {
15545                        dispatchPrivateContent({});
15546                    }
15547                }
15548
15549            } catch (error) {
15550                console.warn('Error retrieving Private Content:', error);
15551            }
15552        }
15553
15554        hyva.alpineInitialized(loadSectionData)
15555        window.addEventListener('reload-customer-section-data', loadSectionData);
15556
15557         window.processSectionDataBeforeDispatch = window.processSectionDataBeforeDispatch || (data => data);
15558
15559        function dispatchPrivateContent(data) {
15560
15561            const privateContentEvent = new CustomEvent("private-content-loaded", {
15562                detail: {
15563                    data: window.processSectionDataBeforeDispatch(data)
15564                }
15565            });
15566            window.dispatchEvent(privateContentEvent);
15567        }
15568
15569         function fetchPrivateContent(sections) {
15570            fetch(`${BASE_URL}customer/section/load/?sections=${encodeURIComponent(sections.join(','))}`, {
15571                method: 'GET',
15572                headers: {
15573                    'Content-Type': 'application/json',
15574                    'X-Requested-With': 'XMLHttpRequest'
15575                }
15576            })
15577                .then(response => response.ok && response.json())
15578                .then(
15579                    data => {
15580                        if (data) {
15581                            try {
15582                                const browserStorage = hyva.getBrowserStorage();
15583
15584                                
15585                                const oldSectionData = JSON.parse(browserStorage.getItem(private_content_key) || '{}') || {};
15586
15587                                 if ((! data.cart || ! data.cart.cartId) && oldSectionData['checkout-data']) {
15588                                    delete oldSectionData['checkout-data'];
15589                                }
15590                                const newSectionData = Object.assign(oldSectionData, data);
15591
15592                                dispatchPrivateContent(newSectionData);
15593
15594                                
15595                                if (newSectionData.messages && newSectionData.messages.messages ) {
15596                                    newSectionData.messages.messages = [];
15597                                }
15598
15599                                browserStorage.setItem(private_content_key, JSON.stringify(newSectionData));
15600
15601                                const expiresAt = new Date(Date.now() + (ttl * 1000)).toISOString();
15602                                browserStorage.setItem(private_content_expire_key, expiresAt);
15603
15604                                const newCookieVersion = hyva.getCookie(private_content_version_key);
15605                                browserStorage.setItem(private_content_version_key, newCookieVersion);
15606
15607                                
15608                                
15609                                hyva.setCookie(
15610                                    section_data_ids_key,
15611                                    JSON.stringify(
15612                                        Object.keys(data).reduce((sectionDataIds, sectionKey) => {
15613                                            sectionDataIds[sectionKey] = data[sectionKey]['data_id'];
15614                                            return sectionDataIds;
15615                                        }, {})
15616                                    ),
15617                                    false,
15618                                    true
15619                                );
15620                            } catch (error) {
15621                                console.warn("Couldn't store privateContent", error);
15622                            }
15623                        }
15624                    }
15625                )
15626                .catch(error => {
15627                    console.warn("Couldn't fetch privateContent", error);
15628                });
15629        }
15630    })();</script>
vendor: 1 bytes, line 15630
15630
15631<script>
15632    (() => {
15633        document.addEventListener('submit', event => event.target.action = event.target.action.replace('%25uenc%25', hyva.getUenc()));
15634    })()</script>
vendor: 1 bytes, line 15634
15634
15635<script>
15636    (events => {
15637        const dispatchUserInteractionEvent = () => {
15638            events.forEach(type => window.removeEventListener(type, dispatchUserInteractionEvent))
15639            window.dispatchEvent(new Event('init-external-scripts'))
15640        };
15641        events.forEach(type => window.addEventListener(type, dispatchUserInteractionEvent, {once: true, passive: true}))
15642    })(['touchstart', 'mousemove', 'wheel', 'scroll', 'keydown']);</script>
vendor: 1 bytes, line 15642
15642
15643<script>
15644    function initConfigurableOptions(productId, optionConfig) {
15645
15646        function findPathParam(key) {
15647                        const baseUrl = (BASE_URL.substring(0, 2) === '//' ? 'http:' : '') + BASE_URL;
15648            const baseUrlParts = (new URL(baseUrl)).pathname.replace(/\/$/, '').split('/');
15649            const pathParts = window.location.pathname.split('/').slice(baseUrlParts.length + 3);
15650            for (let i = 0; i < pathParts.length; i += 2) {
15651                if (pathParts[i] === key && pathParts.length > i) {
15652                    return pathParts[i + 1];
15653                }
15654            }
15655        }
15656
15657        return {
15658            optionConfig,
15659            productId,
15660            itemId: (new URLSearchParams(window.location.search)).get('id') || findPathParam('id'),
15661            allowedAttributeOptions: [],
15662            selectedValues: [],
15663            init() {
15664                this.findAllowedAttributeOptions();
15665                this.$nextTick(() => {
15666                    if (typeof this.optionConfig.defaultValues === 'object') {
15667                        for (const [attributeId, value] of Object.entries(this.optionConfig.defaultValues)) {
15668                            this.changeOption(attributeId, value + '');
15669                        }
15670                    }
15671                    this.preselectQuerystringItems();
15672                    this.preselectLocationHashItems();
15673                });
15674            },
15675            productIndex: 0,
15676            productIndexForPrice: 0,
15677            optionIsActive(attributeId, optionId) {
15678                                return !!this.getAllowedAttributeOptions(attributeId).find(
15679                    option => option.id === optionId
15680                )
15681            },
15682            optionIsEnabled(attributeId, optionId) {
15683                                for (const productId in this.optionConfig.index) {
15684                    if (this.optionConfig.index[productId][attributeId] === optionId) {
15685                        return true;
15686                    }
15687                }
15688                return false;
15689            },
15690            findSimpleIndex() {
15691                                this.productIndex = this.calculateSimpleIndexForPartialSelection(this.selectedValues);
15692                this.productIndexForPrice = this.findCheapestProductForPartialSelection(this.selectedValues);
15693            },
15694            calculateSimpleIndexForPartialSelection(selectedValues) {
15695                if (selectedValues.length === 0) return 0;
15696                return this.findProductIdsForPartialSelection(selectedValues)[0];
15697            },
15698            calculateSimpleIndexForFullSelection(selectedValues) {
15699                if (! this.isFullSelection(selectedValues)) return false;
15700
15701                const productIndexes = this.optionConfig.index;
15702                return Object.keys(productIndexes).find(productIndex => {
15703                    const productCandidateOptions = productIndexes[productIndex];
15704
15705                    for (const productOption in productCandidateOptions) {
15706                        if (
15707                            !selectedValues[productOption] ||
15708                            selectedValues[productOption] !== productCandidateOptions[productOption]
15709                        ) {
15710                            return false;
15711                        }
15712                    }
15713                    return productIndex;
15714                });
15715            },
15716            findAllowedAttributeOptions() {
15717                                this.allowedAttributeOptions = this.calculateAllowedAttributeOptions(this.selectedValues);
15718            },
15719            calculateAllowedAttributeOptions(selectedValues) {
15720                const allAttributes = this.optionConfig.attributes;
15721                const allAttributesSorted = Object.values(allAttributes).sort((a,b) => {
15722                    return a.position - b.position
15723                });
15724
15725                const newAllowedAttributeOptions = [];
15726
15727                allAttributesSorted.forEach(attribute => {
15728                    const selectionWithoutAttr = Object.assign({}, this.removeAttrFromSelection(selectedValues, attribute.id));
15729                    const availableIndexes = this.calculateAvailableProductIndexes(selectionWithoutAttr);
15730                    newAllowedAttributeOptions[attribute.id] = allAttributes[attribute.id].options.filter(option => {
15731                        return !!option.products.find(product => {
15732                            return availableIndexes.includes(product);
15733                        })
15734                    });
15735                });
15736                return newAllowedAttributeOptions;
15737            },
15738            calculateAvailableProductIndexes(selectedOptions) {
15739                if (Object.keys(selectedOptions).length === 0) {
15740                                        if (Object.values(this.optionConfig.salable || {}).length) {
15741                                                return [].concat.apply([], [].concat.apply([], Object.values(this.optionConfig.salable).map(Object.values))).filter((x, i, a) => a.indexOf(x) === i)
15742                    }
15743                                        return Object.keys(this.optionConfig.index);
15744                }
15745
15746                                const selectedIds = Object.keys(selectedOptions);
15747                if (Object.values(this.optionConfig.salable || {}).length) {
15748                                        const selectedOptionIndexes = selectedIds.map(attrId => {
15749                        const optionValue = selectedOptions[attrId];
15750                        return this.optionConfig.salable[attrId] && this.optionConfig.salable[attrId][optionValue] || []
15751                    })
15752                                        return selectedOptionIndexes.reduce((acc, optionIndexes) => {
15753                        return acc.filter(index => optionIndexes.includes(index));
15754                    });
15755                } else {
15756                                        const productIndexes = this.optionConfig.index;
15757                    return Object.keys(productIndexes).filter(index => {
15758                                                for (const attrId of selectedIds) {
15759                            if (productIndexes[index][attrId] !== `${selectedOptions[attrId]}`) return false
15760                        }
15761                        return true
15762                    });
15763                }
15764            },
15765            findAttributeByOptionId(optionId) {
15766                for (const attributeId in this.optionConfig.attributes) {
15767                    const attributeOptions = this.optionConfig.attributes[attributeId].options || [];
15768                    if (attributeOptions.find(option => option.id === optionId)) {
15769                        return attributeId;
15770                    }
15771                }
15772            },
15773            getAllowedAttributeOptions(attributeId) {
15774                return this.allowedAttributeOptions[attributeId] || []
15775            },
15776            getAllAttributeOptions(attributeId) {
15777                return (
15778                    this.optionConfig.attributes[attributeId] &&
15779                    this.optionConfig.attributes[attributeId].options
15780                ) || []
15781            },
15782            getProductIdsForOption(option) {
15783                const attributeId = this.findAttributeByOptionId(option.id);
15784                const allOptions = this.optionConfig.attributes[attributeId];
15785                const opt = (allOptions && allOptions.options || []).find(o => o.id === option.id);
15786                return opt && opt.products
15787                    ? opt.products
15788                    : [];
15789            },
15790            findProductIdsForPartialSelection(optionSelection) {
15791                const candidateProducts = Object.values(optionSelection).reduce((candidates, optionId) => {
15792                    const newCandidates = this.getProductIdsForOption({id: optionId});
15793                    return candidates === null
15794                        ? newCandidates
15795                        : candidates.filter(productId => newCandidates.includes(productId));
15796                }, null);
15797                return candidateProducts || [];
15798            },
15799            findCheapestProductForPartialSelection(optionSelection) {
15800                const candidateProducts = this.findProductIdsForPartialSelection(optionSelection);
15801                return candidateProducts.reduce((cheapest, simpleIdx) => {
15802                    // in the first iteration we start with simpleIdx as the currently cheapest product
15803                    if (! this.optionConfig.optionPrices[cheapest]) return simpleIdx;
15804                    const knownCheapestPrice = this.optionConfig.optionPrices[cheapest].finalPrice.amount;
15805                    return knownCheapestPrice > this.optionConfig.optionPrices[simpleIdx].finalPrice.amount
15806                        ? simpleIdx
15807                        : cheapest;
15808                }, 0)
15809            },
15810            findProductIdToUseForOptionPrice(option) {
15811                // try to find a product for a complete selection
15812                const attributeId = this.findAttributeByOptionId(option.id);
15813                const optionSelection = Object.assign({}, this.selectedValues, {[attributeId]: option.id});
15814                const matchingSimpleIndex = this.calculateSimpleIndexForFullSelection(optionSelection);
15815                // if there is no complete selection, use the cheapest product for the option
15816                return matchingSimpleIndex || this.findCheapestProductForPartialSelection(optionSelection);
15817            },
15818            getAttributeOptionLabel(option) {
15819                const optionProduct = this.findProductIdToUseForOptionPrice(option);
15820
15821                if ((! optionProduct) || (optionProduct === this.productIndexForPrice)) {
15822                    return option.label;
15823                }
15824
15825                const currentPrice = this.getOptionPriceAdjustmentBasePrice();
15826
15827                if (this.optionConfig.optionPrices[optionProduct]) {
15828                    const optionPrice = this.optionConfig.optionPrices[optionProduct].finalPrice.amount;
15829                    if (optionPrice !== currentPrice){
15830                        return option.label + ' ' + hyva.formatPrice(optionPrice - currentPrice, true);
15831                    }
15832                }
15833                return option.label;
15834            },
15835            getOptionPriceAdjustmentBasePrice() {
15836                if (this.optionConfig.optionPrices[this.productIndexForPrice]) {
15837                    return this.optionConfig.optionPrices[this.productIndexForPrice].finalPrice.amount
15838                }
15839                return this.optionConfig.prices.finalPrice.amount; // default price if no option selection
15840            },
15841            clearOptionIfActive(optionId, value) {
15842                if (this.selectedValues[optionId] === value) {
15843                    this.blurLabel()
15844                    this.changeOption(optionId, '')
15845                }
15846            },
15847            removeAttrFromSelection(selectedValues, attributeId) {
15848                                attributeId = parseInt(attributeId);
15849                return selectedValues.reduce((newSelection, val, attr) => {
15850                    if (attr !== attributeId) {
15851                        newSelection[attr] = val;
15852                    }
15853                    return newSelection;
15854                }, []);
15855            },
15856            changeOption(attributeId, value) {
15857                if (value === '') {
15858                    this.selectedValues = this.removeAttrFromSelection(this.selectedValues, attributeId)
15859                } else if (value && this.getAllowedAttributeOptions(attributeId).find(option => option.id === value)) {
15860                                        this.selectedValues[attributeId] = value;
15861                }
15862                this.findSimpleIndex();
15863                this.findAllowedAttributeOptions();
15864                this.updatePrices();
15865                this.updateGallery();
15866
15867                const candidates = this.findProductIdsForPartialSelection(this.selectedValues);
15868
15869                                window.dispatchEvent(
15870                    new CustomEvent(
15871                        'configurable-selection-changed',
15872                        {
15873                            detail: {
15874                                productId: this.productId,
15875                                optionId: attributeId,
15876                                value: value,
15877                                productIndex: this.productIndex,
15878                                selectedValues: this.selectedValues,
15879                                candidates: candidates,
15880                                skuCandidates: Object.values(candidates).map(id =>
15880 this.optionConfig.sku?.[id] ?? null).filter(Boolean),
15881                            }
15882                        }
15883                    )
15884                );
15885            },
15886            calculateIsMinimalPrice() {
15887                return ! this.isFullSelection(this.selectedValues);
15888            },
15889            isFullSelection(selectedValues) {
15890                return Object.values(selectedValues).length === Object.keys(this.optionConfig.attributes).length;
15891            },
15892            updatePrices() {
15893                const value = this.optionConfig.optionPrices[this.productIndexForPrice] || this.optionConfig.prices;
15894                window.dispatchEvent(
15895                    new CustomEvent(
15896                        "update-prices-" + this.productId,
15897                        {
15898                            detail: Object.assign(
15899                                value,
15900                                { isMinimalPrice: this.calculateIsMinimalPrice() }
15901                            )
15902                        }
15903                    )
15904                );
15905            },
15906            updateGallery () {
15907                if (this.productIndex) {
15908                    const images = this.optionConfig.images[this.productIndex];
15909                    images && window.dispatchEvent(new CustomEvent(
15910                        "update-gallery",
15911                        { detail: this.sortImagesByPosition(images) }
15912                    ));
15913                } else {
15914                    window.dispatchEvent(new Event("reset-gallery"));
15915                }
15916            },
15917            sortImagesByPosition(images) {
15918                return images.sort((x, y) => {
15919                    return x.position === y.position ? 0 : (parseInt(x.position) > parseInt(y.position) ? 1 : -1)
15920                });
15921            },
15922            onGetCartData(data) {
15923                            },
15924            preselectCartItems(data) {
15925                // pre-select options based on cart data for current (quote) itemId
15926                const cart = data && data.cart;
15927                if (cart && cart.items) {
15928                    const cartItem = cart.items.find((item) => {
15929                        return (
15930                            item.item_id === this.itemId
15931                            && item.product_id === this.productId
15932                        )
15933                    });
15934                    if (cartItem && cartItem.options && cartItem.options.length) {
15935                        cartItem.options.map(option => {
15936                            this.changeOption(option.option_id, option.option_value);
15937                        })
15938                    }
15939                }
15940            },
15941            preselectQuerystringItems() {
15942                // pre-select option like ?size=167
15943                const urlQueryParams = new URLSearchParams(window.location.search.replace('?',''));
15944                this.preselectItemsBasedOnLocation(attribute => urlQueryParams.get(attribute.code));
15945            },
15946            preselectLocationHashItems() {
15947                // pre-select option like #144=167
15948                const urlHashParams = new URLSearchParams(window.location.hash.replace('#',''));
15949                this.preselectItemsBasedOnLocation(attribute => urlHashParams.get(attribute.id));
15950            },
15951            preselectItemsBasedOnLocation(getLocationValue) {
15952                Object.values(this.optionConfig.attributes).map(attribute => {
15953                    const v = getLocationValue(attribute);
15954                    v && this.changeOption(attribute.id, v)
15955                });
15956            }
15957        }
15958    }
15959</script>
vendor: 1 bytes, line 15959
15959
15960<script>
15961    function initSwatchOptions(swatchConfig) {
15962        return {
15963            swatchConfig,
15964            getAttributeSwatchData(attributeId) {
15965                const swatchConfig = Object.assign({}, this.swatchConfig[attributeId]);
15966                swatchConfig['details'] = JSON.parse(swatchConfig['additional_data']);
15967
15968                return swatchConfig;
15969            },
15970            mapSwatchTypeNumberToTypeCode(typeNumber) {
15971                switch ("" + typeNumber) {
15972                    case "1":
15973                        return "color"
15974                    case "2":
15975                        return "image"
15976                    case "3":
15977                        return "empty"
15978                    case "0":
15979                    default:
15980                        return "text"
15981                }
15982            },
15983            getTypeOfFirstOption(attributeId) {
15984                for (const optionId in this.swatchConfig[attributeId]) {
15985                    const option = this.swatchConfig[attributeId][optionId];
15986                    if (typeof option.type !== 'undefined') {
15987                        return this.mapSwatchTypeNumberToTypeCode(option.type);
15988                    }
15989                }
15990            },
15991            getVisualSwatchType(attributeId, targetOptionId) {
15992                // If a type configuration is present for the given option id, use it
15993                const config = this.swatchConfig[attributeId];
15994                if (config[targetOptionId] && typeof config[targetOptionId].type !== 'undefined') {
15995                    return this.mapSwatchTypeNumberToTypeCode(config[targetOptionId].type);
15996                }
15997
15998                // Otherwise - if no config is present for the target option - use the type of the first option
15999                // with a type property from the attribute, thus assuming its the same type as the target option.
16000                // (This edge case condition can occur on single swatch products if some options are not salable)
16001                return this.getTypeOfFirstOption(attributeId);
16002            },
16003            getSwatchType(attributeId, optionId) {
16004                // Deserialize the attribute details the first time they are used
16005                if (this.swatchConfig[attributeId] && ! this.swatchConfig[attributeId].details) {
16006                    this.swatchConfig[attributeId] = this.getAttributeSwatchData(attributeId);
16007                }
16008                const type =  this.swatchConfig[attributeId] &&
16009                    this.swatchConfig[attributeId].details &&
16010                    this.swatchConfig[attributeId].details.swatch_input_type ||
16011                    "empty";
16012                return type === 'visual' ? this.getVisualSwatchType(attributeId, optionId) : type;
16013            },
16014            isTextSwatch(attributeId, optionId) {
16015                return this.getSwatchType(attributeId, optionId) === 'text';
16016            },
16017            isVisualSwatch(attributeId, optionId) {
16018                const type = this.getSwatchType(attributeId, optionId);
16019
16020                return ['image', 'color'].includes(type);
16021            },
16022            getSwatchBackgroundStyle(attributeId, optionId) {
16023                const config = this.getSwatchConfig(attributeId, optionId);
16024                const type = this.getSwatchType(attributeId, optionId);
16025
16026                if (type === "color") {
16027                        return 'background-color:' + config.value;
16028                } else if (type === "image") {
16029                        return "background: #fff url('" + config.value + "') no-repeat center";
16030                } else {
16031                    return '';
16032                }
16033            },
16034            getSwatchText(attributeId, optionId) {
16035                const config = this.getSwatchConfig(attributeId, optionId);
16036                return config.label || config.value || this.getOptionLabelFromOptionConfig(attributeId, optionId);
16037            },
16038            getOptionLabelFromOptionConfig(attributeId, optionId) {
16039                // Fallback if no value is present in swatchConfig data
16040                // Reference issue https://gitlab.hyva.io/hyva-themes/magento2-default-theme/-/issues/190
16041                const option = this.getAllAttributeOptions(attributeId).filter(option => option.id === optionId);
16042                return option && option[0] && option[0].label ||'';
16043            },
16044            getSwatchConfig(attributeId, optionId) {
16045                return this.swatchConfig[attributeId] && this.swatchConfig[attributeId][optionId]
16046                    ? this.swatchConfig[attributeId][optionId]
16047                    : false;
16048            },
16049            activeTooltipItem: false,
16050            tooltipPositionElement: false,
16051            isTooltipVisible() {
16052                return this.activeTooltipItem &&
16053                    this.getSwatchConfig(
16054                        this.activeTooltipItem.attribute,
16055                        this.activeTooltipItem.item
16056                    );
16057            },
16058            isFirstItemCol() {
16059                return this.activeTooltipItem.index === 0;
16060            },
16061            getTooltipImageStyle(attributeId, optionId) {
16062                const config = this.getSwatchConfig(attributeId, optionId);
16063                const type = this.getSwatchType(attributeId, optionId);
16064
16065                if (type === "color") {
16066                    return 'background-color:' + config.value + '; width: 110px; height: 90px;';
16067                } else if (type === "image") {
16068                    return "background: #ffffff url('" + config.thumb +
16069                        "') center center no-repeat; width: 110px; height: 90px;";
16070                } else {
16071                    return 'display:none';
16072                }
16073            },
16074            getTooltipPosition() {
16075                return this.tooltipPositionElement ?
16076                    `top: ${this.tooltipPositionElement.offsetTop}px;` +
16077                    `left: ${
16078                        this.tooltipPositionElement.offsetLeft - (
16079                            this.tooltipPositionElement.closest('.snap') &&
16080                            this.tooltipPositionElement.closest('.snap').scrollLeft ||
16081                            0
16082                        )
16083                    }px;` : ''
16084            },
16085            getTooltipLabel() {
16086                return this.getSwatchConfig(this.activeTooltipItem.attribute, this.activeTooltipItem.item).label
16087            },
16088            focusedLabel: false,
16089            focusLabel(optionId) {
16090                this.focusedLabel = optionId;
16091            },
16092            blurLabel() {
16093                this.focusedLabel = false;
16094            }
16095        }
16096    }
16097</script>
vendor: 1 bytes, line 16097
16097
16098<script>
16099document.addEventListener('alpine:initialized', () => {
16100  if (!areCookieServicesAllowed()) {
16101    Alpine
16102      .store('modals')
16103      .show('cookie.notice')
16104  }
16105})</script>
vendor: 1 bytes, line 16105
16105
16106<script>
16107  'use strict'
16108
16109  function initDatalayerMessages () {
16110    return {
16111      dispatched: false,
16112      queue: [],
16113      dispatch () {
16114        if (!this.dispatched && window.dataLayer) {
16115          addGa4Message({
16116            event: 'consent_update',
16117            data: getConsentForDataLayer(getConsentConfiguration())
16118          })
16119
16120          if (hasConsent('marketing')) {
16121            for (const message of []) {
16122              addGa4Message(message, this.populateMessage)
16123            }
16124            for (const messageMap of this.queue) {
16125              addGa4Message(messageMap.message, messageMap.processor)
16126            }
16127            this.dispatched = true
16128          }
16129        }
16130      },
16131      populateMessage (message) {
16132        for (const key in message.ecommerce && message.ecommerce.items ? message.ecommerce.items : []) {
16133          const item = message.ecommerce.items[key]
16134          if (!item.item_list_id || !item.item_list_name) {
16135            const ga4Item = getGa4ItemFromStorage(
16136              message.ecommerce.items[key].item_id,
16137              message.event === 'view_item' || message.event === 'add_to_cart'
16138                ? 'ga4_list_info_click'
16139                : 'ga4_list_info_cart'
16140            )
16141
16142            if (!ga4Item) {
16143              continue
16144            }
16145
16146            item.item_list_id = ga4Item.item_list_id
16147            item.item_list_name = ga4Item.item_list_name
16148
16149            if (message.event === 'add_to_cart') {
16150              writeGa4ItemToStorage(item, 'ga4_list_info_cart')
16151            }
16152          }
16153        }
16154      },
16155      asyncEventListeners: {
16156        ['@user-consent.window'] () {
16157          this.dispatch()
16158        },
16159        ['@private-content-loaded.window'] (e) {
16160          if (e.detail.data
16161            && e.detail.data.datalayer_messages
16162            && Array.isArray(e.detail.data.datalayer_messages.messages)
16163            && e.detail.data.datalayer_messages.messages.length > 0
16164          ) {
16165            for (const message of e.detail.data.datalayer_messages.messages) {
16166              if (!this.dispatched) {
16167                this.queue.push({ message, processor: this.populateMessage })
16168              } else {
16169                addGa4Message(message, this.populateMessage)
16170              }
16171            }
16172
16173            
16174            e.detail.data.datalayer_messages.messages = []
16175          }
16176        },
16177      }
16178    }
16179  }
16180  window.addEventListener(
16181    'alpine:init',
16182    () => Alpine.data('initDatalayerMessages', initDatalayerMessages),
16183    { once: true }
16184  )</script>
vendor: 1 bytes, line 16184
16184
16185<script>
16186  function getGa4ItemFromStorage (id, key) {
16187    const storage = JSON.parse(localStorage.getItem(key) || '{}')
16188
16189    return storage[id] || null
16190  }
16191
16192  function writeGa4ItemToStorage (item, key) {
16193    if (!window.dataLayer || !key || !item.item_list_id || !item.item_list_name) {
16194      return
16195    }
16196
16197    try {
16198      const storage = JSON.parse(localStorage.getItem(key) || '{}')
16199      storage[item.item_id] = {
16200        item_list_id: item.item_list_id,
16201        item_list_name: item.item_list_name
16202      }
16203      localStorage.setItem(key, JSON.stringify(storage))
16204    } catch (e) {
16205      console.error(e)
16206    }
16207  }
16208
16209  function purgeGa4ItemStorage () {
16210    localStorage.setItem('ga4_list_info_click', JSON.stringify({}))
16211    localStorage.setItem('ga4_list_info_cart', JSON.stringify({}))
16212  }</script>
vendor: 1 bytes, line 16212
16212
16213<script>
16214  function itemClick (e, sku, listId) {
16215    const clickableElements = ['BUTTON', 'A', 'IMG']
16216    if (!clickableElements.includes(e.target.tagName)
16217      && !clickableElements.includes(e.target.parentElement.tagName)
16218    ) {
16219      return
16220    }
16221
16222    const listEntries = dataLayer.filter(
16223      entry => (entry.event === 'view_item_list' || entry.event === 'view_promotion')
16224        && entry.ecommerce
16225        && Array.isArray(entry.ecommerce.items)
16226    )
16227
16228    if (listEntries.length === 0) {
16229      return
16230    }
16231
16232    let itemMatch, eventMatch
16233    for (const listEntry of listEntries) {
16234      for (const item of listEntry.ecommerce.items) {
16235        if (item.item_id === sku
16236          && item.item_list_id === listId
16237        ) {
16238          itemMatch = { ...item }
16239          eventMatch = listEntry.event
16240          break
16241        }
16242      }
16243    }
16244
16245    if (!itemMatch || !eventMatch) {
16246      return
16247    }
16248
16249    addGa4Message({
16250      event: eventMatch === 'view_promotion'
16251        ? 'select_promotion'
16252        : 'select_item',
16253      ecommerce: { items: [itemMatch] }
16254    })
16255    writeGa4ItemToStorage(itemMatch, 'ga4_list_info_click')
16256  }</script>
vendor: 1 bytes, line 16256
16256
16257<script>
16258  function promoClick (e, name) {
16259    const promotionMatch = dataLayer.filter(message =>
16260      message.event === 'view_promotion'
16261        && message['creative_slot'] === name
16262    )[0]
16263
16264    if (promotionMatch === undefined) {
16265      return
16266    }
16267
16268    addGa4Message({
16269      ...promotionMatch,
16270      event: 'select_promotion'
16271    })
16272  }</script>
vendor: 1 bytes, line 16272
16272
16273<script>
16274  function addGa4Message (
16275    message,
16276    processor
16277  ) {
16278    if (typeof processor === 'function') {
16279      processor(message)
16280    }
16281    if (dataLayer.length > 1) {
16282      dataLayer.push({ ecommerce: null })
16283    }
16284
16285    dataLayer.push(message)
16286
16287    if (message.event === 'purchase') {
16288      purgeGa4ItemStorage()
16289    }
16290
16291    if (1) {
16292      console.info({ ...message })
16293      if (message && (message.event === 'select_promotion' || message.event === 'select_item')) {
16294        console.info(JSON.stringify(message))
16295      }
16296    }
16297  }
16298  window.addEventListener(
16299    'alpine:init',
16300    () => Alpine.data('addGa4Message', addGa4Message),
16301    { once: true }
16302  )</script>
vendor: 1 bytes, line 16302
16302
16303<script type="text/javascript">
16304    console.info({"@context":"https:\/\/schema.org","@graph":[{"@type":"Organization","url":"https:\/\/www.hulpmiddelwereld.be\/","name":"Hulpmiddelwereld","sameAs":["https:\/\/www.facebook.com\/hulpmiddelwereld","https:\/\/www.instagram.com\/hulpmiddelwereld","https:\/\/www.youtube.com\/channel\/UCIBb1kf9fmqcm56BfNd24rA"],"email":"[email protected]","logo":"https:\/\/www.hulpmiddelwereld.be\/media\/logo\/websites\/3\/logo_white_plus_be.png","telephone":"+31 (0) 50 799 5282","address":{"@type":"PostalAddress","addressCountry":"NL"},"vatID":"855272910B01","contactPoint":{"@type":"ContactPoint","contactType":"Customer Service","telephone":"+31 (0) 50 799 5282","email":"[email protected]","hoursAvailable":[{"@type":"OpeningHoursSpecification","dayOfWeek":"https:\/\/schema.org\/Monday","opens":"09:00","closes":"17:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https:\/\/schema.org\/Tuesday","opens":"09:00","closes":"17:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https:\/\/schema.org\/Wednesday","opens":"09:00","closes":"17:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https:\/\/schema.org\/Thursday","opens":"09:00","closes":"17:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https:\/\/schema.org\/Friday","opens":"09:00","closes":"17:00"}]}},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hulpmiddelwereld.be\/"},{"@type":"ListItem","position":2,"name":"Incontinentiemateriaal"}]}]})</script>
vendor: 1 bytes, line 16304
16304
16305<script type="application/ld+json">
16306    {"@context":"https:\/\/schema.org","@graph":[{"@type":"Organization","url":"https:\/\/www.hulpmiddelwereld.be\/","name":"Hulpmiddelwereld","sameAs":["https:\/\/www.facebook.com\/hulpmiddelwereld","https:\/\/www.instagram.com\/hulpmiddelwereld","https:\/\/www.youtube.com\/channel\/UCIBb1kf9fmqcm56BfNd24rA"],"email":"[email protected]","logo":"https:\/\/www.hulpmiddelwereld.be\/media\/logo\/websites\/3\/logo_white_plus_be.png","telephone":"+31 (0) 50 799 5282","address":{"@type":"PostalAddress","addressCountry":"NL"},"vatID":"855272910B01","contactPoint":{"@type":"ContactPoint","contactType":"Customer Service","telephone":"+31 (0) 50 799 5282","email":"[email protected]","hoursAvailable":[{"@type":"OpeningHoursSpecification","dayOfWeek":"https:\/\/schema.org\/Monday","opens":"09:00","closes":"17:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https:\/\/schema.org\/Tuesday","opens":"09:00","closes":"17:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https:\/\/schema.org\/Wednesday","opens":"09:00","closes":"17:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https:\/\/schema.org\/Thursday","opens":"09:00","closes":"17:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https:\/\/schema.org\/Friday","opens":"09:00","closes":"17:00"}]}},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hulpmiddelwereld.be\/"},{"@type":"ListItem","position":2,"name":"Incontinentiemateriaal"}]}]}</script>
vendor: 1 bytes, line 16306
16306
16307<script type="text/json" id="default-section-data">
16308    {"messages":[],"customer":[],"compare-products":[],"last-ordered-items":[],"cart":[],"directory-data":{"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"}}},"NL":{"name":"Nederland"},"data_id":1791197890},"captcha":[],"instant-purchase":[],"loggedAsCustomer":[],"persistent":[],"review":[],"payments":[],"wishlist":{"items":[]},"hyva_checkout":[],"datalayer_messages":[],"recently_viewed_product":[],"recently_compared_product":[],"product_data_storage":[],"paypal-billing-agreement":[],"paypal-buyer-country":[]}</script>
16308
16309</body>
16310</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.