PageSourceSearch

https://www.werkenbijvivazorggroep.nl/dashboard

html werkenbijvivazorggroep.nl collected 2026-10-07 06:20:55 UTC 169,978 bytes, 1,548 lines download raw bytes

1
2<!DOCTYPE html>
3<html lang="nl" dir="ltr" prefix="og: https://ogp.me/ns#">
4  <head>
5    <link rel="apple-touch-icon" sizes="180x180" href="/themes/custom/matone/images/favicon/apple-touch-icon.png">
6<link rel="icon" type="image/png" sizes="32x32" href="/themes/custom/matone/images/favicon/favicon-32x32.png">
7<link rel="icon" type="image/png" sizes="16x16" href="/themes/custom/matone/images/favicon/favicon-16x16.png">
8<link rel="manifest" href="/themes/custom/matone/images/favicon/site.webmanifest">
9<link rel="mask-icon" href="/themes/custom/matone/images/favicon/safari-pinned-tab.svg" color="#5bbad5">
10<meta name="msapplication-TileColor" content="#da532c">
11<meta name="theme-color" content="#ffffff">
12    <meta charset="utf-8" />
13<script>
14          window.dataLayer = window.dataLayer || [];
15            function gtag(){dataLayer.push(arguments);}
16            if(localStorage.getItem("consentMode") === null){
17              gtag("consent", "default", {
18                "ad_storage": "denied",
19                "analytics_storage": "denied",
20                "ad_user_data": "denied",
21                "ad_personalization": "denied",
22              });
23            } 
24            else {
25              gtag("consent", "default", JSON.parse(localStorage.getItem("consentMode")));
26            };;
27            (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({"gtm.start":
28                new Date().getTime(),event:"gtm.js"});var f=d.getElementsByTagName(s)[0],
29              j=d.createElement(s),dl=l!="dataLayer"?"&amp;l="+l:"";j.async=true;j.src=
30              "https://www.googletagmanager.com/gtm.js?id="+i+dl;f.parentNode.insertBefore(j,f);
31            })(window,document,"script","dataLayer","GTM-N23SX2F");</script>
31
32<link rel="canonical" href="https://www.werkenbijvivazorggroep.nl/dashboard" />
33<link rel="image_src" href="https://www.werkenbijvivazorggroep.nl/sites/default/files/styles/600x315/public/usercontent/image/2026-06/Foto-2%20%281%29.jpg.webp?h=99bc4251&amp;itok=6hxZj2ay" />
34<meta property="og:image" content="https://www.werkenbijvivazorggroep.nl/sites/default/files/styles/600x315/public/usercontent/image/2026-06/Foto-2%20%281%29.jpg.webp?h=99bc4251&amp;itok=6hxZj2ay" />
35<meta property="og:image:width" content="600" />
36<meta property="og:image:height" content="315" />
37<meta name="facebook-domain-verification" content="n6i9n4iqnyh1e4yxx29w6psvyl3dle" />
38<meta name="Generator" content="Drupal 10 (https://www.drupal.org)" />
39<meta name="MobileOptimized" content="width" />
40<meta name="HandheldFriendly" content="true" />
41<meta name="viewport" content="width=device-width, initial-scale=1.0" />
42<link rel="preconnect" href="https://challenges.cloudflare.com" />
43<script type="application/ld+json">{
44    "@context": "https://schema.org",
45    "@graph": [
46        {
47            "@type": "LocalBusiness",
48            "additionalType": "MedicalOrganization",
49            "name": "ViVa! Werken bij",
50            "url": "https://www.werkenbijvivazorggroep.nl",
51            "geo": {
52                "@type": "GeoCoordinates",
53                "latitude": "52.470332",
54                "longitude": "4.638489"
55            },
56            "address": {
57                "@type": "PostalAddress",
58                "streetAddress": "Parlevinkerstraat 23",
59                "addressLocality": "Velsen-Noord",
60                "postalCode": "1951AR",
61                "addressCountry": "NL"
62            }
63        },
64        {
65            "@type": "Service",
66            "name": "Viva! Zorggroep",
67            "description": "On-site Service"
68        }
69    ]
70}</script>
70
71<link rel="alternate" hreflang="nl" href="https://www.werkenbijvivazorggroep.nl/dashboard" />
72
73    <title>Dashboard | ViVa! Werken bij</title>
74    <link rel="stylesheet" media="all" href="/sites/default/files/css/css_AZCTIpu7-bIWlIVSKcg99mfYwYzHbcLTDsFJgwQ39UM.css?delta=0&amp;language=nl&amp;theme=matone&amp;include=eJx1yEEOwyAMRNELoXAkNDijgEqwhfH9s4qqLrr7_4nqp7OITufcWX423dg6mSucb0clNRkWrgVrns8VhnF85YhpUUf3xjM5saQVWC-IraK3DW7mP_4A33M4zg" />
75<link rel="stylesheet" media="all" href="/sites/default/files/css/css_UIoT1qmKCtFSX4Ugspz4Wz0cRnhAkq2rUIBMqY4Ym2o.css?delta=1&amp;language=nl&amp;theme=matone&amp;include=eJx1yEEOwyAMRNELoXAkNDijgEqwhfH9s4qqLrr7_4nqp7OITufcWX423dg6mSucb0clNRkWrgVrns8VhnF85YhpUUf3xjM5saQVWC-IraK3DW7mP_4A33M4zg" />
76<link rel="stylesheet" media="all" href="https://platform.hireserve.nl/incl/css/hs_apply.css" />
77
78    
78<script src="/sites/default/files/js/js_Aj0d09xDDchwtfoCxjrxfVShdj-LHCc0Awj23Mx6U6s.js?scope=header&amp;delta=0&amp;language=nl&amp;theme=matone&amp;include=eJx1yEEKwCAMBdELCTlSiOFDbTURE-9fKHTRRXdvRvpsBj6D5FFR96uB1S1gSd8sQ9INVCXwelfAS0CWHiyzsex09TE7EvTzb_dELyM"></script>
78
79
80    <link rel="stylesheet" href="https://use.typekit.net/jva1jxk.css">
81                          
81<script type="text/javascript" >
82          var HS = {};
83          HS.web_site_id = '6898';
84          HS.api_token = 'F308CDE8FD2C426F950D1B30C496FEB1';
85        </script>
85
86        </head>
87  <body class="viva" x-data="{ ...vivaHeader(), locked: false }" :class="{ 'overflow-hidden w-screen h-screen absolute inset-0 m-0 xl:!overflow-auto xl:h-auto xl:w-auto xl:relative xl:inset-auto': locked }">
88   <h1 class="visually-hidden">ViVa! Zorggroep</h1>
89      <a href="#main-content" class="visually-hidden focusable">
90      Overslaan en naar de inhoud gaan
91    </a>
vendor: 72 bytes, lines 91-92
91
92    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
92GTM-N23SX2F
vendor: 90 bytes, lines 92-94
92" height="0" width="0" style="display:none;visibility:hidden"></iframe>
93</noscript>
94      
94<div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas>
95    
96
97
98<header
99  class="rounded-br-[24px] fixed top-0 rounded-bl-[24px] before:bg-white xl:pb-0 xl:pt-0 left-0 w-full z-50 h-[64px] xl:h-auto transition-all duration-300 xl:bg-transparent bg-primary-90 flex xl:block justify-center flex-col"
100  x-data="vivaHeader"
101  x-init="initHeaderJS($el); isVacancy = window.location.pathname.includes('/vacatures/'); isMobile = window.innerWidth < 1280;"
102  @scroll.window.passive="checkScroll(); scrollY = window.scrollY;"
103  @resize.window="isMobile = window.innerWidth < 1280"
104  :class="`${isScrolled ? (show ? 'bg-primary-2 xl:bg-white py-2' : 'bg-primary-90 xl:bg-transparent py-2') : 'py-2 xl:py-4'}`"
105  :style="{ top: !open && window.innerWidth >= 1264 ? (isScrolled ? `${-headerSize}px` : '') : '' }"
106>
107  <div class="px-6 xl:container">
108        <div class="hidden xl:flex justify-end py-2 xl:pt-0 xl:pb-0">
109      
110<nav class="top-navigation transition-all duration-300" :class="{'opacity-0 invisible pointer-events-none': isScrolled}" role="navigation" aria-label="Top navigation">
111    <div class="top-navigation-wrapper flex items-center justify-around flex-wrap xl:justify-end mb-[30px] xl:mb-0 gap-x-6">
112    
113              <ul>
114              <li>
115        <a href="/dashboard" data-drupal-link-system-path="node/11" class="is-active" aria-current="page">Dashboard</a>
116              </li>
117          <li>
118        <a href="/sollicitatieproces" data-drupal-link-system-path="node/37">Sollicitatieproces</a>
119              </li>
120        </ul>
121  
122
123
124    <div class="hidden xl:block">
125      <button
126        class="top-nav-search flex items-center focus:outline-2 focus:outline-white focus:outline-offset-2"
127        data-search-toggle
128        tabindex="0"
129        @click.stop.prevent="$store.searchState.toggle()"
130        @keydown.enter.stop="$store.searchState.toggle()"
131        @keydown.space.prevent.stop="$store.searchState.toggle()"
132        @keydown.escape="$store.searchState.close()"
133        aria-label="Toggle search"
134        role="button"
135      >
136        <spap>ZOEKEN</spap>
137              <svg class="inline-flex h-[23px] w-[23px] fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
138<path d="M504.1 471l-134-134C399.1 301.5 415.1 256.8 415.1 208c0-114.9-93.13-208-208-208S-.0002 93.13-.0002 208S93.12 416 207.1 416c48.79 0 93.55-16.91 129-45.04l134 134C475.7 509.7 481.9 512 488 512s12.28-2.344 16.97-7.031C514.3 495.6 514.3 480.4 504.1 471zM48 208c0-88.22 71.78-160 160-160s160 71.78 160 160s-71.78 160-160 160S48 296.2 48 208z"/>
139  </svg>
140
141      </button>
142    </div>
143  </div>
144    <div class="flex gap-x-6 lg:gap-x-8 items-center justify-center xl:hidden">
145        <a href="https://www.facebook.com/viva.zorggroep" class="no-underline text-white w-[38px] h-[38px] xl:w-9 xl:h-9 flex socials"> </a>
146    <a href="https://www.linkedin.com/company/viva-zorggroep/" class="no-underline text-white w-[38px] h-[38px] xl:w-9 xl:h-9 flex socials"> </a>
147    <a href="https://www.youtube.com/user/ViVaZorggroep" class="no-underline text-white w-[38px] h-[38px] xl:w-9 xl:h-9 flex socials"> </a>
148
149  </div>
150</nav>
151
152    </div>
153    <div class="flex flex-row xl:flex-row items-center xl:items-end">
154      <a
155        href="/"
156        title="Home"
157        rel="home"
158        class="relative z-[2] block w-[48px] xl:w-[56px] xl:mr-2 xl:w-[111px] 2xl:mr-0 2xl:w-[120px] [&_img]:origin-top-left [&_img]:duration-300 transition-all xl:fixed xl:top-[20px] xl:left-6"
159        :class="{
160          '[&_img]:xl:scale-90': isScrolled,
161          'opacity-0 pointer-events-none': open && isMobile && scrollY >= 64
162        }">
163        
164    <img loading="lazy" src="/sites/default/files/usercontent/brand/Logo-Viva-Zorggroep.svg" alt="Viva! Zorggroep logo welke verwijst naar de homepage van werkenbijvivazorggroep.nl" />
165
166
167
168      </a>
169      <div
170        class="xl:block fixed top-0 left-0 right-0 xl:overflow-visible py-0 xl:bg-transparent xl:bg-none xl:relative xl:h-auto xl:left-auto xl:right-auto xl:w-full"
171        :class="[
172          open === true ? 'h-full xl:h-auto' : 'h-0',
173          !searchOpen ? 'overflow-hidden' : '',
174          isScrolled ? 'xl:top-auto' : 'xl:top-[9px]'
175        ]"
176      >
177        <div class="h-full overflow-x-hidden overflow-y-scroll xl:overflow-visible relative xl:h-auto bg-primary xl:bg-primary-90 xl:bg-transparent xl:flex before:content-[''] before:absolute before:bottom-0 before:size-full xl:before:relative before:pointer-events-none" @scroll="scrollY = $event.target.scrollTop">
178          <div
179            class="h-full pt-20 xl:pt-0 xl:inline-flex xl:shrink-0 flex flex-col justify-between xl:block"
180            x-data
181            :class="$store.submenu.hasOpen ? 'submenu-open' : ''"
182          >
183            <nav class="menu-wrapper xl:py-0 xl:px-6 relative pt-[47px] xl:h-[60px] xl:flex xl:flex-col xl:justify-center" :class="{ 'xl
183:w-[705px]': searchOpen, 'xl:pt-2 xl:pb-0': $store.submenu.hasOpen }">
184              <ul class="flex flex-col xl:flex-row gap-4 xl:gap-[17px]" :class="searchOpen ? 'xl:hidden' : 'xl:flex'">
185                
186
187
188            <li class="link-wrapper">
189                                                <a href="/werken-bij-viva-zorggroep"
190               class="menu-link first ">Home</a>
191            
192        </li>
193                <li class="link-wrapper xl:flex xl:items-center">
194            <div
195                    x-data="{
196          layer1: false,
197          showBackButton: false,
198          timeout: null
199        }"
200                    @accordion:close.window="layer1 = false"
201            >
202                                    <button @click="if (layer1) { layer1 = false; showBackButton = false; } else { window.dispatchEvent(new CustomEvent('accordion:close')); closeAllOtherMenus($el); layer1 = true; showBackButton = true; } setTimeout(() => window.updateSubmenuState(), 100);"
203                            role="button" tabIndex="0"
204                            class="menu-link first "
205                            :class="layer1 && 'active'" x-ref="button1"
206                            title="Vacatures">
207                        <span class="font-bold uppercase text-[19px] xl:text-[17px] xl:leading-none">Vacatures</span>
208                        <span class="menu-toggle-icon-level1 xl:hidden ml-4"
209                              aria-hidden="true"
210                              :class="layer1 ? 'open' : ''"></span>
211                    </button>
212                                                                    <div
213                            class="menu-layer xl:pt-[26px]"
214                            x-cloak
215                            :class="layer1 === true ? 'opacity-100 overflow-visible xl:flex xl:flex-col xl:justify-between' : 'opacity-0 overflow-hidden xl:translate-x-0 xl:hidden'"
216                            x-ref="layer1"
217                    >
218                        <div class="pt-0 xl:pb-5 xl:px-5 submenu-level-2">
219                            <div class="accordion-grid xl:block"
220                                 :class="layer1 ? 'open' : ''">
221                                <div class="accordion-inner">
222
223                                                                        <div class="xl:hidden">
224                                        <ul class="mt-[9px] flex flex-col gap-y-3">
225                                                                                                                                                <li class="link-wrapper">
226                                                                                                                                                                                <div x-data="{ layer2: false }">
227                                                                <button @click="layer2 = !layer2"
228                                                                        class="menu-link "
229                                                                        title="Direct naar">
230                                <span class="menu-toggle-icon-level2 mr-4"
231                                      aria-hidden="true"
232                                      :class="layer2 ? 'open' : ''"></span>
233                                                                    <span class="font-bold uppercase text-[19px] text-tertiary-3">Direct naar</span>
234                                                                </button>
235                                                                <div class="accordion-grid level-2-3"
236                                                                     :class="layer2 ? 'open' : ''">
237                                                                    <div class="accordion-inner">
238                                                                        <ul class="level-3-list mt-0.5 pr-6 pt-0 pl-12">
239                                                                                                                                                                                                                                        <li class="link-wrapper mb-6">
240                                                                                                                        <a href="/vacatures"
241               class="menu-link text-[19px] leading-6 ">Alle vacatures</a>
242            
243                                                                                                                                                                    </li>
244                                                                            
245                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <li class="link-wrapper mb-6">
246                                                                                                                                <a href="https://www.werkenbijvivazorggroep.nl/vacatures?functiegroep=hulp_bij_huishouding"
247               class="menu-link text-[19px] leading-6 ">Hulp bij huishouding</a>
248            
249                                                                                                                                                                                    </li>
250                                                                                                                                                                            <li class="link-wrapper mb-6">
251                                                                                                                                <a href="https://www.werkenbijvivazorggroep.nl/vacatures?functiegroep=leidinggevende_functies"
252               class="menu-link text-[19px] leading-6 ">Leidinggevende functies</a>
253            
254                                                                                                                                                                                    </li>
255                                                                                                                                                                            <li class="link-wrapper mb-6">
256                                                                                                                                <a href="https://www.werkenbijvivazorggroep.nl/vacatures?functiegroep=wonen_en_welzijn"
257               class="menu-link text-[19px] leading-6 ">Wonen en welzijn</a>
258            
259                                                                                                                                                                                    </li>
260                                                                                                                                                                            <li class="link-wrapper mb-6">
261                                                                                                                                <a href="https://www.werkenbijvivazorggroep.nl/vacatures?functiegroep=horeca_en_services"
262               class="menu-link text-[19px] leading-6 ">Horeca en services</a>
263            
264                                                                                                                                                                                    </li>
265                                                                                                                                                                            <li class="link-wrapper mb-6">
266                                                                                                                                <a href="https://www.werkenbijvivazorggroep.nl/vacatures?functiegroep=bijbaan_vakantiewerk"
267               class="menu-link text-[19px] leading-6 ">Bijbaan / vakantiewerk</a>
268            
269                                                                                                                                                                                    </li>
270                                                                                                                                                                            <li class="link-wrapper mb-6">
271                                                                                                                                <a href="https://www.werkenbijvivazorggroep.nl/vacatures?functiegroep=vrijwilligers"
272               class="menu-link text-[19px] leading-6 ">Vrijwilligers</a>
273            
274                                                                                                                                                                                    </li>
275                                                                                                                                                                                                                                                                                                                                                                                                        </ul>
276                                                                    </div>
277                                                                </div>
278                                                            </div>
279                                                                                                            </li>
280                                                                                                                                                                                                <li class="link-wrapper">
281                                                                                                                                                                                <div x-data="{ layer2: false }">
282                                                                <button @click="layer2 = !layer2"
283                                                                        class="menu-link "
284                                                                        title="Functiegroep">
285                                <span class="menu-toggle-icon-level2 mr-4"
286                                      aria-hidden="true"
287                                      :class="layer2 ? 'open' : ''"></span>
288                                                                    <span class="font-bold uppercase text-[19px] text-tertiary-3">Functiegroep</span>
289                                                                </button>
290                                                                <div class="accordion-grid level-2-3"
291                                                                     :class="layer2 ? 'open' : ''">
292                                                                    <div class="accordion-inner">
293                                                                        <ul class="level-3-list mt-0.5 pr-6 pt-0 pl-12">
294                                                                                                                                                                                                                                        <li class="link-wrapper mb-6">
295                                                                                                                        <a href="https://www.werkenbijvivazorggroep.nl/vacatures?functiegroep=helpende"
296               class="menu-link text-[19px] leading-6 ">Helpende (+)</a>
297            
298                                                                                                                                                                    </li>
299                                                                                                                                                            <li class="link-wrapper mb-6">
300                                                                                                                        <a href="https://www.werkenbijvivazorggroep.nl/vacatures?functiegroep=verzorgende_ig"
301               class="menu-link text-[19px] leading-6 ">Verzorgende IG</a>
302            
303                                                                                                                                                                    </li>
304                                                                                                                                                            <li class="link-wrapper mb-6">
305                                                                                                                        <a href="https://www.werkenbijvivazorggroep.nl/vacatures?functiegroep=verpleegkundige"
306               class="menu-link text-[19px] leading-6 ">Verpleegkundige</a>
307            
308                                                                                                                                                                    </li>
309                                                                                                                                                            <li class="link-wrapper mb-6">
310                                                                                                                        <a href="https://www.werkenbijvivazorggroep.nl/vacatures?functiegroep=leerlingen"
311               class="menu-link text-[19px] leading-6 ">Leerlingen</a>
312            
313                                                                                                                                                                    </li>
314                                                                                                                                                            <li class="link-wrapper mb-6">
315                                                                                                                        <a href="https://www.werkenbijvivazorggroep.nl/vacatures?functiegroep=kantoor"
316               class="menu-link text-[19px] leading-6 ">Kantoor</a>
317            
318                                                                                                                                                                    </li>
319                                                                                                                                                            <li class="link-wrapper mb-6">
320                                                                                                                        <a href="https://www.werkenbijvivazorggroep.nl/vacatures?functiegroep=behandeldienst"
321               class="menu-link text-[19px] leading-6 ">Behandeldienst</a>
322            
323                                                                                                                                                                    </li>
324                                                                            
325                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            <li class="link-wrapper mb-6">
326                                                                                                                                <a href="https://www.werkenbijvivazorggroep.nl/vacatures?functiegroep=hulp_bij_huishouding"
327               class="menu-link text-[19px] leading-6 ">Hulp bij huishouding</a>
328            
329                                                                                                                                                                                    </li>
330                                                                                                                                                                            <li class="link-wrapper mb-6">
331                                                                                                                                <a href="https://www.werkenbijvivazorggroep.nl/vacatures?functiegroep=leidinggevende_functies"
332               class="menu-link text-[19px] leading-6 ">Leidinggevende functies</a>
333            
334                                                                                                                                                                                    </li>
335                                                                                                                                                                            <li class="link-wrapper mb-6">
336                                                                                                                                <a href="https://www.werkenbijvivazorggroep.nl/vacatures?functiegroep=wonen_en_welzijn"
337               class="menu-link text-[19px] leading-6 ">Wonen en welzijn</a>
338            
339                                                                                                                                                                                    </li>
340                                                                                                                                                                            <li class="link-wrapper mb-6">
341                                                                                                                                <a href="https://www.werkenbijvivazorggroep.nl/vacatures?functiegroep=horeca_en_services"
342               class="menu-link text-[19px] leading-6 ">Horeca en services</a>
343            
344                                                                                                                                                                                    </li>
345                                                                                                                                                                            <li class="link-wrapper mb-6">
346                                                                                                                                <a href="https://www.werkenbijvivazorggroep.nl/vacatures?functiegroep=bijbaan_vakantiewerk"
347               class="menu-link text-[19px] leading-6 ">Bijbaan / vakantiewerk</a>
348            
349                                                                                                                                                                                    </li>
350                                                                                                                                                                            <li class="link-wrapper mb-6">
351                                                                                                                                <a href="https://www.werkenbijvivazorggroep.nl/vacatures?functiegroep=vrijwilligers"
352               class="menu-link text-[19px] leading-6 ">Vrijwilligers</a>
353            
354                                                                                                                                                                                    </li>
355                                                                                                                                                                                                                                                                                                                                                                                                        </ul>
356                                                                    </div>
357                                                                </div>
358                                                            </div>
359                                                                                                            </li>
360                                                                                                                                                                                                                                </ul>
361                                    </div>
362
363
364                                                                        <div class="hidden xl:block">
365                                        
366                                                                                                                        
367                                                                                    
368                                                                                                                                                                                                                                                                                    
369                                                                                                                                    
370                                                                                                                                                                                                                                                                                                                                                
371                                                                                                                                                                                                                                                                        
372                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                
373                                                                                                                                    
374                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    
375                                                                                                                                                                                                                                                                        
376                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       
376                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         
377                                                                                                                                    
378                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    
379                                                                                                                                                                                                                            
380                                                                                                                        
381                                                                                                                            <div class="grid gap-x-8 mb-0 xl:mb-[19px]"
382                                                 style="grid-template-columns: repeat(3, minmax(0, 1fr));">
383                                                                                                                                                                                                            <div>
384                                                                                                                                                                <span class="menu-link font-bold uppercase text-[21px] block text-tertiary-3">Direct naar</span>
385            
386                                                                                                                                                                                    </div>
387                                                                                                                                                                                                                <div>
388                                                                                                                                                                <sp
388an class="menu-link font-bold uppercase text-[21px] block text-tertiary-3">Functiegroep</span>
389            
390                                                                                                                                                                                    </div>
391                                                                                                                                                                                                                <div>
392                                                                                                                                            
393                                                                                                                                                                                    </div>
394                                                                                                                                                </div>
395                                        
396                                                                                <div class="grid gap-x-4"
397                                             style="grid-template-columns: repeat(3, minmax(0, 1fr));">
398                                                                                            <div class="border-l-2 border-tertiary-3 pl-7 pt-1.5 pb-0.5">
399                                                    <ul class="flex flex-col gap-y-[5px]">
400                                                                                                                                                                                                                                                                                                    
401                                                                                                                        <li class="[&_a]:hover:underline">
402                                                                                                    <a href="/vacatures"
403               class="menu-link font-bold uppercase text-[17px] block text-white underline-offset-4">Alle vacatures</a>
404            
405
406                                                                                                                                                                                            </li>
407                                                                                                            </ul>
408                                                </div>
409                                                                                            <div class="border-l-2 border-tertiary-3 pl-7 pt-1.5 pb-0.5">
410                                                    <ul class="flex flex-col gap-y-[5px]">
411                                                                                                                                                                                                                                                                                                    
412                                                                                                                        <li class="[&_a]:hover:underline">
413                                                                                                    <a href="https://www.werkenbijvivazorggroep.nl/vacatures?functiegroep=helpende"
414               class="menu-link font-bold uppercase text-[17px] block text-white underline-offset-4">Helpende (+)</a>
415            
416
417                                                                                                                                                                                            </li>
418                                                                                                                                                                                                                                            
419                                                                                                                        <li class="[&_a]:hover:underline">
420                                                                                                    <a href="https://www.werkenbijvivazorggroep.nl/vacatures?functiegroep=verzorgende_ig"
421               class="menu-link font-bold uppercase text-[17px] block text-white underline-offset-4">Verzorgende IG</a>
422            
423
424                                                                                                                                                                                            </li>
425                                                                                                                                                                                                                                            
426                                                                                                                        <li class="[&_a]:hover:underline">
427                                                                                                    <a href="https://www.werkenbijvivazorggroep.nl/vacatures?functiegroep=verpleegkundige"
428               class="menu-link font-bold uppercase text-[17px] block text-white underline-offset-4">Verpleegkundige</a>
429            
430
431                                                                                                                                                                                            </li>
432                                                                                                                                                                                                                                            
433                                                                                                                        <li class="[&_a]:hover:underline">
434                                                                                                    <a href="https://www.werkenbijvivazorggroep.nl/vacatures?functiegroep=leerlingen"
435               class="menu-link font-bold uppercase text-[17px] block text-white underline-offset-4">Leerlingen</a>
436            
437
438                                                                                                                                                                                            </li>
439                                                                                                                                                                                                                                            
440                                                                                                                        <li class="[&_a]:hover:underline">
441                                                                                                    <a href="https://www.werkenbijvivazorggroep.nl/vacatures?functiegroep=kantoor"
442               class="menu-link font-bold uppercase text-[17px] block text-white underline-offset-4">Kantoor</a>
443            
444
445                                                                                                                                                                                            </li>
446                                                                                                                                                                                                                                            
447                                                                                                                        <li class="[&_a]:hover:underline">
448                                                                                                    <a href="https://www.werkenbijvivazorggroep.nl/vacatures?functiegroep=behandeldienst"
449               class="menu-link font-bold uppercase text-[17px] block text-white underline-offset-4">Behandeldienst</a>
450            
451
452                                                                                                                                                                                            </li>
453                                                                                                            </ul>
454                                                </div>
455                                                                                            <div class="border-l-2 border-tertiary-3 pl-7 pt-1.5 pb-0.5">
456                                                    <ul class="flex flex-col gap-y-[5px]">
457                                                                                                                                                                                                                                                                                                    
458                                                                                                                        <li class="[&_a]:hover:underline">
459                                                                                                    <a href="https://www.werkenbijvivazorggroep.nl/vacatures?functiegroep=hulp_bij_huishouding"
460               class="menu-link font-bold uppercase text-[17px] block text-white underline-offset-4">Hulp bij huishouding</a>
461            
462
463                                                                                                                                                                                            </li>
464                                                                                                                                                                                                                                            
465                                                                                                                        <li class="[&_a]:hover:underline">
466                                                                                                    <a href="https://www.werkenbijvivazorggroep.nl/vacatures?functiegroep=leidinggevende_functies"
467               class="menu-link font-bold uppercase text-[17px] block text-white underline-offset-4">Leidinggevende functies</a>
468            
469
470                                                                                                                                                                                            </li>
471                                                                                                                                                                                                                                            
472                                                                                                                        <li class="[&_a]:hover:underline">
473                                                                                                    <a href="https://www.werkenbijvivazorggroep.nl/vacatures?functiegroep=wonen_en_welzijn"
474               class="menu-link font-bold uppercase text-[17px] block text-white underline-offset-4">Wonen en welzijn</a>
475            
476
477                                                                                                                                                                                            </li>
478                                                                                                                                                                                                                                            
479                                                                                                                        <li class="[&_a]:hover:underline">
480                                                                                                    <a href="https://www.werkenbijvivazorggroep.nl/vacatures?functiegroep=horeca_en_services"
481               class="menu-link font-bold uppercase text-[17px] block text-white underline-offset-4">Horeca en services</a>
482            
483
484                                                                                                                                                                                            </li>
485                                                                                                                                                                                                                                            
486                                                                                                                        <li class="[&_a]:hover:underline">
487                                                                                                    <a href="https://www.werkenbijvivazorggroep.nl/vacatures?functiegroep=bijbaan_vakantiewerk"
488               class="menu-link font-bold uppercase text-[17px] block text-white underline-offset-4">Bijbaan / vakantiewerk</a>
489            
490
491                                                                                                                                                                                            </li>
492                                                                                                                                                                                                                                            
493                                                                                                                        <li class="[&_a]:hover:underline">
494                                                                                                    <a href="https://www.werkenbijvivazorggroep.nl/vacatures?functiegroep=vrijwilligers"
495               class="menu-link font-bold uppercase text-[17px] block text-white underline-offset-4">Vrijwilligers</a>
496            
497
498                                                                                                                                                                                            </li>
499                                                                                                            </ul>
500                                                </div>
501                                                                                    </div>
502                                    </div>
503
504                                                                    </div>
505                            </div>
506                        </div>
507                                                                                                                                            </div>
508                                            </div>
509        </li>
510                <li class="link-wrapper xl:flex xl:items-center">
511            <div
512                    x-data="{
513          layer1: false,
514          showBackButton: false,
515          timeout: null
516        }"
517                    @accordion:close.window="layer1 = false"
518            >
519                                    <button @click="if (layer1) { layer1 = false; showBackButton = false; } else { window.dispatchEvent(new CustomEvent('accordion:close')); closeAllOtherMenus($el); layer1 = true; showBackButton = true; } setTimeout(() => window.updateSubmenuState(), 100);"
520                            role="button" tabIndex="0"
521                            class="menu-link first "
522                            :class="layer1 && 'active'" x-ref="button1"
523                            title="Werkgebieden">
524                        <span class="font-bold uppercase text-[19px] xl:text-[17px] xl:leading-none">Werkgebieden</span>
525                        <span class="menu-toggle-icon-level1 xl:hidden ml-4"
526                              aria-hidden="true"
527                              :class="layer1 ? 'open' : ''"></span>
528                    </button>
529                                                                    <div
530                            class="menu-layer xl:pt-[26px]"
531                            x-cloak
532                            :class="layer1 === true ? 'opacity-100 overflow-visible xl:flex xl:flex-col xl:justify-between' : 'opacity-0 overflow-hidden xl:translate-x-0 xl:hidden'"
533                            x-ref="layer1"
534                    >
535                        <div class="pt-0 xl:pb-5 xl:px-5 submenu-level-2">
536                            <div class="accordion-grid xl:block"
537                                 :class="layer1 ? 'open' : ''">
538                                <div class="accordion-inner">
539
540                                                                        <div class="xl:hidden">
541                                        <ul class="mt-[9px] flex flex-col gap-y-3">
542                                                                                                                                                <li class="link-wrapper">
543                                                                                                                                                                                <div x-data="{ layer2: false }">
544                                                                <button @click="layer2 = !layer2"
545                                                                        class="menu-link "
546                                                                        title="Direct naar">
547                                <span class="menu-toggle-icon-level2 mr-4"
548                                      aria-hidden="true"
549                                      :class="layer2 ? 'open' : ''"></span>
550                                                                    <span class="font-bold uppercase text-[19px] text-tertiary-3">Direct naar</span>
551                                                                </button>
552                                                                <div class="accordion-grid level-2-3"
553                                                                     :class="layer2 ? 'open' : ''">
554                                                                    <div class="accordion-inner">
555                                                                        <ul class="level-3-list mt-0.5 pr-6 pt-0 pl-12">
556                                                                                                                                                                                                                                        <li class="link-wrapper mb-6">
557                                                                                                                        <a href="https://www.werkenbijvivazorggroep.nl/werken-de-wijkzorg"
558               class="menu-link text-[19px] leading-6 ">Wijkzorg</a>
559            
560                                                                                                                                                                    </li>
561                                                                                                                                                            <li class="link-wrapper mb-6">
562                                                                                                                        <a href="https://www.werkenbijvivazorggroep.nl/werken-de-woonzorg"
563               class="menu-link text-[19px] leading-6 ">Woonzorg</a>
564            
565                                                                                                                                                                    </li>
566                                                                                                                                                            <li class="link-wrapper mb-6">
567                                                                                                                        <a href="https://www.werkenbijvivazorggroep.nl/kom-werken-de-flexpool"
568               class="menu-link text-[19px] leading-6 ">Flexpool</a>
569            
570                                                                                                                                                                    </li>
571                                                                                                                                                            <li class="link-wrapper mb-6">
572                                                                                                                        <a href="https://www.werkenbijvivazorggroep.nl/werken-de-huishoudelijke-zorg"
573               class="menu-link text-[19px] leading-6 ">Huishoudelijke zorg</a>
574            
575                                                                                                                                                                    </li>
576                                                                            
577                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <li class="link-wrapper mb-6">
578                                                                                                                                <a href="https://www.werkenbijvivazorggroep.nl/hoofdkantoor"
579               class="menu-link text-[19px] leading-6 ">Kantoor</a>
580            
581                                                                                                                                                                                    </li>
582                                                                                                                                                                            <li class="link-wrapper mb-6">
583                                                                                                                                <a href="https://www.werkenbijvivazorggroep.nl/werken-leidinggevende-functies"
584               class="menu-link text-[19px] leading-6 ">Leidinggevende functies</a>
585            
586                                                                                                                                                                                    </li>
587                                                                                                                                                                            <li class="link-wrapper mb-6">
588                                                                                                                                <a href="https://www.werkenbijvivazorggroep.nl/werken-de-specialistische
588-zorg"
589               class="menu-link text-[19px] leading-6 ">Specialistische zorg</a>
590            
591                                                                                                                                                                                    </li>
592                                                                                                                                                                            <li class="link-wrapper mb-6">
593                                                                                                                                <a href="/werken-en-leren"
594               class="menu-link text-[19px] leading-6 ">Werken en Leren</a>
595            
596                                                                                                                                                                                    </li>
597                                                                                                                                                                                                                                                                                                                                                                                                        </ul>
598                                                                    </div>
599                                                                </div>
600                                                            </div>
601                                                                                                            </li>
602                                                                                                                                                                                                                                </ul>
603                                    </div>
604
605
606                                                                        <div class="hidden xl:block">
607                                        
608                                                                                                                        
609                                                                                    
610                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        
611                                                                                                                                    
612                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            
613                                                                                                                                                                                                                                                                        
614                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        
615                                                                                                                                    
616                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            
617                                                                                                                                                                                                                            
618                                                                                                                        
619                                                                                                                            <div class="grid gap-x-8 mb-0 xl:mb-[19px]"
620                                                 style="grid-template-columns: repeat(2, minmax(0, 1fr));">
621                                                                                                                                                                                                            <div>
622                                                                                                                                                                <sp
622an class="menu-link font-bold uppercase text-[21px] block text-tertiary-3">Direct naar</span>
623            
624                                                                                                                                                                                    </div>
625                                                                                                                                                                                                                <div>
626                                                                                                                                            
627                                                                                                                                                                                    </div>
628                                                                                                                                                </div>
629                                        
630                                                                                <div class="grid gap-x-4"
631                                             style="grid-template-columns: repeat(2, minmax(0, 1fr));">
632                                                                                            <div class="border-l-2 border-tertiary-3 pl-7 pt-1.5 pb-0.5">
633                                                    <ul class="flex flex-col gap-y-[5px]">
634                                                                                                                                                                                                                                                                                                    
635                                                                                                                        <li class="[&_a]:hover:underline">
636                                                                                                    <a href="https://www.werkenbijvivazorggroep.nl/werken-de-wijkzorg"
637               class="menu-link font-bold uppercase text-[17px] block text-white underline-offset-4">Wijkzorg</a>
638            
639
640                                                                                                                                                                                            </li>
641                                                                                                                                                                                                                                            
642                                                                                                                        <li class="[&_a]:hover:underline">
643                                                                                                    <a href="https://www.werkenbijvivazorggroep.nl/werken-de-woonzorg"
644               class="menu-link font-bold uppercase text-[17px] block text-white underline-offset-4">Woonzorg</a>
645            
646
647                                                                                                                                                                                            </li>
648                                                                                                                                                                                                                                            
649                                                                                                                        <li class="[&_a]:hover:underline">
650                                                                                                    <a href="https://www.werkenbijvivazorggroep.nl/kom-werken-de-flexpool"
651               class="menu-link font-bold uppercase text-[17px] block text-white underline-offset-4">Flexpool</a>
652            
653
654                                                                                                                                                                                            </li>
655                                                                                                                                                                                                                                            
656                                                                                                                        <li class="[&_a]:hover:underline">
657                                                                                                    <a href="https://www.werkenbijvivazorggroep.nl/werken-de-huishoudelijke-zorg"
658               class="menu-link font-bold uppercase text-[17px] block text-white underline-offset-4">Huishoudelijke zorg</a>
659            
660
661                                                                                                                                                                                            </li>
662                                                                                                            </ul>
663                                                </div>
664                                                                                            <div class="border-l-2 border-tertiary-3 pl-7 pt-1.5 pb-0.5">
665                                                    <ul class="flex flex-col gap-y-[5px]">
666                                                                                                                                                                                                                                                                                                    
667                                                                                                                        <li class="[&_a]:hover:underline">
668                                                                                                    <a href="https://www.werkenbijvivazorggroep.nl/hoofdkantoor"
669               class="menu-link font-bold uppercase text-[17px] block text-white underline-offset-4">Kantoor</a>
670            
671
672                                                                                                                                                                                            </li>
673                                                                                                                                                                                                                                            
674                                                                                                                        <li class="[&_a]:hover:underline">
675                                                                                                    <a href="https://www.werkenbijvivazorggroep.nl/werken-leidinggevende-functies"
676               class="menu-link font-bold uppercase text-[17px] block text-white underline-offset-4">Leidinggevende functies</a>
677            
678
679                                                                                                                                                                                            </li>
680                                                                                                                                                                                                                                            
681                                                                                                                        <li class="[&_a]:hover:underline">
682                                                                                                    <a href="https://www.werkenbijvivazorggroep.nl/werken-de-specialistische
682-zorg"
683               class="menu-link font-bold uppercase text-[17px] block text-white underline-offset-4">Specialistische zorg</a>
684            
685
686                                                                                                                                                                                            </li>
687                                                                                                                                                                                                                                            
688                                                                                                                        <li class="[&_a]:hover:underline">
689                                                                                                    <a href="/werken-en-leren"
690               class="menu-link font-bold uppercase text-[17px] block text-white underline-offset-4">Werken en Leren</a>
691            
692
693                                                                                                                                                                                            </li>
694                                                                                                            </ul>
695                                                </div>
696                                                                                    </div>
697                                    </div>
698
699                                                                    </div>
700                            </div>
701                        </div>
702                                                                                                                                            </div>
703                                            </div>
704        </li>
705                <li class="link-wrapper">
706                                                <a href="/over-viva-zorggroep"
707               class="menu-link first ">Over Viva!</a>
708            
709        </li>
710                <li class="link-wrapper xl:flex xl:items-center">
711            <div
712                    x-data="{
713          layer1: false,
714          showBackButton: false,
715          timeout: null
716        }"
717                    @accordion:close.window="layer1 = false"
718            >
719                                    <button @click="if (layer1) { layer1 = false; showBackButton = false; } else { window.dispatchEvent(new CustomEvent('accordion:close')); closeAllOtherMenus($el); layer1 = true; showBackButton = true; } setTimeout(() => window.updateSubmenuState(), 100);"
720                            role="button" tabIndex="0"
721                            class="menu-link first "
722                            :class="layer1 && 'active'" x-ref="button1"
723                            title="Locaties">
724                        <span class="font-bold uppercase text-[19px] xl:text-[17px] xl:leading-none">Locaties</span>
725                        <span class="menu-toggle-icon-level1 xl:hidden ml-4"
726                              aria-hidden="true"
727                              :class="layer1 ? 'open' : ''"></span>
728                    </button>
729                                                                    <div
730                            class="menu-layer xl:pt-[26px]"
731                            x-cloak
732                            :class="layer1 === true ? 'opacity-100 overflow-visible xl:flex xl:flex-col xl:justify-between' : 'opacity-0 overflow-hidden xl:translate-x-0 xl:hidden'"
733                            x-ref="layer1"
734                    >
735                        <div class="pt-0 xl:pb-5 xl:px-5 submenu-level-2">
736                            <div class="accordion-grid xl:block"
737                                 :class="layer1 ? 'open' : ''">
738                                <div class="accordion-inner">
739
740                                                                        <div class="xl:hidden">
741                                        <ul class="mt-[9px] flex flex-col gap-y-3">
742                                                                                                                                                <li class="link-wrapper">
743                                                                                                                                                                                <div x-data="{ layer2: false }">
744                                                                <button @click="layer2 = !layer2"
745                                                                        class="menu-link "
746                                                                        title="Over">
747                                <span class="menu-toggle-icon-level2 mr-4"
748                                      aria-hidden="true"
749                                      :class="layer2 ? 'open' : ''"></span>
750                                                                    <span class="font-bold uppercase text-[19px] text-tertiary-3">Over</span>
751                                                                </button>
752                                                                <div class="accordion-grid level-2-3"
753                                                                     :class="layer2 ? 'open' : ''">
754                                                                    <div class="accordion-inner">
755                                                                        <ul class="level-3-list mt-0.5 pr-6 pt-0 pl-12">
756                                                                                                                                                                                                                                        <li class="link-wrapper mb-6">
757                                                                                                                        <a href="/locaties/over/locaties"
758               class="menu-link text-[19px] leading-6 ">Over de locaties</a>
759            
760                                                                                                                                                                    </li>
761                                                                            
762                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </ul>
763                                                                    </div>
764                                                                </div>
765                                                            </div>
766                                                                                                            </li>
767                                                                                                                                                                                                <li class="link-wrapper">
768                                                                                                                                                                                <div x-data="{ layer2: false }">
769                                                                <button @click="layer2 = !layer2"
770                                                                        class="menu-link "
771                                                                        title="Onze Zorglocaties">
772                                <span class="menu-toggle-icon-level2 mr-4"
773                                      aria-hidden="true"
774                                      :class="layer2 ? 'open' : ''"></span>
775                                                                    <span class="font-bold uppercase text-[19px] text-tertiary-3">Onze Zorglocaties</span>
776                                                                </button>
777                                                                <div class="accordion-grid level-2-3"
778                                                                     :class="layer2 ? 'open' : ''">
779                                                                    <div class="accordion-inner">
780                                                                        <ul class="level-3-list mt-0.5 pr-6 pt-0 pl-12">
781                                                                                                                                                                                                                                        <li class="link-wrapper mb-6">
782                                                                                                                        <sp
782an class="menu-link text-[19px] leading-6 ">Akersloot</span>
783            
784                                                                                                                                                                            <div class="level-4 mt-2">
785                                                                                            <ul class="level-4-list mt-1 flex flex-wrap mb-11">
786                                                                                                                                                                                                    <li>
787                                                                                                                                            <a href="/strammerzoom-akersloot"
788               class="menu-link text-[19px] ">Strammerzoom</a>
789            
790                                                                                                    </li>
791                                                                                                                                                                                            </ul>
792                                                                                        </div>
793                                                                                                                                                                    </li>
794                                                                                                                                                            <li class="link-wrapper mb-6">
795                                                                                                                        <span class="menu-link text-[19px] leading-6 ">Bergen</span>
796            
797                                                                                                                                                                            <div class="level-4 mt-2">
798                                                                                            <ul class="level-4-list mt-1 flex flex-wrap mb-11">
799                                                                                                                                                                                                    <li>
800                                                                                                                                            <a href="/de-marke-bergen"
801               class="menu-link text-[19px] ">De Marke</a>
802            
803                                                                                                    </li>
804                                                                                                                                                                                            </ul>
805                                                                                        </div>
806                                                                                                                                                                    </li>
807                                                                                                                                                            <li class="link-wrapper mb-6">
808                                                                                                                        <span class="menu-link text-[19px] leading-6 ">Beverwijk</span>
809            
810                                                                                                                                                                            <div class="level-4 mt-2">
811                                                                                            <ul class="level-4-list mt-1 flex flex-wrap mb-11">
812                                                                                                                                                                                                    <li>
813                                                                                                                                            <a href="/elsanta-beverwijk"
814               class="menu-link text-[19px] ">Elsanta</a>
815            
816                                                                                                    </li>
817                                                                                                                                                                                                    <li>
818                                                                                                                                            <a href="/huis-ter-wijck-beverwijk"
819               class="menu-link text-[19px] ">Huis ter Wijck</a>
820            
821                                                                                                    </li>
822                                                                                                                                                                                                    <li>
823                                                                                                                                            <a href="/lommerlust-beverwijk"
824               class="menu-link text-[19px] ">Lommerlust</a>
825            
826                                                                                                    </li>
827                                                                                                                                                                                            </ul>
828                                                                                        </div>
829                                                                                                                                                                    </li>
830                                                                                                                                                            <li class="link-wrapper mb-6">
831                                                                                                                        <sp
831an class="menu-link text-[19px] leading-6 ">Castricum</span>
832            
833                                                                                                                                                                            <div class="level-4 mt-2">
834                                                                                            <ul class="level-4-list mt-1 flex flex-wrap mb-11">
835                                                                                                                                                                                                    <li>
836                                                                                                                                            <a href="/de-boogaert-castricum"
837               class="menu-link text-[19px] ">De Boogaert</a>
838            
839                                                                                                    </li>
840                                                                                                                                                                                                    <li>
841                                                                                                                                            <a href="/locaties/onze-zorglocaties/castricum/de-santmark-castricum"
842               class="menu-link text-[19px] ">De Santmark</a>
843            
844                                                                                                    </li>
845                                                                                                                                                                                            </ul>
846                                                                                        </div>
847                                                                                                                                                                    </li>
848                                                                                                                                                            <li class="link-wrapper mb-6">
849                                                                                                                        <span class="menu-link text-[19px] leading-6 ">Heemskerk</span>
850            
851                                                                                                                                                                            <div class="level-4 mt-2">
852                                                                                            <ul class="level-4-list mt-1 flex flex-wrap mb-11">
853                                                                                                                                                                                                    <li>
854                                                                                                                                            <a href="/heemswijk-heemskerk"
855               class="menu-link text-[19px] ">Heemswijk</a>
856            
857                                                                                                    </li>
858                                                                                                                                                                                                    <li>
859                                                                                                                                            <a href="/locaties/onze-zorglocaties/heemskerk/meerstate-grz-heemskerk"
860               class="menu-link text-[19px] ">Meerstate GRZ</a>
861            
862                                                                                                    </li>
863                                                                                                                                                                                                    <li>
864                                                                                                                                            <a href="/meerstate-heemskerk"
865               class="menu-link text-[19px] ">Meerstate</a>
866            
867                                                                                                    </li>
868                                                                                                                                                                                                    <li>
869                                                                                                                                            <a href="/sint-agnes-heemskerk"
870               class="menu-link text-[19px] ">Sint Agnes</a>
871            
872                                                                                                    </li>
873                                                                                                                                                                                                    <li>
874                                                                                                                                            <a href="/waterrijck-heemskerk"
875               class="menu-link text-[19px] ">Waterrijck</a>
876            
877                                                                                                    </li>
878                                                                                                                                                                                                    <li>
879                                                                                                                                            <a href="/westerheem-heemskerk"
880               class="menu-link text-[19px] ">Westerheem</a>
881            
882                                                                                                    </li>
883                                                                                                                                                                                            </ul>
884                                                                                        </div>
885                                                                                                                                                                    </li>
886                                                                                                                                                            <li class="link-wrapper mb-6">
887                                                                                                                        <sp
887an class="menu-link text-[19px] leading-6 ">Heerhugowaard</span>
888            
889                                                                                                                                                                            <div class="level-4 mt-2">
890                                                                                            <ul class="level-4-list mt-1 flex flex-wrap mb-11">
891                                                                                                                                                                                                    <li>
892                                                                                                                                            <a href="/forum-ii-heerhugowaard"
893               class="menu-link text-[19px] ">Forum II</a>
894            
895                                                                                                    </li>
896                                                                                                                                                                                            </ul>
897                                                                                        </div>
898                                                                                                                                                                    </li>
899                                                                                                                                                            <li class="link-wrapper mb-6">
900                                                                                                                        <span class="menu-link text-[19px] leading-6 ">Heiloo</span>
901            
902                                                                                                                                                                            <div class="level-4 mt-2">
903                                                                                            <ul class="level-4-list mt-1 flex flex-wrap mb-11">
904                                                                                                                                                                                                    <li>
905                                                                                                                                            <a href="/de-loet-heiloo"
906               class="menu-link text-[19px] ">De Loet</a>
907            
908                                                                                                    </li>
909                                                                                                                                                                                                    <li>
910                                                                                                                                            <a href="/overkerck-heiloo"
911               class="menu-link text-[19px] ">Overkerck</a>
912            
913                                                                                                    </li>
914                                                                                                                                                                                            </ul>
915                                                                                        </div>
916                                                                                                                                                                    </li>
917                                                                                                                                                            <li class="link-wrapper mb-6">
918                                                                                                                        <span class="menu-link text-[19px] leading-6 ">Limmen</span>
919            
920                                                                                                                                                                            <div class="level-4 mt-2">
921                                                                                            <ul class="level-4-list mt-1 flex flex-wrap mb-11">
922                                                                                                                                                                                                    <li>
923                                                                                                                                            <a href="/de-cameren-limmen"
924               class="menu-link text-[19px] ">De Cameren</a>
925            
926                                                                                                    </li>
927                                                                                                                                                                                            </ul>
928                                                                                        </div>
929                                                                                                                                                                    </li>
930                                                                                                                                                            <li class="link-wrapper mb-6">
931                                                                                                                        <sp
931an class="menu-link text-[19px] leading-6 ">Uitgeest</span>
932            
933                                                                                                                                                                            <div class="level-4 mt-2">
934                                                                                            <ul class="level-4-list mt-1 flex flex-wrap mb-11">
935                                                                                                                                                                                                    <li>
936                                                                                                                                            <a href="/geesterheem-uitgeest"
937               class="menu-link text-[19px] ">Geesterheem</a>
938            
939                                                                                                    </li>
940                                                                                                                                                                                            </ul>
941                                                                                        </div>
942                                                                                                                                                                    </li>
943                                                                            
944                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        </ul>
945                                                                    </div>
946                                                                </div>
947                                                            </div>
948                                                                                                            </li>
949                                                                                                                                    </ul>
950                                    </div>
951
952
953                                                                        <div class="hidden xl:block">
954                                        
955                                                                                                                        
956                                                                                    
957                                                                                                                                                                                                                                                                                    
958                                                                                                                                    
959                                                                                                                                                                                                                                                                                                                                                
960                                                                                                                                                                                                                                                                        
961                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    
962                                                                                                                                    
963                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        
964                                                                                                                                                                                                                            
965                                                                                                                        
966                                                                                                                            <div class="grid gap-x-8 mb-0 xl:mb-[19px]"
967                                                 style="grid-template-columns: repeat(4, minmax(0, 1fr));">
968                                                                                                                                                                                                            <div>
969                                                                                                                                                                <sp
969an class="menu-link font-bold uppercase text-[21px] block text-tertiary-3">Over</span>
970            
971                                                                                                                                                                                    </div>
972                                                                                                                                                                                                                <div>
973                                                                                                                                                                <span class="menu-link font-bold uppercase text-[21px] block text-tertiary-3">Onze Zorglocaties</span>
974            
975                                                                                                                                                                                    </div>
976                                                                                                                                                                                                                <div>
977                                                                                                                    </div>
978                                                                                                                                                                                                                <div>
979                                                                                                                    </div>
980                                                                                                                                                </div>
981                                        
982                                                                                <div class="grid gap-x-4"
983                                             style="grid-template-columns: repeat(4, minmax(0, 1fr));">
984                                                                                            <div class="border-l-2 border-tertiary-3 pl-7 pt-1.5 pb-0.5">
985                                                    <ul class="flex flex-col gap-y-[5px]">
986                                                                                                                                                                                                                                                                                                    
987                                                                                                                        <li class="[&_a]:hover:underline">
988                                                                                                    <a href="/locaties/over/locaties"
989               class="menu-link font-bold uppercase text-[17px] block text-white underline-offset-4">Over de locaties</a>
990            
991
992                                                                                                                                                                                            </li>
993                                                                                                            </ul>
994                                                </div>
995                                                                                            <div class="border-l-2 border-tertiary-3 pl-7 pt-1.5 pb-0.5">
996                                                    <ul class="flex flex-col gap-y-[5px]">
997                                                                                                                                                                                                                                                                                                    
998                                                                                                                        <li class="[&_a]:hover:underline">
999                                                                                                    <sp
999an class="menu-link font-bold uppercase text-[17px] block text-white underline-offset-4">Akersloot</span>
1000            
1001
1002                                                                                                                                                                                                    <ul class="flex flex-col space-y-0.5 mb-1.5 ">
1003                                                                                                                                                    <li class="[&_a]:hover:text-white">
1004                                                                                                                    <a href="/strammerzoom-akersloot"
1005               class="menu-link font-semibold uppercase text-[17px] underline decoration-[1.5px] text-tertiary-3 underline-offset-4 px-1">Strammerzoom</a>
1006            
1007                                                                            </li>
1008                                                                                                                                            </ul>
1009                                                                                                                            </li>
1010                                                                                                                                                                                                                                            
1011                                                                                                                        <li class="[&_a]:hover:underline">
1012                                                                                                    <span class="menu-link font-bold uppercase text-[17px] block text-white underline-offset-4">Bergen</span>
1013            
1014
1015                                                                                                                                                                                                    <ul class="flex flex-col space-y-0.5 mb-1.5 ">
1016                                                                                                                                                    <li class="[&_a]:hover:text-white">
1017                                                                                                                    <a href="/de-marke-bergen"
1018               class="menu-link font-semibold uppercase text-[17px] underline decoration-[1.5px] text-tertiary-3 underline-offset-4 px-1">De Marke</a>
1019            
1020                                                                            </li>
1021                                                                                                                                            </ul>
1022                                                                                                                            </li>
1023                                                                                                                                                                                                                                            
1024                                                                                                                        <li class="[&_a]:hover:underline">
1025                                                                                                    <span class="menu-link font-bold uppercase text-[17px] block text-white underline-offset-4">Beverwijk</span>
1026            
1027
1028                                                                                                                                                                                                    <ul class="flex flex-col space-y-0.5 mb-1.5 ">
1029                                                                                                                                                    <li class="[&_a]:hover:text-white">
1030                                                                                                                    <a href="/elsanta-beverwijk"
1031               class="menu-link font-semibold uppercase text-[17px] underline decoration-[1.5px] text-tertiary-3 underline-offset-4 px-1">Elsanta</a>
1032            
1033                                                                            </li>
1034                                                                                                                                                    <li class="[&_a]:hover:text-white">
1035                                                                                                                    <a href="/huis-ter-wijck-beverwijk"
1036               class="menu-link font-semibold uppercase text-[17px] underline decoration-[1.5px] text-tertiary-3 underline-offset-4 px-1">Huis ter Wijck</a>
1037            
1038                                                                            </li>
1039                                                                                                                                                    <li class="[&_a]:hover:text-white">
1040                                                                                                                    <a href="/lommerlust-beverwijk"
1041               class="menu-link font-semibold uppercase text-[17px] underline decoration-[1.5px] text-tertiary-3 underline-offset-4 px-1">Lommerlust</a>
1042            
1043                                                                            </li>
1044                                                                                                                                            </ul>
1045                                                                                                                            </li>
1046                                                                                                            </ul>
1047                                                </div>
1048                                                                                            <div class="border-l-2 border-tertiary-3 pl-7 pt-1.5 pb-0.5">
1049                                                    <ul class="flex flex-col gap-y-[5px]">
1050                                                                                                                                                                                                                                                                                                    
1051                                                                                                                        <li class="[&_a]:hover:underline">
1052                                                                                                    <sp
1052an class="menu-link font-bold uppercase text-[17px] block text-white underline-offset-4">Castricum</span>
1053            
1054
1055                                                                                                                                                                                                    <ul class="flex flex-col space-y-0.5 mb-1.5 ">
1056                                                                                                                                                    <li class="[&_a]:hover:text-white">
1057                                                                                                                    <a href="/de-boogaert-castricum"
1058               class="menu-link font-semibold uppercase text-[17px] underline decoration-[1.5px] text-tertiary-3 underline-offset-4 px-1">De Boogaert</a>
1059            
1060                                                                            </li>
1061                                                                                                                                                    <li class="[&_a]:hover:text-white">
1062                                                                                                                    <a href="/locaties/onze-zorglocaties/castricum/de-santmark-castricum"
1063               class="menu-link font-semibold uppercase text-[17px] underline decoration-[1.5px] text-tertiary-3 underline-offset-4 px-1">De Santmark</a>
1064            
1065                                                                            </li>
1066                                                                                                                                            </ul>
1067                                                                                                                            </li>
1068                                                                                                                                                                                                                                            
1069                                                                                                                        <li class="[&_a]:hover:underline">
1070                                                                                                    <span class="menu-link font-bold uppercase text-[17px] block text-white underline-offset-4">Heemskerk</span>
1071            
1072
1073                                                                                                                                                                                                    <ul class="flex flex-col space-y-0.5 mb-1.5 ">
1074                                                                                                                                                    <li class="[&_a]:hover:text-white">
1075                                                                                                                    <a href="/heemswijk-heemskerk"
1076               class="menu-link font-semibold uppercase text-[17px] underline decoration-[1.5px] text-tertiary-3 underline-offset-4 px-1">Heemswijk</a>
1077            
1078                                                                            </li>
1079                                                                                                                                                    <li class="[&_a]:hover:text-white">
1080                                                                                                                    <a href="/locaties/onze-zorglocaties/heemskerk/meerstate-grz-heemskerk"
1081               class="menu-link font-semibold uppercase text-[17px] underline decoration-[1.5px] text-tertiary-3 underline-offset-4 px-1">Meerstate GRZ</a>
1082            
1083                                                                            </li>
1084                                                                                                                                                    <li class="[&_a]:hover:text-white">
1085                                                                                                                    <a href="/meerstate-heemskerk"
1086               class="menu-link font-semibold uppercase text-[17px] underline decoration-[1.5px] text-tertiary-3 underline-offset-4 px-1">Meerstate</a>
1087            
1088                                                                            </li>
1089                                                                                                                                                    <li class="[&_a]:hover:text-white">
1090                                                                                                                    <a href="/sint-agnes-heemskerk"
1091               class="menu-link font-semibold uppercase text-[17px] underline decoration-[1.5px] text-tertiary-3 underline-offset-4 px-1">Sint Agnes</a>
1092            
1093                                                                            </li>
1094                                                                                                                                                    <li class="[&_a]:hover:text-white">
1095                                                                                                                    <a href="/waterrijck-heemskerk"
1096               class="menu-link font-semibold uppercase text-[17px] underline decoration-[1.5px] text-tertiary-3 underline-offset-4 px-1">Waterrijck</a>
1097            
1098                                                                            </li>
1099                                                                                                                                                    <li class="[&_a]:hover:text-white">
1100                                                                                                                    <a href="/westerheem-heemskerk"
1101               class="menu-link font-semibold uppercase text-[17px] underline decoration-[1.5px] text-tertiary-3 underline-offset-4 px-1">Westerheem</a>
1102            
1103                                                                            </li>
1104                                                                                                                                            </ul>
1105                                                                                                                            </li>
1106                                                                                                            </ul>
1107                                                </div>
1108                                                                                            <div class="border-l-2 border-tertiary-3 pl-7 pt-1.5 pb-0.5">
1109                                                    <ul class="flex flex-col gap-y-[5px]">
1110                                                                                                                                                                                                                                                                                                    
1111                                                                                                                        <li class="[&_a]:hover:underline">
1112                                                                                                    <sp
1112an class="menu-link font-bold uppercase text-[17px] block text-white underline-offset-4">Heerhugowaard</span>
1113            
1114
1115                                                                                                                                                                                                    <ul class="flex flex-col space-y-0.5 mb-1.5 ">
1116                                                                                                                                                    <li class="[&_a]:hover:text-white">
1117                                                                                                                    <a href="/forum-ii-heerhugowaard"
1118               class="menu-link font-semibold uppercase text-[17px] underline decoration-[1.5px] text-tertiary-3 underline-offset-4 px-1">Forum II</a>
1119            
1120                                                                            </li>
1121                                                                                                                                            </ul>
1122                                                                                                                            </li>
1123                                                                                                                                                                                                                                            
1124                                                                                                                        <li class="[&_a]:hover:underline">
1125                                                                                                    <span class="menu-link font-bold uppercase text-[17px] block text-white underline-offset-4">Heiloo</span>
1126            
1127
1128                                                                                                                                                                                                    <ul class="flex flex-col space-y-0.5 mb-1.5 ">
1129                                                                                                                                                    <li class="[&_a]:hover:text-white">
1130                                                                                                                    <a href="/de-loet-heiloo"
1131               class="menu-link font-semibold uppercase text-[17px] underline decoration-[1.5px] text-tertiary-3 underline-offset-4 px-1">De Loet</a>
1132            
1133                                                                            </li>
1134                                                                                                                                                    <li class="[&_a]:hover:text-white">
1135                                                                                                                    <a href="/overkerck-heiloo"
1136               class="menu-link font-semibold uppercase text-[17px] underline decoration-[1.5px] text-tertiary-3 underline-offset-4 px-1">Overkerck</a>
1137            
1138                                                                            </li>
1139                                                                                                                                            </ul>
1140                                                                                                                            </li>
1141                                                                                                                                                                                                                                            
1142                                                                                                                        <li class="[&_a]:hover:underline">
1143                                                                                                    <span class="menu-link font-bold uppercase text-[17px] block text-white underline-offset-4">Limmen</span>
1144            
1145
1146                                                                                                                                                                                                    <ul class="flex flex-col space-y-0.5 mb-1.5 ">
1147                                                                                                                                                    <li class="[&_a]:hover:text-white">
1148                                                                                                                    <a href="/de-cameren-limmen"
1149               class="menu-link font-semibold uppercase text-[17px] underline decoration-[1.5px] text-tertiary-3 underline-offset-4 px-1">De Cameren</a>
1150            
1151                                                                            </li>
1152                                                                                                                                            </ul>
1153                                                                                                                            </li>
1154                                                                                                                                                                                                                                            
1155                                                                                                                        <li class="[&_a]:hover:underline">
1156                                                                                                    <sp
1156an class="menu-link font-bold uppercase text-[17px] block text-white underline-offset-4">Uitgeest</span>
1157            
1158
1159                                                                                                                                                                                                    <ul class="flex flex-col space-y-0.5 mb-1.5 ">
1160                                                                                                                                                    <li class="[&_a]:hover:text-white">
1161                                                                                                                    <a href="/geesterheem-uitgeest"
1162               class="menu-link font-semibold uppercase text-[17px] underline decoration-[1.5px] text-tertiary-3 underline-offset-4 px-1">Geesterheem</a>
1163            
1164                                                                            </li>
1165                                                                                                                                            </ul>
1166                                                                                                                            </li>
1167                                                                                                            </ul>
1168                                                </div>
1169                                                                                    </div>
1170                                    </div>
1171
1172                                                                    </div>
1173                            </div>
1174                        </div>
1175                                                                                                                                            </div>
1176                                            </div>
1177        </li>
1178                <li class="link-wrapper">
1179                                                <a href="/werken-en-leren"
1180               class="menu-link first ">Werken en leren</a>
1181            
1182        </li>
1183    
1184                                  <li class="relative hidden xl:flex justify-center items-center py-6 xl:py-0">
1185                    <a class="xl:mx-4 group" href="/dashboard">
1186                          <svg class="h-10 w-10 xl:h-6 xl:w-6 fill-white transition-all duration-200 group-hover:fill-tertiary-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
1187    <path d="M272 304h-96C78.8 304 0 382.8 0 480c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32C448 382.8 369.2 304 272 304zM48.99 464C56.89 400.9 110.8 352 176 352h96c65.16 0 119.1 48.95 127 112H48.99zM224 256c70.69 0 128-57.31 128-128c0-70.69-57.31-128-128-128S96 57.31 96 128C96 198.7 153.3 256 224 256zM224 48c44.11 0 80 35.89 80 80c0 44.11-35.89 80-80 80S144 172.1 144 128C144 83.89 179.9 48 224 48z"/>
1188</svg>
1189
1190                    </a>
1191                  </li>
1192                              </ul>
1193                            
1194  
1195<div 
1196  class="group search xl:relative xl:top-0 xl:left-0 xl:inset-auto xl:w-auto xl:h-auto xl:bg-transparent xl:pt-0" 
1197  x-cloak
1198  x-show="searchOpen"
1199  :class="searchOpen ? 'fixed inset-0 w-full h-full bg-primary-90 pt-24 z-[9999] flex flex-col' : 'hidden'"
1200  @touchstart.passive="$event.stopPropagation()"
1201  style="transition: opacity 0.2s ease-out;"
1202  :style="searchOpen ? 'opacity: 1;' : 'opacity: 0; pointer-events: none;'"
1203>
1204  <form class="flex flex-col items-center pt-[35%] xl:pt-0 w-full h-full xl:flex-row xl:items-center xl:justify-start xl:w-[1000px] xl:h-auto gap-[17px]"
1205        action="/zoek-resultaten" method="get" id="views-exposed-form-site-wide-search-block-search-results" accept-charset="UTF-8"
1206        @click.away="if (window.innerWidth >= 1264 && search.length === 0) { searchOpen = false; }"
1207        @keydown="handleSearchKeydown($event)">
1208    <button type="button" 
1209      class="bg-transparent border-none group hidden xl:block cursor-pointer"
1210      @click="search = ''"
1211      :disabled="search.length === 0"
1212    >
1213          <svg class="h-6 w-6" width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="2.83984" y="0.625641" width="32" height="3" transform="rotate(45 2.83984 0.625641)" fill="#FFDEAB"/><rect width="32" height="3" transform="matrix(-0.707107 0.707107 0.707107 0.707107 23.3477 0.625641)" fill="#FFDEAB"/></svg>
1214    </button>
1215    <div class="flex flex-col items-center justify-center w-full xl:flex-row xl:items-center xl:justify-start xl:w-auto gap-[17px] relative">
1216      
1217<input  placeholder="Typ een zoekterm..." data-drupal-selector="edit-search" data-search-api-autocomplete-search="site_wide_search" class="form-autocomplete form-text peer text-xl p-5 font-normal text-primary bg-white placeholder:uppercase xl:placeholder:normal-case placeholder:font-normal focus:outline-primary xl:cursor-pointer transition-all duration-300 h-[65px] xl:h-[48px] search-input-clean" data-autocomplete-path="/search_api_autocomplete/site_wide_search?display=block_search_results&amp;&amp;filter=search" id="edit-search" name="search" value="" size="30" maxlength="128" title="search"
1218  x-model="search"
1219  @click="searchOpen = true"
1220  @blur="search.length === 0 ? closeSearch() : null"
1221  @keydown.enter="!searchOpen ? openSearch() : checkInput($event)"
1222  @keydown.escape="closeSearch()"
1223  @keydown.space="!searchOpen ? openSearch() : null"
1224  @input.debounce.500ms="loadSearchResults()"
1225  type="search"
1226  class="w-[483px]"
1227/>
1228<div x-show="!searchLoading && search.length >= 3 && searchResults.length === 0" class="text-center xl:absolute xl:top-[50px]">
1229  <p class="text-sm text-white">Geen resultaten gevonden</p>
1230</div>
1231<div x-cloak x-show="search.length > 0 && search.length < 3" class="mt-2 text-sm text-white absolute top-[-40px] xl:top-[-30px]">
1232  Type minimaal 3 karakters
1233</div>
1234<div class="absolute justify-center items-center hidden -translate-x-1/2 xl:transform-none top-[50%] md:top-[40%] left-[50%] xl:top-full mt-1.5 xl:left-0 w-[98%] md:w-[483px] h-12 peer-[.ui-autocomplete-loading]:flex rounded-[7px] bg-white shadow-[0_15px_25px_rgba(0,0,0,0.25)]">
1235  <div class="search-loader"></div>
1236</div>
1237
1238      
1239<button 
1240        :disabled="search.length < 3" 
1241        type="submit" 
1242        class="bg-orange-500 text-white px-4 py-2 rounded-tl-23 rounded-br-23 focus:outline-primary w-[90%] xl:w-[146.52px] font-bold text-2xl cursor-pointer" 
1243        :tabindex="searchOpen ? '0' : '-1'"
1244        @keydown.escape="closeSearch()"
1245        @click="search.length >= 3 ? null : $event.preventDefault()">
1246  Zoek
1247</button>
1248    </div>
1249  </form>
1250  <div class="w-full xl:hidden mt-4 max-h-96 overflow-y-auto px-6">
1251    <div class="space-y-2">
1252            <div x-show="searchLoading" class="text-center text-white">
1253        <p class="text-sm text-white">Zoeken...</p>
1254      </div>
1255
1256            <div x-show="!searchLoading && searchResults.length > 0" class="space-y-2">
1257        <template x-for="result in searchResults" :key="result.url">
1258          <a :href="result.url" class="block px-4 py-2 bg-white bg-opacity-10 rounded-lg text-white hover:bg-opacity-20 transition-all duration-200">
1259            <p class="text-sm font-medium" x-text="result.title"></p>
1260          </a>
1261        </template>
1262      </div>
1263    </div>
1264  </div>
1265</div>
1266            </nav>
1267                        <div class="xl:hidden">
1268              
1269<nav class="top-navigation transition-all duration-300" :class="{'opacity-0 invisible pointer-events-none': isScrolled}" role="navigation" aria-label="Top navigation">
1270    <div class="top-navigation-wrapper flex items-center justify-around flex-wrap xl:justify-end mb-[30px] xl:mb-0 gap-x-6">
1271    
1272              <ul>
1273              <li>
1274        <a href="/dashboard" data-drupal-link-system-path="node/11" class="is-active" aria-current="page">Dashboard</a>
1275              </li>
1276          <li>
1277        <a href="/sollicitatieproces" data-drupal-link-system-path="node/37">Sollicitatieproces</a>
1278              </li>
1279        </ul>
1280  
1281
1282
1283    <div class="hidden xl:block">
1284      <button
1285        class="top-nav-search flex items-center focus:outline-2 focus:outline-white focus:outline-offset-2"
1286        data-search-toggle
1287        tabindex="0"
1288        @click.stop.prevent="$store.searchState.toggle()"
1289        @keydown.enter.stop="$store.searchState.toggle()"
1290        @keydown.space.prevent.stop="$store.searchState.toggle()"
1291        @keydown.escape="$store.searchState.close()"
1292        aria-label="Toggle search"
1293        role="button"
1294      >
1295        <spap>ZOEKEN</spap>
1296              <svg class="inline-flex h-[23px] w-[23px] fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
1297<path d="M504.1 471l-134-134C399.1 301.5 415.1 256.8 415.1 208c0-114.9-93.13-208-208-208S-.0002 93.13-.0002 208S93.12 416 207.1 416c48.79 0 93.55-16.91 129-45.04l134 134C475.7 509.7 481.9 512 488 512s12.28-2.344 16.97-7.031C514.3 495.6 514.3 480.4 504.1 471zM48 208c0-88.22 71.78-160 160-160s160 71.78 160 160s-71.78 160-160 160S48 296.2 48 208z"/>
1298  </svg>
1299
1300      </button>
1301    </div>
1302  </div>
1303    <div class="flex gap-x-6 lg:gap-x-8 items-center justify-center xl:hidden">
1304        <a href="https://www.facebook.com/viva.zorggroep" class="no-underline text-white w-[38px] h-[38px] xl:w-9 xl:h-9 flex socials"> </a>
1305    <a href="https://www.linkedin.com/company/viva-zorggroep/" class="no-underline text-white w-[38px] h-[38px] xl:w-9 xl:h-9 flex socials"> </a>
1306    <a href="https://www.youtube.com/user/ViVaZorggroep" class="no-underline text-white w-[38px] h-[38px] xl:w-9 xl:h-9 flex socials"> </a>
1307
1308  </div>
1309</nav>
1310
1311            </div>
1312          </div>
1313        </div>
1314      </div>
1315      <div class="flex flex-col left-0 justify-center relative pt-0 ml-auto xl:hidden">
1316                  <a class="mx-4 md:mx-8 group" href="/dashboard">
1317                <svg class="h-9 w-9 xl:h-6 xl:w-6 fill-white transition-all duration-200 group-hover:fill-tertiary-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
1318    <path d="M272 304h-96C78.8 304 0 382.8 0 480c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32C448 382.8 369.2 304 272 304zM48.99 464C56.89 400.9 110.8 352 176 352h96c65.16 0 119.1 48.95 127 112H48.99zM224 256c70.69 0 128-57.31 128-128c0-70.69-57.31-128-128-128S96 57.31 96 128C96 198.7 153.3 256 224 256zM224 48c44.11 0 80 35.89 80 80c0 44.11-35.89 80-80 80S144 172.1 144 128C144 83.89 179.9 48 224 48z"/>
1319</svg>
1320
1321          </a>
1322              </div>
1323      <div class="flex items-center xl:hidden ml-5 relative z-10 transition-all duration-300" :class="{'opacity-0 pointer-events-none': open && isMobile && scrollY >= 64}">
1324                <button class="mr-4 group focus:outline-2 focus:outline-white focus:outline-offset-2 h-[30px] w-[30px]"
1325          data-search-toggle
1326          tabindex="0"
1327          @touchend.prevent.stop="$store.searchState.toggle()"
1328          @click.prevent.stop="$store.searchState.toggle()"
1329          @keydown.enter.prevent.stop="$store.searchState.toggle()"
1330          @keydown.space.prevent.stop="$store.searchState.toggle()"
1331          @keydown.escape="$store.searchState.close()"
1332          :aria-label="$store.searchState.isOpen ? 'Close search' : 'Open search'"
1333          :aria-expanded="$store.searchState.isOpen"
1334          role="button"
1335        >
1336                <svg class="h-auto w-auto fill-white transition-all duration-200 group-hover:fill-tertiary-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
1337<path d="M504.1 471l-134-134C399.1 301.5 415.1 256.8 415.1 208c0-114.9-93.13-208-208-208S-.0002 93.13-.0002 208S93.12 416 207.1 416c48.79 0 93.55-16.91 129-45.04l134 134C475.7 509.7 481.9 512 488 512s12.28-2.344 16.97-7.031C514.3 495.6 514.3 480.4 504.1 471zM48 208c0-88.22 71.78-160 160-160s160 71.78 160 160s-71.78 160-160 160S48 296.2 48 208z"/>
1338  </svg>
1339
1340        </button>
1341                <div
1342          @click.prevent="searchOpen ? ($store.searchState.close(), open = !open, locked = isMobile ? !locked : false) : (open = !open, locked = isMobile ? !locked : false)"
1343          role="button"
1344          tabindex="0"
1345          id="hamburger"
1346          class="flex flex-col w-[36px] h-[32px]"
1347          :class="open === true ? 'justify-center' : 'justify-between'"
1348        >
1349          <span class="font-bold uppercase text-white leading-[76%] text-[13px]" :class="open === true ? 'hidden' : 'block'">Menu</span>
1350          <div class="relative h-[21px] mt-1">
1351            <span class="absolute inline-block w-[36px] h-[3px] transition-all duration-300" :class="open === true ? 'transform rotate-45 top-1/2 -translate-y-1/2 bg-tertiary-3' : 'top-0 bg-white'"></span>
1352            <span class="absolute inline-block w-[36px] h-[3px] bg-white transition-opacity duration-200 top-[43%]" :class="open === true && 'transform opacity-0'"></span>
1353            <span class="absolute inline-block w-[36px] h-[3px] transition-all duration-300" :class="open === true ? 'transform -rotate-45 top-1/2 -translate-y-1/2 bg-tertiary-3' : 'bottom-0 bg-white'"></span>
1354          </div>
1355        </div>
1356      </div>
1357    </div>
1358  </div>
1359</header>
1360<main >
1361  
1362        <div id="block-matone-content">
1363  
1364    
1365      <div class="node__content">
1366  
1367<div class="overflow-hidden relative">
1368  <div class="hero z-negative w-full after:content-[''] after:absolute after:w-full after:h-10 after:md:h-24 after:bg-white after:left-0 after:bottom-0 after:rounded-tl-4xl after:rounded-tr-4xl after:md:rounded-tl-5xl after:md:rounded-tr-5xl">
1369    <div class="aspect-[1/1] md:aspect-[2/1] xl:aspect-[12/5] 3xl:pb-0 3xl:h-[675px] after:content-[''] after:bg-overlay after:opacity-40 after:absolute after:size-full after:left-0 after:top-0">
1370      
1371  
1372      <picture>
1373                  <source srcset="/sites/default/files/styles/responsive_2_1_1500w/public/usercontent/image/2026-06/Foto-2%20%281%29.jpg.webp?h=99bc4251&amp;itok=Q3G2chmA 1x" media="all and (min-width: 1439px)" type="image/webp" width="1500" height="750"/>
1374              <source srcset="/sites/default/files/styles/responsive_2_1_1300w/public/usercontent/image/2026-06/Foto-2%20%281%29.jpg.webp?h=99bc4251&amp;itok=nKiBv_lJ 1x" media="all and (min-width: 1263px)" type="image/webp" width="1300" height="650"/>
1375              <source srcset="/sites/default/files/styles/responsive_2_1_1100w/public/usercontent/image/2026-06/Foto-2%20%281%29.jpg.webp?h=99bc4251&amp;itok=sW7nALvI 1x" media="all and (min-width: 1023px)" type="image/webp" width="1100" height="550"/>
1376              <source srcset="/sites/default/files/styles/responsive_2_1_900w/public/usercontent/image/2026-06/Foto-2%20%281%29.jpg.webp?h=99bc4251&amp;itok=RdvnP948 1x" media="all and (min-width: 767px)" type="image/webp" width="900" height="450"/>
1377              <source srcset="/sites/default/files/styles/responsive_1_1_500w/public/usercontent/image/2026-06/Foto-2%20%281%29.jpg.webp?h=99bc4251&amp;itok=3IpHnl0K 1x" media="all and (min-width: 400px)" type="image/webp" width="500" height="500"/>
1378              <img loading="eager" width="300" height="300" src="/sites/default/files/styles/responsive_1_1_300w/public/usercontent/image/2026-06/Foto-2%20%281%29.jpg.webp?h=99bc4251&amp;itok=NUHlQxuc" alt="Ingrid achter laptop samen met collega in bedrijfskleding" />
1379
1380  </picture>
1381
1382
1383
1384
1385
1386    </div>
1387  </div>
1388  <section class="absolute bottom-3 md:bottom-5 w-full">
1389    <div class="container">
1390      <div class="grid grid-cols-12 gap-x-3 md:gap-x-8">
1391        <div class="col-span-12 md:col-start-2 md:col-end-13">
1392          <div class="bg-tertiary-2-80 py-6 px-8 md:p-12 rounded-tr-4xl rounded-bl-4xl w-fit">
1393            <h1 class="text-white relative inline-block">
1394              <span>Dashboard</span>
1395 
1396            </h1>
1397          </div>
1398        </div>
1399      </div>
1400    </div>
1401  </section>
1402</div>
1403<div id="block-breadcrumb">
1404  
1405    
1406        <section class="container component hidden md:block pt-4">
1407    <div class="grid grid-cols-12 gap-x-3 md:gap-x-8">
1408      <nav class="col-start-1 md:col-start-2 col-end-12" role="navigation" aria-labelledby="system-breadcrumb">
1409        <h2 id="system-breadcrumb" class="visually-hidden">Kruimelpad</h2>
1410        <ul class="flex justify-start mt-0">
1411                  <li>
1412                          <a class="text-breadcrumb-gray hover:text-black" href="/">Home</a>
1413              <span class="text-breadcrumb-gray mr-2 ml-1">/</span>
1414                      </li>
1415                  <li>
1416                        <div class="text-breadcrumb-gray">
1417              Dashboard
1418            </div>
1419                      </li>
1420                </ul>
1421      </nav>
1422    </div>
1423  </section>
1424
1425  </div>
1426
1427
1428  
1429  <section id="" class="paragraph-container relative overflow-hidden pb-8 pt-7 md:pb-16 md:pt-9">
1430    <div class="layout layout__region layout__region--content layout--onecol">
1431    
1432<div class="container component paragraph">
1433  <div class="grid grid-cols-12 gap-x-3 md:gap-x-8">
1434    <div class="col-span-12 lg:col-start-3 lg:col-end-11 paragraph">
1435      <div class="hs_platform_area"></div>
1436    </div>
1437  </div>
1438</div>
1439
1440  </div>
1441
1442</section>
1443
1444
1445</div>
1446
1447  </div>
1448
1449
1450  </main>
1451<footer class="bg-secondary-2-90 relative overflow-hidden after:content-[''] after:absolute after:w-full after:h-10 after:md:h-16 after:bg-white after:left-0 after:top-0 after:rounded-bl-4xl after:rounded-br-4xl after:md:rounded-bl-5xl after:md:rounded-br-5xl before:content-[''] before:absolute before:size-full before:left-0 before:top-0 before:bg-black before:opacity-20">
1452  
1453  <div class="container relative z-10">
1454    <ul class="grid grid-cols-12 gap-x-3 lg:gap-x-8 pt-20 lg:pt-32 lg:pb-20">
1455      <li class="col-span-12 lg:col-span-3 mb-9 lg:mb-0">
1456        <h3 class="text-secondary-3 text-3xl mb-3">Algemeen</h3>
1457        <nav role="navigation" aria-labelledby="block-matone-footer-menu" id="block-matone-footer">
1458            
1459  <h2 class="visually-hidden" id="block-matone-footer-menu">Footer</h2>
1460  
1461
1462        
1463                        <ul class="mt-0">
1464                    <li class="py-2">
1465          <a href="/vacatures" class="py-2 text-white no-underline font-light antialiased text-lg leading-relaxed hover:underline" data-drupal-link-system-path="node/6">Vacatures</a>
1466                  </li>
1467              <li class="py-2">
1468          <a href="/werkgebieden" class="py-2 text-white no-underline font-light antialiased text-lg leading-relaxed hover:underline" data-drupal-link-system-path="node/27">Werkgebieden</a>
1469                  </li>
1470              <li class="py-2">
1471          <a href="/downloads/privacyverklaring-werken-bij-viva-zorggroep.pdf" class="py-2 text-white no-underline font-light antialiased text-lg leading-relaxed hover:underline" data-drupal-link-system-path="media/33">Privacyverklaring werkenbijvivazorggroep.nl</a>
1472                  </li>
1473            </ul>
1474      
1475  
1476    
1477  </nav>
1478
1479      </li>
1480      <li class="hidden lg:block lg:col-span-3 mb-12 lg:mb-0">
1481        
1482  <h2>ViVa Zorggroep</h2>
1483
1484<p>Wij geloven in samen. Want alleen samen kunnen we de beste zorg bieden. En de individualiteit van elke cliënt respecteren. Samen met onze cliënten, hun naasten, mantelzorgers, collega-organisaties en ketenpartners. En met inzet van alle mogelijke, ook innovatieve, technologische, middelen.</p>
1485
1486      </li>
1487      <li class="col-span-12 lg:col-span-3 mb-12 lg:mb-0">
1488        <h3 class="text-secondary-3 text-3xl mb-3">Externe links</h3>
1489        <ul>
1490  <li class="external_link">
1491    <a href="https://www.vivazorggroep.nl/">ViVa! Zorggroep</a>
1492  </li>
1493</ul>
1494      </li>
1495      <li class="col-span-12 lg:col-start-10 lg:col-end-13 mb-12 lg:mb-0">
1496        <h3 class="text-secondary-3 text-3xl mb-3">Neem contact op</h3>
1497        <span class="text-white text-3xl block font-medium mb-4"></span>
1498        
1499  <p>Heb jij vragen over het werken bij ViVa! Zorggroep? Neem dan contact op met één van onze recruiters via <a href="Mailto:[email protected]"><strong>[email protected]</strong></a></p>
1500
1501        
1502
1503        <div class="visually-hidden">
1504    <div class="hs_job_alert_button"></div>
1505  </div>
1506  <a href="#" data-url="/platform/portal/jobalert/register" data-handler="portalPopup" class="button edit register_job_alert hs_no_container ats-event inline-flex no-underline font-bold bg-button-primary text-white text-2xl rounded-tl-4xl rounded-br-4xl py-3 px-6 md:px-10 hover:bg-pink-dark duration-300 mb-4">
1507      Job alert
1508  </a>
1509
1510                
1511      </li>
1512    </ul>
1513    <div class="flex justify-between items-center gap-y-4 lg:text-start lg:flex-row flex-col bg-secondary rounded-tl-4xl rounded-tr-4xl px-12 py-8 lg:pb-4 lg:pt-4 lg:px-[70px]">
1514      <div class="flex order-1 items-center lg:order-first flex-col lg:flex-row">
1515        <nav role="navigation" aria-labelledby="block-matone-service-menu" id="block-matone-service">
1516            
1517  <h2 class="visually-hidden" id="block-matone-service-menu">Service</h2>
1518  
1519
1520        
1521                        <ul class="my-6 flex flex-col items-center gap-y-6 lg:block lg:my-0">
1522                    <li class="lg:pr-8 lg:first:pl-0 relative inline-flex items-center text-white lg:after:content-['|'] after:absolute after:right-3">
1523          <a href="/downloads/privacyverklaring-werken-bij-viva-zorggroep.pdf" class="no-underline font-light text-base lg:leading-[3rem]" data-drupal-link-system-path="media/33">Privacy websitegebruik</a>
1524                  </li>
1525            </ul>
1526      
1527  
1528  
1529  </nav>
1530
1531        <div class="cursor-pointer mb-6 lg:mb-0">
1532          <a class="cookiesettings">Cookie instellingen</a>
1533        </div>
1534      </div>
1535    </div>
1536  </div>
1537</footer>
1538
1539  </div>
1540
1541    
1542    
1542<script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/11","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"nl"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"eJx1jUEKAyEQBD8k65OkdZvVRJ3BGQ_5fWAhhBxyq6pLoWubTA-LuCkUkWdjKjKN0-OvhgGXyZhh_PDOpATFwrWg1eK5tqIf33LsqTv3ZpVnMGKVmqAtYbsUGdrpjH96sJc5x318A9jwQ_I","theme":"matone","theme_token":null},"ajaxTrustedUrl":[],"search_api_autocomplete":{"site_wide_search":{"delay":100,"auto_submit":true}},"cookieConsent":{"message":"Deze website maakt gebruik van cookies en andere trackingtechnologie\u00ebn om een goede weergave van de website te krijgen en u zoveel mogelijk gebruiksgemak te bieden. Voor meer informatie, klik \u003Ca href=\u0027\/privacyverklaring\u0027 target=\u0027_blank\u0027\u003Ehier\u003C\/a\u003E.","settingsLabel":"Cookie settings","acceptLabel":"Keuzes bevestigen","denyLabel":"Weiger cookies","showDenyButton":true,"showCloseButton":false,"acceptOnClose":true,"showPopup":true,"reloadAfterSave":true,"options":{"title":"ViVa! Zorggroep","description":"Privacy settings","types":{"tracking":{"type":"tracking","title":"Tracking cookies","description":"Tracking cookies, ook wel marketingcookies of advertentiecookies genoemd, zijn cookies die binnen een domein of over meerdere domeinen worden gebruikt om het surfgedrag van bezoekers vast te leggen. Uiteindelijk maken ze specifieke aanbiedingen op maat mogelijk. Voor het gebruik van tracking cookies is de ge\u00efnformeerde toestemming van u als gebruiker vereist. Als u deze cookies wilt accepteren, gebruik dan de knop om akkoord te gaan door de knop actief van \u0027uit\u0027 naar \u0027aan\u0027 te schuiven.","isEnabled":true,"isToggable":true,"disabled_message":"Tracking cookies, ook bekend als marketing- of advertentiecookies, registreren het surfgedrag van een gebruiker binnen een domein of op meerdere domeinen. Uw browser geeft aan dat u \u0027Do Not Track\u0027 hebt ingeschakeld in uw instellingen. Als gevolg daarvan hebben we het gebruik van tracking cookies uitgeschakeld."},"analytical":{"type":"analytical","title":"Analytische cookies","description":"Met deze cookies kunnen we bezoekers herkennen en hun aantallen bijhouden en zien hoe bezoekers door onze website navigeren. Dit helpt ons om de navigatie voor onze gebruikers te verbeteren en het voor gebruikers gemakkelijker te maken om te vinden wat ze zoeken. We gebruiken de door middel van deze cookies verkregen informatie alleen om de prestaties van onze website te verbeteren.","isEnabled":true,"isToggable":true},"functional":{"type":"functional","title":"Functionele cookies","description":"Functionele of technische cookies zijn cookies die nodig zijn om de website te laten werken. Deze cookies faciliteren een specifieke functionaliteit van de website en verbeteren uw ervaring, bijvoorbeeld door uw keuzes en voorkeuren te onthouden (bijvoorbeeld een taalkeuze) of door complexere beslissingen op te slaan. Met deze cookies kunt u op onze website navigeren en de verschillende functies gebruiken. Daarom kunnen ze niet worden uitgeschakeld.","isEnabled":true,"isToggable":false}}}},"user":{"uid":0,"permissionsHash":"1331631229f5a74db02b4d0897458e5f63a309097ef680f7e767c39e315e1206"}}</script>
vendor: 1 bytes, line 1542
1542
1543<script src="/sites/default/files/js/js_KkKkgvYxXVt5lso6qnSwTgtfHyw5JOWijsOt6V824Xs.js?scope=footer&amp;delta=0&amp;language=nl&amp;theme=matone&amp;include=eJx1yEEKwCAMBdELCTlSiOFDbTURE-9fKHTRRXdvRvpsBj6D5FFR96uB1S1gSd8sQ9INVCXwelfAS0CWHiyzsex09TE7EvTzb_dELyM"></script>
vendor: 1 bytes, line 1543
1543
1544<script src="https://platform.hireserve.nl/incl/js/hireserve_api.js"></script>
vendor: 1 bytes, line 1544
1544
1545<script src="/sites/default/files/js/js_Oyzt7yFydjErJvkP1X1hHdJcHFbQvziXb5iPpX_zjUE.js?scope=footer&amp;delta=2&amp;language=nl&amp;theme=matone&amp;include=eJx1yEEKwCAMBdELCTlSiOFDbTURE-9fKHTRRXdvRvpsBj6D5FFR96uB1S1gSd8sQ9INVCXwelfAS0CWHiyzsex09TE7EvTzb_dELyM"></script>
1545
1546
1547  </body>
1548</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.