1 2<!DOCTYPE html> 3<html lang="nl" class="wf-areavariable-n4-active wf-quicksand-n7-active"> 4<!-- 5 ââââââââââââââââââââââââââââââââââââââââââââââââââââââ 6 â¡ Digital Spark by exitable.nl | Digitale Impactmakers 7 ââââââââââââââââââââââââââââââââââââââââââââââââââââââ 8--> 9 <head> 10 <!-- Google Tag Manager -->
11<script data-cookieconsent="ignore">
vendor: 359 bytes, lines 11-15
11(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 12 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 13 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 14 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 15 })(window,document,'script','dataLayer','
15GTM-KP5GVZ5
vendor: 3 bytes, line 15
15');
15</script>
15 16<!-- End Google Tag Manager --> 17<meta content="width=device-width, initial-scale=1.0" name="viewport"> 18 19<link rel="apple-touch-icon" sizes="180x180" href="/dist/apple-touch-icon.png"> 20<link rel="icon" type="image/png" sizes="32x32" href="/dist/favicon-32x32.png"> 21<link rel="icon" type="image/png" sizes="16x16" href="/dist/favicon-16x16.png"> 22<link rel="manifest" href="/dist/site.webmanifest"> 23<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#3b065e"> 24<meta name="msapplication-TileColor" content="#3b065e"> 25<meta name="theme-color" content="#3b065e"> 26 27<link rel="stylesheet" href="https://use.typekit.net/iba5rju.css">
28<script type="module">!function(){const e=document.createElement("link").relList;if(!(e&&e.supports&&e.supports("modulepreload"))){for(const e of document.querySelectorAll('link[rel="modulepreload"]'))r(e);new MutationObserver((e=>{for(const o of e)if("childList"===o.type)for(const e of o.addedNodes)if("LINK"===e.tagName&&"modulepreload"===e.rel)r(e);else if(e.querySelectorAll)for(const o of e.querySelectorAll("link[rel=modulepreload]"))r(o)})).observe(document,{childList:!0,subtree:!0})}function r(e){if(e.ep)return;e.ep=!0;const r=function(e){const r={};return e.integrity&&(r.integrity=e.integrity),e.referrerpolicy&&(r.referrerPolicy=e.referrerpolicy),"use-credentials"===e.crossorigin?r.credentials="include":"anonymous"===e.crossorigin?r.credentials="omit":r.credentials="same-origin",r}(e);fetch(e.href,r)}}();</script>
vendor: 2 bytes, line 28
28
29<script type="module" src="/dist/assets/app-r1wqJYW7.js" crossorigin onload="e=new CustomEvent('vite-script-loaded', {detail:{path: 'src/js/app.js'}});document.dispatchEvent(e);" integrity="sha384-JCLg5fB65y7ghhsuLKQaxxjIcDVuPzkUn3QBaiuxd2SuU2WH7kFxVQCW8qdBhup5"></script>
29 30<link href="/dist/assets/vue-C5ZMYH4v.js" rel="modulepreload" crossorigin integrity="sha384-zOULQhbXBzp5L3MwJigGX1y03ZHKFxXI/+mYHl4LPYERBL28aZeVKL1aJRW08lsn"> 31<link href="/dist/assets/algolia-DgZTvpSQ.js" rel="modulepreload" crossorigin integrity="sha384-Lx92y6jlNhA0cbD/nGZ6ptkdQVAiYAoxYGT7mSBnSrLGnanu3vz9kj879ShafjVR"> 32<link href="/dist/assets/app-k-SCj4it.css" rel="stylesheet" media="print" onload="this.media='all'"> 33 34 35 36<link rel="stylesheet" href="/dist/" /> 37<title>Concertagenda - Philzuid - NL</title> 38<link rel="canonical" href="https://philzuid.nl/nl/concerten"> 39<meta name="description" content="De philharmonie zuidnederland presenteert een nieuw seizoen boordevol prachtige concerten. Intendant Stefan Rosu, artistiek programmeur Jos Roeden en onze ..."/> 40<meta property="fb:app_id" content=""> 41<meta property="og:url" content="https://philzuid.nl/nl/concerten"/> 42<meta property="og:type" content="website"/> 43<meta property="og:title" content="Concertagenda - Philzuid"/> 44<meta property="og:image" content=""/> 45<meta property="og:image:width" content="1200"/> 46<meta property="og:image:height" content="630"/> 47<meta property="og:description" content="De philharmonie zuidnederland presenteert een nieuw seizoen boordevol prachtige concerten. Intendant Stefan Rosu, artistiek programmeur Jos Roeden en onze ..."/> 48<meta property="og:site_name" content="Philzuid - NL"/> 49<meta property="og:locale" content="nl"/> 50<meta property="og:locale:alternate" content="nl"/> 51<meta name="twitter:card" content="summary_large_image"/> 52<meta name="twitter:site" content=""/> 53<meta name="twitter:url" content="https://philzuid.nl/nl/concerten"/> 54<meta name="twitter:title" content="Concertagenda - Philzuid"/> 55<meta name="twitter:description" content="De philharmonie zuidnederland presenteert een nieuw seizoen boordevol prachtige concerten. Intendant Stefan Rosu, artistiek programmeur Jos Roeden en onze ..."/> 56<meta name="twitter:image" content=""/> 57<link rel="home" href="https://philzuid.nl/nl/"/> 58 59 60 61 62 63
63<script>window.admin_api_url = 'https://api.philzuid.nl/api/v1'; 64 window.google_recaptcha_public = '6Lea8tgrAAAAAGrV31udc1lg5kj1RPQZ2y3MxzTC'; 65 window.jsTranslations = { 66 autocomplete_index_names: { 67 Pages : "Pagina's", 68 Events : "Concerten", 69 Concerts : "Concerten", 70 Artists : "Artiesten", 71 Locations : "locaties", 72 News : "Nieuws", 73 Blogs : "blogs", 74 PressEntries : "Persberichten", 75 }, 76 friend_subscriptions_form_success: "De\u0020aanmelding\u0020is\u0020succesvol\u0020verzonden\u0021\u0020Wil\u0020je\u0020nog\u0020een\u0020vriendschap\u0020afsluiten\u003F\u0020\u003Ca\u0020href\u003D\u0022https\u003A\/\/philzuid.nl\/nl\/vrienden\/aanmelden\u0022\u003EKlik\u0020hier\u003C\/a\u003E", 77 friend_subscriptions_form_error: "Er is een netwerkfout opgetreden. Probeer het later opnieuw.", 78 modal_leave_form_success: "De aanmelding is succesvol verzonden!", 79 modal_leave_form_error: "Er is een fout opgetreden. Probeer het later opnieuw.", 80 modal_leave_page_title: "Zien we je bij het concert?", 81 ui_play: "Afspelen", 82 ui_stop: "Stoppen", 83 sold_out: "Uitverkocht", 84 cancelled: "Geannuleerd", 85 soon_available: "Binnenkort beschikbaar", 86 87};</script>
87</head> 88 89 <body class="page page--concert-overview"> 90 <!-- Google Tag Manager (noscript) -->
vendor: 76 bytes, lines 90-91
90 91 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
91GTM-KP5GVZ5
vendor: 91 bytes, lines 91-92
91" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 92
92<!-- End Google Tag Manager (noscript) --> 93 94 95 96 97<header class="header "> 98 <div class="container-xl p-xs-0"> 99 <div class="header-topbar"> 100 <div class="header-topbar-logo"> 101 102 103<a href="https://philzuid.nl/nl/" class="d-inline-flex align-bottom footer-logo"> 104 105 <img src="/dist/images/brand/logo-with-text.svg" alt="Logo Philzuid" /> 106</a> 107 </div> 108 109 <div class="header-topbar-mainnav"> 110 <div class="container-xl d-none d-lg-block"> 111 <div class="header-bottombar" id="header-bottom-bar"> 112 113 114 115 116 117<div id="primary-nav-desktop"> 118 <ul class="list-unstyled mb-0 primary-nav nav-list nav-list--level-1"> 119 120 <li class="nav-item nav-item--level-1 nav-item--agenda "> 121 122 123 124 125 126 <a 127 href="https://philzuid.nl/nl/concerten" 128 class="nav-link nav-link--current nav-link--text nav-link--level-1" 129 data-nav-open-page 130 131 > 132 <span>agenda</span> 133 </a> 134 135 </li> 136 137 138 <li class="nav-item nav-item--level-1 nav-item--orkest "> 139 140 141 142 143 144 <button 145 type="button" 146 class="nav-link nav-link--text nav-link--level-1 button-rebooted" 147 data-nav-open-level="2" 148 data-nav-open-block="orkest-2-desktop" 149 aria-expanded="false" 150 aria-haspopup="true" 151 152 > 153 <span>orkest</span> 154 <span class="custom-icon"> 155 <span class="icon icon-plus"></span> 156 </span> 157 158 </button> 159 160 <div 161 id="orkest-2-desktop" 162 class="nav-block nav-block--level-2 text-bg-purple" 163 data-nav-block-level="2" 164 aria-hidden="true" 165 > 166 <div class="nav-block-container container"> 167 168 169 170 171 172 <button 173 type="button" 174 class="icon-button close-subnav" 175 176 > 177 <span class="visually-hidden"> 178 Sluiten 179 </span> 180 181 <svg class="icon icon-x" width="16" height="16" viewBox="0 0 20.506 20.506" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2.5" d="m1.768 1.768 16.97 16.97m0-16.97-16.97 16.97"/></svg> 182 183 184 </button> 185 186 <div class="nav-block-title"> 187 <p class="text-distinctive text-uppercase"> 188 orkest 189 </p> 190 </div> 191 192 193 <div class="nav-block-scroll"> 194 <div class="nav-block-child-links"> 195 <ul class="list-unstyled m-0 nav-list nav-list--level-2"> 196 197 <li class="nav-item nav-item--level-2 nav-item--musici "> 198 199 200 201 202 203 <a 204 href="https://philzuid.nl/nl/musici" 205 class="nav-link nav-link--text nav-link--level-2" 206 data-nav-open-page 207 208 > 209 <span>musici</span> 210 </a> 211 212 </li> 213 214 215 <li class="nav-item nav-item--level-2 nav-item--solisten "> 216 217 218 219 220 221 <a 222 href="https://philzuid.nl/nl/solisten" 223 class="nav-link nav-link--text nav-link--level-2" 224 data-nav-open-page 225 226 > 227 <span>solisten</span> 228 </a> 229 230 </li> 231 232 233 <li class="nav-item nav-item--level-2 nav-item--dirigenten "> 234 235 236 237 238 239 <a 240 href="https://philzuid.nl/nl/dirigenten" 241 class="nav-link nav-link--text nav-link--level-2" 242 data-nav-open-page 243 244 >
245 <span>dirigenten</span> 246 </a> 247 248 </li> 249 250 </ul> 251 </div> 252 253 </div> 254 255 </div> 256 </div> 257 </li> 258 259 260 <li class="nav-item nav-item--level-1 nav-item--educatie "> 261 262 263 264 265 266 <a 267 href="https://philzuid.nl/nl/educatie" 268 class="nav-link nav-link--text nav-link--level-1" 269 data-nav-open-level="2" 270 data-nav-open-block="educatie-2-desktop" 271 aria-expanded="false" 272 aria-haspopup="true" 273 274 > 275 <span>educatie</span> 276 <span class="custom-icon"> 277 <span class="icon icon-plus"></span> 278 </span> 279 280 </a> 281 282 <div 283 id="educatie-2-desktop" 284 class="nav-block nav-block--level-2 text-bg-purple" 285 data-nav-block-level="2" 286 aria-hidden="true" 287 > 288 <div class="nav-block-container container"> 289 290 291 292 293 294 <button 295 type="button" 296 class="icon-button close-subnav" 297 298 > 299 <span class="visually-hidden"> 300 Sluiten 301 </span> 302 303 <svg class="icon icon-x" width="16" height="16" viewBox="0 0 20.506 20.506" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2.5" d="m1.768 1.768 16.97 16.97m0-16.97-16.97 16.97"/></svg> 304 305 306 </button> 307 308 <div class="nav-block-title"> 309 <p class="text-distinctive text-uppercase"> 310 educatie 311 </p> 312 </div> 313 314 315 <div class="nav-block-scroll"> 316 <div class="nav-block-child-links"> 317 <ul class="list-unstyled m-0 nav-list nav-list--level-2"> 318 319 <li class="nav-item nav-item--level-2 nav-item--primair-onderwijs "> 320 321 322 323 324 325 <a 326 href="https://philzuid.nl/nl/primair-onderwijs" 327 class="nav-link nav-link--text nav-link--level-2" 328 data-nav-open-page 329 330 > 331 <span>primair onderwijs</span> 332 </a> 333 334 </li> 335 336 337 <li class="nav-item nav-item--level-2 nav-item--voortgezet-onderwijs "> 338 339 340 341 342 343 <a 344 href="https://philzuid.nl/nl/voortgezet-onderwijs" 345 class="nav-link nav-link--text nav-link--level-2" 346 data-nav-open-page 347 348 > 349 <span>voortgezet onderwijs</span> 350 </a> 351 352 </li> 353 354 355 <li class="nav-item nav-item--level-2 nav-item--hoger-onderwijs "> 356 357 358 359 360 361 <a 362 href="https://philzuid.nl/nl/hoger-onderwijs" 363 class="nav-link nav-link--text nav-link--level-2" 364 data-nav-open-page 365 366 > 367 <span>hoger onderwijs</span> 368 </a> 369 370 </li> 371 372 373 <li class="nav-item nav-item--level-2 nav-item--samenwerkingen "> 374 375 376 377 378 379 <a 380 href="https://philzuid.nl/nl/samenwerkingen" 381 class="nav-link nav-link--text nav-link--level-2" 382 data-nav-open-page 383 384 >
385 <span>samenwerkingen</span> 386 </a> 387 388 </li> 389 390 </ul> 391 </div> 392 393 </div> 394 395 </div> 396 </div> 397 </li> 398 399 400 <li class="nav-item nav-item--level-1 nav-item--steun-ons "> 401 402 403 404 405 406 <a 407 href="https://philzuid.nl/nl/steun-ons" 408 class="nav-link nav-link--text nav-link--level-1" 409 data-nav-open-level="2" 410 data-nav-open-block="steun-ons-2-desktop" 411 aria-expanded="false" 412 aria-haspopup="true" 413 414 > 415 <span>steun ons</span> 416 <span class="custom-icon"> 417 <span class="icon icon-plus"></span> 418 </span> 419 420 </a> 421 422 <div 423 id="steun-ons-2-desktop" 424 class="nav-block nav-block--level-2 text-bg-purple" 425 data-nav-block-level="2" 426 aria-hidden="true" 427 > 428 <div class="nav-block-container container"> 429 430 431 432 433 434 <button 435 type="button" 436 class="icon-button close-subnav" 437 438 > 439 <span class="visually-hidden"> 440 Sluiten 441 </span> 442 443 <svg class="icon icon-x" width="16" height="16" viewBox="0 0 20.506 20.506" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2.5" d="m1.768 1.768 16.97 16.97m0-16.97-16.97 16.97"/></svg> 444 445 446 </button> 447 448 <div class="nav-block-title"> 449 <p class="text-distinctive text-uppercase"> 450 steun ons 451 </p> 452 </div> 453 454 455 <div class="nav-block-scroll"> 456 <div class="nav-block-child-links"> 457 <ul class="list-unstyled m-0 nav-list nav-list--level-2"> 458 459 <li class="nav-item nav-item--level-2 nav-item--particulier "> 460 461 462 463 464 465 <a 466 href="https://philzuid.nl/nl/particulier-steunen" 467 class="nav-link nav-link--text nav-link--level-2" 468 data-nav-open-page 469 470 > 471 <span>particulier</span> 472 </a> 473 474 </li> 475 476 477 <li class="nav-item nav-item--level-2 nav-item--zakelijk "> 478 479 480 481 482 483 <a 484 href="https://philzuid.nl/nl/partnerships" 485 class="nav-link nav-link--text nav-link--level-2" 486 data-nav-open-page 487 488 > 489 <span>zakelijk</span> 490 </a> 491 492 </li> 493 494 </ul> 495 </div> 496 497 </div> 498 499 </div> 500 </div> 501 </li> 502 503 504 <li class="nav-item nav-item--level-1 nav-item--over-ons "> 505 506 507 508 509 510 <button 511 type="button" 512 class="nav-link nav-link--text nav-link--level-1 button-rebooted" 513 data-nav-open-level="2" 514 data-nav-open-block="over-ons-2-desktop" 515 aria-expanded="false" 516 aria-haspopup="true" 517 518 >
519 <span>over ons</span> 520 <span class="custom-icon"> 521 <span class="icon icon-plus"></span> 522 </span> 523 524 </button> 525 526 <div 527 id="over-ons-2-desktop" 528 class="nav-block nav-block--level-2 text-bg-purple" 529 data-nav-block-level="2" 530 aria-hidden="true" 531 > 532 <div class="nav-block-container container"> 533 534 535 536 537 538 <button 539 type="button" 540 class="icon-button close-subnav" 541 542 > 543 <span class="visually-hidden"> 544 Sluiten 545 </span> 546 547 <svg class="icon icon-x" width="16" height="16" viewBox="0 0 20.506 20.506" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2.5" d="m1.768 1.768 16.97 16.97m0-16.97-16.97 16.97"/></svg> 548 549 550 </button> 551 552 <div class="nav-block-title"> 553 <p class="text-distinctive text-uppercase"> 554 over ons 555 </p> 556 </div> 557 558 559 <div class="nav-block-scroll"> 560 <div class="nav-block-child-links"> 561 <ul class="list-unstyled m-0 nav-list nav-list--level-2"> 562 563 <li class="nav-item nav-item--level-2 nav-item--wij-zijn-philzuid "> 564 565 566 567 568 569 <a 570 href="https://philzuid.nl/nl/overphilzuid" 571 class="nav-link nav-link--text nav-link--level-2" 572 data-nav-open-page 573 574 > 575 <span>wij zijn Philzuid</span> 576 </a> 577 578 </li> 579 580 581 <li class="nav-item nav-item--level-2 nav-item--partnership "> 582 583 584 585 586 587 <a 588 href="https://philzuid.nl/nl/partnerships" 589 class="nav-link nav-link--text nav-link--level-2" 590 data-nav-open-page 591 592 > 593 <span>partnership</span> 594 </a> 595 596 </li> 597 598 599 <li class="nav-item nav-item--level-2 nav-item--vacatures "> 600 601 602 603 604 605 <a 606 href="https://philzuid.nl/nl/werken-bij-philzuid" 607 class="nav-link nav-link--text nav-link--level-2" 608 data-nav-open-page 609 610 > 611 <span>vacatures</span> 612 </a> 613 614 </li> 615 616 617 <li class="nav-item nav-item--level-2 nav-item--nieuws "> 618 619 620 621 622 623 <a 624 href="https://philzuid.nl/nl/nieuws" 625 class="nav-link nav-link--text nav-link--level-2" 626 data-nav-open-page 627 628 > 629 <span>nieuws</span> 630 </a> 631 632 </li> 633 634 635 <li class="nav-item nav-item--level-2 nav-item--contact "> 636 637 638 639 640 641 <a 642 href="https://philzuid.nl/nl/contact" 643 class="nav-link nav-link--text nav-link--level-2" 644 data-nav-open-page 645 646 > 647 <span>contact</span> 648 </a> 649 650 </li> 651 652 </ul> 653 </div> 654 655 </div> 656 657 </div> 658 </div> 659 </li> 660 661 </ul> 662</div> 663 664 665 666 </div> 667 </div> 668 </div> 669 670 <div class="header-topbar-search"> 671 672 673<div id="header-search" 674 class="search-form-autocomplete" 675 data-app-id="IP15U4XWIC" 676 data-api-key="0cebf7ac16a749275c74d792923e6fe6" 677 v-cloak 678> 679 680 <ais-instant-search 681 ref="instantSearch" 682 index-name="Concerts" 683 :search-client="searchClient" 684 :future="{ 685 preserveSharedStateOnUnmount: true 686 }" 687 > 688 <ais-index index-name="Artists"></ais-index> 689 <ais-index index-name="Locations"></ais-index> 690 <ais-index index-name="Pages"></ais-index> 691 <ais-index index-name="News"></ais-index> 692 <ais-index index-name="Blogs"></ais-index> 693 <ais-index index-name="PressEntries"></ais-index> 694 695 <ais-autocomplete> 696 <template v-slot="{ currentRefinement, indices, refine }"> 697 <form class="search-form" action="/nl/zoeken"> 698 <div class="autocomplete-field"> 699 <svg class="header-search-magnifier icon icon-search" width="20" height="20" viewBox="0 0 21.5 21.5" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" transform="translate(1.25 1.25)"><circle cx="8.444" cy="8.444" r="8.444"/><path d="m19 19-4.592-4.592"/></g></svg> 700 701 702 703 704 705 706 707 <div class=" 708 field field--q 709 "> 710 711 712 713 <input 714 class="form-control form-control-lg form-font-size-lg form-control-rou
714nded form-control-translucent search-input" 715 type="" 716 value="" name="q" 717 id="q" 718 placeholder="Zoeken" aria-label="Zoeken" ref="searchInputRef" @input="handleDebouncedSearch(refine, $event.currentTarget.value);" @focus="handleInputFocus" @blur="handleInputBlur" dir="ltr" spellcheck=false autocorrect="off" autocomplete="off" autocapitalize="off" maxlength="2048" tabindex="1" 719 /> 720 721 722 </div> 723 724 725 726 727 728 729 730 <button 731 type="button" 732 class="icon-button icon-button-xs header-search-close clear-search" 733 @click.prevent="hideSearch" 734 > 735 <span class="visually-hidden"> 736 Sluiten 737 </span> 738 739 <svg class="icon icon-x" width="16" height="16" viewBox="0 0 20.506 20.506" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2.5" d="m1.768 1.768 16.97 16.97m0-16.97-16.97 16.97"/></svg> 740 741 742 </button> 743 </div> 744 <div class="autocomplete-output"> 745 <div v-if="currentRefinement" class="autocomplete-output__list"> 746 <div class="list-wrapper"> 747 <template v-if="countAllResults(indices)"> 748 <template v-for="index in indices" :key="index.indexId" > 749 <template v-if="index.hits.length"> 750 <div class="category-title small">[[ getJsTranslation(index.indexName) ]]</div> 751 <ul> 752 <li v-for="hit in index.hits.slice(0, 3)" :key="hit.objectID"> 753 <a :href="[[ hit.url ]]">[[ hit.title ]]</a> 754 </li> 755 </ul> 756 </template> 757 758 </template> 759 </template> 760 <p v-else class="no-results small"> 761 Geen resultaten gevonden voor <em>[[ currentRefinement ]]</em> 762 </p> 763 </div> 764 765 <div v-if="countAllResults(indices)" class="autocomplete__footer text-xl-end"> 766 767 768 769 770 <a href="/nl/zoeken" class="btn btn-primary" @click.prevent="handleSubmit($event.target)"> 771 772 <span class="text"> 773 toon alle resultaten 774 </span> 775 776 777 778 </a> 779 </div> 780 781 </div> 782 783 </div> 784 </form> 785 </template> 786 </ais-autocomplete> 787 </ais-instant-search> 788 789</div> 790 </div> 791 792 <div class="header-topbar-nav d-none d-lg-flex small"> 793 794 795 <ul class="list-unstyled mb-0 nav"> 796 <li class="nav-item"> 797 <a class="nav-link" href="https://philzuid.nl/nl/contact"> 798 contact 799 </a> 800 </li> 801 </ul> 802 803 </div> 804 805 <div class="header-topbar-buttons ms-auto d-lg-none d-flex"> 806 807 808 809 810 <button 811 type="button" 812 class="icon-button icon-button-alpha toggle-search-mobile" 813 814 > 815 <span class="visually-hidden"> 816 Zoeken 817 </span> 818 819 <svg class="icon icon-search" width="16" height="16" viewBox="0 0 21.5 21.5" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" transform="translate(1.25 1.25)"><circle cx="8.444" cy="8.444" r="8.444"/><path d="m19 19-4.592-4.592"/></g></svg> 820 821 822 </button> 823 824 825 826 827 828 829 830 <button type="button" class="btn btn-alpha btn-lg ms-1 btn-offscreen-nav" data-open-offscreen-nav> 831 832 <span class="text"> 833 menu 834 </span> 835 836 837 838 </button> 839 </div> 840 841 <div class="header-topbar-language d-none d-lg-flex"> 842 843 844<button type="button" id="openTranslateModal" class="btn button-rebooted btn--google-translate p-0" data-bs-toggle="modal" data-bs-target="#googleTranslateModal"> 845 <span class="ui-icon"> 846 <svg class="icon icon-translate" width="12" height="12" viewBox="0 0 23.999109 24.0002849" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 847 <g id="Page-1" stroke="none" stroke-width="1" fill-rule="evenodd"> 848 <g id="translate" fill-rule="nonzero"> 849 <path d="M15.5566365,8.811 C15.9486365,7.971 17.1416365,7.971 17.5336365,8.811
849L23.8966365,22.448 C24.1512397,22.9939335 23.9150699,23.6428967 23.3691365,23.8975 C22.823203,24.1521032 22.1742398,23.9159334 21.9196365,23.37 L20.5166365,20.363 L12.5716365,20.363 L11.1696365,23.37 C10.9374582,23.8681466 10.3709854,24.1158178 9.84763651,23.948 L9.72063651,23.898 C9.45812061,23.7759758 9.25492896,23.5545349 9.15587725,23.2825179 C9.05682554,23.0105008 9.07005095,22.7102542 9.19263651,22.448 L15.5566365,8.81 L15.5566365,8.811 Z M8.36363651,0 C8.96563651,0 9.45363651,0.488 9.45363651,1.09 L9.45363651,2.737 L10.4306365,2.762 C10.7736365,2.774 11.1156365,2.789 11.4576365,2.806 L12.4776365,2.868 L12.4906365,2.869 L12.5086365,2.87 L13.5786365,2.953 C13.9456365,2.985 14.3116365,3.02 14.6766365,3.059 L15.7706365,3.185 C16.3684848,3.25955844 16.792695,3.80465176 16.7181365,4.4025 C16.6435781,5.00034824 16.0984848,5.42455844 15.5006365,5.35 C14.4470374,5.2186415 13.389953,5.11693465 12.3306365,5.045 L13.2466365,5.115 L13.2416365,5.135 C12.5453984,7.76795511 11.3837688,10.2551295 9.81163651,12.479 L9.74163651,12.576 L10.0666365,12.956 C10.1926365,13.1 10.3216365,13.242 10.4526365,13.383 L10.8516365,13.8 C11.2741343,14.2296775 11.268314,14.9205022 10.8386365,15.343 C10.408959,15.7654978 9.71813434,15.7596775 9.29563651,15.33 C9.01782851,15.0470589 8.74740428,14.7569614 8.48463651,14.46 L8.36363651,14.321 L8.34163651,14.349 C6.55066213,16.397096 4.41006823,18.1107223 2.01963651,19.41 L1.59163651,19.637 C1.05674873,19.9136947 0.398831171,19.7043878 0.122136511,19.1695 C-0.154558149,18.6346122 0.0547487309,17.9766947 0.589636511,17.7 C2.94737835,16.481397 5.049917,14.8225165 6.78363651,12.813 L6.98363651,12.576 L6.66463651,12.121 C5.88817387,10.9746596 5.2171009,9.76036895 4.65963651,8.493 L4.42663651,7.946 C4.19799062,7.38846855 4.46460506,6.75114589 5.02213651,6.5225 C5.57966797,6.29385411 6.21699062,6.56046855 6.44563651,7.118 C6.95511463,8.36098341 7.58406486,9.55156812 8.32363651,10.673 L8.36363651,10.732 L8.45863651,10.592 C9.56705838,8.89477235 10.4195343,7.04358561 10.9886365,5.098 L11.0236365,4.971 L10.3566365,4.943 C10.0266365,4.932 9.69463651,4.923 9.36263651,4.918 L8.37963651,4.908 L8.36463651,4.909 L8.34863651,4.908 L7.34163651,4.918 C5.63763651,4.948 3.93663651,5.053 2.24163651,5.233 L1.22663651,5.35 C0.628788277,5.42455843 0.0836949741,5.00034823 0.00913653396,4.4025 C-0.0654219062,3.80465176 0.35878828,3.25955845 0.956636511,3.185 C2.71156568,2.96696935 4.47529653,2.82683183 6.24263651,2.765 L7.27263651,2.737 L7.27263651,1.09 C7.27263651,0.534 7.68963651,0.075 8.22763651,0.007 L8.36363651,0 Z M16.5446365,11.852 L13.5896365,18.182 L19.4996365,18.182 L16.5446365,11.852 L16.5446365,11.852 Z" id="Shape" fill="currentColor"></path> 850 </g> 851 </g> 852</svg> 853 854 855 </span> 856 <span class="ui-txt notranslate small">translate</span> 857</button> 858 859 860 861 862 863 864 <button 865 type="button" 866 class="icon-button toggle-search-mobile" 867 868 > 869 <span class="visually-hidden"> 870 Zoeken 871 </span> 872 873 <svg class="icon icon-search" width="16" height="16" viewBox="0 0 21.5 21.5" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" transform="translate(1.25 1.25)"><circle cx="8.444" cy="8.444" r="8.444"/><path d="m19 19-4.592-4.592"/></g></svg> 874 875 876 </button> 877 878 </div> 879 </div> 880 </div> 881 882 <hr> 883 884</header> 885 886<div class="header header--sticky" id="sticky-header"> 887 <div class="container-xl"> 888 <div class="header-topbar" id="sticky-header-topbar"> 889 <div class="header-topbar-logo"> 890 891 892<a href="https://philzuid.nl/nl/" class="d-inline-flex align-bottom footer-logo"> 893 894 <img src="/dist/images/brand/logo-with-text.svg" alt="Logo Philzuid" /> 895</a> 896 </div> 897 898 <div class="header-topbar-hamburger"> 899 900 901 902 903 904 905 <button type="button" class="btn btn-alpha btn-sm btn-offscreen-nav" data-open-offscreen-nav> 906 907 <span class="text"> 908 menu 909 </span> 910 911 912 913 </button> 914 </div> 915 </div> 916 </div> 917 <hr> 918 919 920 921 922</div> 923 924 925 <main id="main"> 926 927 <div id="agolia-concerts" data-index="Events" data-app-id="IP15U4XWIC" data-api-key="0cebf7ac16a749275c74d792923e6fe6" v-cloak> 928 <ais-instant-search ref="instantSearch" :search-client="searchClient" :index-name="indexName" :routing="routing" :middlewares="middlewares" :future="{ 929 preserveSharedStateOnUnmount: true 930 }" :class="{ 'is-loaded' : isLoaded }"> 931 932 933<div class="pt-12 pb-3 pb-md-6 pt-md-17 text-bg-purple"> 934 <div class="container"> 935 <h1 class="text-distinctive text-uppercase display-3 mb-2 mb-md-4"> 936 Concertagenda 937 </h1> 938 <p class="lead mb-0"> 939 Alle voorstellingen op een rij. 940 </p> 941 <div class="loader-container position-absolute d-xl-none"> 942 <div class="concerts-loader"> 943 <p class="loader__text">Bezig met laden...</p> 944 </div> 945 946 </div> 947 <div class="mobile-concerts-filters d-xl-none"> 948 949 950 951 952 953 954 <button type="button" class="btn btn-outline btn-sm" @click.prevent="openOffscreen">
955 <span class="btn__icon d-inline-flex me-2"> 956 <svg class="icon icon-filters" width="24" height="24" viewBox="0 0 19.5 17.8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 957 <title>ic_filter</title> 958 <g id="PhilZuid-Web-CRO---home-+-concertagenda" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> 959 <g id="02.02-PhilZuid-Web-CRO---concertagenda---mobiel" transform="translate(-39.750000, -259.600000)" stroke="currentColor" stroke-width="1.8"> 960 <g id="Group-2" transform="translate(20.000000, 247.000000)"> 961 <g id="ic_filter" transform="translate(19.750000, 13.500000)"> 962 <g id="Group"> 963 <line x1="2.75" y1="0" x2="2.75" y2="16" id="Line-2" fill="currentColor" stroke-linecap="round"></line> 964 <circle id="Oval" fill="#3B065E" cx="2.75" cy="4.75" r="1.85"></circle> 965 </g> 966 <g id="Group-9" transform="translate(7.000000, 0.000000)"> 967 <line x1="2.75" y1="0" x2="2.75" y2="16" id="Line-2" fill="currentColor" stroke-linecap="round"></line> 968 <circle id="Oval" fill="#3B065E" cx="2.75" cy="10.25" r="1.85"></circle> 969 </g> 970 <g id="Group-12" transform="translate(14.000000, 0.000000)"> 971 <line x1="2.75" y1="0" x2="2.75" y2="16" id="Line-2" fill="currentColor" stroke-linecap="round"></line> 972 <circle id="Oval" fill="#3B065E" cx="2.75" cy="7.25" r="1.85"></circle> 973 </g> 974 </g> 975 </g> 976 </g> 977 </g> 978</svg> 979 980 981 </span> 982 983 <span class="text"> 984 filters 985 </span> 986 987 988 <span class="btn__balloon"> 989 <span v-if="countActiveRefinements" class="count">[[countActiveRefinements]]</span> 990 </span> 991 992 </button> 993 994 <div class="mobile-concerts-filters__search"> 995 <ais-search-box> 996 <template v-slot="{ currentRefinement, refine }"> 997 <form @submit.prevent class="search-results-form search-results-form--small"> 998 999 1000 1001 1002 1003 1004 1005 <div class=" 1006 field field--search 1007 "> 1008 1009 1010 1011 <input 1012 class="form-control form-control-sm form-font-size-sm form-control-rounded ps-2 pe-6" 1013 type="search" 1014 name="search" 1015 id="search" 1016 autocomplete="off" placeholder="zoekenâ¦" aria-label="zoekenâ¦" :value="currentRefinement" @input="handleDebouncedSearch(refine, $event.target.value)" 1017 /> 1018 1019 1020 </div> 1021 1022 1023 1024 1025 1026 1027 1028 1029 <button 1030 type="button" 1031 class="icon-button icon-button-xs" 1032 v-if="currentRefinement" @click="refine('')" 1033 > 1034 <span class="visually-hidden"> 1035 reset 1036 </span> 1037 1038 <svg class="icon icon-x" width="16" height="16" viewBox="0 0 20.506 20.506" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2.5" d="m1.768 1.768 16.97 16.97m0-16.97-16.97 16.97"/></svg> 1039 1040 1041 </button> 1042 1043 1044 1045 1046 1047 <button 1048 type="submit" 1049 class="icon-button icon-button-xs" 1050 v-else 1051 > 1052 <span class="visually-hidden"> 1053 Zoeken 1054 </span> 1055 1056 <svg class="icon icon-search" width="16" height="16" viewBox="0 0 21.5 21.5" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" transform="translate(1.25 1.25)"><circle cx="8.444" cy="8.444" r="8.444"/><path d="m19 19-4.592-4.592"/></g></svg> 1057 1058 1059 </button> 1060 </form> 1061 </template> 1062 1063 </ais-search-box> 1064 </div> 1065 1066 <div v-if="filterIsActive" class="mobile-concerts-filters__active"> 1067 <a href="#" @click.prevent="clearAll" class="mobile-concerts-filters__reset"> 1068 verwijder alle filters 1069 </a> <span class="text-end" id="number-of-results"> 1070 <ais-stats> 1071 <template v-slot="{ nbHits }">
1072 <span v-if="nbHits === 1">[[ nbHits ]] resultaat</span> 1073 <span v-else>[[ nbHits ]] resultaten</span> 1074 </template> 1075 </ais-stats> 1076 </span> 1077 </div> 1078 1079 </div> 1080 1081 </div> 1082</div> 1083 1084 <section class="section" id="concerts"> 1085 1086 <div class="container"> 1087 <div class="loader-container"> 1088 <div class="grid-overview"> 1089 <div class="col-sidebar d-none d-xl-block"> 1090 <div class="skeleton-loader"></div> 1091 </div> 1092 <div class="col-overview"> 1093 <div class="skeleton-loader"></div> 1094 <div class="skeleton-loader"></div> 1095 <div class="skeleton-loader"></div> 1096 </div> 1097 </div> 1098 </div> 1099 <div class="concert-results"> 1100 1101 <!-- Active filters pills --> 1102 <ais-current-refinements> 1103 <template v-slot="{ items, refine }"> 1104 <div v-if="items.length > 0" class="active-filters"> 1105 <div class="filter-pills"> 1106 <template v-for="item in items" :key="item.attribute"> 1107 <button v-for="refinement in item.refinements" :key="refinement.value" type="button" class="badge badge-sm badge-with-icon" @click="refine(refinement)"> 1108 <span class="badge-text">[[ refinement.label ]]</span> 1109 <span class="badge-icon"> <svg class="icon icon-x" width="16" height="16" viewBox="0 0 20.506 20.506" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2.5" d="m1.768 1.768 16.97 16.97m0-16.97-16.97 16.97"/></svg> 1110</span> 1111 </button> 1112 </template> 1113 </div> 1114 </div> 1115 </template> 1116 </ais-current-refinements> 1117 1118 <div class="grid-overview"> 1119 <div class="col-sidebar"> 1120 <div class="sidebar-filters" :class="{ 'is-offscreen' : isOffscreen }" :aria-hidden="offscreenAriaHidden"> 1121 1122 <div class="sidebar-filters__header d-flex align-items-center d-xl-none justify-content-between mb-3"> 1123 <h2 class="m-0 h3">Filters</h2> 1124 1125 1126 1127 1128 <button 1129 type="button" 1130 class="icon-button icon-button-sm icon-button-white" 1131 @click.prevent="closeOffscreen" 1132 > 1133 <span class="visually-hidden"> 1134 Sluiten 1135 </span> 1136 1137 <svg class="icon icon-x" width="16" height="16" viewBox="0 0 20.506 20.506" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2.5" d="m1.768 1.768 16.97 16.97m0-16.97-16.97 16.97"/></svg> 1138 1139 1140 </button> 1141 </div> 1142 1143 <div class="filters__content"> 1144 <ais-search-box> 1145 <template v-slot="{ currentRefinement, refine }"> 1146 <form @submit.prevent class="search-results-form search-results-form--small"> 1147 1148 1149 1150 1151 1152 1153 1154 <div class=" 1155 field field--search 1156 "> 1157 1158 1159 1160 <input 1161 class="form-control form-control-md form-font-size-md form-control-rounded" 1162 type="search" 1163 name="search" 1164 id="search" 1165 autocomplete="off" placeholder="zoek op een term" aria-label="zoek op een term" :value="currentRefinement" @input="handleDebouncedSearch(refine, $event.target.value)" 1166 /> 1167 1168 1169 </div> 1170 1171 1172 1173 1174 1175 1176 1177 1178 <button 1179 type="button" 1180 class="icon-button icon-button-xs" 1181 v-if="currentRefinement" @click="refine('')" 1182 >
1183 <span class="visually-hidden"> 1184 reset 1185 </span> 1186 1187 <svg class="icon icon-x" width="16" height="16" viewBox="0 0 20.506 20.506" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2.5" d="m1.768 1.768 16.97 16.97m0-16.97-16.97 16.97"/></svg> 1188 1189 1190 </button> 1191 1192 1193 1194 1195 1196 <button 1197 type="submit" 1198 class="icon-button icon-button-xs" 1199 v-else 1200 > 1201 <span class="visually-hidden"> 1202 Zoeken 1203 </span> 1204 1205 <svg class="icon icon-search" width="16" height="16" viewBox="0 0 21.5 21.5" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" transform="translate(1.25 1.25)"><circle cx="8.444" cy="8.444" r="8.444"/><path d="m19 19-4.592-4.592"/></g></svg> 1206 1207 1208 </button> 1209 </form> 1210 </template> 1211 </ais-search-box> 1212 <div class="filter-groups"> 1213 <div v-for="filter in filters" :key="filter.attribute" class="filter-group" ref="filterGroup"> 1214 1215 <ais-refinement-list :attribute="filter.attribute" :sort-by="filter.sortBy" :limit="20"> 1216 <template v-slot="{ items, refine }"> 1217 <button type="button" class="filter-toggle" :aria-expanded="isFilterExpanded(filter.attribute)" :aria-controls="`filter-${filter.attribute}`" :disabled="items.length === 0" @click="toggleFilter(filter.attribute)"> 1218 <span class="filter-toggle-label"> 1219 <span>[[ filter.label ]]</span> 1220 <span v-if="getActiveRefinement(filter.attribute)" class="filter-count"> ([[ getActiveRefinement(filter.attribute).length ]])</span> 1221 </span> <span class="filter-toggle-icon" aria-hidden="true"> 1222 <svg class="icon icon-chevron-down" width="16" height="16" viewBox="0 0 14 8" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 1 7 7 1 1"/></svg> 1223 1224 </span> 1225 </button> 1226 1227 <div v-if="items.length > 0" :id="`filter-${filter.attribute}`" class="filter-dropdown" :class="{ 'is-collapsed': !isFilterExpanded(filter.attribute) }" :aria-hidden="!isFilterExpanded(filter.attribute)"> 1228 <div class="filter-dropdown-inner"> 1229 <div v-for="item in sortFilterItems(items, filter.attribute === 'monthYear' ? 'date' : 'label')" :key="item.value" class="filter-option"> 1230 1231 1232 1233 1234 1235 1236 1237 1238 <div class=" 1239 field field--empty 1240 "> 1241 1242 1243 1244 <label class="form-check form-check-md form-font-size-md"> 1245 <input 1246 class="form-check-input" 1247 type="checkbox" 1248 value="" 1249 1250 1251 1252 :checked='item.isRefined' @change='refine(item.value)' 1253 /> 1254 <span class="form-check-label"> <span class="filter-option-label">[[ item.label ]]</span> 1255 </span> 1256 </label> 1257 1258 </div> 1259 1260 1261 1262 1263 </div> 1264 </div> 1265 </div> 1266 </template> 1267 </ais-refinement-list> 1268 </div> 1269 </div> 1270 </div> 1271 1272 <div class="sidebar-filters__footer d-xl-none"> 1273 1274 1275 1276 1277 1278 1279 1280 1281 <button type="button" class="btn btn-primary" @click.prevent="closeOffscreen"> 1282 1283 <span class="text text-lowercase"> 1284 <ais-stats> 1285 <template v-slot="{ nbHits }">
1286 <span v-if="nbHits === 1">toon <span>[[ nbHits ]] resultaat</span></span> 1287 <span v-else>toon <span>[[ nbHits ]] resultaten</span></span> 1288 </template> 1289 </ais-stats> 1290 1291 </span> 1292 1293 1294 1295 </button> 1296 </div> 1297 1298 </div> 1299 </div> 1300 <div class="col-overview"> 1301 <ais-hits :transform-items="transformResults"> 1302 <template v-slot:default="{ items }"> 1303 <div v-if="isEmptyObject(items)" class="no-results text-center mt-xl-6"> 1304 <p>Er zijn geen resultaten gevonden!</p> 1305 </div> 1306 <div v-else class="concert-list"> 1307 <div v-for="(events, month) in items" :key="month" class="overview-month"> 1308 <div class="concert-month">[[ month ]]</div> 1309 <div v-for="event in events" :key="event.objectID" class="card--concert" @click="onConcertClick(event.url)"> 1310 <div class="concert__date"> 1311 <span v-html="[[ convertDate(event.datetime) ]]"></span> 1312 <span class="concert-start-time d-lg-none"> - [[ convertTime(event.datetime) ]]</span> 1313 </div> 1314 <div v-if="event.heroImage" class="concert__image clipped-image" data-clip-path="c-shape"> 1315 <img :src="event.heroImage" :alt="event.title" loading="lazy"/> 1316 </div> 1317 <div class="concert__info"> 1318 <div class="concert-meta"> 1319 <span class="concert-start-time d-none d-lg-inline-block">[[ convertTime(event.datetime) ]]</span> 1320 <div class="concert-location"> 1321 <span>[[ event.locationText ]]</span></div> 1322 </div> 1323 <div class="concert-title mb-1">[[ event.title ]]</div> 1324 <div v-if="event.concert_heroSubtitle" class="concert-artist d-none d-lg-block">[[ event.concert_heroSubtitle ]]</div> 1325 </div> 1326 <div class="concert__ctas"> 1327 <div v-if="event.status === 'sold_out' || event.status === 'cancelled' || event.status === 'soon_available'"> 1328 1329 1330 1331 1332 1333 1334 <button type="button" class="btn btn-primary btn-sm w-100" disabled="disabled" :data-concert-id='event.id'> 1335 1336 <span class="text text-lowercase"> 1337 <span v-html="translation(event.status)"></span> 1338 </span> 1339 1340 1341 1342 </button> 1343 </div> 1344 <template v-else> 1345 <div v-if="event.url"> 1346 1347 1348 1349 1350 1351 1352 <a class="btn btn-primary btn-sm" :data-concert-id='event.id' :href='event.url'> 1353 1354 <span class="text"> 1355 info & tickets 1356 </span> 1357 1358 1359 1360 </a> 1361 </div> 1362 <div v-if="event.ticketOrderUrl"> 1363 1364 1365 1366 1367 1368 1369 <a class="btn btn-outline-primary btn-sm btn-tickets" :data-concert-id='event.id' target='_blank' rel='noopener noreferrer' @click.stop='onTicketClick(event)' :href='event.ticketOrderUrl'> 1370 1371 <span class="text"> 1372 bestel direct 1373 </span> 1374 1375 1376 1377 </a> 1378 </div> 1379 </template> 1380 </div> 1381 </div> 1382 1383 </div> 1384 1385 </div> 1386 </template> 1387 </ais-hits> 1388 1389 <ais-pagination v-on:page-change="onPageChange"> 1390 <template v-slot="{ 1391 currentRefinement, 1392 nbPages, 1393 pages, 1394 isFirstPage, 1395 isLastPage, 1396 refine, 1397 createURL 1398 }"> 1399 <ul class="pagination"> 1400 <li class="page-item"> 1401 <button class="icon-button" :disabled="isFirstPage" @click.prevent="refine(currentRefinement - 1)"> 1402 <svg class="icon icon-arrow-left" width="16" height="16" viewB
1402ox="0 0 22.083 14.5" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M20.833 7.25h-18m4.417 6-6-6 6-6"/></svg> 1403 1404 </button> 1405 </li> 1406 <li class="page-item" v-for="page in pages" :key="page"> 1407 <span v-if="page === currentRefinement"> 1408 [[ page + 1 ]] 1409 </span> 1410 <a v-else class="page-link" :href="createURL(page)" @click.prevent="refine(page)"> [[ page + 1 ]] </a> 1411 </li> 1412 <li class="page-item"> 1413 <button :disabled="isLastPage" class="icon-button" @click.prevent="refine(currentRefinement + 1)"> 1414 <svg class="icon icon-arrow-right" width="16" height="16" viewBox="0 0 22.083 14.5" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M1.25 7.25h18m-4.417 6 6-6-6-6"/></svg> 1415 1416 </button> 1417 </li> 1418 </ul> 1419 </template> 1420 </ais-pagination> 1421 1422 </div> 1423 </div> 1424 1425 </div> 1426 </div> 1427 1428 </section> 1429 1430 </ais-instant-search> 1431 </div> 1432 1433 1434<div class="modal fade modal--leave" tabindex="-1" aria-hidden="true"> 1435 <div class="modal-dialog"> 1436 1437 <div class="modal-confetti"> 1438 <img src="/dist/images/modal-leave-confetti.png" alt="" width="1002" height="702"/> 1439 </div> 1440 1441 <div class="modal-content overflow-hidden"> 1442 <div class="modal-header pb-1"> 1443 1444 1445 1446 1447 <button 1448 type="button" 1449 class="icon-button icon-button-sm btn-close" 1450 data-bs-dismiss="modal" 1451 > 1452 <span class="visually-hidden"> 1453 Sluiten 1454 </span> 1455 1456 <svg class="icon icon-x" width="16" height="16" viewBox="0 0 20.506 20.506" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2.5" d="m1.768 1.768 16.97 16.97m0-16.97-16.97 16.97"/></svg> 1457 1458 1459 </button> 1460 </div> 1461 1462 1463 <div id="modalPages" class="modal-body"> 1464 1465 <div class="modal-page collapse show" id="modal-page-start" data-bs-parent="#modalPages"> 1466 1467 1468 1469 <div class="text" > 1470 <h2>Zien we je bij het<br />concert?</h2> 1471 1472 </div> 1473 1474 <div class="d-flex gap-3 mx-lg-2"> 1475 1476 1477 1478 1479 1480 1481 <button type="button" class="btn btn-primary btn-xl w-50" data-bs-toggle="collapse" data-bs-target="#modal-page-yes" aria-expanded="false" aria-controls="modal-page-yes"> 1482 1483 <span class="text"> 1484 ja 1485 </span> 1486 1487 1488 1489 </button> 1490 1491 1492 1493 1494 1495 1496 1497 <button type="button" class="btn btn-primary btn-xl w-50" data-bs-toggle="collapse" data-bs-target="#modal-page-no" aria-expanded="false" aria-controls="modal-page-no"> 1498 1499 <span class="text"> 1500 nee 1501 </span> 1502 1503 1504 1505 </button> 1506 </div> 1507 1508 </div> 1509 1510 <div class="modal-page collapse" id="modal-page-yes" data-bs-parent="#modalPages"> 1511 1512 1513 1514 <div class="text" > 1515 <h2>Gefeliciteerd ð¥³</h2> 1516 <p class="mb-4 mb-lg-6">Op de hoogte blijven van ons programma? Laat je mailadres achter en meld je aan voor onze nieuwsbrief.</p> 1517 1518 </div> 1519 1520 <div class="alert form-messages mb-2 d-none" role="alert"></div> 1521 1522 <form action="https://philzuid.nl" data-lazy-url="https://api.philzuid.nl/api/v1/fan/concerts/visitor"> 1523 1524 <div class="row g-1"> 1525 1526 <div class="col-auto col-12 col-sm-auto flex-grow-1 relative"> 1527 <div class="form-spinner d-none"> 1528 <svg width="60" height="60" viewB
1528ox="0 0 50 50"><circle cx="25" cy="25" r="20" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-dasharray="60 120" class="spinner"></svg> 1529 </div> 1530 1531 1532 1533 1534 1535 1536 1537 <div class=" 1538 field field--email 1539 "> 1540 1541 1542 1543 <input 1544 class="form-control form-control-md form-font-size-md form-control-rounded px-3 form-control-light field-email" 1545 type="" 1546 value="" name="email" 1547 id="email" 1548 placeholder="e-mailadres" aria-label="e-mailadres" required 1549 /> 1550 1551 1552 </div> 1553 1554 1555 1556 1557 <div class="field-error email-error invalid-feedback mt-1"></div> 1558 1559 </div> 1560 1561 <div class="col-auto"> 1562 1563 1564 1565 1566 1567 1568 <button type="submit" class="btn btn-primary px-3" id="mc-embedded-subscribe" name="subscribe"> 1569 1570 <span class="text"> 1571 verstuur 1572 </span> 1573 1574 1575 1576 </button> 1577 </div> 1578 1579 </div> 1580 </form> 1581 1582 </div> 1583 1584 <div class="modal-page collapse is-fake-hidden" id="modal-page-no" data-bs-parent="#modalPages"> 1585 1586 1587 1588 <div class="text" > 1589 <h2>Misschien vind je dit ook leuk</h2> 1590 1591 </div> 1592 1593 <div class="modal-leave-related" data-lazy-url="https://philzuid.nl/nl/api/v1/concerts"> 1594 <div class="relative"> 1595 <div class="form-spinner form-spinner--left"> 1596 <svg width="60" height="60" viewB
1596ox="0 0 50 50"> 1597 <circle cx="25" cy="25" r="20" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-dasharray="60 120" class="spinner"> 1598 </svg> 1599 </div> 1600 </div> 1601 </div> 1602 1603 </div> 1604 1605 </div> 1606 </div> 1607 1608 </div> 1609</div> 1610 1611 </main> 1612 1613<footer class="footer"> 1614 <hr class="m-0" /> 1615 <div class="footer__top my-5 mb-3 my-lg-5"> 1616 <div class="container"> 1617 1618 1619<a href="https://philzuid.nl/nl/" class="d-inline-flex align-bottom footer-logo"> 1620 1621 <img src="/dist/images/brand/logo-with-text.svg" alt="Logo Philzuid" /> 1622</a> 1623 <hr class="divider divider-margin--negative mt-3 mt-lg-5" /> 1624 </div> 1625 </div> 1626 <div class="footer__middle my-2 my-lg-5"> 1627 1628 <div class="container"> 1629 <div class="row"> 1630 1631 <!-- COLUMN: 1 --> 1632 <div class="col-12 col-lg-5 col-xl-5"> 1633 1634 <div class="d-flex flex-column h-100"> 1635 <div class="contact-info"> 1636 <p> 1637 Vestiging Eindhoven <br> 1638 Jan van Lieshoutstraat 5, 5611 EE Eindhoven 1639 </p> 1640 1641 <p> 1642 Vestiging Maastricht <br> 1643 Sint Theresiaplein 11, 6213 CG Maastricht 1644 </p> 1645 1646 <p> 1647 <span class="text-secondary">E:</span> <a 1648 href="mailto:[email protected]">[email protected]</a><br/> 1649 <span class="text-secondary">T:</span> <a 1650 href="tel:088 1660 700">088 1660 700</a> 1651 </p> 1652 </div> 1653 1654 <div class="socials mt-4 mt-lg-auto"> 1655 1656 1657 1658 1659<div class="d-flex flex-wrap socials gap-1"><a href="https://www.facebook.com/phil.zuid" target="_blank" class="social-button social-button--footer"><span class="social-button__icon"><svg class="icon icon-facebook" width="40" height="40" viewBox="0 0 11.234 20.426" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" fill-rule="evenodd" d="M11.234 0H8.17a5.106 5.106 0 0 0-5.106 5.106V8.17H0v4.085h3.064v8.17h4.085v-8.17h3.064l1.021-4.085H7.149V5.106c0-.564.457-1.02 1.021-1.02h3.064V0Z"/></svg></span></a><a href="https://www.linkedin.com/company/philzuid/" target="_blank" class="social-button social-button--footer"><span class="social-button__icon"><svg class="icon icon-linkedin" width="40" height="40" viewBox="0 0 18.383 19.404" xmlns="http://www.w3.org/2000/svg"><g fill="currentColor" fill-rule="evenodd"><path d="M12.255 6.128a6.128 6.128 0 0 1 6.128 6.127v7.15h-4.085v-7.15a2.043 2.043 0 0 0-4.085 0v7.15H6.128v-7.15a6.128 6.128 0 0 1 6.127-6.127ZM0 7.149h4.085v12.255H0z"/><circle cx="2.043" cy="2.043" r="2.043"/></g></svg></span></a><a href="https://www.tiktok.com/@philzuid" target="_blank" class="social-button social-button--footer"><span class="social-button__icon"><svg class="icon icon-tiktok" width="40" height="40" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>Shape</title><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="tiktok" fill="currentColor" fill-rule="nonzero"><path d="M17.6190476,0 L2.38095238,0 C1.06809524,0 0,1.06809524 0,2.38095238 L0,17.6190476 C0,18.9319048 1.06809524,20 2.38095238,20 L17.6190476,20 C18.9319048,20 20,18.9319048 20,17.6190476 L20,2.38095238 C20,1.06809524 18.9319048,0 17.6190476,0 Z M15.7171429,8.7252381 C15.6090476,8.7352381 15.4995238,8.74190476 15.3885714,8.74190476 C14.1395238,8.74190476 13.0419048,8.09952381 12.4033333,7.12857143 C12.4033333,9.67571429 12.4033333,12.5738095 12.4033333,12.622381 C12.4033333,14.8647619 10.5852381,16.6828571 8.34285714,16.6828571 C6.10047619,16.6828571 4.28238095,14.8647619 4.28238095,12.622381 C4.28238095,10.38 6.10047619,8.56190476 8.34285714,8.56190476 C8.42761905,8.56190476 8.51047619,8.56952381 8.59380952,8.5747619 L8.59380952,10.5757143 C8.51047619,10.5657143 8.42857143,10.5504762 8.34285714,10.5504762 C7.19809524,10.5504762 6.27047619,11.4780952 6.27047619,12.6228571 C6.27047619,13.767619 7.19809524,14.6952381 8.34285714,14.6952381 C9.48761905,14.6952381 10.4985714,13.7933333 10.4985714,12.6485714 C10.4985714,12.6033333 10.5185714,3.31809524 10.5185714,3.31809524 L12.4309524,3.31809524 C12.6109524,5.02809524 13.9914286,6.37761905 15.7171429,6.50142857 L15.7171429,8.7252381 Z" id="Shape"></path></g></g></svg></span></a><a href="https://www.instagram.com/philzuid/" target="_blank" class="social-button social-button--footer"><span class="social-button__icon"><svg class="icon icon-instagram" width="40" height="40" viewBox="0 0 20.426 20.426" xmlns="http://www.w3.org/2000/svg">
1659<path fill="currentColor" fill-rule="evenodd" d="M15.426 0a5 5 0 0 1 5 5v10.426a5 5 0 0 1-5 5H5a5 5 0 0 1-5-5V5a5 5 0 0 1 5-5h10.426Zm-4.423 5.138a5.085 5.085 0 1 0-1.492 10.06 5.085 5.085 0 0 0 1.492-10.06ZM7.5 8.782a3.085 3.085 0 1 1 5.512 2.774A3.085 3.085 0 0 1 7.5 8.782Zm8.339-5.186h-.01a1 1 0 0 0 0 2h.01a1 1 0 0 0 0-2Z"/></svg></span></a><a href="https://www.youtube.com/channel/UCIQguyDnEo1-wF2_2rkh_fw" target="_blank" class="social-button social-button--footer"><span class="social-button__icon"><svg class="icon icon-youtube" width="40" height="40" viewBox="0 0 22.469 15.788" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" fill-rule="evenodd" d="M11.245 0h.03l.423.002c1.595.008 6.836.065 8.32.427a2.84 2.84 0 0 1 1.98 2.042c.325 1.797.482 3.619.47 5.444a29.617 29.617 0 0 1-.47 5.362 2.84 2.84 0 0 1-1.98 2.042c-1.562.418-7.287.464-8.54.47h-.487c-1.253-.006-6.978-.052-8.54-.47a2.84 2.84 0 0 1-1.98-1.96A29.617 29.617 0 0 1 0 7.914c-.01-1.812.148-3.62.47-5.403A2.84 2.84 0 0 1 2.45.47C3.936.073 9.177.01 10.772.002L11.194 0h.04ZM8.937 4.575v6.68l5.872-3.34-5.872-3.34Z"/></svg></span></a></div> </div> 1660 </div> 1661 1662 </div> 1663 <!-- COLUMN: 2 --> 1664 <div class="col-12 col-lg-3 mt-4 mt-lg-0"> 1665 1666 1667 1668 1669 1670 1671 1672 1673<div class="link-list"><ul class="list-unstyled mb-0 row g-2"><li class="col-6 col-lg-12 col-lg-5"><a 1674 href="https://philzuid.nl/nl/overphilzuid" 1675 class="nav-link nav-link--text" 1676 data-nav-open-page 1677 1678 ><span>over Philzuid</span></a><span class="sep"></span></li><li class="col-6 col-lg-12 col-lg-5"><a 1679 href="https://philzuid.nl/nl/werken-bij-philzuid" 1680 class="nav-link nav-link--text" 1681 data-nav-open-page 1682 1683 ><span>vacatures</span></a><span class="sep"></span></li><li class="col-6 col-lg-12 col-lg-5"><a 1684 href="https://philzuid.nl/nl/wij-danken" 1685 class="nav-link nav-link--text" 1686 data-nav-open-page 1687 1688 ><span>wij danken</span></a><span class="sep"></span></li><li class="col-6 col-lg-12 col-lg-5"><a 1689 href="https://philzuid.nl/nl/contact" 1690 class="nav-link nav-link--text" 1691 data-nav-open-page 1692 1693 ><span>contact</span></a><span class="sep"></span></li></ul></div> 1694 </div> 1695 <!-- COLUMN: 3 --> 1696 <div class="col-12 col-lg-4 my-4 my-lg-0"> 1697 <p>Meld je aan voor de Philzuid nieuwsbrief en ontvang concerttips en ons laatste nieuws.</p> 1698 1699 1700 1701<form id="form-newsletter-footer" class="form-newsletter"><div class="alert alert-success mb-2 d-block m-0 d-none newsletter-success" role="alert"> 1702 Dank je wel voor je inschrijving! 1703 </div><div class="alert alert-danger mb-2 d-block m-0 d-none newsletter-error" role="alert"> 1704 Het aanmelden is mislukt. Probeer het opnieuw. 1705 </div><div class="form"><div class="d-flex gap-2 flex-column flex-sm-row flex-lg-column flex-xl-row"><div class="form-row flex-grow-1"><div class=" 1706 field field--form-newsletter-footer_email 1707 "><input 1708 class="form-control form-control-md form-font-size-md newsletter-email form-control-rounded px-3 pt-1 pb-0-5 pt-md-1-5 pb-md-1 form-control-light" 1709 type="email" 1710 value="" name="form-newsletter-footer_email" 1711 id="form-newsletter-footer-email" 1712 placeholder="e-mailadres" aria-label="e-mailadres" required 1713 /></div></div><div><button type="submit" class="btn btn-primary px-3 newsletter-submit" ><span class="text"> 1714 inschrijven 1715 </span></button></div></div><div class="recaptcha-disclaimer"><div class="mt-2"> 1716 Dit formulier wordt beschermd door reCAPTCHA en Google's 1717 <a href="https://policies.google.com/privacy" target="_blank" rel="noopener">Privacyverklaring</a> en 1718 <a href="https://policies.google.com/terms" target="_blank" rel="noopener">Servicevoorwaarden</a> zijn van toepassing. 1719 </div></div></div></form> 1720 <div> 1721 <hr class="my-3 me-md-n4" /> 1722 <p>Geef om Philzuid en steun ons!</p> 1723 1724 1725 1726 1727 1728 1729 <a href="https://philzuid.nl/nl/steun-ons" class="btn btn-primary btn-sm" > 1730 1731 <span class="text"> 1732 steun ons 1733 </span> 1734 1735 1736 1737 </a> 1738 </div> 1739 </div> 1740 1741 </div> 1742 </div> 1743 1744 </div> 1745 <div class="divider d-md-none"></div> 1746 <div class="footer__bottom mb-3 my-lg-3"> 1747 <div class="container"> 1748 <div class="d-flex flex-wrap justify-content-between"> 1749 <div class="mt-1 pe-4"> 1750 1751 1752 1753 1754 1755 1756 1757 1758<div class="link-list"><ul class="list-unstyled mb-0 d-flex flex-wrap link-list--separator"><li class="py-1"><a 1759 href="https://philzuid.nl/nl/privacyverklaring" 1760 class="nav-link nav-link--text" 1761 data-nav-open-page 1762 1763 ><span>privacyverklaring</span></a><span class="sep"></span></li><li class="py-1"><a 1764 href="https://philzuid.nl/nl/disclaimer" 1765 class="nav-link nav-link--text" 1766 data-nav-open-page 1767 1768 ><span>disclaimer</span></a><span class="sep"></span></li><li class="py-1"><button 1769 type="button" 1770 class="nav-link nav-link--text button-rebooted" 1771 data-nav-open-page 1772 data-change-cookie-consent 1773 ><span>
1773cookies wijzigen</span></button><span class="sep"></span></li><li class="py-1"><a 1774 href="https://www.exitable.nl" 1775 class="nav-link nav-link--text" 1776 data-nav-open-page 1777 1778 ><span>website door exitable</span></a><span class="sep"></span></li></ul></div> </div> 1779 1780 <div class="ms-auto mt-1 py-1"><span>© philzuid</span></div> 1781 </div> 1782 </div> 1783 </div> 1784 1785</footer> 1786 1787 1788 1789 1790<div class="offscreen-nav" id="offscreen-nav" data-offscreen aria-hidden="true"> 1791 <div class="offscreen-nav-body" id="offscreen-nav-body"> 1792 <div class="nav-block nav-block--level-1" data-nav-level="1" id="nav-block-top-1"> 1793 <div class="nav-block-main"> 1794 <div class="nav-block-buttons"> 1795 <div class="mobile-nav-buttons"> 1796 1797 1798 1799 1800 <button 1801 type="button" 1802 class="icon-button icon-button-alpha d-md-none toggle-search-mobile" 1803 1804 > 1805 <span class="visually-hidden"> 1806 Zoeken 1807 </span> 1808 1809 <svg class="icon icon-search" width="16" height="16" viewBox="0 0 21.5 21.5" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" transform="translate(1.25 1.25)"><circle cx="8.444" cy="8.444" r="8.444"/><path d="m19 19-4.592-4.592"/></g></svg> 1810 1811 1812 </button> 1813 1814 1815 1816 1817 1818 1819 1820 <button type="button" class="btn btn-alpha btn-sm ms-1 btn-close-offscreen-nav close-offscreen-nav" > 1821 1822 <span class="text"> 1823 sluiten 1824 </span> 1825 1826 1827 1828 </button> 1829 1830 </div> 1831 </div> 1832 1833 <div class="nav-block-container"> 1834 <div class="nav-block-links"> 1835 <ul class="list-unstyled mb-0 nav-list nav-list--level-1" data-nav-level="1"> 1836 1837 1838 <li class="nav-item nav-item--level-1 nav-item--agenda is-invisible"> 1839 1840 1841 1842 1843 1844 <a 1845 href="https://philzuid.nl/nl/concerten" 1846 class="nav-link nav-link--current nav-link--text nav-link--level-1" 1847 data-nav-open-page 1848 1849 > 1850 <span>agenda</span> 1851 </a> 1852 1853 </li> 1854 1855 1856 <li class="nav-item nav-item--level-1 nav-item--orkest is-invisible"> 1857 1858 1859 1860 1861 1862 <button 1863 type="button" 1864 class="nav-link nav-link--text nav-link--level-1 button-rebooted" 1865 data-nav-open-level="2" 1866 data-nav-open-block="orkest-2-mobile" 1867 aria-expanded="false" 1868 aria-haspopup="true" 1869 1870 > 1871 <span>orkest</span> 1872 <span class="custom-icon"> 1873 <span class="icon icon-plus"></span> 1874 </span> 1875 1876 </button> 1877 1878 <div 1879 id="orkest-2-mobile" 1880 class="nav-block nav-block--level-2 text-bg-purple" 1881 data-nav-block-level="2" 1882 1883 > 1884 <div class="nav-block-container "> 1885 1886 1887 1888 1889 <div class="nav-block-scroll"> 1890 <div class="nav-block-child-links"> 1891 <ul class="list-unstyled m-0 nav-list nav-list--level-2"> 1892 1893 <li class="nav-item nav-item--level-2 nav-item--musici is-invisible"> 1894 1895 1896 1897 1898 1899 <a 1900 href="https://philzuid.nl/nl/musici" 1901 class="nav-link nav-link--text nav-link--level-2" 1902 data-nav-open-page 1903 1904 >
1905 <span>musici</span> 1906 </a> 1907 1908 </li> 1909 1910 1911 <li class="nav-item nav-item--level-2 nav-item--solisten is-invisible"> 1912 1913 1914 1915 1916 1917 <a 1918 href="https://philzuid.nl/nl/solisten" 1919 class="nav-link nav-link--text nav-link--level-2" 1920 data-nav-open-page 1921 1922 > 1923 <span>solisten</span> 1924 </a> 1925 1926 </li> 1927 1928 1929 <li class="nav-item nav-item--level-2 nav-item--dirigenten is-invisible"> 1930 1931 1932 1933 1934 1935 <a 1936 href="https://philzuid.nl/nl/dirigenten" 1937 class="nav-link nav-link--text nav-link--level-2" 1938 data-nav-open-page 1939 1940 > 1941 <span>dirigenten</span> 1942 </a> 1943 1944 </li> 1945 1946 </ul> 1947 </div> 1948 1949 </div> 1950 1951 </div> 1952 </div> 1953 </li> 1954 1955 1956 <li class="nav-item nav-item--level-1 nav-item--educatie is-invisible"> 1957 1958 1959 1960 1961 1962 <a 1963 href="https://philzuid.nl/nl/educatie" 1964 class="nav-link nav-link--text nav-link--level-1" 1965 data-nav-open-level="2" 1966 data-nav-open-block="educatie-2-mobile" 1967 aria-expanded="false" 1968 aria-haspopup="true" 1969 1970 > 1971 <span>educatie</span> 1972 <span class="custom-icon"> 1973 <span class="icon icon-plus"></span> 1974 </span> 1975 1976 </a> 1977 1978 <div 1979 id="educatie-2-mobile" 1980 class="nav-block nav-block--level-2 text-bg-purple" 1981 data-nav-block-level="2" 1982 1983 > 1984 <div class="nav-block-container "> 1985 1986 1987 1988 1989 <div class="nav-block-scroll"> 1990 <div class="nav-block-child-links"> 1991 <ul class="list-unstyled m-0 nav-list nav-list--level-2"> 1992 1993 <li class="nav-item nav-item--level-2 nav-item--primair-onderwijs is-invisible"> 1994 1995 1996 1997 1998 1999 <a 2000 href="https://philzuid.nl/nl/primair-onderwijs" 2001 class="nav-link nav-link--text nav-link--level-2" 2002 data-nav-open-page 2003 2004 > 2005 <span>primair onderwijs</span> 2006 </a> 2007 2008 </li> 2009 2010 2011 <li class="nav-item nav-item--level-2 nav-item--voortgezet-onderwijs is-invisible"> 2012 2013 2014 2015 2016 2017 <a 2018 href="https://philzuid.nl/nl/voortgezet-onderwijs" 2019 class="nav-link nav-link--text nav-link--level-2" 2020 data-nav-open-page 2021 2022 > 2023 <span>voortgezet onderwijs</span> 2024 </a> 2025 2026 </li> 2027 2028 2029 <li class="nav-item nav-item--level-2 nav-item--hoger-onderwijs is-invisible"> 2030 2031 2032 2033 2034 2035 <a 2036 href="https://philzuid.nl/nl/hoger-onderwijs" 2037 class="nav-link nav-link--text nav-link--level-2" 2038 data-nav-open-page 2039 2040 > 2041 <span>hoger onderwijs</span> 2042 </a> 2043 2044 </li> 2045 2046 2047 <li class="nav-item nav-item--level-2 nav-item--samenwerkingen is-invisible"> 2048 2049 2050 2051 2052 2053 <a 2054 href="https://philzuid.nl/nl/samenwerkingen" 2055 class="nav-link nav-link--text nav-link--level-2" 2056 data-nav-open-page 2057 2058 >
2059 <span>samenwerkingen</span> 2060 </a> 2061 2062 </li> 2063 2064 </ul> 2065 </div> 2066 2067 </div> 2068 2069 </div> 2070 </div> 2071 </li> 2072 2073 2074 <li class="nav-item nav-item--level-1 nav-item--steun-ons is-invisible"> 2075 2076 2077 2078 2079 2080 <a 2081 href="https://philzuid.nl/nl/steun-ons" 2082 class="nav-link nav-link--text nav-link--level-1" 2083 data-nav-open-level="2" 2084 data-nav-open-block="steun-ons-2-mobile" 2085 aria-expanded="false" 2086 aria-haspopup="true" 2087 2088 > 2089 <span>steun ons</span> 2090 <span class="custom-icon"> 2091 <span class="icon icon-plus"></span> 2092 </span> 2093 2094 </a> 2095 2096 <div 2097 id="steun-ons-2-mobile" 2098 class="nav-block nav-block--level-2 text-bg-purple" 2099 data-nav-block-level="2" 2100 2101 > 2102 <div class="nav-block-container "> 2103 2104 2105 2106 2107 <div class="nav-block-scroll"> 2108 <div class="nav-block-child-links"> 2109 <ul class="list-unstyled m-0 nav-list nav-list--level-2"> 2110 2111 <li class="nav-item nav-item--level-2 nav-item--particulier is-invisible"> 2112 2113 2114 2115 2116 2117 <a 2118 href="https://philzuid.nl/nl/particulier-steunen" 2119 class="nav-link nav-link--text nav-link--level-2" 2120 data-nav-open-page 2121 2122 > 2123 <span>particulier</span> 2124 </a> 2125 2126 </li> 2127 2128 2129 <li class="nav-item nav-item--level-2 nav-item--zakelijk is-invisible"> 2130 2131 2132 2133 2134 2135 <a 2136 href="https://philzuid.nl/nl/partnerships" 2137 class="nav-link nav-link--text nav-link--level-2" 2138 data-nav-open-page 2139 2140 > 2141 <span>zakelijk</span> 2142 </a> 2143 2144 </li> 2145 2146 </ul> 2147 </div> 2148 2149 </div> 2150 2151 </div> 2152 </div> 2153 </li> 2154 2155 2156 <li class="nav-item nav-item--level-1 nav-item--over-ons is-invisible"> 2157 2158 2159 2160 2161 2162 <button 2163 type="button" 2164 class="nav-link nav-link--text nav-link--level-1 button-rebooted" 2165 data-nav-open-level="2" 2166 data-nav-open-block="over-ons-2-mobile" 2167 aria-expanded="false" 2168 aria-haspopup="true" 2169 2170 > 2171 <span>over ons</span> 2172 <span class="custom-icon"> 2173 <span class="icon icon-plus"></span> 2174 </span> 2175 2176 </button> 2177 2178 <div 2179 id="over-ons-2-mobile" 2180 class="nav-block nav-block--level-2 text-bg-purple" 2181 data-nav-block-level="2" 2182 2183 > 2184 <div class="nav-block-container "> 2185 2186 2187 2188 2189 <div class="nav-block-scroll"> 2190 <div class="nav-block-child-links"> 2191 <ul class="list-unstyled m-0 nav-list nav-list--level-2"> 2192 2193 <li class="nav-item nav-item--level-2 nav-item--wij-zijn-philzuid is-invisible"> 2194 2195 2196 2197 2198 2199 <a 2200 href="https://philzuid.nl/nl/overphilzuid" 2201 class="nav-link nav-link--text nav-link--level-2" 2202 data-nav-open-page 2203 2204 >
2205 <span>wij zijn Philzuid</span> 2206 </a> 2207 2208 </li> 2209 2210 2211 <li class="nav-item nav-item--level-2 nav-item--partnership is-invisible"> 2212 2213 2214 2215 2216 2217 <a 2218 href="https://philzuid.nl/nl/partnerships" 2219 class="nav-link nav-link--text nav-link--level-2" 2220 data-nav-open-page 2221 2222 > 2223 <span>partnership</span> 2224 </a> 2225 2226 </li> 2227 2228 2229 <li class="nav-item nav-item--level-2 nav-item--vacatures is-invisible"> 2230 2231 2232 2233 2234 2235 <a 2236 href="https://philzuid.nl/nl/werken-bij-philzuid" 2237 class="nav-link nav-link--text nav-link--level-2" 2238 data-nav-open-page 2239 2240 > 2241 <span>vacatures</span> 2242 </a> 2243 2244 </li> 2245 2246 2247 <li class="nav-item nav-item--level-2 nav-item--nieuws is-invisible"> 2248 2249 2250 2251 2252 2253 <a 2254 href="https://philzuid.nl/nl/nieuws" 2255 class="nav-link nav-link--text nav-link--level-2" 2256 data-nav-open-page 2257 2258 > 2259 <span>nieuws</span> 2260 </a> 2261 2262 </li> 2263 2264 2265 <li class="nav-item nav-item--level-2 nav-item--contact is-invisible"> 2266 2267 2268 2269 2270 2271 <a 2272 href="https://philzuid.nl/nl/contact" 2273 class="nav-link nav-link--text nav-link--level-2" 2274 data-nav-open-page 2275 2276 > 2277 <span>contact</span> 2278 </a> 2279 2280 </li> 2281 2282 </ul> 2283 </div> 2284 2285 </div> 2286 2287 </div> 2288 </div> 2289 </li> 2290 2291 </ul> 2292 </div> 2293 2294 <div class="nav-block-secondary-nav"> 2295 2296 2297 2298 <ul class="list-unstyled mb-0 "> 2299 <li class="nav-item"> 2300 <a class="nav-link" href="https://philzuid.nl/nl/contact"> 2301 contact 2302 </a> 2303 </li> 2304 <li class="nav-item"> 2305 <a class="nav-link" href="https://philzuid.nl/nl/overphilzuid"> 2306 wij zijn Philzuid 2307 </a> 2308 </li> 2309 <li class="nav-item"> 2310 <a class="nav-link" href="https://philzuid.nl/nl/organisatie"> 2311 organisatie 2312 </a> 2313 </li> 2314 <li class="nav-item"> 2315 <a class="nav-link" href="https://philzuid.nl/nl/werken-bij-philzuid"> 2316 werken bij Philzuid 2317 </a> 2318 </li> 2319 </ul> 2320 2321 <div class="d-flex mt-auto justify-content-end"> 2322 2323 2324<button type="button" id="openTranslateModal" class="btn button-rebooted btn--google-translate" data-bs-toggle="modal" data-bs-target="#googleTranslateModal"> 2325 <span class="ui-icon"> 2326 <svg class="icon icon-translate" width="12" height="12" viewBox="0 0 23.999109 24.0002849" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 2327 <g id="Page-1" stroke="none" stroke-width="1" fill-rule="evenodd"> 2328 <g id="translate" fill-rule="nonzero"> 2329 <path d="M15.5566365,8.811 C15.9486365,7.971 17.1416365,7.971 17.5336365,8.811
2329L23.8966365,22.448 C24.1512397,22.9939335 23.9150699,23.6428967 23.3691365,23.8975 C22.823203,24.1521032 22.1742398,23.9159334 21.9196365,23.37 L20.5166365,20.363 L12.5716365,20.363 L11.1696365,23.37 C10.9374582,23.8681466 10.3709854,24.1158178 9.84763651,23.948 L9.72063651,23.898 C9.45812061,23.7759758 9.25492896,23.5545349 9.15587725,23.2825179 C9.05682554,23.0105008 9.07005095,22.7102542 9.19263651,22.448 L15.5566365,8.81 L15.5566365,8.811 Z M8.36363651,0 C8.96563651,0 9.45363651,0.488 9.45363651,1.09 L9.45363651,2.737 L10.4306365,2.762 C10.7736365,2.774 11.1156365,2.789 11.4576365,2.806 L12.4776365,2.868 L12.4906365,2.869 L12.5086365,2.87 L13.5786365,2.953 C13.9456365,2.985 14.3116365,3.02 14.6766365,3.059 L15.7706365,3.185 C16.3684848,3.25955844 16.792695,3.80465176 16.7181365,4.4025 C16.6435781,5.00034824 16.0984848,5.42455844 15.5006365,5.35 C14.4470374,5.2186415 13.389953,5.11693465 12.3306365,5.045 L13.2466365,5.115 L13.2416365,5.135 C12.5453984,7.76795511 11.3837688,10.2551295 9.81163651,12.479 L9.74163651,12.576 L10.0666365,12.956 C10.1926365,13.1 10.3216365,13.242 10.4526365,13.383 L10.8516365,13.8 C11.2741343,14.2296775 11.268314,14.9205022 10.8386365,15.343 C10.408959,15.7654978 9.71813434,15.7596775 9.29563651,15.33 C9.01782851,15.0470589 8.74740428,14.7569614 8.48463651,14.46 L8.36363651,14.321 L8.34163651,14.349 C6.55066213,16.397096 4.41006823,18.1107223 2.01963651,19.41 L1.59163651,19.637 C1.05674873,19.9136947 0.398831171,19.7043878 0.122136511,19.1695 C-0.154558149,18.6346122 0.0547487309,17.9766947 0.589636511,17.7 C2.94737835,16.481397 5.049917,14.8225165 6.78363651,12.813 L6.98363651,12.576 L6.66463651,12.121 C5.88817387,10.9746596 5.2171009,9.76036895 4.65963651,8.493 L4.42663651,7.946 C4.19799062,7.38846855 4.46460506,6.75114589 5.02213651,6.5225 C5.57966797,6.29385411 6.21699062,6.56046855 6.44563651,7.118 C6.95511463,8.36098341 7.58406486,9.55156812 8.32363651,10.673 L8.36363651,10.732 L8.45863651,10.592 C9.56705838,8.89477235 10.4195343,7.04358561 10.9886365,5.098 L11.0236365,4.971 L10.3566365,4.943 C10.0266365,4.932 9.69463651,4.923 9.36263651,4.918 L8.37963651,4.908 L8.36463651,4.909 L8.34863651,4.908 L7.34163651,4.918 C5.63763651,4.948 3.93663651,5.053 2.24163651,5.233 L1.22663651,5.35 C0.628788277,5.42455843 0.0836949741,5.00034823 0.00913653396,4.4025 C-0.0654219062,3.80465176 0.35878828,3.25955845 0.956636511,3.185 C2.71156568,2.96696935 4.47529653,2.82683183 6.24263651,2.765 L7.27263651,2.737 L7.27263651,1.09 C7.27263651,0.534 7.68963651,0.075 8.22763651,0.007 L8.36363651,0 Z M16.5446365,11.852 L13.5896365,18.182 L19.4996365,18.182 L16.5446365,11.852 L16.5446365,11.852 Z" id="Shape" fill="currentColor"></path> 2330 </g> 2331 </g> 2332</svg> 2333 2334 2335 </span> 2336 <span class="ui-txt notranslate small">translate</span> 2337</button> 2338 2339 </div> 2340 </div> 2341 </div> 2342 </div> 2343 </div> 2344 </div> 2345</div> 2346 2347 2348 2349<div class="visually-hidden"> 2350 <svg> 2351 <clipPath id="hero-concert-shape" clipPathUnits="objectBoundingBox"> 2352 <path d="M0.093,0.854 C0.124,0.9,0.162,0.936,0.207,0.961 C0.253,0.987,0.304,1,0.362,1 L0.926,1 C0.947,1,0.965,0.992,0.979,0.975 C0.993,0.958,1,0.938,1,0.913 L1,0.087 C1,0.062,0.993,0.042,0.979,0.025 C0.965,0.008,0.947,0,0.926,0 L0.362,0 C0.284,0,0.218,0.022,0.165,0.067 C0.111,0.112,0.07,0.172,0.042,0.248 C0.014,0.324,0,0.408,0,0.5 C0,0.569,0.008,0.633,0.024,0.694 C0.039,0.754,0.063,0.807,0.093,0.854"></path> 2353 </clipPath> 2354 2355 <clipPath id="hero-home-shape" clipPathUnits="objectBoundingBox"> 2356 <path d="M1,0 L0.201,0 L0.006,0.825 C-0.014,0.908,0.021,1,0.072,1 L1,1 L1,0.052 L1,0"></path> 2357 </clipPath> 2358 2359 <clipPath id="video-shape" clipPathUnits="objectBoundingBox"> 2360 <path d="M0.947,0 L0.054,0 C0.042,0,0.029,0.008,0.018,0.025 C0.006,0.041,0,0.064,0,0.092 C0,0.101,0.001,0.11,0.002,0.121 L0.165,0.946 C0.168,0.963,0.174,0.976,0.183,0.985 C0.191,0.994,0.2,0.999,0.209,1 L0.791,1 C0.8,0.999,0.809,0.994,0.818,0.985 C0.826,0.976,0.832,0.963,0.835,0.946 L0.998,0.121 C0.999,0.11,1,0.101,1,0.092 C1,0.064,0.994,0.041,0.983,0.025 C0.971,0.008,0.959,0,0.947,0"></path> 2361 </clipPath> 2362 2363 <clipPath id="c-shape" clipPathUnits="objectBoundingBox"> 2364 <path d="M0.027,0.694 C0.045,0.754,0.072,0.807,0.108,0.854 C0.143,0.9,0.187,0.936,0.239,0.961 C0.291,0.987,0.35,1,0.417,1 L0.915,1 C0.939,1,0.96,0.992,0.976,0.975 C0.992,0.958,1,0.938,1,0.913 L1,0.087 C1,0.062,0.992,0.042,0.976,0.025 C0.96,0.008,0.939,0,0.915,0 L0.417,0 C0.327,0,0.251,0.022,0.19,0.067 C0.128,0.112,0.081,0.172,0.049,0.248 C0.016,0.324,0,0.408,0,0.5 C0,0.569,0.009,0.633,0.027,0.694"></path> 2365 </clipPath> 2366 2367 <clipPath id="c-shape-with-straight-right-corner" clipPathUnits="objectBoundingBox"> 2368 <path d="M0.027,0.694 C0.045,0.754,0.072,0.807,0.108,0.854 C0.143,0.9,0.187,0.936,0.239,0.961 C0.291,0.987,0.35,1,0.417,1 H0.915 C0.939,1,0.96,0.992,0.976,0.975 C0.992,0.958,1,0.938,1,0.913 V0.087 C1,0.062,1,0.045,1,0 C0.96,0,0.939,0,0.915,0 H0.417 C0.327,0,0.251,0.022,0.19,0.067 C0.128,0.112,0.081,0.172,0.049,0.248 C0.016,0.324,0,0.408,0,0.5 C0,0.569,0.009,0.633,0.027,0.6944"></path> 2369 </clipPath> 2370 </svg> 2371</div> 2372 2373 2374 2375<div class="newsletter-popup" id="newsletter-popup" aria-hidden="true"> 2376 <div class="text-bg-purple p-2 p-sm-6 rounded-3"> 2377 2378 2379 2380 2381 <button 2382 type="button" 2383 class="icon-button icon-button-xs newsletter-popup-close" 2384 id="newsletter-popup-close" 2385 >
2386 <span class="visually-hidden"> 2387 2388 </span> 2389 2390 <svg class="icon icon-x" width="16" height="16" viewBox="0 0 20.506 20.506" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2.5" d="m1.768 1.768 16.97 16.97m0-16.97-16.97 16.97"/></svg> 2391 2392 2393 </button> 2394 2395 <div class="newsletter-popup-content"> 2396 2397<svg class="mb-4 icon icon-phil-curious" width="280" height="95" viewBox="0 0 624 211" xmlns="http://www.w3.org/2000/svg"><path fill="#F1E619" fill-rule="evenodd" d="M47.086 17.043c1.549 1.349 2.84 3.114 3.874 5.289 1.032 2.179 1.55 4.528 1.55 7.052 0 2.442-.518 4.768-1.55 6.99-1.034 2.218-2.325 4.027-3.874 5.42-1.55 1.392-3.142 2.087-4.775 2.087H19.848V15.017H42.31c1.633 0 3.226.677 4.775 2.026M12.358 110c2.238 0 4.046-.761 5.422-2.284 1.375-1.523 2.068-3.417 2.068-5.681V58.77H42.31c4.473 0 8.668-1.325 12.586-3.983 3.915-2.654 7.077-6.204 9.488-10.643 2.41-4.443 3.615-9.36 3.615-14.76 0-5.486-1.206-10.45-3.615-14.889-2.411-4.44-5.573-7.967-9.488-10.58C50.979 1.303 46.784 0 42.31 0H12.873c-2.238 0-4.11.76-5.613 2.284C5.753 3.809 5 5.7 5 7.964v94.07c0 2.265.687 4.159 2.066 5.682 1.376 1.523 3.14 2.284 5.292 2.284M168.936 0c-2.168 0-4.076.755-5.72 2.268-1.65 1.516-2.474 3.394-2.474 5.644v29.833h-41.486V7.912c0-2.25-.802-4.128-2.405-5.644-1.604-1.513-3.447-2.269-5.528-2.269-2.427 0-4.42.756-5.982 2.269C103.782 3.784 103 5.662 103 7.912v117.175c0 2.25.736 4.132 2.212 5.644 1.474 1.513 3.423 2.269 5.852 2.269 2.168 0 4.074-.756 5.723-2.269 1.645-1.512 2.47-3.393 2.47-5.644V52.662h41.485v23.933c0 2.248.802 4.13 2.407 5.644 1.603 1.512 3.447 2.268 5.528 2.268 2.513 0 4.53-.756 6.047-2.268 1.516-1.515 2.276-3.396 2.276-5.644V7.912c0-2.25-.738-4.128-2.21-5.644-1.476-1.513-3.427-2.269-5.854-2.269M225.938 90c2.132 0 4.008-.755 5.631-2.266 1.621-1.51 2.431-3.39 2.431-5.637V22.903c0-2.246-.788-4.123-2.366-5.637-1.58-1.51-3.392-2.266-5.441-2.266-2.39 0-4.351.755-5.889 2.266-1.536 1.514-2.304 3.391-2.304 5.637v59.194c0 2.248.725 4.127 2.175 5.637 1.451 1.51 3.371 2.266 5.763 2.266m98.147-14.21H290.22V7.927c0-2.253-.799-4.137-2.4-5.655C286.22.758 284.382 0 282.304 0c-2.422 0-4.41.758-5.969 2.273C274.78 3.791 274 5.675 274 7.928V83.07c0 2.253.756 4.139 2.273 5.655 1.51 1.515 3.393 2.275 5.642 2.275h42.17c2.25 0 4.13-.716 5.646-2.145C331.24 87.425 332 85.63 332 83.46c0-2.254-.758-4.097-2.27-5.526-1.516-1.43-3.396-2.145-5.645-2.145M65.52 191.491c-1.765-.262-3.549.044-5.356.91a23.799 23.799 0 0 1-6.714 2.34 37.728 37.728 0 0 1-6.971.652c-4.22 0-8.134-.628-11.75-1.887-3.614-1.255-6.756-3.188-9.424-5.789-2.67-2.6-4.757-5.851-6.263-9.754-1.507-3.904-2.258-8.496-2.258-13.787 0-4.509.665-8.629 2.002-12.357 1.331-3.728 3.291-6.96 5.873-9.691 2.583-2.732 5.701-4.833 9.362-6.31 3.655-1.471 7.81-2.21 12.458-2.21 2.494 0 4.884.26 7.166.781a33.148 33.148 0 0 1 6.519 2.211c1.807.869 3.591 1.215 5.357 1.04 1.764-.171 3.208-1.04 4.326-2.6 1.633-1.994 2.258-4.205 1.871-6.636-.387-2.426-1.698-4.203-3.937-5.331a44.913 44.913 0 0 0-10.2-3.772A47.473 47.473 0 0 0 46.48 118c-6.714 0-12.911 1.15-18.592 3.446-5.68 2.3-10.608 5.507-14.782 9.627-4.177 4.119-7.404 8.997-9.683 14.632C1.14 151.343 0 157.498 0 164.175c0 7.719 1.246 14.503 3.744 20.356 2.495 5.853 5.915 10.732 10.265 14.632 4.344 3.903 9.294 6.854 14.847 8.847 5.552 1.993 11.425 2.99 17.623 2.99a46.03 46.03 0 0 0 7.359-.584 52.063 52.063 0 0 0 7.166-1.691 45.06 45.06 0 0 0 6.904-2.796c2.152-1.042 3.466-2.71 3.94-5.009.472-2.295-.152-4.53-1.872-6.698-1.207-1.56-2.691-2.47-4.455-2.731M168.476 97c-2.25 0-4.022.762-5.32 2.282-1.297 1.523-1.947 3.415-1.947 5.675v68.126c0 4.349-.994 8.11-2.982 11.283-1.99 3.175-4.586 5.631-7.784 7.371-3.201 1.74-6.662 2.607-10.378 2.607-3.46 0-6.726-.867-9.796-2.607-3.071-1.74-5.534-4.196-7.394-7.371-1.862-3.173-2.789-6.934-2.789-11.283v-19.584c0-2.26-.802-4.152-2.4-5.674-1.601-1.52-3.395-2.283-5.383-2.283-2.423 0-4.411.762-5.97 2.283-1.555 1.522-2.333 3.414-2.333 5.674v19.584c0 7.219 1.535 13.61 4.604 19.176 3.07 5.565 7.307 9.914 12.714 13.045 5.403 3.129 11.654 4.696 18.747 4.696 7.09 0 13.316-1.567 18.68-4.696 5.362-3.13 9.577-7.48 12.65-13.045 3.067-5.565 4.605-11.957 4.605-19.176v-68.126c0-2.26-.694-4.152-2.078-5.675-1.383-1.52-3.199-2.282-5.446-2.282m91.349 58.4c-.952 2.467-2.164 4.413-3.632 5.84-1.474 1.428-2.987 2.14-4.545 2.14h-28.423v-29.455h28.423c2.338 0 4.521 1.276 6.556 3.827 2.033 2.554 3.05 5.732 3.05 9.54 0 2.94-.476 5.643-1.429 8.109m18.431 41.72c-1.124-.604-1.88-1.47-2.27-2.596-.39-1.122-.65-2.508-.779-4.15-.13-1.644-.37-3.548-.715-5.71-.173-2.338-.713-4.52-1.621-6.555-.909-2.032-2.165-3.937-3.764-5.71-1.024-1.13-2.234-2.156-3.593-3.096a26.296 26.296 0 0 0 5.15-4.364 30.05 30.05 0 0 0 5.452-8.435c1.342-3.116 2.013-6.315 2.013-9.603 0-5.452-1.214-10.274-3.637-14.47-2.424-4.195-5.603-7.483-9.539-9.862-3.94-2.38-8.157-3.57-12.656-3.57h-37.38c-2.252 0-4.133.759-5.646 2.272-1.514 1.513-2.271 3.396-2.271 5.646v75.004c0 2.252.95 4.132 2.854 5.646 1.903 1.515 4.067 2.27 6.49 2.27 2.16 0 3.85-.755 5.062-2.27 1.21-1.514 1.819-3.394 1.819-5.646v-25.173h24.27c1.99 0 3.72.24 5.193.713 1.468.477 2.68 1.167 3.633 2.076a9.39 9.39 0 0 1 2.206 3.244c.52 1.256.781 2.617.781 4.089 0 4.498.453 8.173 1.362 11.028.909 2.855 2.097 5.127 3.568 6.814 1.472 1.687 2.94 2.964 4.414 3.827.952.52 2.162.932 3.634 1.234 1.471.301 2.941.301 4.413 0 1.47-.302 2.682-1.
2397016 3.636-2.142 1.468-1.642 1.965-3.524 1.492-5.644-.477-2.119-1.667-3.742-3.57-4.868M312.192 119c-2.39 0-4.352.76-5.89 2.276-1.534 1.516-2.302 3.402-2.302 5.654v75.14c0 2.254.723 4.14 2.176 5.656 1.45 1.516 3.37 2.274 5.758 2.274 2.133 0 4.011-.758 5.632-2.274 1.623-1.516 2.434-3.402 2.434-5.656v-75.14c0-2.252-.79-4.138-2.367-5.654-1.581-1.516-3.393-2.276-5.441-2.276m103.231 60.863c-2.36 4.746-5.594 8.509-9.7 11.293-4.107 2.787-8.87 4.18-14.287 4.18-5.42 0-10.181-1.393-14.287-4.18-4.11-2.784-7.32-6.547-9.635-11.293-2.315-4.744-3.472-10.03-3.472-15.861 0-5.92 1.157-11.23 3.472-15.93 2.315-4.7 5.526-8.44 9.635-11.228 4.106-2.784 8.867-4.177 14.287-4.177 5.417 0 10.18 1.393 14.287 4.177 4.106 2.788 7.34 6.55 9.7 11.294 2.358 4.746 3.54 10.033 3.54 15.864 0 5.83-1.182 11.117-3.54 15.861m8.06-49.088c-3.976-4.309-8.697-7.681-14.156-10.12-5.463-2.434-11.426-3.655-17.89-3.655-6.47 0-12.41 1.221-17.827 3.656-5.42 2.438-10.117 5.81-14.091 10.119-3.979 4.308-7.056 9.291-9.24 14.947-2.186 5.66-3.279 11.752-3.279 18.28 0 6.526 1.093 12.62 3.279 18.276 2.184 5.66 5.261 10.641 9.24 14.95 3.974 4.308 8.67 7.682 14.091 10.116 5.417 2.437 11.357 3.656 17.826 3.656 6.465 0 12.428-1.22 17.891-3.656 5.46-2.434 10.18-5.808 14.156-10.117 3.977-4.308 7.056-9.29 9.242-14.95 2.184-5.655 3.275-11.75 3.275-18.275 0-6.528-1.091-12.62-3.275-18.28-2.186-5.656-5.265-10.64-9.242-14.947M523.476 54c-2.25 0-4.022.765-5.32 2.29-1.297 1.528-1.947 3.427-1.947 5.694v110.974c0 4.365-.994 8.137-2.982 11.321-1.99 3.186-4.586 5.65-7.784 7.396-3.201 1.746-6.662 2.618-10.378 2.618-3.46 0-6.726-.872-9.796-2.618-3.071-1.746-5.534-4.21-7.394-7.396-1.862-3.184-2.789-6.956-2.789-11.321v-64.093c0-2.269-.802-4.166-2.4-5.694-1.601-1.525-3.395-2.29-5.383-2.29-2.423 0-4.411.765-5.97 2.29-1.555 1.528-2.333 3.425-2.333 5.694v64.093c0 7.243 1.535 13.659 4.604 19.24 3.07 5.587 7.307 9.949 12.714 13.09 5.403 3.141 11.654 4.712 18.747 4.712 7.09 0 13.316-1.57 18.68-4.712 5.362-3.141 9.577-7.503 12.65-13.09 3.067-5.581 4.605-11.997 4.605-19.24V61.984c0-2.267-.694-4.166-2.078-5.694-1.383-1.525-3.199-2.29-5.446-2.29m98.553 118.421c-1.315-3.09-3.288-5.656-5.919-7.701-2.63-2.045-5.94-3.722-9.931-5.027-3.99-1.306-8.614-2.437-13.877-3.397-4.035-.781-7.497-1.673-10.39-2.675-2.895-1-5.108-2.35-6.642-4.048-1.534-1.697-2.301-3.852-2.301-6.461 0-2.176.656-4.092 1.973-5.745 1.315-1.653 3.266-2.959 5.852-3.917 2.586-.958 5.765-1.438 9.537-1.438 2.278 0 4.733.374 7.363 1.111a51.173 51.173 0 0 1 7.497 2.742c2.368 1.09 4.254 2.241 5.658 3.46a5.795 5.795 0 0 0 3.551 1.175c2.016 0 3.768-.783 5.261-2.35 1.488-1.566 2.236-3.308 2.236-5.224 0-2.61-1.272-4.915-3.816-6.917-3.07-2.612-7.036-4.767-11.902-6.464-4.867-1.697-10.15-2.545-15.848-2.545-6.05 0-11.575 1.044-16.575 3.132-4.998 2.09-8.964 5.137-11.902 9.14-2.938 4.004-4.405 8.834-4.405 14.492 0 3.742.611 7.115 1.841 10.118a21.63 21.63 0 0 0 5.458 7.833c2.412 2.22 5.413 4.048 9.008 5.484 3.596 1.436 7.762 2.502 12.497 3.197 4.998.7 9.118 1.68 12.362 2.939 3.244 1.263 5.658 2.806 7.236 4.636 1.576 1.827 2.367 4.047 2.367 6.658 0 2.175-.835 4.112-2.5 5.809-1.666 1.697-3.86 3.049-6.575 4.047-2.72 1.002-5.702 1.5-8.946 1.5-4.822 0-8.877-.692-12.165-2.086-3.288-1.392-6.599-3.437-9.93-6.137-1.315-1.046-2.808-1.566-4.472-1.566-2.193 0-4.01.763-5.459 2.284-1.447 1.524-2.171 3.288-2.171 5.286 0 1.221.306 2.44.92 3.658.616 1.219 1.492 2.308 2.631 3.264 4.472 3.83 9.163 6.507 14.074 8.028 4.909 1.523 10.435 2.284 16.572 2.284 5.964 0 11.51-1.087 16.64-3.262 5.13-2.175 9.273-5.309 12.43-9.4 3.157-4.092 4.733-8.965 4.733-14.623 0-4.439-.656-8.203-1.971-11.294"/></svg> 2398 2399 2400 <div class="text" > 2401 <p>Meld je aan voor onze nieuwsbrief en ontvang als eerste nieuws over onze concerten, kortingen en nog veel meer! </p> 2402 </div> 2403 2404 2405 2406<form id="form-newsletter-form-newsletter-popup" class="form-newsletter"><div class="alert alert-success mb-2 d-block m-0 d-none newsletter-success" role="alert"> 2407 Dank je wel voor je inschrijving! 2408 </div><div class="alert alert-danger mb-2 d-block m-0 d-none newsletter-error" role="alert"> 2409 Het aanmelden is mislukt. Probeer het opnieuw. 2410 </div><div class="form"><div class="d-flex gap-2 flex-column"><div class="form-row flex-grow-1"><div class=" 2411 field field--form-newsletter-form-newsletter-popup_email 2412 "><label class="form-label d-block form-font-size-md d-flex align-items-end justify-content-between flex-wrap" for="form-newsletter-form-newsletter-popup-email"><span class="me-1">E-mailadres <abbr title="Verplicht">*</abbr></span></label><input 2413 class="form-control form-control-md form-font-size-md newsletter-email form-control-rou
2413nded px-3 form-control-light" 2414 type="email" 2415 value="" name="form-newsletter-form-newsletter-popup_email" 2416 id="form-newsletter-form-newsletter-popup-email" 2417 required 2418 /></div></div><div><button type="submit" class="btn btn-primary px-3 newsletter-submit" ><span class="text"> 2419 inschrijven 2420 </span></button></div></div><div class="recaptcha-disclaimer"><div class="mt-2"> 2421 Dit formulier wordt beschermd door reCAPTCHA en Google's 2422 <a href="https://policies.google.com/privacy" target="_blank" rel="noopener">Privacyverklaring</a> en 2423 <a href="https://policies.google.com/terms" target="_blank" rel="noopener">Servicevoorwaarden</a> zijn van toepassing. 2424 </div></div></div></form> </div> 2425 </div> 2426</div> 2427 2428 2429 2430<div class="modal modal--translate fade" id="googleTranslateModal" tabindex="-1" aria-labelledby="openTranslateModal" aria-hidden="true"> 2431 <div class="modal-dialog"> 2432 <div class="modal-content"> 2433 <div class="modal-header"> 2434 <h2 class="fs-3 modal-title notranslate"> 2435 Translate website 2436 </h2> 2437 2438 2439 2440 2441 <button 2442 type="button" 2443 class="icon-button icon-button-xxs btn-close" 2444 data-bs-dismiss="modal" id="closeTranslateModal" 2445 > 2446 <span class="visually-hidden"> 2447 Sluiten 2448 </span> 2449 2450 <svg class="icon icon-x" width="16" height="16" viewBox="0 0 20.506 20.506" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2.5" d="m1.768 1.768 16.97 16.97m0-16.97-16.97 16.97"/></svg> 2451 2452 2453 </button> 2454 </div> 2455 <div class="modal-body"> 2456 <h3 class="h6 mb-0 notranslate">Pick one of the most popular choices</h3> 2457 2458 2459 2460 <ul class="mt-2 list-unstyled popular-languages notranslate"> 2461 <li class="mb-1"> 2462 <button type="button" class="restore-language button-rebooted underline-hover-focus link-primary"> 2463 Nederlands 2464 </button> 2465 </li> 2466 2467 2468 <li class="mb-1"> 2469 <a href="https://philzuid.translate.goog/?_x_tr_sl=nl&_x_tr_tl=en&_x_tr_hl=en&_x_tr_pto=wapp" rel="noopener noreferrer" target="_blank" data-locale="en"> 2470 English 2471 </a> 2472 </li> 2473 2474 <li class="mb-1"> 2475 <a href="https://philzuid.translate.goog/?_x_tr_sl=nl&_x_tr_tl=de&_x_tr_hl=de&_x_tr_pto=wapp" rel="noopener noreferrer" target="_blank" data-locale="de"> 2476 Deutsch 2477 </a> 2478 </li> 2479 2480 <li class=""> 2481 <a href="https://philzuid.translate.goog/?_x_tr_sl=nl&_x_tr_tl=fr&_x_tr_hl=fr&_x_tr_pto=wapp" rel="noopener noreferrer" target="_blank" data-locale="fr"> 2482 Français 2483 </a> 2484 </li> 2485 </ul> 2486 2487 <div class="mt-4"> 2488 <h3 class="h6 mb-2 notranslate">Or choose your own preferred language</h3> 2489 2490 <div id="google_translate_element" class="google-translate"></div> 2491
2491<script> 2492 function googleTranslateElementInit() { 2493 window.googleTranslator = new google.translate.TranslateElement({ 2494 pageLanguage: 'nl', 2495 }, 'google_translate_element'); 2496 2497 const googleTranslateWrapperEl = document.querySelector('.google-translate'); 2498 const googleTranslateSelectEl = googleTranslateWrapperEl.querySelector('.goog-te-combo'); 2499 const popularOptionEls = document.querySelectorAll('.popular-languages a'); 2500 const closeButtonEl = document.getElementById('closeTranslateModal') 2501 2502 if (googleTranslateSelectEl && closeButtonEl) { 2503 googleTranslateSelectEl.addEventListener('change', () => { 2504 closeButtonEl.click(); 2505 }); 2506 2507 popularOptionEls.forEach(optionEl => { 2508 optionEl.addEventListener('click', (evt) => { 2509 evt.preventDefault(); 2510 2511 const { locale } = optionEl.dataset; 2512 const changeEvent = new Event('change'); 2513 2514 googleTranslateSelectEl.value = locale; 2515 googleTranslateSelectEl.dispatchEvent(changeEvent); 2516 }); 2517 }); 2518 } 2519 2520 const restoreButton = document.querySelector('.restore-language'); 2521 2522 restoreButton.addEventListener('click', () => { 2523 let restored = false; 2524 2525 Object.keys(window.googleTranslator).forEach((k) => { 2526 if (restored) { 2527 return; 2528 } 2529 if (typeof window.googleTranslator[k]?.restore === 'function') { 2530 window.googleTranslator[k].restore(); 2531 restored = true; 2532 } 2533 2534 closeButtonEl.click(); 2535 }); 2536 2537 document.cookie="googtrans=" 2538 }); 2539 } 2540 </script>
2540 2541
2541<script src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
2541 2542 </div> 2543 2544 <hr size="1" class="mt-2 mb-2" /> 2545 2546 <h3 class="mb-2 fs-4 notranslate">Disclaimer</h3> 2547 <p class="small"> 2548 <strong>Nederlands</strong>: Deze teksten worden op uw verzoek door Google Translate Services vertaald en kunnen fouten bevatten. Automatische vertalingen zijn niet perfect en vervangen geen menselijke vertalers. Philzuid is niet verantwoordelijk voor mogelijke vertaalfouten. 2549 </p> 2550 2551 <p class="mb-0 notranslate small"> 2552 <strong>English</strong>: These texts are actively translated at your request by Google Translate Services and may contain errors. Automatic translations are not perfect and do not replace human translators. 2553 </p> 2554 </div> 2555 </div> 2556 </div> 2557</div> 2558 2559 2560 <div id="backdrop" class="backdrop"></div> 2561 2562 2563 </body> 2564</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.