PageSourceSearch

https://philzuid.nl/nl/concerten

html philzuid.nl collected 2026-10-10 00:51:05 UTC 114,837 bytes, 2,564 lines download raw bytes

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(&#039;vite-script-loaded&#039;, {detail:{path: &#039;src/js/app.js&#039;}});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=&#039;all&#039;">
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&#039;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 &amp; 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>&copy; 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&amp;_x_tr_tl=en&amp;_x_tr_hl=en&amp;_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&amp;_x_tr_tl=de&amp;_x_tr_hl=de&amp;_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&amp;_x_tr_tl=fr&amp;_x_tr_hl=fr&amp;_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.