PageSourceSearch

https://jobs.vanreusel.eu/nl

html vanreusel.eu collected 2026-10-01 06:50:44 UTC 97,929 bytes, 1,331 lines download raw bytes

1<!DOCTYPE html>
2<html lang="nl">
3<head>
4    
4<script nonce="cvMxOivTq8Zd1s2lWy8WEU02qPGJEbkz">
5                window.dataLayerJT = window.dataLayerJT || [];
6                window.dataLayer = window.dataLayer || [];
7
8        function gtag(){
9                            window.dataLayerJT.push(arguments);
10                }
11
12        // set default consent for all tags
13        gtag('consent', 'default', {
14            'ad_storage': 'denied',
15            'ad_user_data': 'denied',
16            'ad_personalization': 'denied',
17            'analytics_storage': 'denied'
18        });
19    </script>
19
20
21
22    
22<script nonce="cvMxOivTq8Zd1s2lWy8WEU02qPGJEbkz">
23        (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
24                new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
25            j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
26            'https://www.googletagmanager.com/gtm.js?id='+i+dl;var n=d.querySelector('[nonce]');
27            n&&j.setAttribute('nonce',n.nonce||n.getAttribute('nonce'));f.parentNode.insertBefore(j,f);
28        })(window,document,'script','dataLayerJT','GTM-NLWJM4T');
29    </script>
29
30
31
32
33
34
35    
35<script nonce="cvMxOivTq8Zd1s2lWy8WEU02qPGJEbkz">
36        window.grantAnalyticsStorage = function() {
37            gtag('consent', 'update', {
38                'analytics_storage': 'granted',
39            });
40        };
41
42        window.grantAdStorage = function() {
43            gtag('consent', 'update', {
44                'ad_storage': 'granted',
45            });
46        };
47            </script>
47
48
49    <meta charset="UTF-8">
50    <meta name="viewport" content="width=device-width, initial-scale=1.0">
51    <meta http-equiv="X-UA-Compatible" content="ie=edge">
52    <meta name="csrf-token" content="jPMj32X7IPg86YttqghnUs5V1Nzt6bRLZWhwhjAB">
53
54    
55    <title>Beltaste</title>
56    <meta name="description" content="">
57    <link rel="canonical" href="https://jobs.vanreusel.eu/nl">
58
59    <meta property="og:title" content=""/>
60<meta property="og:description" content="" />
61<meta property="og:type" content="website" />
62<meta property="og:url" content="https://jobs.vanreusel.eu/nl" />
63<meta property="og:image" content="https://jobtoolz-assets.imgix.net/assets/companies/1479744493/header-nmLdCxHhlkVermA.png?dpr=1" />
64
65    
66    <link rel="preload" as="style" href="https://jobs.vanreusel.eu/build/jobsites/assets/app.css" /><link rel="modulepreload" as="script" href="https://jobs.vanreusel.eu/build/jobsites/assets/app.js" /><link rel="stylesheet" href="https://jobs.vanreusel.eu/build/jobsites/assets/app.css" />
66<script type="module" src="https://jobs.vanreusel.eu/build/jobsites/assets/app.js"></script>
66
67    
67<script src="https://elements.cronofy.com/js/CronofyElements.v1.56.3.js"></script>
67
68
69    <style>
70
71</style>
72
73        
73<script src="https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/js/splide.min.js"></script>
73
74<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/css/splide.min.css">
75<script nonce="cvMxOivTq8Zd1s2lWy8WEU02qPGJEbkz">
76    document.addEventListener( 'DOMContentLoaded', function () {
77        let elms = document.getElementsByClassName( 'splide' );
78        for ( let i = 0, len = elms.length; i < len; i++ ) {
79            let splide = new Splide( elms[ i ], {
80                type: 'loop',
81                autoWidth: true,
82                // perMove: true,
83                // interval: 3000,
84                pagination: true,
85                focus: 'center',
86                // speed: 3000,
87                autoplay: false,
88                easing: 'ease',
89                pauseOnHover: true,
90                pauseOnFocus: false,
91                waitForTransition: false
92            } );
93
94            splide.mount();
95        }
96    } );
97</script>
97
98
99            <style>
100            #quote {
101background: #cf3339; /*kleur achtergrond*/
102}
103#quote .site__color--brand {
104  color: #fcd60f !important;/*kleur letters*/
105}
106#quote{
107    margin-left: 0 !important;
108    margin-right: 0 !important;
109    display: flex;
110    flex-direction: column;
111    align-items: center;
112    width: 100%;
113    max-width: 100% !important;
114    padding-top: 0rem !important;
115    padding-bottom: 7rem !important;}
116        </style>
117    
118</head>
119
120<body class="text-body leading-normal site__color--text site__selection--complement-brand site__font--text site__select--brand">
121<div id="iframe_placeholder" class="hidden iframe-placeholder w-full h-full inset-0 flex justify-center items-center bg-primary-5 site__rounded--medium cursor-pointer">
122    <p class="text-center p-32 w-3/5">Het lijkt erop dat je onze cookies nog niet hebt geaccepteerd. Klik hier om de cookies te aanvaarden en deze inhoud te bekijken.</p>
123</div>
vendor: 82 bytes, lines 123-126
123
124
125<noscript>
126            <iframe src="https://www.googletagmanager.com/ns.html?id=
126GTM-NLWJM4T
vendor: 108 bytes, lines 126-131
126" height="0" width="0" style="display:none;visibility:hidden"></iframe>
127        </noscript>
128    
129    
130    
131
132<div id="jobsite-app"><div><div><style>
133                .site__rounded--small {
134                    border-radius: 5px;
135                }
136                .site__rounded--small-top {
137                    border-radius: 5px 5px 0 0;
138                }
139                .site--rounded--small-bottom {
140                    border-radius: 0 0 5px 5px;
141                }
142                .site--rounded--small-left {
143                    border-radius: 5px 0 0 5px;
144                }
145                .site--rounded--small-right {
146                    border-radius: 0 5px 5px 0;
147                }
148                .site__rounded--medium {
149                    border-radius: 10px;
150                }
151                .site__rounded--medium-top {
152                    border-radius: 10px 10px 0 0;
153                }
154                .site__rounded--medium-bottom {
155                    border-radius: 0 0 10px 10px;
156                }
157                .site__rounded--medium-left {
158                    border-radius: 10px 0 0 10px;
159                }
160                .site__rounded--medium-right {
161                    border-radius: 0 10px 10px 0;
162                }
163                .vacancy-alerts__image {
164                    border-radius: 10px 10px 0 0;
165                }
166                @media (min-width: 1024px) {
167                    .vacancy-alerts__image {
168                        border-radius: 10px 0 0 10px;
169                    }
170                }
171                .site__rounded--large {
172                    border-radius: 999px;
173                }
174                .site__rounded--large-top {
175                    border-radius: 999px 999px 0 0;
176                }
177                .site__rounded--large-bottom {
178                    border-radius: 0 0 999px 999px;
179                }
180                .site__rounded--large-left {
181                    border-radius: 999px 0 0 999px;
182                }
183                .site__rounded--large-right {
184                    border-radius: 0 999px 999px 0;
185                }
186                .site__padding--small {
187                    padding: 12.5px;
188                }
189                .site__padding--medium {
190                    padding: 25px;
191                }
192                .site__padding--large {
193                    padding: 32.5px;
194                }
195                .site__bg--brand {
196                    background-color: hsla(50.37974683544304, 97.53086419753087%, 52.352941176470594%, 1);
197                }
198                .site__bg--brand-10 {
199                    background-color: hsla(50.37974683544304, 97.53086419753087%, 52.352941176470594%, 0.1);
200                }
201                .site__bg--brand-30 {
202                    background-color: hsla(50.37974683544304, 97.53086419753087%, 52.352941176470594%, 0.3);
203                }
204                .site__color--brand-contrast {
205                    color: #000000;
206                    fill: #000000;
207                }
208                .site__color--text-contrast {
209                    color: #ffffff;
210                    fill: #ffffff;
211                }
212                .site__color--brand {
213                    color: hsla(50.37974683544304, 97.53086419753087%, 52.352941176470594%, 1);
214                    fill: hsla(50.37974683544304, 97.53086419753087%, 52.352941176470594%, 1);
215                }
216                .site__bg--text {
217                    background-color: hsla(357.6923076923077, 61.904761904761905%, 50.588235294117645%, 1);
218                }
219                .site__hover__bg--text:hover {
220                    background-color: hsla(357.6923076923077, 61.904761904761905%, 50.588235294117645%, 1);
221                }
222                .site__bg--text-80 {
223                    background-color: hsla(357.6923076923077, 61.904761904761905%, 50.588235294117645%, 0.8);
224                }
225                .site__fill--brand {
226                    fill: #fcd60f;
227                }
228                .site__fill--brand-contrast {
229                    fill: #000000;
230                }
231                .site__color--text {
232                    color: hsla(357.6923076923077, 61.904761904761905%, 50.588235294117645%, 1);
233                    fill: hsla(357.6923076923077, 61.904761904761905%, 50.588235294117645%, 1);
234                }
235                ::placeholder {
236                    color: #f4cdcf;
237                    fill: #f4cdcf;
238                }
239                .site__color--text-light {
240                    color: #f4cdcf;
241                    fill: #f4cdcf;
242                }
243                .site__color--text-50 {
244                    color: hsla(357.6923076923077, 61.904761904761905%, 50.588235294117645%, 0.5);
245                    fill: hsla(357.6923076923077, 61.904761904761905%, 50.588235294117645%, 0.5);
246                }
247                .site__color--text-70 {
248                    color: hsla(357.6923076923077, 61.904761904761905%, 50.588235294117645%, 0.7);
249                    fill: hsla(357.6923076923077, 61.904761904761905%, 50.588235294117645%, 0.7);
250                }
251                .site__border--brand {
252                    border-color: #fcd60f;
253                }
254                .site__focus--brand:focus,
255                .site__focus--brand:focus ~ .input-icon,
256                .site__focus--brand:focus ~ label,
257                .site__focus--brand:focus ~ span.checkmark {
258                    border-color: hsla(50.37974683544304, 97.53086419753087%, 52.352941176470
258594%, 1);
259                }
260                .site__focus--outline-brand:focus,
261                .site__focus--outline-brand:focus ~ .file-upload,
262                .site__focus--outline-brand:focus ~ label,
263                .site__focus--outline-brand:focus ~ span.checkmark {
264                    box-shadow: 0 0 0 0.2rem hsla(50.37974683544304, 97.53086419753087%, 52.352941176470594%, 0.5);
265                }
266                .site__select--brand *::selection {
267                    background-color: hsla(50.37974683544304, 97.53086419753087%, 52.352941176470594%, 1);
268                }
269                .site__selection--complement-brand *::selection {
270                    color: #0f35fc;
271                    fill: #0f35fc;
272                },
273                .site__border--text {
274                    border-color: hsla(357.6923076923077, 61.904761904761905%, 50.588235294117645%, 1);
275                }
276                .site__border--text-light {
277                    border-color: #f4cdcf;
278                }
279                .site__font--display {
280                    font-family: Rubik, sans-serif;
281                }
282                .site__font--text {
283                    font-family: Montserrat, sans-serif;
284                }
285                .site__btn--brand {
286                    color: #000000;
287                    fill: #000000;
288                    background-color: hsla(50.37974683544304, 97.53086419753087%, 52.352941176470594%, 1);
289                    border: 2px solid hsla(50.37974683544304, 97.53086419753087%, 52.352941176470594%, 1);
290                    border-radius: 10px;
291                    transition: ease 150ms;
292                    font-weight: 700;
293                    height: 48px;
294                    padding: 25px;
295                    display: flex;
296                    align-items: center;
297                    justify-content: center;
298                }
299                .site__btn--brand:hover {
300                    background-color: hsla(50.37974683544304, 97.53086419753087%, 52.352941176470594%, 0.8);
301                }
302                .site__btn--neutral {
303                    background-color: #D6D9E4;
304                    border: 2px solid #D6D9E4;
305                    border-radius: 10px;
306                    transition: ease 150ms;
307                    font-weight: 700;
308                    height: 48px;
309                    padding: 25px;
310                    display: flex;
311                    align-items: center;
312                    justify-content: center;
313                }
314                .site__btn--neutral:hover {
315                    background-color: #D6D9E480;
316                }
317                .site__btn--brand-small {
318                    color: #000000;
319                    fill: #000000;
320                    background-color: hsla(50.37974683544304, 97.53086419753087%, 52.352941176470594%, 1);
321                    border: 2px solid hsla(50.37974683544304, 97.53086419753087%, 52.352941176470594%, 1);
322                    border-radius: 5px;
323                    transition: ease 150ms;
324                    font-weight: 700;
325                    height: 48px;
326                    padding: 12.5px;
327                    display: flex;
328                    align-items: center;
329                    justify-content: center;
330                }
331                .site__btn--brand-disabled {
332                    color: #000000;
333                    fill: #000000;
334                    background-color: hsla(50.37974683544304, 97.53086419753087%, 52.352941176470594%, 0.5);
335                    border: 2px solid transparent;
336                    border-radius: 10px;
337                    transition: ease 150ms;
338                    font-weight: 700;
339                    height: 48px;
340                    padding: 25px;
341                    display: flex;
342                    align-items: center;
343                    justify-content: center;
344                }
345                .site__btn--brand-small-disabled {
346                    color: #000000;
347                    fill: #000000;
348                    background-color: hsla(50.37974683544304, 97.53086419753087%, 52.352941176470
348594%, 0.5);
349                    border: 2px solid transparent;
350                    border-radius: 5px;
351                    transition: ease 150ms;
352                    font-weight: 700;
353                    height: 48px;
354                    padding: 12.5px;
355                    display: flex;
356                    align-items: center;
357                    justify-content: center;
358                }
359                .site__btn--brand-small:hover {
360                    background-color: hsla(50.37974683544304, 97.53086419753087%, 52.352941176470594%, 0.8);
361                }
362                .site__btn--neutral-small {
363                    background-color: #D6D9E4;
364                    border: 2px solid #D6D9E4;
365                    border-radius: 5px;
366                    transition: ease 150ms;
367                    font-weight: 700;
368                    height: 48px;
369                    padding: 12.5px;
370                    display: flex;
371                    align-items: center;
372                    justify-content: center;
373                }
374                .site__btn--neutral-small-disabled {
375                    background-color: #D6D9E480;
376                    border: 2px solid #D6D9E480;
377                    border-radius: 5px;
378                    transition: ease 150ms;
379                    font-weight: 700;
380                    height: 48px;
381                    padding: 12.5px;
382                    display: flex;
383                    align-items: center;
384                    justify-content: center;
385                }
386                .site__btn--neutral-small:hover {
387                    background-color: #D6D9E480;
388                }
389                .site__dropdown--option {
390                    color: hsla(357.6923076923077, 61.904761904761905%, 50.588235294117645%, 1);
391                    fill: hsla(357.6923076923077, 61.904761904761905%, 50.588235294117645%, 1);
392                }
393                .site__dropdown--option:hover {
394                    background-color: hsla(50.37974683544304, 97.53086419753087%, 52.352941176470594%, 1);
395                    color: #000000;
396                    fill: #000000;
397                }
398                .site__dropdown--selected:hover {
399                    background-color: hsla(50.37974683544304, 97.53086419753087%, 52.352941176470594%, 1);
400                    color: #000000;
401                    fill: #000000;
402                }
403                .site__link--brand {
404                    color: hsla(50.37974683544304, 97.53086419753087%, 52.352941176470594%, 1);
405                    fill: hsla(50.37974683544304, 97.53086419753087%, 52.352941176470594%, 1);
406                }
407                .site__link--brand:hover {
408                    color: hsla(50.37974683544304, 97.53086419753087%, 52.352941176470594%, 0.8);
409                    fill: hsla(50.37974683544304, 97.53086419753087%, 52.352941176470594%, 0.8);
410                }
411                .cc-banner.cc-bottom {
412                    background-color: hsla(50.37974683544304, 97.53086419753087%, 52.352941176470594%, 1);
413                    color: #000000;
414                    fill: #000000;
415                }
416                .cc-banner.cc-bottom .cc-link {
417                    color: #000000;
418                    fill: #000000;
419                }
420                .cc-btn.cc-dismiss {
421                    color: #000000;
422                    fill: #000000;
423                    background: transparent;
424                    border: 2px solid #000000;
425                    transition: ease 150ms;
426                }
427                .cc-btn.cc-dismiss:hover {
428                    background: #000000;
429                    color: hsla(50.37974683544304, 97.53086419753087%, 52.352941176470594%, 1);
430                    fill: hsla(50.37974683544304, 97.53086419753087%, 52.352941176470594%, 1);
431                }
432                .bg-white-ie11{
433                    background-color: #fff;
434                }
435                .bg-black-ie11{
436                    background-color: #000;
437                }
438                .wysiwyg-content &gt; table {
439                    border-collapse: collapse;
440                    width: 100%;
441                }
442                .wysiwyg-content &gt; table td,
443                .wysiwyg-content &gt; table th {
444                    position: relative;
445                    box-sizing: border-box;
446                    vertical-align: top;
447                    border: 1px solid #fcd60f;
448                    padding: .6rem .8rem;
449                }
450                .wysiwyg-content &gt; table td &gt; *,
451                .wysiwyg-content &gt; table th &gt; * {
452                    margin-bottom: 0;
453                }
454                .wysiwyg-content &gt; table th {
455                    font-weight: 600;
456                    text-align: left;
457                }
458                .wysiwyg-content &gt; table th {
459                    font-weight: semibold;
460                    text-align: left;
461                    background: hsla(50.37974683544304, 97.53086419753087%, 52.352941176470
461594%, 1);
462                    color: #000000;
463                    fill: #000000;
464                }
465            </style> <link href="https://fonts.gstatic.com" rel="preconnect"> <link href="https://fonts.googleapis.com/css2?family=Rubik:wght@400;700&amp;family=Montserrat:wght@400;700&amp;display=swap" rel="stylesheet"></div> <div class="min-h-screen flex flex-col"><div class="scroll-scene overflow-visible z-top"><header id="site__header"><div class="site__container pt-24"><div class="block md:flex mb-24 items-center justify-between"><a class="order-2 md:order-1 h-60 w-auto flex justify-center" href="https://jobs.vanreusel.eu"><img alt="Beltaste" src="https://jobtoolz-assets.imgix.net/assets/companies/1479744493/logo-JyZLBtHeGiSn6Ex.png?dpr=2&amp;h=60" class="h-60"></a> <div class="order-1 md:order-2 pt-24 md:pt-0 flex-col md:flex-row items-center md:items-start gap-8 md:gap-0 flex justify-center"><a id="home__back-to-website-button" class="md:ml-auto site__rounded--small border site__border--text-light h-40 items-center px-16 flex-none group flex max-w-full" href="https://www.beltaste.eu/"><span class="mr-8 truncate text-body-sm">terug naar bedrijfswebsite</span> <span class="site__color--text opacity-25 group-hover:opacity-75 trans-ease flex justify-end overflow-visible"><svg class="block fill-current" height="16" width="16"><path d="M16 0v6l-2.293-2.293-5 5-1.414-1.414 5-5L10 0h6zm-1 16H1a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1h7v2H2v12h12V8h2v7a1 1 0 0 1-1 1z"></path></svg></span></a> <!----></div></div></div></header></div> <div class="grow"><div class="flex-grow flex flex-col"></div> <div class="scroll-scene overflow-hidden"><div class="w-full overflow-hidden"><div id="hero-banner" class="pt-60pct sm:pt-40pct lg:pt-30pct relative"><div class="flex items-center justify-center absolute inset-0 bg-no-repeat bg-center bg-cover" style="background-image:url(https://jobtoolz-assets.imgix.net/assets/companies/1479744493/header-nmLdCxHhlkVermA.png?dpr=1&amp;w=2000&amp;h=650&amp;fit=max);"><div class="absolute inset-0 bg-black opacity-25"></div></div> <div class="absolute inset-0 site__container h-full"><div class="h-full w-full relative"><div class="pt-24 md:pt-48 justify-center md:justify-center items-center md:items-center text-center md:text-center flex h-full"><div class="w-1/12 flex-none"></div> <div class="w-5/6 md:w-2/3 w-2/3 mb-72 flex-none text-white site__font--display leading-snug text-shadow"><h1 class="text-heading-1 md:text-big mb-8 md:mb-24 font-semibold">Welkom bij Vanreusel</h1> <h2 class="text-body md:text-heading-1"></h2></div> <div class="w-1/12 flex-none"></div></div> <div class="justify-center md:justify-end absolute bottom-0 w-full flex h-48"><!----></div></div></div></div></div></div> <div><!--[--><div><div class="scroll-scene overflow-hidden"><section id class="mb-64"><div class="site__container pt-64 overflow-hidden"><div class="block md:flex text-center md:text-left mx-auto px-24 lg:px-0"><h1 class="w-full md:w-1/3 lg:w-1/3 md:mr-32 lg:mr-48 text-heading-1 md:text-heading-1 lg:text-big break-words flex-none mx-auto mb-32 site__font--display font-semibold whitespace-pre-line">Werken bij Vanreusel</h1> <section class="text-body md:text-body flex-grow wysiwyg-content min-w-0" data-version="live"><h2><strong>Met trots gemaakt.</strong></h2><h2><strong>Door mensen zoals jou.</strong></h2><h2><strong>De smaakmakers achter onze snacks.</strong></h2><p></p><p>Vanreusel is veel meer dan een naam in de snackwereld. We zijn een warm Belgisch familiebedrijf dat sinds 1953 met passie en vakkennis is uitgegroeid tot een toonaangevende speler in kwalitatieve diepgevroren vleessnacks voor de volledige foodservice-industrie. Van herkenbare klassiekers onder onze eigen merken tot innovatieve private labels voor klanten in foodservice, retail, B2B en halal: bij Vanreusel bouwen we elke dag aan smaak, kwaliteit en vernieuwing.</p><p><strong>Een internationale groep met authentieke roots</strong></p><p>We produceren en verpakken onze producten op vier locaties:</p><ul><li><p><strong>Beltaste Hamont &amp; Beltaste Packaging (België)</strong> – hier produceren en verpakken we onze hoogwaardige kook- en braadproducten.</p></li><li><p><strong>Beltaste Morahalom (Hongarije)</strong>
465 – dé plek waar we onze aanprikproducten maken, zoals satés en loempia’s.</p></li><li><p><strong>Oma Bobs (Nederland)</strong> – gespecialiseerd in heerlijke ambachtelijke croquetten en bitterballen.</p></li></ul><p>Samen vormen we één trotse, sterke groep waarin ondernemerschap, teamwork en kwaliteit centraal staan.</p></section></div></div></section></div></div><div><div class="scroll-scene overflow-hidden"><section class="mb-64"><div class="site__container pt-64"><div class="-mx-8 mb-64"><div class="opacity-0 w-full md:w-2/3 px-8 mx-auto text-center scroll-scene__header"><h1 class="text-heading-1 lg:text-big font-semibold whitespace-pre-line site__font--display">Jobs</h1> <!----></div></div></div> <style></style> <div id="vacatures" x-data="window.jobComponent(
466            [{&quot;id&quot;:1295240087,&quot;title&quot;:&quot;Flexi-job Storings Technieker Weekend&quot;,&quot;button&quot;:&quot;bekijk vacature&quot;,&quot;url&quot;:&quot;https://jobs.vanreusel.eu/nl/flexi-job-storings-technieker-weekend&quot;,&quot;image_url&quot;:&quot;https://jobtoolz-assets.imgix.net/assets/companies/1479744493/header-nmLdCxHhlkVermA.png?dpr=1&quot;,&quot;location&quot;:&quot;Hamont&quot;,&quot;types&quot;:&quot;Voltijds&quot;,&quot;filters&quot;:{&quot;filterIds&quot;:[],&quot;locationId&quot;:1471695529,&quot;types&quot;:[&quot;fulltime&quot;]}},{&quot;id&quot;:1356245816,&quot;title&quot;:&quot;Storings Technieker&quot;,&quot;button&quot;:&quot;bekijk vacature&quot;,&quot;url&quot;:&quot;https://jobs.vanreusel.eu/nl/onderhouds-storings-technieker&quot;,&quot;image_url&quot;:&quot;https://jobtoolz-assets.imgix.net/assets/companies/1479744493/header-nmLdCxHhlkVermA.png?dpr=1&quot;,&quot;location&quot;:&quot;Hamont&quot;,&quot;types&quot;:&quot;Voltijds&quot;,&quot;filters&quot;:{&quot;filterIds&quot;:[],&quot;locationId&quot;:1471695529,&quot;types&quot;:[&quot;fulltime&quot;]}}],
467            999,
468            [{&quot;id&quot;:&quot;&quot;,&quot;alias&quot;:&quot;Alle locaties&quot;},{&quot;id&quot;:1471695529,&quot;alias&quot;:&quot;Hamont&quot;}],
469            [{&quot;id&quot;:&quot;&quot;,&quot;alias&quot;:&quot;Voltijds &amp; Deeltijds&quot;},{&quot;id&quot;:&quot;fulltime&quot;,&quot;alias&quot;:&quot;Voltijds&quot;},{&quot;id&quot;:&quot;parttime&quot;,&quot;alias&quot;:&quot;Deeltijds&quot;}],
470            []
471            )" class="site__container" x-on:location-filter-selected="locationFilter = $event.detail.id; page = 1" x-on:type-filter-selected="typeFilter = $event.detail.id; page = 1"><div class="w-full mx-auto"><div class="w-full text-body-sm mb-32"><div class="flex flex-wrap gap-12"><div class="relative"><button class="focus:outline-none site__focus--outline-brand trans-ease hover:bg-primary-5 site__rounded--small border site__border--text-light px-16 h-40 flex items-center cursor-pointer" x-on:click="locationFilterOpen = !locationFilterOpen;"><svg class="block fill-current flex-none" height="16" width="16"><path d="m8 0c-3.9 0-7 3.1-7 7 0 1.9.7 3.7 2.1 5 .1.1 4.1 3.7 4.2 3.8.4.3 1 .3 1.3 0 .1-.1 4.2-3.7 4.2-3.8 1.4-1.3 2.1-3.1 2.1-5 .1-3.9-3-7-6.9-7zm0 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z"></path></svg> <span class="hidden sm:inline-block first-letter:uppercase mx-8">Filter op locatie</span> <span class="ml-8 sm:ml-0 dropdown-triangle trans-ease" style="border-top-color:hsla(357.6923076923077, 61.904761904761905%, 50.588235294117645%, 1);" x-bind:class="{&#39;transform -rotate-180&#39;: locationFilterOpen}"></span></button> <ul class="max-h-320 left-0 mt-8 bg-white border border-primary-5 absolute site__rounded--small overflow-x-hidden overflow-y-auto shadow pt-16 trans-ease z-10" x-cloak x-on:click.away="locationFilterOpen = false" x-show="locationFilterOpen" x-transition:enter="transition ease-out duration-300" x-transition:enter-end="opacity-100 transform translate-y-0" x-transition:enter-start="opacity-0 transform -translate-y-8" x-transition:leave="transition ease-in duration-300" x-transition:leave-end="opacity-0 transform -translate-y-8" x-transition:leave-start="opacity-100 transform translate-y-0">
472                <template x-for="filter in locations">
473                    <li class="mb-8 -mt-8 flex items-center pl-12 pr-16 py-4 hover:bg-primary-5" x-on:click="locationFilterSelected(filter)">
474                        <input type="checkbox" class="mr-10" :checked="filter.id === '' && !locationFilter.length ? true : containsLocation(filter)">
475                        <span class="block cursor-pointer whitespace-nowrap" x-text="filter.alias"></span>
476                    </li>
477                </template>
478            </ul></div> <div class="relative"><button class="focus:outline-none site__focus--outline-brand trans-ease hover:bg-primary-5 site__rounded--small border site__border--text-light px-16 h-40 flex items-center cursor-pointer" x-on:click="typeFilterOpen = !typeFilterOpen"><svg height="16" class="block fill-current flex-none" width="16"><path d="m8 0c-4.411 0-8 3.589-8 8s3.589 8 8 8 8-3.589 8-8-3.589-8-8-8zm0 14c-3.309 0-6-2.691-6-6s2.691-6 6-6 6 2.691 6 6-2.691 6-6 6z"></path><path d="m9 4h-2v5h5v-2h-3z"></path></svg> <span class="hidden sm:inline-block capitalize mx-8">Voltijds &amp; Deeltijds</span> <span class="ml-8 sm:ml-0 dropdown-triangle trans-ease" style="border-top-color:hsla(357.6923076923077, 61.904761904761905%, 50.588235294117645%, 1);" x-bind:class="{&#39;transform -rotate-180&#39;: typeFilterOpen}"></span></button> <ul class="max-h-320 left-0 mt-8 bg-white border border-primary-5 absolute site__rounded--small overflow-x-hidden overflow-y-auto shadow pt-16 trans-ease z-10" x-cloak x-on:click.away="typeFilterOpen = false" x-show="typeFilterOpen" x-transition:enter="transition ease-out duration-300" x-transition:enter-end="opacity-100 transform translate-y-0" x-transition:enter-start="opacity-0 transform -translate-y-8" x-transition:leave="transition ease-in duration-300" x-transition:leave-end="opacity-0 transform -translate-y-8" x-transition:leave-start="opacity-100 transform translate-y-0">
479                <template x-for="filter in types">
480                    <li class="mb-8 -mt-8 flex items-center pl-12 pr-16 py-4 hover:bg-primary-5" x-on:click="typeFilterSelected(filter)">
481                        <input type="checkbox" class="mr-10" :checked="filter.id === '' && !typeFilter.length ? true : containsType(filter)">
482                        <span class="block cursor-pointer whitespace-nowrap" x-text="filter.alias"></span>
483                    </li>
484                </template>
485            </ul></div> <!----></div></div> <div x-show="items.length &gt; 0 &amp;&amp; !filteredItemsOnThisPage().length &gt; 0" id="job-empty-state" class="flex mb-40 text-center md:justify-center"><div><div class="illustration_container bg-primary-5 flex flex-col mx-auto justify-center items-center mb-24 rounded-6 w-160 h-160 relative"><div class="w-160 h-160 absolute overflow-hidden rounded-6"><svg fill="none" height="160" viewBox="0 0 160 160" width="160" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M95.4364 -6.41777C121.205 -3.10253 147.172 0.915383 164.56 20.1773C183.302 40.9388 194.658 69.1155 188.155 96.2932C181.715 123.21 157.27 139.576 132.853 152.7C106.412 166.912 77.8003 180.117 49.1956 170.983C15.5703 160.245 -14.6761 136.331 -24.4277 102.475C-34.7443 66.6577 -27.9705 24.0501 -0.352662 -1.03982C24.5259 -23.6412 62.0665 -10.711 95.4364 -6.41777Z" fill-rule="evenodd" opacity="0.5" stroke="#D2E9FF"></path> <path clip-rule="evenodd" d="M90.9802 24.8397C107.335 26.9558 123.817 29.5205 134.853 41.8153C146.749 55.0673 153.956 73.0525 149.829 90.3999C145.742 107.581 130.226 118.027 114.729 126.404C97.9461 135.476 79.7865 143.905 61.631 138.074C40.2889 131.22 21.0914 115.956 14.9021 94.3457C8.35409 71.4836 12.6534 44.2873 30.1826 28.2725C45.9731 13.846 69.8002 22.0993 90.9802 24.8397Z" fill-rule="evenodd" opacity="0.5" stroke="#D2E9FF"></path> <path clip-rule="evenodd" d="M86.2972 45.9442C96.2986 47.2315 106.377 48.7916 113.126 56.271C120.4 64.3326 124.808 75.2736 122.284 85.8266C119.785 96.2782 110.297 102.633 100.82 107.729C90.557 113.248 79.4522 118.375 68.3499 114.828C55.299 110.659 43.5595 101.373 39.7746 88.227C35.7705 74.3192 38.3996 57.7748 49.1188 48.0324C58.7749 39.2563 73.3454 44.2771 86.2972 45.9442Z" fill-rule="evenodd" opacity="0.5" stroke="#D2E9FF"></path> <path clip-rule="evenodd" d="M93.8221 5.49329C115.943 8.33241 138.235 11.7733 153.161 28.2689C169.25 46.0487 178.999 70.1787 173.417 93.4532C167.888 116.504 146.903 130.52 125.942 141.759C103.244 153.93 78.6824 165.239 54.1268 157.416C25.2613 148.221 -0.703657 127.741 -9.07492 98.7472C-17.9312 68.0738 -12.1162 31.5855 11.5922 10.0989C32.9492 -9.2566 65.1758 1.81662 93.8221 5.49329Z" fill-rule="evenodd" opacity="0.5" stroke="#D2E9FF"></path></svg></div> <div class="illustration_elements flex flex-col justify-center items-center bg-none absolute"><div class="illustration_element illustration_element--right illustration_element--1 bg-white flex items-center p-5 rounded-4"><div class="illustration_elementType bg-primary-60 text-white w-24 h-24 flex items-center justify-center font-semibold rounded-4 mr-10">?</div> <div class="illustration_elementWireframe bg-primary-20 rounded-4 h-8"></div></div> <div class="illustration_element illustration_element--left illustration_element--2 bg-white flex items-center p-5 rounded-4"><div class="illustration_elementType bg-primary-60 text-white w-24 h-24 flex items-center justify-center font-semibold rounded-4 mr-10">?</div> <div class="illustration_elementWireframe bg-primary-20 rounded-4 h-8"></div></div> <div class="illustration_element illustration_element--right illustration_element--3 bg-white flex items-center p-5 rounded-4"><div class="illustration_elementType bg-primary-60 text-white w-24 h-24 flex items-center justify-center font-semibold rounded-4 mr-10">?</div> <div class="illustration_elementWireframe bg-primary-20 rounded-4 h-8"></div></div></div></div> <b class="text-heading-1">Ooh no!</b> <br> <p class="text-primary-40 text-body leading-relaxed mt-20 mb-28">Voor deze filter zijn geen openstaande vacatures gevonden <br/> Pas je zoekcriteria aan.</p></div></div> <div><ul class="grid-cols-1 md:grid-cols-2 lg:grid-cols-3 grid gap-16 auto-rows-fr">
486                <template x-for="(job, index) in filteredItemsOnThisPage()">
487                    <li class="min-h-324 w-full">
488                        <a
489                            x-bind:href="job.url"
490                            class="h-full job-link block relative site__rounded--medium site__bg--brand overflow-hidden group"
491                        >
492                        <span class="site__color--brand-contrast flex flex-col h-full">
493                            
494                            <span
495                                class="flex-grow flex flex-col justify-between gap-24 p-40 "
496                            >
497                                <div class="flex flex-col">
498                                    <p class="mb-8 text-body">
499                                        <span
500                                            class="mr-8"
501                                            x-show="job.location"
502                                            x-text="job.location"
503                                        ></span>
504                                        <span
505                                            x-show="job.type"
506                                            x-text="job.type"
507                                        ></span>
508                                    </p>
509                                    <p
510                                        class="text-heading-2 font-semibold group-hover:-translate-y-4 ease-in-out transition-transform hyphens-auto"
511                                        lang="nl"
512                                        style="overflow-wrap: break-word;"
513                                        x-text="job.title"
514                                    ></p>
515                                </div>
516                                <span class="flex items-center job-button font-semibold">
517                                    <span
518                                        class="ml-auto mr-4 text-body"
519                                        x-text="job.button"
520                                    ></span>
521                                    <svg
522                                        class="w-18 h-18 trans-ease block fill-current group-hover:translate-x-4 ease-in-out transition-transform"
523                                        viewBox="0 0 16 13"
524                                        height="13"
525                                        width="16"
526                                    >
527                                        <path d="m819.3 2635-1.4 1.35821 4.3 4.17164h-12.2v1.9403h12.2l-4.3 4.17164 1.4 1.35821 6.7-6.5z" transform="translate(-810 -2635)"/>
528                                    </svg>
529                                </span>
530                            </span>
531                        </span>
532                        </a>
533                    </li>
534                </template>
535                
536                    <li
537                        id="spontaneous"
538                        class="min-h-324 w-full"
539                    >
540                        <a
541                            href="https://jobs.vanreusel.eu/nl/spontaan-solliciteren"
542                            class="h-full job-link block relative site__rounded--medium site__bg--text site__color--text-contrast overflow-hidden group"
543                        >
544                            <span class="h-full flex flex-col justify-between p-40">
545                                <span class="text-heading-2 font-semibold  group-hover:translate-y-4 ease-in-out transition-transform">
546                                    Interesse om bij ons te werken, maar geen gepaste vacature gevonden?
547                                </span>
548                                <span>
549                                    <div class="w-full h-2 site__bg--brand mb-8"></div>
550                                    <span class="flex items-center job-button">
551                                        <span class="ml-auto mr-16">
552                                            spontaan solliciteren
553                                        </span>
554                                        <svg
555                                          class="w-18 h-18 trans-ease block fill-current group-hover:translate-x-4 ease-in-out transition-transform"
556                                          viewBox="0 0 16 13"
557                                          height="13"
558                                          width="16"
559                                        >
560                                            <path d="m819.3 2635-1.4 1.35821 4.3 4.17164h-12.2v1.9403h12.2l-4.3 4.17164 1.4 1.35821 6.7-6.5z" transform="translate(-810 -2635)"/>
561                                        </svg>
562                                    </span>
563                                </span>
564                            </span>
565                        </a>
566                    </li>
567                
568            </ul> <div class="flex justify-center my-16" x-show="totalPages() &gt; 1">
569                <template x-for="p in loopPages()">
570                    <div x-on:click="paginate(p);"
571                         class="site__rounded--large cursor-pointer h-40 w-40 flex items-center justify-center mx-4"
572                         x-bind:class="page === p ? 'site__color--brand-contrast site__bg--brand' : 'border-2'" x-text="p">
573                    </div>
574                </template>
575            </div></div> <!----></div></div></section></div></div><div><div class="scroll-scene overflow-hidden"><section id class="mb-64"><div class="site__container pt-64"><!----></div> <div data-v-b1e40134><style data-v-b1e40134></style> <div class="splide" data-v-b1e40134><div class="splide__track" data-v-b1e40134><ul class="splide__list" data-v-b1e40134><!--[--><li class="splide__slide" data-v-b1e40134><img src="https://jobtoolz-assets.imgix.net/assets/companies/1479744493/img-QsEG3SRlWGvcOXn.png?dpr=1&amp;w=480&amp;fit=max" alt="foto" data-popup="gallery" class="block cursor-pointer mr-16 site__rounded--medium h-320" data-v-b1e40134></li><li class="splide__slide" data-v-b1e40134><img src="https://jobtoolz-assets.imgix.net/assets/companies/1479744493/img-hbnD7IBS7sZnlOP.jpg?dpr=1&amp;w=480&amp;fit=max" alt="foto" data-popup="gallery" class="block cursor-pointer mr-16 site__rounded--medium h-320" data-v-b1e40134></li><li class="splide__slide" data-v-b1e40134><img src="https://jobtoolz-assets.imgix.net/assets/companies/1479744493/img-YUy4kPruzREDU1P.jpg?dpr=1&amp;w=480&amp;fit=max" alt="foto" data-popup="gallery" class="block cursor-pointer mr-16 site__rounded--medium h-320" data-v-b1e40134></li><li class="splide__slide" data-v-b1e40134><img src="https://jobtoolz-assets.imgix.net/assets/companies/1479744493/img-QroSVsAdrw7tYwe.jpg?dpr=1&amp;w=480&amp;fit=max" alt="foto" data-popup="gallery" class="block cursor-pointer mr-16 site__rounded--medium h-320" data-v-b1e40134></li><li class="splide__slide" data-v-b1e40134><img src="https://jobtoolz-assets.imgix.net/assets/companies/1479744493/img-BEElbNfTZaFQr8I.jpg?dpr=1&amp;w=480&amp;fit=max" alt="foto" data-popup="gallery" class="block cursor-pointer mr-16 site__rounded--medium h-320" data-v-b1e40134></li><li class="splide__slide" data-v-b1e40134><img src="https://jobtoolz-assets.imgix.net/assets/companies/1479744493/img-xKPj8yDp67NY1LI.jpg?dpr=1&amp;w=480&amp;fit=max" alt="foto" data-popup="gallery" class="block cursor-pointer mr-16 site__rounded--medium h-320" data-v-b1e40134></li><!--]--></ul></div></div></div></section></div></div><div><div class="scroll-scene overflow-hidden"><section id="quote" class="mb-64"><!--[--><div class="site__color--brand site__font--display site__container pt-64 flex flex-col items-center"><div class="inline-flex items-center justify-center"><svg class="-mt-24 block fill-current w-24 lg:w-28 mr-8" width="46" height="36" transform="rotate(180)" enable-background="new 0 0 75.999 75.999" viewBox="0 0 75.999 75.999"><path d="m14.579 5c-8.052 0-14.579 6.716-14.579 15 0 8.285 6.527 15 14.579 15 14.578 0 4.859 29-14.579 29v7c34.69 0 48.286-66 14.579-66zm42 0c-8.052 0-14.579 6.716-14.579 15 0 8.285 6.527 15 14.579 15 14.578 0 4.859 29-14.579 29v7c34.69 0 48.286-66 14.579-66z"></path></svg> <p class="text-heading-2 lg:text-heading-1 flex justify-center text-center italic w-3/4 font-semibold">We create moments of happiness for everyone!</p> <svg class="-mt-24 block fill-current w-24 lg:w-28 ml-8" width="46" height="36" enable-background="new 0 0 75.999 75.999" viewBox="0 0 75.999 75.999"><path d="m14.579 5c-8.052 0-14.579 6.716-14.579 15 0 8.285 6.527 15 14.579 15 14.578 0 4.859 29-14.579 29v7c34.69 0 48.286-66 14.579-66zm42 0c-8.052 0-14.579 6.716-14.579 15 0 8.285 6.527 15 14.579 15 14.578 0 4.859 29-14.579 29v7c34.69 0 48.286-66 14.579-66z"></path></svg></div></div><!--]--></section></div></div><div><div class="scroll-scene overflow-hidden"><section id class="mb-64"><div class="site__container pt-64"><div class="-mx-8 mb-64"><div class="opacity-0 w-full md:w-2/3 px-8 mx-auto text-center scroll-scene__header"><h1 class="text-heading-1 lg:text-big font-semibold whitespace-pre-line site__font--display">Onze BELPROF waarden</h1> <!----></div></div></div> <div class="site__container"><div class="flex flex-wrap justify-center my-64 -mx-16"><!--[--><div class="sm:px-16 w-3/4 md:w-1/2 lg:w-1/4 mb-24 text-center perk-container"><div class="pr-0 md:pr-0 lg:my-16"><div class="pt-60pct relative"><div class="absolute inset-0 w-full h-full flex items-center justify-center site__rounded--small"><img src="https://jobtoolz-assets.imgix.net/assets/companies/1479744493/perk-yyw7i9QsbTa3ZeK.png?dpr=1&amp;w=550&amp;fit=max" class="block w-full h-full max-w-full max-h-full opacity-0"></div></div> <h2 class="font-semibold break-words site__font--display text-heading-2 pb-16 pt-24">Passie</h2> <p class="text-body">Plezier, enthousiasme en gezonde ambitie staan centraal.</p></div></div><div class="sm:px-16 w-3/4 md:w-1/2 lg:w-1/4 mb-24 text-center perk-container"><div class="pr-0 md:pr-0 lg:my-16"><div class="pt-60pct relative"><div class="absolute inset-0 w-full h-full flex items-center justify-center site__rounded--small"><img src="https://jobtoolz-assets.imgix.net/assets/companies/1479744493/perk-oAxPBQY1ioP9zmG.png?dpr=1&amp;w=550&amp;fit=max" class="block w-full h-full max-w-full max-h-full opacity-0"></div></div> <h2 class="font-semibold break-words site__font--display text-heading-2 pb-16 pt-24">Respect</h2> <p class="text-body">Met een positieve houding dragen we bij tot een constructieve, respectvolle samenwerking.</p></div></div><div class="sm:px-16 w-3/4 md:w-1/2 lg:w-1/4 mb-24 text-center perk-container"><div class="pr-0 md:pr-0 lg:my-16"><div class="pt-60pct relative"><div class="absolute inset-0 w-full h-full flex items-center justify-center site__rounded--small"><img src="https://jobtoolz-assets.imgix.net/assets/companies/1479744493/perk-B6c3XL56eixrsWy.png?dpr=1&amp;w=550&amp;fit=max" class="block w-full h-full max-w-full max-h-full opacity-0"></div></div> <h2 class="font-semibold break-words site__font--display text-heading-2 pb-16 pt-24">Open en eerlijk</h2> <p class="text-body">We zijn innovatief, leergierig en professioneel.</p></div></div><div class="sm:px-16 w-3/4 md:w-1/2 lg:w-1/4 mb-24 text-center perk-container"><div class="pr-0 md:pr-0 lg:my-16"><div class="pt-60pct relative"><div class="absolute inset-0 w-full h-full flex items-center justify-center site__rounded--small"><img src="https://jobtoolz-assets.imgix.net/assets/companies/1479744493/perk-rMUIMVtoa7vxH2u.png?dpr=1&amp;w=550&amp;fit=max" class="block w-full h-full max-w-full max-h-full opacity-0"></div></div> <h2 class="font-semibold break-words site__font--display text-heading-2 pb-16 pt-24">Familiaal</h2> <p class="text-body">Samen gaan we ervoor: we helpen en geven kansen in een warme mensgerichte sfeer.</p></div></div><!--]--></div></div></section></div></div><!--]--></div></div> <div class="scroll-scene overflow-hidden"><footer class="pt-32 mb-32 flex items-center justify-center"><p class="mr-16">Trots gehost door</p> <a href="https://jobtoolz.com" class="w-32 h-32"><svg width="32" height="32" class="block"><g><path d="M32 16a15.944 15.944 0 0 0-4.686-11.314A15.944 15.944 0 0 0 16 0 15.943 15.943 0 0 0 4.686 4.686 15.943 15.943 0 0 0 0 16a15.945 15.945 0 0 0 4.686 11.314A15.946 15.946 0 0 0 16 32a15.902 15.902 0 0 0 8.368-2.36l5.47 2.115-1.636-5.406a15.912 15.912 0 0 0 2.54-4.12A15.902 15.902 0 0 0 32 16z" fill="#231F20"></path><path d="M10.344 13.148c0 1.03-.089 1.562-.266 1.95-.178.376-.554.763-.908.974a3.094 3.094 0 0 1-1.65.476c-.189 0-2.349 0-2.703-2.16a3.842 3.842 0 0 1-.056-.631h2.227c0 .077.01.155.022.244.044.332.166.709.61.709.32 0 .475-.167.553-.376.077-.223.077-.477.077-.665V8.197h2.093v4.951h.001zm13.01 1.406h.985c.134 0 .4 0 .621-.1.232-.099.42-.299.42-.686 0-.354-.177-.532-.398-.62-.21-.089-.476-.089-.643-.089h-.985v1.495zm0-3.245h.741c.145 0 .366 0 .555-.077.188-.089.332-.256.332-.576 0-.31-.144-.466-.321-.543-.178-.077-.4-.077-.566-.077h-.741v1.273zM21.26 8.197h3.013c.841 0 1.517.188 1.983.553.476.355.73.898.73 1.596 0 .63-.288 1.273-.952 1.65 1.318.465 1.352 1.562 1.352 1.905 0 .653-.256 1.373-.754 1.783-.753.632-1.296.71-2.68.71H21.26V8.197zm-1.2 4.098a4.254 4.254 0 1 1-8.506.117 4.254 4.254 0 0 1 8.507-.117z" fill="#FFF"></path><path d="M17.746 13.774c.326-.424.503-.944.503-1.48a2.442 2.442 0 1 0-1.504 2.256l1.31.626-.309-1.402z" fill="#72CC66"></path><g transform="translate(4.266 17.6)" fill="#FFF"><path d="M1.64270934 1.528944L0.356261334 1.528944 0.356261334 0.405872 4.20125334 0.405872 4.20125334 1.528944 2.92158934 1.528944 2.92158934 5.412896 1.64270934 5.412896z"></path><path d="M11.334 2.902c0 .765.522 1.482 1.381 1.482.907 0 1.347-.826 1.347-1.468 0-.65-.44-1.482-1.36-1.482-.887 0-1.368.758-1.368 1.462v.006z"></path><path d="M16.0654934 0.405872L17.3442134 0.405872 17.3442134 4.289568 18.8261334 4.289568 18.8261334 5.412896 16.0654934 5.412896z"></path><path d="M20.8837334 4.289568L22.4805334 4.289568 22.4805334 5.412896 19.3206934 5.412896 19.3206934 4.573856 21.0459734 1.528944 19.3206934 1.528944 19.3206934 0.405872 22.4805334 0.405872 22.4805334 1.441136z"></path><path d="M10.108 2.91a2.59 2.59 0 1 1 5.18 0 2.59 2.59 0 0 1-5.18 0z"></path></g><path d="M16.965 19.023c-.202 0-.394.04-.568.113l-.795-.38.187.85a1.482 1.482 0 1 0 1.176-.583z" fill="#231F20"></path><path d="M8.616 20.51a2.59 2.59 0 1 1 5.18 0 2.59 2.59 0 0 1-5.18 0z" fill="#FFF"></path><path d="M9.724 20.51a1.482 1.482 0 1 1 2.962-.07 1.482 1.482 0 0 1-2.962.07z" fill="#231F20"></path></g></svg></a></footer></div></div> <div>
576    <div
577        x-data="window.toastMessages()"
578        class="fixed bottom-0 right-1/2 translate-x-1/2 -translate-y-5 z-top"
579        x-on:mouseenter="supportsHover && (isFanned = true)"
580        x-on:mouseleave="supportsHover && (isFanned = false)"
581        x-on:click.capture="onStackClickCapture($event)"
582        x-on:touchstart.passive="pauseAll()"
583        x-on:touchend="onTouchEnd()"
584        x-on:touchcancel="onTouchEnd()"
585    >
586        <template x-for="(toast, index) in $store.toasts.items" :key="toast.id">
587            <div
588                class="relative"
589                x-bind:style="{ zIndex: $store.toasts.items.length - index }"
590                x-transition:enter="transition ease-out duration-300"
591                x-transition:enter-start="opacity-0 translate-y-4"
592                x-transition:enter-end="opacity-100 translate-y-0"
593                x-transition:leave="transition ease-in duration-300 absolute"
594                x-transition:leave-start="opacity-100 scale-100"
595                x-transition:leave-end="opacity-0 scale-90"
596            >
597                <div class="transition-all duration-300 ease-out" x-bind:style="stackStyle(index)">
598                    <div
599                        role="status"
600                        class="flex w-[min(calc(100vw-2rem),26rem)] cursor-pointer items-start gap-3 rounded-lg border border-l-4 site__border--brand bg-white px-4 py-3 shadow-lg"
601                        x-bind:class="typeConfig[toast.type]?.accent"
602                        x-on:click="remove(toast.id)"
603                    >
604                        <svg
605                            class="mt-1 size-16 shrink-0"
606                            x-bind:class="typeConfig[toast.type]?.iconColor"
607                            fill="none"
608                            viewBox="0 0 24 24"
609                            stroke-width="1.8"
610                            stroke="currentColor"
611                        >
612                            <path stroke-linecap="round" stroke-linejoin="round" x-bind:d="typeConfig[toast.type]?.iconPath" />
613                        </svg>
614                        <p class="min-w-0 flex-1 leading-snug" x-text="toast.message"></p>
615                        <button
616                            type="button"
617                            aria-label="Close"
618                            class="shrink-0 rounded p-0.5 transition-colors text-primary-80 hover:text-primary"
619                        >
620                            <svg class="size-12" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
621                                <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
622                            </svg>
623                        </button>
624                    </div>
625                </div>
626            </div>
627        </template>
628    </div>
629</div></div>
630</div>
631
632<script nonce="cvMxOivTq8Zd1s2lWy8WEU02qPGJEbkz">
633    var Jobtoolz = (function () {
634        return {
635                api: {
636    url: 'https://api.jobtoolz.com',
637    token: 'eyJpdiI6ImcvcFVFdjI3TEtNVlNUa0pJNjk3Vmc9PSIsInZhbHVlIjoiaEJ2VmwzL0IyMVpxYlB6bTl3am4rM09hbytoUUdrM2pScjhhUXFpd0ZoRXlJUmNQK0xDNU1vTmgyYjJVMy9wSSIsIm1hYyI6IjIwNzUwMmM0NjU3MjZiNTdiNTRkMjIwMDc3YjYxODNkMDY1MWMwZGU4MWJiOTFlMzAwZWQ1ZmY1ZDc2ZDRjNDYiLCJ0YWciOiIifQ=='
638    },
639        };
640    })();
641</script>
641
642
643<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/ScrollMagic.js"></script>
vendor: 1 bytes, line 643
643
644<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/plugins/debug.addIndicators.js"></script>
644
645
646<div
647        id="cookie_popup"
648        class="w-screen h-dvh pointer-events-none fixed top-0 z-top"
649        x-data="window.cookieComponent()"
650        x-bind:class="{'cursor-progress': handlingCookies}"
651    >
652        
653        <div
654            class="w-full h-full pointer-events-auto py-64 bg-black/20 items-center justify-center fixed top-0 z-top hidden"
655            id="initial_cookie_popup"
656        >
657            <div class="max-h-full bg-white mx-16 shadow sm:w-4/5 md:w-1/2 lg:w-1/2 max-h-5/6 flex flex-col  site__rounded--small ">
658                
659                <div class="px-16 sm:px-32 pt-16  site__rounded--small-top ">
660                                            <img src="https://jobtoolz-assets.imgix.net/assets/companies/1479744493/logo-JyZLBtHeGiSn6Ex.png?dpr=2" alt="Beltaste logo"
661                             class="inline-block align-middle max-h-32 sm:max-h-42 mb-12 mr-16">
662                                        <h2 class="hidden lg:inline-block align-middle font-semibold text-body mb-12">
663                        <span class="font-semibold" x-show="onFirstTab">Wij respecteren uw privacy</span>
664                        <span class="font-semibold" x-show="!onFirstTab">Voorkeuren instellen</span>
665                    </h2>
666                </div>
667                
668                <div id="initial_cp_content" class="grow overflow-y-auto overflow-x-hidden text-body-sm">
669                    
670                    <div id="initial_cp_content_first_tab" x-show="onFirstTab" class="px-16 sm:px-32 pt-16 space-y-12">
671                                                                                    <div>Wij en onze partners gebruiken cookies om informatie op je apparaat op te slaan en te raadplegen. Zo kunnen we je gebruikerservaring verbeteren en relevante content en gepersonaliseerde advertenties tonen.</div>
672                                                                                        <p>Je kan de cookies accepteren, beheren of afwijzen. Je kan deze popup via de cookieknop links onderaan op elk moment opnieuw openen om je voorkeuren aan te passen. Voor meer informatie lees je onze <a href="https://jobtoolz.com/BE_NL/cookie-policy/" target="_blank">cookie policy</a>.</p>
673                                                                        </div>
674                    
675                    <div id="initial_cp_content_second_tab" x-show="!onFirstTab" class="px-16 sm:px-32 pt-16">
676                        <label
677                                for="toggle_necessary"
678                                class="flex cursor-pointer items-start mb-24 mt-12 opacity-50"
679                        >
680                            <span class="toggle relative flex items-center justify-center mt-2">
681                                <input
682                                        id="toggle_necessary"
683                                        type="checkbox"
684                                        class="sr-only peer"
685                                        checked
686                                        disabled
687                                >
688                                <span class="block peer-checked:bg-secondary rounded-32 bg-grey-light w-32 h-18 mr-8"></span>
689                                <span class="absolute left-4 bg-white rounded-32 transition w-12 h-12 peer-checked:translate-x-12"></span>
690                            </span>
691                            <span class="inline-flex flex-col text-body-sm">
692                                <span class="leading-snug select-none -mt-px">
693                                    <span class="font-semibold first-letter:uppercase inline-block text-secondary">
694                                        Strikt noodzakelijk
695                                    </span>
696                                    <span class="opacity-50">(verplicht)</span>
697                                </span>
698                                <span class="site__color--text">
699                                    Deze cookies zijn essentieel voor de basiswerking van onze website. Ze zorgen ervoor dat je bijvoorbeeld veilig kan inloggen en formulieren kan invullen. Hiervoor slaan we geen herkenbare persoonsgegevens op.
700                                </span>
701                            </span>
702                        </label>
703                        <label
704                                for="toggle_functional"
705                                class="flex cursor-pointer items-start mb-24 mt-12"
706                        >
707                            <span class="toggle relative flex items-center justify-center mt-2">
708                                <input
709                                        id="toggle_functional"
710                                        type="checkbox"
711                                        class="sr-only peer"
712                                        x-bind:checked="functionalCookies"
713                                        x-on:change="functionalCookies = !functionalCookies; handleCookieToggle('functional', $event.target.checked)"
714                                >
715                                <span class="block peer-checked:bg-secondary rounded-32 bg-grey-light w-32 h-18 mr-8"></span>
716                                <span class="absolute left-4 bg-white rounded-32 transition w-12 h-12 peer-checked:translate-x-12"></span>
717                            </span>
718                            <span class="inline-flex flex-col text-body-sm">
719                                <span class="leading-snug select-none -mt-px">
720                                    <span
721                                            x-bind:class="{'text-secondary': functionalCookies, 'site__color--text': !functionalCookies }"
722                                            class="font-semibold first-letter:uppercase inline-block"
723                                    >
724                                        Functioneel
725                                    </span>
726                                    <span class="opacity-50">(optioneel)</span>
727                                </span>
728                                <span class="site__color--text">
729                                    Deze cookies zorgen ervoor dat je gebruik kan maken van (externe) functionaliteiten zoals het delen van de content van onze website op sociale media.
730                                </span>
731                            </span>
732                        </label>
733                        <label
734                                for="toggle_analytics"
735                                class="flex cursor-pointer items-start mb-24 mt-12"
736                        >
737                            <span class="toggle relative flex items-center justify-center mt-2">
738                                <input
739                                        id="toggle_analytics"
740                                        type="checkbox"
741                                        class="sr-only peer"
742                                        x-bind:checked="analyticsCookies"
743                                        x-on:change="analyticsCookies = !analyticsCookies; handleCookieToggle('analytics', $event.target.checked)"
744                                >
745                                <span class="block peer-checked:bg-secondary rounded-32 bg-grey-light w-32 h-18 mr-8"></span>
746                                <span class="absolute left-4 bg-white rounded-32 transition w-12 h-12 peer-checked:translate-x-12"></span>
747                            </span>
748                            <span class="inline-flex flex-col text-body-sm">
749                                <span class="leading-snug select-none -mt-px">
750                                    <span
751                                            x-bind:class="{'text-secondary': analyticsCookies, 'site__color--text': !analyticsCookies }"
752                                            class="font-semibold first-letter:uppercase inline-block"
753                                    >
754                                        Analytisch
755                                    </span>
756                                    <span class="opacity-50">(optioneel)</span>
757                                </span>
758                                <span class="site__color--text">
759                                    Deze cookies helpen ons te begrijpen hoe bezoekers omgaan met de website door statistieken bij te houden en het gebruik van de site te analyseren.
760                                </span>
761                            </span>
762                        </label>
763                        <label
764                                for="toggle_marketing"
765                                class="flex cursor-pointer items-start mb-24 mt-12"
766                        >
767                            <span class="toggle relative flex items-center justify-center mt-2">
768                                <input
769                                        id="toggle_marketing"
770                                        type="checkbox"
771                                        class="sr-only peer"
772                                        x-bind:checked="marketingCookies"
773                                        x-on:change="marketingCookies = !marketingCookies; handleCookieToggle('marketing', $event.target.checked)"
774                                >
775                                <span class="block peer-checked:bg-secondary rounded-32 bg-grey-light w-32 h-18 mr-8"></span>
776                                <span class="absolute left-4 bg-white rounded-32 transition w-12 h-12 peer-checked:translate-x-12"></span>
777                            </span>
778                            <span class="inline-flex flex-col text-body-sm">
779                                <span class="leading-snug select-none -mt-px">
780                                    <span
781                                            x-bind:class="{'text-secondary': marketingCookies, 'site__color--text': !marketingCookies }"
782                                            class="font-semibold first-letter:uppercase inline-block"
783                                    >
784                                        Marketing
785                                    </span>
786                                    <span class="opacity-50">(optioneel)</span>
787                                </span>
788                                <span class="site__color--text">
789                                    Marketing cookies worden gebruikt om bezoekers op websites te volgen, zodat uitgevers relevante en boeiende advertenties kunnen weergeven.
790                                </span>
791                            </span>
792                        </label>
793                    </div>
794                    <div id="initial_cp_fadeout" class="hidden sticky bottom-0 h-80 w-full bg-gradient-to-t from-white to-transparent pointer-events-none"></div>
795                </div>
796                
797                <div class="text-14 px-16 sm:px-32 py-16">
798                    <div class="flex flex-col lg:flex-row justify-end items-stretch gap-16">
799                        <button role="button"
800                                x-on:click="onFirstTab = !onFirstTab"
801                                class="flex justify-center items-center cursor-pointer rounded-32 font-semibold tracking-wider py-8 px-16 trans-ease disabled:opacity-50  site__color--brand-contrast site__bg--brand hover:site__bg--brand-10 "
802                                x-bind:class="{'pl-16 pr-12': onFirstTab, 'pr-16 pl-12': !onFirstTab}"
803                                x-bind:disabled="handlingCookies"
804                        >
805                            <svg id="chevron"
806                                 class="mr-4 w-18 h-18  site__color--brand-contrast "
807                                 fill="currentColor"
808                                 x-bind:class="{'rotate-180 order-last': onFirstTab}"
809                                 viewBox="0 0 24 24"
810                            >
811                                <path d="m14 6.586-4.707 4.707c-.391.391-.391 1.023 0 1.414l4.707 4.707 1.414-1.414-4-4 4-4z"/>
812                            </svg>
813                            <span x-text="onFirstTab ? 'Mijn selectie aanvaarden' : 'Terug'"></span>
814                        </button>
815                        <button role="button"
816                                class="flex justify-center items-center cursor-pointer rounded-32 font-semibold tracking-wider py-8 px-16 trans-ease disabled:opacity-50  site__color--brand-contrast site__bg--brand hover:site__bg--brand-10 "
817                                x-show="onFirstTab"
818                                x-on:click="setCookies(false, true)"
819                                x-bind:disabled="handlingCookies"
820                        >
821                            Weiger optionele cookies
822                        </button>
823                        <button role="button"
824                                class="flex justify-center items-center cursor-pointer rounded-32 font-semibold tracking-wider py-8 px-16 trans-ease disabled:opacity-50  site__color--brand-contrast site__bg--brand hover:site__bg--brand-10 "
825                                x-text="onFirstTab ? 'Alle cookies aanvaarden' : 'Mijn selectie aanvaarden'"
826                                x-on:click="setCookies(onFirstTab, onFirstTab)"
827                                x-bind:disabled="handlingCookies"
828                        ></button>
829                    </div>
830                </div>
831            </div>
832        </div>
833        
834        <div
835            class="w-full h-full pointer-events-auto py-64 bg-black/20 items-center justify-center fixed top-0 z-top hidden"
836            id="reset_cookie_popup"
837        >
838            <div class="max-h-full bg-white mx-16 shadow sm:w-4/5 md:w-1/2 lg:w-1/2 max-h-5/6 flex flex-col  site__rounded--small ">
839                
840                <div class="px-16 sm:px-32 py-16 flex justify-between items-center  site__rounded--small-top ">
841                    <div>
842                                                    <img src="https://jobtoolz-assets.imgix.net/assets/companies/1479744493/logo-JyZLBtHeGiSn6Ex.png?dpr=2" alt="Beltaste logo"
843                                 class="inline-block align-middle max-h-32 sm:max-h-42 mr-16">
844                                                <h2 class="hidden lg:inline-block align-middle font-semibold text-body">
845                            Wij respecteren uw privacy
846                        </h2>
847                    </div>
848                    <div id="cp_close" class="cursor-pointer">
849                        <svg class="w-18 aspect-square fill-neutral-grey" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
850                            <mask id="mask_cancel" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="18" height="18">
851                                <rect width="18" height="18"/>
852                            </mask>
853                            <g mask="url(#mask_cancel)">
854                                <path d="M9 10.05L11.175 12.225C11.3125 12.3625 11.4875 12.4312 11.7 12.4312C11.9125 12.4312 12.0875 12.3625 12.225 12.225C12.3625 12.0875 12.4312 11.9125 12.4312 11.7C12.4312 11.4875 12.3625 11.3125 12.225 11.175L10.05 9L12.225 6.825C12.3625 6.6875 12.4312 6.5125 12.4312 6.3C12.4312 6.0875 12.3625 5.9125 12.225 5.775C12.0875 5.6375 11.9125 5.56875 11.7 5.56875C11.4875 5.56875 11.3125 5.6375 11.175 5.775L9 7.95L6.825 5.775C6.6875 5.6375 6.5125 5.56875 6.3 5.56875C6.0875 5.56875 5.9125 5.6375 5.775 5.775C5.6375 5.9125 5.56875 6.0875 5.56875 6.3C5.56875 6.5125 5.6375 6.6875 5.775 6.825L7.95 9L5.775 11.175C5.6375 11.3125 5.56875 11.4875 5.56875 11.7C5.56875 11.9125 5.6375 12.0875 5.775 12.225C5.9125 12.3625 6.0875 12.4312 6.3 12.4312C6.5125 12.4312 6.6875 12.3625 6.825 12.225L9 10.05ZM9 16.5C7.9625 16.5 6.9875 16.3031 6.075 15.9094C5.1625 15.5156 4.36875 14.9813 3.69375 14.3063C3.01875 13.6313 2.48438 12.8375 2.09063 11.925C1.69687 11.0125 1.5 10.0375 1.5 9C1.5 7.9625 1.69687 6.9875 2.09063 6.075C2.48438 5.1625 3.01875 4.36875 3.69375 3.69375C4.36875 3.01875 5.1625 2.48438 6.075 2.09063C6.9875 1.69687 7.9625 1.5 9 1.5C10.0375 1.5 11.0125 1.69687 11.925 2.09063C12.8375 2.48438 13.6313 3.01875 14.3063 3.69375C14.9813 4.36875 15.5156 5.1625 15.9094 6.075C16.3031 6.9875 16.5 7.9625 16.5 9C16.5 10.0375 16.3031 11.0125 15.9094 11.925C15.51
85456 12.8375 14.9813 13.6313 14.3063 14.3063C13.6313 14.9813 12.8375 15.5156 11.925 15.9094C11.0125 16.3031 10.0375 16.5 9 16.5ZM9 15C10.675 15 12.0938 14.4187 13.2563 13.2563C14.4187 12.0938 15 10.675 15 9C15 7.325 14.4187 5.90625 13.2563 4.74375C12.0938 3.58125 10.675 3 9 3C7.325 3 5.90625 3.58125 4.74375 4.74375C3.58125 5.90625 3 7.325 3 9C3 10.675 3.58125 12.0938 4.74375 13.2563C5.90625 14.4187 7.325 15 9 15Z"/>
855                            </g>
856                        </svg>
857                    </div>
858                </div>
859                
860                <div id="reset_cp_content" class="grow overflow-y-auto overflow-x-hidden text-body-sm">
861                    <div class="px-16 sm:px-32 pt-16 space-y-12">
862                                                                                    <div>Wij en onze partners gebruiken cookies om informatie op je apparaat op te slaan en te raadplegen. Zo kunnen we je gebruikerservaring verbeteren en relevante content en gepersonaliseerde advertenties tonen.</div>
863                                                                                        <p>Je kan de cookies accepteren, beheren of afwijzen. Je kan deze popup via de cookieknop links onderaan op elk moment opnieuw openen om je voorkeuren aan te passen. Voor meer informatie lees je onze <a href="https://jobtoolz.com/BE_NL/cookie-policy/" target="_blank">cookie policy</a>.</p>
864                                                                        </div>
865                    <div class="px-16 sm:px-32 pt-16">
866                        <label
867                                for="toggle_necessary"
868                                class="flex cursor-pointer items-start mb-24 mt-12 opacity-50"
869                        >
870                            <span class="toggle relative flex items-center justify-center mt-2">
871                                <input
872                                        id="toggle_necessary"
873                                        type="checkbox"
874                                        class="sr-only peer"
875                                        checked
876                                        disabled
877                                >
878                                <span class="block peer-checked:bg-secondary rounded-32 bg-grey-light w-32 h-18 mr-8"></span>
879                                <span class="absolute left-4 bg-white rounded-32 transition w-12 h-12 peer-checked:translate-x-12"></span>
880                            </span>
881                            <span class="inline-flex flex-col text-body-sm">
882                                <span class="leading-snug select-none -mt-px">
883                                    <span class="font-semibold first-letter:uppercase inline-block text-secondary">
884                                        Strikt noodzakelijk
885                                    </span>
886                                    <span class="opacity-50">(verplicht)</span>
887                                </span>
888                                <span class="site__color--text">
889                                    Deze cookies zijn essentieel voor de basiswerking van onze website. Ze zorgen ervoor dat je bijvoorbeeld veilig kan inloggen en formulieren kan invullen. Hiervoor slaan we geen herkenbare persoonsgegevens op.
890                                </span>
891                            </span>
892                        </label>
893                        <label
894                                for="toggle_functional"
895                                class="flex cursor-pointer items-start mb-24 mt-12"
896                        >
897                            <span class="toggle relative flex items-center justify-center mt-2">
898                                <input
899                                        id="toggle_functional"
900                                        type="checkbox"
901                                        class="sr-only peer"
902                                        x-bind:checked="functionalCookies"
903                                        x-on:change="functionalCookies = !functionalCookies; handleCookieToggle('functional', $event.target.checked)"
904                                >
905                                <span class="block peer-checked:bg-secondary rounded-32 bg-grey-light w-32 h-18 mr-8"></span>
906                                <span class="absolute left-4 bg-white rounded-32 transition w-12 h-12 peer-checked:translate-x-12"></span>
907                            </span>
908                            <span class="inline-flex flex-col text-body-sm">
909                                <span class="leading-snug select-none -mt-px">
910                                    <span
911                                            x-bind:class="{'text-secondary': functionalCookies, 'site__color--text': !functionalCookies }"
912                                            class="font-semibold first-letter:uppercase inline-block"
913                                    >
914                                        Functioneel
915                                    </span>
916                                    <span class="opacity-50">(optioneel)</span>
917                                </span>
918                                <span class="site__color--text">
919                                    Deze cookies zorgen ervoor dat je gebruik kan maken van (externe) functionaliteiten zoals het delen van de content van onze website op sociale media.
920                                </span>
921                            </span>
922                        </label>
923                        <label
924                                for="toggle_analytics"
925                                class="flex cursor-pointer items-start mb-24 mt-12"
926                        >
927                            <span class="toggle relative flex items-center justify-center mt-2">
928                                <input
929                                        id="toggle_analytics"
930                                        type="checkbox"
931                                        class="sr-only peer"
932                                        x-bind:checked="analyticsCookies"
933                                        x-on:change="analyticsCookies = !analyticsCookies; handleCookieToggle('analytics', $event.target.checked)"
934                                >
935                                <span class="block peer-checked:bg-secondary rounded-32 bg-grey-light w-32 h-18 mr-8"></span>
936                                <span class="absolute left-4 bg-white rounded-32 transition w-12 h-12 peer-checked:translate-x-12"></span>
937                            </span>
938                            <span class="inline-flex flex-col text-body-sm">
939                                <span class="leading-snug select-none -mt-px">
940                                    <span
941                                            x-bind:class="{'text-secondary': analyticsCookies, 'site__color--text': !analyticsCookies }"
942                                            class="font-semibold first-letter:uppercase inline-block"
943                                    >
944                                        Analytisch
945                                    </span>
946                                    <span class="opacity-50">(optioneel)</span>
947                                </span>
948                                <span class="site__color--text">
949                                    Deze cookies helpen ons te begrijpen hoe bezoekers omgaan met de website door statistieken bij te houden en het gebruik van de site te analyseren.
950                                </span>
951                            </span>
952                        </label>
953                        <label
954                                for="toggle_marketing"
955                                class="flex cursor-pointer items-start mb-24 mt-12"
956                        >
957                            <span class="toggle relative flex items-center justify-center mt-2">
958                                <input
959                                        id="toggle_marketing"
960                                        type="checkbox"
961                                        class="sr-only peer"
962                                        x-bind:checked="marketingCookies"
963                                        x-on:change="marketingCookies = !marketingCookies; handleCookieToggle('marketing', $event.target.checked)"
964                                >
965                                <span class="block peer-checked:bg-secondary rounded-32 bg-grey-light w-32 h-18 mr-8"></span>
966                                <span class="absolute left-4 bg-white rounded-32 transition w-12 h-12 peer-checked:translate-x-12"></span>
967                            </span>
968                            <span class="inline-flex flex-col text-body-sm">
969                                <span class="leading-snug select-none -mt-px">
970                                    <span
971                                            x-bind:class="{'text-secondary': marketingCookies, 'site__color--text': !marketingCookies }"
972                                            class="font-semibold first-letter:uppercase inline-block"
973                                    >
974                                        Marketing
975                                    </span>
976                                    <span class="opacity-50">(optioneel)</span>
977                                </span>
978                                <span class="site__color--text">
979                                    Marketing cookies worden gebruikt om bezoekers op websites te volgen, zodat uitgevers relevante en boeiende advertenties kunnen weergeven.
980                                </span>
981                            </span>
982                        </label>
983                    </div>
984                    <div id="reset_cp_fadeout" class="hidden sticky bottom-0 h-80 w-full bg-gradient-to-t from-white to-transparent pointer-events-none"></div>
985                </div>
986                
987                <div class="text-14 px-16 sm:px-32 py-16">
988                    <div class="flex flex-col lg:flex-row justify-end items-stretch gap-16">
989                        <button role="button"
990                                x-on:click="setCookies(false, false)"
991                                x-bind:disabled="handlingCookies"
992                                class="flex justify-center items-center cursor-pointer rounded-32 font-semibold tracking-wider py-8 px-16 trans-ease disabled:opacity-50  site__color--brand-contrast site__bg--brand hover:site__bg--brand-10 "
993                        >
994                            Mijn selectie aanvaarden
995                        </button>
996                        <button role="button"
997                                class="flex justify-center items-center cursor-pointer rounded-32 font-semibold tracking-wider py-8 px-16 trans-ease disabled:opacity-50  site__color--brand-contrast site__bg--brand hover:site__bg--brand-10 "
998                                x-bind:disabled="handlingCookies"
999                                x-on:click="
1000                                    functionalCookies = false;
1001                                    marketingCookies = false;
1002                                    analyticsCookies = false;
1003                                    setCookies(false, true)"
1004                        >
1005                            Weiger optionele cookies
1006                        </button>
1007                        <button role="button"
1008                                class="flex justify-center items-center cursor-pointer rounded-32 font-semibold tracking-wider py-8 px-16 trans-ease disabled:opacity-50  site__color--brand-contrast site__bg--brand hover:site__bg--brand-10 "
1009                                x-bind:disabled="handlingCookies"
1010                                x-on:click="setCookies(true, false)"
1011                        >
1012                            Alle cookies aanvaarden
1013                        </button>
1014                    </div>
1015                </div>
1016            </div>
1017        </div>
1018    </div>
1019            <button type="button" id="toggle_cookie_popup" class="hidden fixed bottom-0 left-0 m-16 p-8 w-48 aspect-square z-top bg-green-dark/85 rounded-full hover:scale-105 hover:bg-green-dark transition-all">
1020            <svg class="w-full h-full fill-white" viewBox="0 0 18 18">
1021                <mask id="mask_cookie" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="18" height="18">
1022                    <rect width="18" height="18"/>
1023                </mask>
1024                <g mask="url(#mask_cookie)">
1025                    <path d="M9 16.5C7.9625 16.5 6.9875 16.3031 6.075 15.9094C5.1625 15.5156 4.36875 14.9812 3.69375 14.3062C3.01875 13.6312 2.48438 12.8375 2.09063 11.925C1.69687 11.0125 1.5 10.0375 1.5 8.99999C1.5 7.98749 1.70938 7.00312 2.12813 6.04687C2.54688 5.09062 3.12813 4.24999 3.87188 3.52499C4.61563 2.79999 5.5 2.24999 6.525 1.87499C7.55 1.49999 8.675 1.38749 9.9 1.53749C10.0875 1.56249 10.2313 1.64062 10.3313 1.7
10257187C10.4313 1.90312 10.4875 2.08124 10.5 2.30624C10.525 3.10624 10.8219 3.79062 11.3906 4.35937C11.9594 4.92812 12.6375 5.22499 13.425 5.24999C13.6875 5.26249 13.8875 5.33749 14.025 5.47499C14.1625 5.61249 14.2375 5.82499 14.25 6.11249C14.275 6.63749 14.4344 7.06874 14.7281 7.40624C15.0219 7.74374 15.4312 7.99999 15.9562 8.17499C16.1312 8.23749 16.2656 8.32812 16.3594 8.44687C16.4531 8.56562 16.5 8.71249 16.5 8.88749C16.525 9.92499 16.3438 10.9062 15.9562 11.8312C15.5687 12.7562 15.0375 13.5656 14.3625 14.2594C13.6875 14.9531 12.8875 15.5 11.9625 15.9C11.0375 16.3 10.05 16.5 9 16.5ZM9 15C10.525 15 11.8781 14.475 13.0594 13.425C14.2406 12.375 14.8875 11.0375 15 9.41249C14.375 9.13749 13.8844 8.76249 13.5281 8.28749C13.1719 7.81249 12.9312 7.28124 12.8062 6.69374C11.8438 6.55624 11.0188 6.14374 10.3313 5.45624C9.64375 4.76874 9.21875 3.94374 9.05625 2.98124C8.05625 2.95624 7.17812 3.13749 6.42188 3.52499C5.66563 3.91249 5.03437 4.40937 4.52812 5.01562C4.02187 5.62187 3.64062 6.28124 3.38438 6.99374C3.12813 7.70624 3 8.37499 3 8.99999C3 10.6625 3.58438 12.0781 4.75313 13.2469C5.92188 14.4156 7.3375 15 9 15ZM7.875 7.49999C8.1875 7.49999 8.45312 7.39062 8.67188 7.17187C8.89062 6.95312 9 6.68749 9 6.37499C9 6.06249 8.89062 5.79687 8.67188 5.57812C8.45312 5.35937 8.1875 5.24999 7.875 5.24999C7.5625 5.24999 7.29688 5.35937 7.07812 5.57812C6.85938 5.79687 6.75 6.06249 6.75 6.37499C6.75 6.68749 6.85938 6.95312 7.07812 7.17187C7.29688 7.39062 7.5625 7.49999 7.875 7.49999ZM6.375 11.25C6.6875 11.25 6.95312 11.1406 7.17188 10.9219C7.39062 10.7031 7.5 10.4375 7.5 10.125C7.5 9.81249 7.39062 9.54687 7.17188 9.32812C6.95312 9.10937 6.6875 8.99999 6.375 8.99999C6.0625 8.99999 5.79688 9.10937 5.57812 9.32812C5.35938 9.54687 5.25 9.81249 5.25 10.125C5.25 10.4375 5.35938 10.7031 5.57812 10.9219C5.79688 11.1406 6.0625 11.25 6.375 11.25ZM11.25 12C11.4625 12 11.6406 11.9281 11.7844 11.7844C11.9281 11.6406 12 11.4625 12 11.25C12 11.0375 11.9281 10.8594 11.7844 10.7156C11.6406 10.5719 11.4625 10.5 11.25 10.5C11.0375 10.5 10.8594 10.5719 10.7156 10.7156C10.5719 10.8594 10.5 11.0375 10.5 11.25C10.5 11.4625 10.5719 11.6406 10.7156 11.7844C10.8594 11.9281 11.0375 12 11.25 12Z"/>
1026                </g>
1027            </svg>
1028        </button>
1029        
1030<!-- /resources/views/jobsites/components/modal.blade.php -->
1031
1032<div
1033    class="z-top fixed p-16 bottom-0 inset-x-0 sm:inset-0 sm:flex sm:items-center sm:justify-center" id="cookie-policy" x-data="{ open: false }" @open-cookie.window="open = true" closable="closable" wider="wider"
1034    x-data="{ open: true }"
1035    x-show="open"
1036    x-cloak
1037>
1038
1039    
1040    <div
1041        x-show="open"
1042        x-transition:enter="ease-out duration-300"
1043        x-transition:enter-start="opacity-0"
1044        x-transition:enter-end="opacity-100"
1045        x-transition:leave="ease-in duration-200"
1046        x-transition:leave-start="opacity-100"
1047        x-transition:leave-end="opacity-0"
1048        class="fixed inset-0 transition-opacity"
1049                @click="open = false"
1050            >
1051        <div class="absolute inset-0 site__bg--text opacity-75"></div>
1052    </div>
1053
1054    
1055    <div
1056        x-show="open"
1057        x-transition:enter="ease-out duration-300"
1058        x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
1059        x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
1060        x-transition:leave="ease-in duration-200"
1061        x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
1062        x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
1063        class="bg-white site__rounded--small shadow-lg overflow-hidden transform transition-all sm:max-w-720 sm:w-full"
1064    >
1065        <div class="p-32 xs:p-40 sm:p-48 overflow-auto" style="max-height: 80vh">
1066
1067            <button role="button" @click="open = false" class="absolute right-0 top-0 mr-20 mt-20 block w-40 h-40" aria-label="close">
1068        <svg class="w-40 h-40" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1069            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
1070        </svg>
1071    </button>
1072
1073            <p class="mb-20">Wij en onze partners gebruiken cookies om informatie op je apparaat op te slaan en te raadplegen. Zo kunnen we je gebruikerservaring verbeteren en relevante content en gepersonaliseerde advertenties tonen.</p>
1074        <p class="mb-20">Je kan de cookies accepteren, beheren of afwijzen. Je kan deze popup via de cookieknop links onderaan op elk moment opnieuw openen om je voorkeuren aan te passen. Voor meer informatie lees je onze &lt;a href=&quot;:link&quot; target=&quot;_blank&quot;&gt;cookie policy&lt;/a&gt;.</p>
1075                <p class="">
1076            Jobtoolz verzamelt anonieme gegevens voor het verbeteren van de gebruikerservaring. <a href="https://jobtoolz.com/nl/cookie-policy" target="_blank">Lees hier het cookiebeleid van Jobtoolz.</a>
1077        </p>
1078
1079        </div>
1080    </div>
1081
1082</div>
1083
1084<!-- /resources/views/jobsites/components/modal.blade.php -->
1085
1086<div
1087    class="z-top fixed p-16 bottom-0 inset-x-0 sm:inset-0 sm:flex sm:items-center sm:justify-center" id="privacy-policy" x-data="{ open: false }" @open-policy.window="open = true" closable="closable" wider="wider"
1088    x-data="{ open: true }"
1089    x-show="open"
1090    x-cloak
1091>
1092
1093    
1094    <div
1095        x-show="open"
1096        x-transition:enter="ease-out duration-300"
1097        x-transition:enter-start="opacity-0"
1098        x-transition:enter-end="opacity-100"
1099        x-transition:leave="ease-in duration-200"
1100        x-transition:leave-start="opacity-100"
1101        x-transition:leave-end="opacity-0"
1102        class="fixed inset-0 transition-opacity"
1103                @click="open = false"
1104            >
1105        <div class="absolute inset-0 site__bg--text opacity-75"></div>
1106    </div>
1107
1108    
1109    <div
1110        x-show="open"
1111        x-transition:enter="ease-out duration-300"
1112        x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
1113        x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
1114        x-transition:leave="ease-in duration-200"
1115        x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
1116        x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
1117        class="bg-white site__rounded--small shadow-lg overflow-hidden transform transition-all sm:max-w-720 sm:w-full"
1118    >
1119        <div class="p-32 xs:p-40 sm:p-48 overflow-auto" style="max-height: 80vh">
1120
1121            <button role="button" @click="open = false" class="absolute right-0 top-0 mr-20 mt-20 block w-40 h-40" aria-label="close">
1122        <svg class="w-40 h-40" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1123            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
1124        </svg>
1125    </button>
1126
1127    <h2 class="font-semibold text-ocean-blue text-heading-2 mb-12">
1128        Privacy beleid
1129    </h2>
1130    <div class="wysiwyg-content">
1131        <p>Wij verzamelen met behulp van Jobtoolz, ons online sollicitatieplatform, uw persoonsgegevens om kwaliteitsvolle aanwerving- en selectieprocessen mogelijk te kunnen maken.</p><p>Het verstrekken van deze persoonsgegevens is dan ook een noodzakelijke voorwaarde om het sollicitatietraject te doorlopen.</p><p>Bij de verzameling en verwerking van uw persoonsgegevens respecteren wij steeds de regelgeving inzake bescherming van persoonsgegevens, evenals de Algemene Verordening Gegevensbescherming (“AVG” of GDPR”).</p><p>Voor meer informatie over de manier waarop wij  uw persoonsgegevens verwerken, verwijzen wij naar onze privacy policy.</p>
1132        <p class="mt-32 text-body-sm">
1133            Wil je meer weten over het privacybeleid van Jobtoolz <a href="https://jobtoolz.com/nl/privacy-policy">Klik hier</a>
1134        </p>
1135    </div>
1136
1137        </div>
1138    </div>
1139
1140</div>
1141
1142<!-- /resources/views/jobsites/components/modal.blade.php -->
1143
1144<div
1145    class="z-top fixed p-16 bottom-0 inset-x-0 sm:inset-0 sm:flex sm:items-center sm:justify-center" id="cancel-interview-modal" x-data="{ open: false }" wider="wider" closable="closable" @open-cancel-interview.window="open = true" @close-cancel-interview.window="open = false"
1146    x-data="{ open: true }"
1147    x-show="open"
1148    x-cloak
1149>
1150
1151    
1152    <div
1153        x-show="open"
1154        x-transition:enter="ease-out duration-300"
1155        x-transition:enter-start="opacity-0"
1156        x-transition:enter-end="opacity-100"
1157        x-transition:leave="ease-in duration-200"
1158        x-transition:leave-start="opacity-100"
1159        x-transition:leave-end="opacity-0"
1160        class="fixed inset-0 transition-opacity"
1161                @click="open = false"
1162            >
1163        <div class="absolute inset-0 site__bg--text opacity-75"></div>
1164    </div>
1165
1166    
1167    <div
1168        x-show="open"
1169        x-transition:enter="ease-out duration-300"
1170        x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
1171        x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
1172        x-transition:leave="ease-in duration-200"
1173        x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
1174        x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
1175        class="bg-white site__rounded--small shadow-lg overflow-hidden transform transition-all sm:max-w-720 sm:w-full"
1176    >
1177        <div class="p-32 xs:p-40 sm:p-48 overflow-auto" style="max-height: 80vh">
1178
1179            <button
1180        role="button"
1181        aria-label="close"
1182        class="absolute right-0 top-0 mt-20 mr-20 block w-40 h-40"
1183        @click="open = false"
1184    >
1185        <svg class="w-40 h-40" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1186            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
1187        </svg>
1188    </button>
1189    <form id="interview-cancel-form">
1190        <div>
1191            <h2 class="text-heading-2 font-semibold">Interview annuleren</h2>
1192            <p class="text-body mt-8">Weet u zeker dat u dit interview wil annuleren?</p>
1193        </div>
1194        <div>
1195            <textarea
1196                name="cancel_description"
1197                id="cancel_description"
1198                class="border-2 border-color-grey resize-none w-full h-144 mt-24 p-16"
1199                placeholder="Laat Beltaste weten waarom je het interview annuleert."
1200            ></textarea>
1201        </div>
1202        <div class="flex justify-end">
1203            <button
1204                id="cancel-interview_btn"
1205                role="button"
1206                type="submit"
1207                class="border-1 border-color-primary bg-color-primary text-white text-body font-semibold py-8 px-16 mt-24 bg-semantic-error hover:bg-semantic-error-dark rounded-md"
1208            >
1209                Interview annuleren
1210            </button>
1211        </div>
1212    </form>
1213
1214        </div>
1215    </div>
1216
1217</div>
1218
1219<!-- /resources/views/jobsites/components/modal.blade.php -->
1220
1221<div
1222    class="z-top fixed p-16 bottom-0 inset-x-0 sm:inset-0 sm:flex sm:items-center sm:justify-center" id="reschedule-interview-modal" x-data="{ open: false }" wider="wider" closable="closable" @open-reschedule-interview.window="open = true" @close-reschedule-interview.window="open = false"
1223    x-data="{ open: true }"
1224    x-show="open"
1225    x-cloak
1226>
1227
1228    
1229    <div
1230        x-show="open"
1231        x-transition:enter="ease-out duration-300"
1232        x-transition:enter-start="opacity-0"
1233        x-transition:enter-end="opacity-100"
1234        x-transition:leave="ease-in duration-200"
1235        x-transition:leave-start="opacity-100"
1236        x-transition:leave-end="opacity-0"
1237        class="fixed inset-0 transition-opacity"
1238                @click="open = false"
1239            >
1240        <div class="absolute inset-0 site__bg--text opacity-75"></div>
1241    </div>
1242
1243    
1244    <div
1245        x-show="open"
1246        x-transition:enter="ease-out duration-300"
1247        x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
1248        x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
1249        x-transition:leave="ease-in duration-200"
1250        x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
1251        x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
1252        class="bg-white site__rounded--small shadow-lg overflow-hidden transform transition-all sm:max-w-720 sm:w-full"
1253    >
1254        <div class="p-32 xs:p-40 sm:p-48 overflow-auto" style="max-height: 80vh">
1255
1256            <button
1257        role="button"
1258        aria-label="close"
1259        class="absolute right-0 top-0 mt-20 mr-20 block w-40 h-40"
1260        @click="open = false"
1261    >
1262        <svg class="w-40 h-40" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1263            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
1264        </svg>
1265    </button>
1266    <form id="interview-reschedule-form">
1267        <div>
1268            <h2 class="text-heading-2 font-semibold">Interview herplannen</h2>
1269            <p class="text-body mt-8">Ben je zeker dat je dit interview wil herplannen?</p>
1270        </div>
1271        <div>
1272            <textarea
1273                name="reschedule_description"
1274                id="reschedule_description"
1275                class="border-2 border-color-grey resize-none w-full h-144 mt-24 p-16"
1276                placeholder="Laat Beltaste weten waarom je het interview herplant. Indien mogelijk, geef enkele nieuwe tijdsloten mee."
1277            ></textarea>
1278        </div>
1279        <div class="flex justify-end">
1280            <button
1281                id="reschedule-interview_btn"
1282                role="button"
1283                type="submit"
1284                class="border-1 border-color-primary bg-color-primary text-white text-body font-semibold py-8 px-16 mt-24 bg-semantic-warning hover:bg-semantic-warning-lightdark rounded-md"
1285            >
1286                Interview herplannen
1287            </button>
1288        </div>
1289    </form>
1290
1291        </div>
1292    </div>
1293
1294</div>
1295
1296    
1296<script async src="https://platform-api.sharethis.com/js/sharethis.js#property=5dfce2cab103ed0012b9407a&product=sticky-share-buttons"></script>
1296
1297
1298
1299<div class="w-full bg-semantic-warning-light p-16 fixed top-0 left-0 z-20" id="iebanner" style="background-color: rgb(255, 251, 235); display: none;">
1300    <div class="inline-block w-full sm:w-3/4">
1301        <div class="text-semantic-warning inline-block align-middle mr-14 w-auto">
1302            <svg class="h-20 w-20 text-semantic-warning" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" style="color: rgb(146, 64, 14);">
1303                <path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clip-rule="evenodd"/>
1304            </svg>
1305        </div>
1306        <div class="inline-block align-middle w-11/12">
1307            <h3 class="text-body-14 text-semantic-warning" style="color: rgb(146, 64, 14);">
1308                Opgepast!
1309            </h3>
1310            <div class="mt-8 text-body-14 text-semantic-warning" style="color: rgb(146, 64, 14);">
1311                <p>We merken dat je een oude browser gebruikt waardoor deze website mogelijk niet correct werkt. Voor een veilige, en ononderbroken ervaring, raden we je aan om je browser onmiddelijk te updaten.</p>
1312            </div>
1313        </div>
1314    </div>
1315    <div class="mt-14 md:mt-0 w-full sm:w-1/5 inline-block align-middle space-x-24">
1316        <a class="inline-block w-full sm:w-auto text-center sm:text-left rounded-6 bg-semantic-warning hover:bg-semantic-warning py-8 px-14" style="background-color: rgb(146, 64, 14); color: rgb(255, 251, 235);" href="https://browser-update.org/nl/update.html?force_outdated=true">
1317            Update mijn browser
1318        </a>
1319    </div>
1320</div>
1321
1322<script nonce="cvMxOivTq8Zd1s2lWy8WEU02qPGJEbkz">
1323    // if (window.navigator.userAgent.match(/(MSIE|Trident)/)) {
1324    if (!(window.CSS && window.CSS.supports && window.CSS.supports('--css: variables'))) {
1325        document.addEventListener('DOMContentLoaded', function () {
1326            document.getElementById('iebanner').style.display = 'block';
1327        });
1328    }
1329</script>
1329
1330</body>
1331</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.