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 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 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 Incontinentiemateriaal subcategorieë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 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ë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 naar hoofdcategorieë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 Incontinentiebroekjes subcategorieë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 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 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 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 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 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 Incontinentie bed onderleggers subcategorieë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 bed 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 Bed 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 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 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 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 Incontinentie inleggers subcategorieë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 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 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 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 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 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 Incontinentie luiers subcategorieë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 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 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 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 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 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 Urinalen subcategorieë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 voor 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 voor 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 & 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 Verzorging & bescherming subcategorieë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 & 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 & reinigen" 735 class="flex items-center w-full cursor-pointer border-container" 736 > 737 <span class="ml-2 text-base"> 738 Wassen & 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ère crè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 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 Fixerend Ondergoed subcategorieë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 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 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 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 & Drinken " 864 > 865 Eten & 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 Eten & Drinken  subcategorieë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 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ë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 naar hoofdcategorieë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 & Drinken </span> 919 </button> 920 </li> 921 <li> 922 <a 923 href="https://www.hulpmiddelwereld.be/eten-drinken" 924 title="Eten & Drinken " 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 Voeding subcategorieë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 Vitaminen subcategorieë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 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 & Vetzuren" 1064 class="flex items-center w-full cursor-pointer border-container" 1065 > 1066 <span class="ml-2 text-base"> 1067 Aminozuren & 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 Bekers subcategorieë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- & 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 Keuken- & eetgerei subcategorieë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- & 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 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 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 voor in de 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 Dementie subcategorieë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 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ë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 naar hoofdcategorieë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 Seniorenklokken subcategorieë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 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 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 Interactieve knuffeldieren subcategorieë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 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 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 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'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 Muziekspelers / Dementie Radio's subcategorieë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 / Dementie Radio'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 Mobiliteit subcategorieë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 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ë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 naar hoofdcategorieë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 Rolstoelen subcategorieë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 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 Scootmobielen subcategorieë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 accessoires " 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 Rollators subcategorieë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 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 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 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 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 met 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 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 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 opvouwbare 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 Transferhulpmiddelen subcategorieë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 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 Loophulpmiddelen subcategorieë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 & Slapen" 2191 > 2192 Wonen & 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 Wonen & Slapen subcategorieë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 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ë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 naar hoofdcategorieë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 & Slapen </span> 2246 </button> 2247 </li> 2248 <li> 2249 <a 2250 href="https://www.hulpmiddelwereld.be/wonen-slapen" 2251 title="Wonen & 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 Aankleedhulpen subcategorieë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 & schoenlepels" 2300 class="flex items-center w-full cursor-pointer border-container" 2301 > 2302 <span class="ml-2 text-base"> 2303 Aankleedhulp & 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 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 Huishoudhulpmiddelen subcategorieë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 Bedden subcategorieë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 laag 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 Bed ondersteuning subcategorieë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 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 & bedbeugels" 2587 class="flex items-center w-full cursor-pointer border-container" 2588 > 2589 <span class="ml-2 text-base"> 2590 Bedhekken & 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 Zetels subcategorieë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 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 Kussens subcategorieë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 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 " 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 Medische pantoffels subcategorieë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 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 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 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 & 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 Schoenen & Sokken subcategorieë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 & 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 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 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 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 & Toilet" 3101 > 3102 Badkamer & 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 Badkamer & Toilet subcategorieë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 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ë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 naar hoofdcategorieë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 & Toilet </span> 3156 </button> 3157 </li> 3158 <li> 3159 <a 3160 href="https://www.hulpmiddelwereld.be/badkamer-toilet" 3161 title="Badkamer & 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 Bad subcategorieë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 Toilet subcategorieë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 Douche subcategorieë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 Valpreventie subcategorieë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 zonder 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 Gipshoezen subcategorieë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 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 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 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 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 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 Persoonlijke verzorging subcategorieë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 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 Weegschalen subcategorieë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 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 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 Medische Hulpmiddelen subcategorieë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 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ë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 naar hoofdcategorieë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 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 EHBO materiaal subcategorieë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 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 " 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 Pillen hulpmiddelen subcategorieë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 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 & splijters" 3966 class="flex items-center w-full cursor-pointer border-container" 3967 > 3968 <span class="ml-2 text-base"> 3969 Pillenvergruizers & 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 pillen 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 Stoma hulpmiddelen subcategorieë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 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 & fixatie" 4029 class="flex items-center w-full cursor-pointer border-container" 4030 > 4031 <span class="ml-2 text-base"> 4032 Stomacovers & 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 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 & 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 Meten & monitoring subcategorieë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 & 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 & 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 Mondkapjes & andere beschermingsmiddelen subcategorieë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 & andere 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 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 Continentie- en retentiezorg subcategorieë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- en 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 Medische voeding subcategorieë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 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 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 Wondzorg subcategorieë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 Meer medische hulpmiddelen subcategorieë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 medische 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 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 & Elektronica" 4501 > 4502 Telefonie & 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 Telefonie & Elektronica subcategorieë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 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ë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 naar hoofdcategorieë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 & Elektronica </span> 4556 </button> 4557 </li> 4558 <li> 4559 <a 4560 href="https://www.hulpmiddelwereld.be/telefonie-elektronica" 4561 title="Telefonie & 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 Seniorentelefoons  subcategorieë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 " 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 GSM's " 4610 class="flex items-center w-full cursor-pointer border-container" 4611 > 4612 <span class="ml-2 text-base"> 4613 Senioren GSM'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 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 Meer elektronica subcategorieë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 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 Alarm horloges voor ouderen subcategorieë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 horloges voor 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 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'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 Radio's subcategorieë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'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 voor 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 Diabetes subcategorieë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 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ë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 naar hoofdcategorieë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 Diabetes hulpmiddelen subcategorieë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 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 test 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 bij 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 Slechtzienden subcategorieë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 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ë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 naar hoofdcategorieë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 Horloges subcategorieë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 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 Leeshulpmiddelen subcategorieë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 & Loepen" 5214 class="flex items-center w-full cursor-pointer border-container" 5215 > 5216 <span class="ml-2 text-base"> 5217 Vergrootglazen & 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 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 met 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 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 Voor buiten subcategorieë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 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 Vision 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 Herkenningsmateriaal subcategorieë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- en 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 Klokken subcategorieë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 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 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 Overige hulpmiddelen subcategorieë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 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 & Revalidatie" 5490 > 5491 Sport & 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 Sport & Revalidatie subcategorieë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 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ë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 naar hoofdcategorieë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 & Revalidatie </span> 5545 </button> 5546 </li> 5547 <li> 5548 <a 5549 href="https://www.hulpmiddelwereld.be/sport-revalidatie" 5550 title="Sport & 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 Revalidatiehulpmiddelen subcategorieë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 & 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 Therapie & pijnverlichting subcategorieë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 & 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 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- en 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 Sporttape subcategorieë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 Bescherming subcategorieë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 Braces subcategorieë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 / 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 Tijd & Hobby" 6138 > 6139 Vrije Tijd & 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 Vrije Tijd & Hobby subcategorieë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 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ë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 naar hoofdcategorieë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 & Hobby </span> 6193 </button> 6194 </li> 6195 <li> 6196 <a 6197 href="https://www.hulpmiddelwereld.be/vrije-tijd-hobby" 6198 title="Vrije Tijd & 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 Hobby subcategorieë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 & Handwerk" 6247 class="flex items-center w-full cursor-pointer border-container" 6248 > 6249 <span class="ml-2 text-base"> 6250 Scharen & 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 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 Spellen subcategorieë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 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 voor 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 Veiligheidsproducten subcategorieë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 tegen 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 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 voor 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 & Preventie" 6506 > 6507 Leefstijl & 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 Leefstijl & Preventie subcategorieë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 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ë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 naar hoofdcategorieë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 & Preventie </span> 6561 </button> 6562 </li> 6563 <li> 6564 <a 6565 href="https://www.hulpmiddelwereld.be/leefstijl-preventie" 6566 title="Leefstijl & 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 Gezond Bewegen subcategorieë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 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 voor 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 Gewicht bijhouden subcategorieë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 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 met 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 Gezond thuis leven subcategorieë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 thuis 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 & Luchtreinigers" 6825 class="flex items-center w-full cursor-pointer border-container" 6826 > 6827 <span class="ml-2 text-base"> 6828 Luchtbevochtigers & 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 & 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 Meten & monitoren subcategorieë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 & 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 Weerstand op peil houden subcategorieë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 op peil 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 & Vetzuren" 6979 class="flex items-center w-full cursor-pointer border-container" 6980 > 6981 <span class="ml-2 text-base"> 6982 Aminozuren & 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 Valincidenten voorkomen subcategorieë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 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 Zelfstandig Thuis 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 Langer Zelfstandig Thuis Wonen subcategorieë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 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ë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 naar hoofdcategorieë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 Zelfstandig Thuis 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 Hulpmiddelen voor de slaapkamer subcategorieë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 voor de 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 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 Hulpmiddelen voor de woonkamer subcategorieë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 voor de 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 op 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 Hulpmiddelen voor de badkamer subcategorieë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 voor de 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- & Badmatten" 7455 class="flex items-center w-full cursor-pointer border-container" 7456 >
7457 <span class="ml-2 text-base"> 7458 Douche- & 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 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 Hulpmiddelen voor de eetkamer subcategorieë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 voor de 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 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 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 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 " 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 Hulpmiddelen voor de toilet subcategorieë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 voor de 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 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 Keuken subcategorieë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 naar 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 - 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 de hele 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 wisselen, 7982 ${isCartEmpty() 7983 ? 'Winkelwagen is leeg' 7984 : cart.summary_count > 1 7985 ? hyva.str('%1 stuks', cart.summary_count) 7986 : hyva.str('%1 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 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 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 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 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 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 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 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 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 bed 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 Bed 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 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 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 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 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 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 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 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 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 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 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 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 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 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 voor 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 voor 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 & 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 & 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 & 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 & 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ère crè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 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 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 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 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 & Drinken " 8725 @focus="hoverPanelActiveId = 0" 8726 > 8727 Eten & 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 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 & 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 & 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- & 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- & 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 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 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 voor in de 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 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 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 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 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 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 / Dementie Radio'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'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 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 accessoires " 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 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 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 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 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 met 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 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 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 opvouwbare 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 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 & Slapen" 9339 @focus="hoverPanelActiveId = 0" 9340 > 9341 Wonen & 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 & 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 & 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 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 laag 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 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 & 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 & 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 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 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 " 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 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 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 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 & 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 & 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 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 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 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 & Toilet" 9797 @focus="hoverPanelActiveId = 0" 9798 > 9799 Badkamer & 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 zonder 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 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 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 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 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 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 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 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 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 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 " 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 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 & 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 & 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 pillen 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 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 & 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 & 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 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 & 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 & 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 & andere 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 & 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 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- en 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 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 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 medische 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 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 & Elektronica" 10443 @focus="hoverPanelActiveId = 0" 10444 > 10445 Telefonie & 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 " 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 GSM's " 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'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 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 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 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 horloges voor 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 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'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'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 voor 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 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 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 test 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 bij 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 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 & 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 & Loepen </a> 10732 </li> 10733 <li class="my-2"> 10734 <a 10735 href="https://www.hulpmiddelwereld.be/slechtzienden/leeshulpmiddelen/hand-loepen" 10736 title="Hand 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 met 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 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 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 Vision 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- en 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 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 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 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 & Revalidatie" 10863 @focus="hoverPanelActiveId = 0" 10864 > 10865 Sport & 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 & 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 & 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 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- en 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 / 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 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 Tijd & Hobby" 11191 @focus="hoverPanelActiveId = 0" 11192 > 11193 Vrije Tijd & 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 & 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 & 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 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 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 voor 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 tegen 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 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 voor 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 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 & Preventie" 11362 @focus="hoverPanelActiveId = 0" 11363 > 11364 Leefstijl & 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 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 voor 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 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 met 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 thuis 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 & 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 & 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 & 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 & 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 op peil 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 & 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 & 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 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 Zelfstandig Thuis 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 voor de 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 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 voor de 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 op 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 voor de 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- & 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- & 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 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 voor de 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 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 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 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 " 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 voor de 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 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 naar 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! </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> of <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 </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è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è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 flex flex-col lg:flex-row flex-wrap font-bold justify-start p-0 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 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 op de 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 uw e-mailadres 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> </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 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> <a href="https://www.hulpmiddelwereld.nl/veiligheid_en_privacy">Privacy</a> <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 gebruiken cookies om uw ervaring beter te 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.