PageSourceSearch

https://www.bonaire.nu/nieuws

html bonaire.nu collected 2026-10-02 10:34:51 UTC 153,484 bytes, 2,538 lines download raw bytes

1<!DOCTYPE html>
2<html lang="nl">
3<head>
4    <meta charset="utf-8"/>
5    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
6    <title>Nieuws</title>
7    
8
9
10<script type="module" src="https://cdn.jsdelivr.net/npm/@hotwired/turbo@latest/dist/turbo.es2017-esm.min.js"></script>
10
11  
11<script>                                                                                 
12    document.addEventListener('turbo:before-visit', function() {                           
13      if (typeof engagement !== 'undefined') engagement.stop();                            
14    });
15    document.addEventListener('turbo:load', function() {
16      if (typeof engagement !== 'undefined') {
17        engagement.stopped = false;                                                        
18        engagement.maximumScrollDepth = 0;
19        if (!engagement.listenersAttached) {                                               
20          engagement.listenersAttached = true;
21        }
22        engagement.initalize();                                                            
23      }
24    });                                                                                    
25  </script>
vendor: 1 bytes, line 25
25
26<script type="text/javascript">
27    (function(c,l,a,r,i,t,y){
28        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
29        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
30        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
31    })(window, document, "clarity", "script", "xmuoewwive");
32</script>
32    
33
34    <style type="text/css">
35        :root {
36            --color-primary: 255, 0, 130;
37            --color-secondary: 0, 0, 0;
38            --color-premium: 255, 238, 247;
39            --color-black: 0, 0, 0;
40            --color-white: 255, 255, 255;
41            --color-gray: 128, 128, 128;
42        }
43
44        @media (prefers-color-scheme: dark) {
45            .dark\:bg-dark {
46                background-color: #121212
47            }
48        }
49    </style>
50
51<meta name="description"
52      content="Het dagelijks nieuws van Bonaire"/>
53
54    <link rel="icon" type="image/png"
55          href="https://storage.pubble.nl/assets/favicons/www/bonaire/favicon-48x48.png?v=AIpW"
56          sizes="48x48"/>
57    <link rel="icon" type="image/svg+xml"
58          href="https://storage.pubble.nl/assets/favicons/www/bonaire/favicon.svg?v=AIpW"/>
59    <link rel="shortcut icon"
60          href="https://storage.pubble.nl/assets/favicons/www/bonaire/favicon.ico?v=AIpW"/>
61    <link rel="apple-touch-icon" sizes="180x180"
62          href="https://storage.pubble.nl/assets/favicons/www/bonaire/apple-touch-icon.png?v=AIpW"/>
63    <link rel="shortcut icon"
64          href="https://storage.pubble.nl/assets/favicons/www/bonaire/favicon.ico?v=AIpW">
65    <meta name="apple-mobile-web-app-capable" content="yes">
66
67	<style type="text/css">
68		:root {
69			--cookiewall-accept: 61 197 60;
70			--cookiewall-accept-hover: 74 222 128;
71			--cookiewall-accept-text: 255 255 255;
72			--cookiewall-neutral-bg: 255 255 255;
73			--cookiewall-neutral-text: 0 0 0;
74			/* Follows the site's brand colour from head.cshtml (a "r, g, b" triplet), and falls back
75			   to the old grey for websites that have no Colors configured */
76			--cookiewall-neutral-border: var(--color-primary, 93 88 88);
77			--cookiewall-link: var(--color-primary, 61 66 74);
78			--cookiewall-backdrop: 0 0 0;
79			--cookiewall-backdrop-alpha: 55%;
80			--cookiewall-placeholder-bg: 232 229 229;
81			--cookiewall-placeholder-link: 0 113 160;
82		}
83
84		/* Primary action: only used where the choice is the visitor's own (saving custom settings) */
85		.cookiewall-btn-accept {
86			background-color: rgb(var(--cookiewall-accept));
87			border: 2px solid rgb(var(--cookiewall-accept)) !important;
88			color: rgb(var(--cookiewall-accept-text));
89		}
90
91		.cookiewall-btn-accept:hover {
92			background-color: rgb(var(--cookiewall-accept-hover));
93		}
94
95		/*
96			Consent choices. Accept and reject deliberately share ONE style, so no colour nudges the
97			visitor either way. Keep it that way -- equal prominence is a legal requirement here,
98			not a preference, and a coloured "accept" is the textbook dark pattern regulators look for.
99		*/
100		.cookiewall-btn-neutral {
101			background-color: rgb(var(--cookiewall-neutral-bg));
102			border: 2px solid rgb(var(--cookiewall-neutral-border)) !important;
103			color: rgb(var(--cookiewall-neutral-text));
104		}
105
106		/*
107			Dialog mode. Banner mode adds no rules at all, so .cookiewall-surface and .cookiewall-panel
108			are inert there and the original layout is untouched. The !important flags are needed to
109			beat the Tailwind utilities and the inline border-bottom-width on the section element.
110		*/
111		.cookiewall-mode-dialog .cookiewall-surface {
112			position: fixed !important;
113			inset: 0 !important;
114			width: auto !important;
115			max-height: none !important;
116			display: flex;
117			align-items: center;
118			justify-content: center;
119			padding: 1rem !important;
120			background-color: rgb(var(--cookiewall-backdrop) / var(--cookiewall-backdrop-alpha)) !important;
121			border-bottom-width: 0 !important;
122		}
123
124		.cookiewall-mode-dialog .cookiewall-panel {
125			background-color: rgb(var(--cookiewall-neutral-bg));
126			width: 100%;
127			max-width: 42rem;
128			max-height: 90vh;
129			overflow-y: auto;
130			border-radius: 0.5rem;
131			box-shadow: 0 25px 50px -12px rgb(0 0 0 / 45%);
132			padding: 1.5rem;
133		}
134
135		/* One style for every text link in the wall, whether it is an <a> or a bare button */
136		.cookiewall-link,
137		.cookiewall-btn-link {
138			color: rgb(var(--cookiewall-link));
139			text-decoration: none;
140		}
141
142		.cookiewall-btn-link {
143			background-color: transparent;
144			border: 0 !important;
145			box-shadow: none !important;
146		}
147
148		.cookiewall-link:hover,
149		.cookiewall-btn-link:hover {
150			text-decoration: underline;
151		}
152
153		.consentframe {
154			background-color: rgb(var(--cookiewall-placeholder-bg));
155		}
156
157		.consentframe a {
158			color: rgb(var(--cookiewall-placeholder-link)) !important;
159		}
160	</style>
161	
161<script type="text/javascript">
162		let CookieManagerConfig = {
163	   	   DefaultConsent:  '',
164	   	   SecureCookie: true,
165		   DefaultHosts: [
166				/pubble.cloud/,
167/pubblestorage.blob.core.windows.net/
168
169			],
170			Consents: ['functional', 'analytics', 'socialmedia', 'advertisements'],
171			AnalyticsMode: 'whitelist',
172			ConsentRequiredAfter: 0,
173			PageReloadAfterConsent: false
174		};
175 	</script>
175
176		
176<script type="text/javascript" src="//storage.pubble.cloud/assets/static/js/pubble/Pubble.CookieManager.js?v=260910-1"></script>
176
177
178
179    <link rel="dcterms.rights" href="https://www.bonaire.nu/privacy" />
180
181    <meta name="twitter:site" content="ABCOnlineMedia" />
182
183    <meta property="og:site_name" content="bonaire.nu" />
184
185    <meta property="og:locale" content="nl_NL" />
186
187<script type="application/ld&#x2B;json">
188    {
189  "@context": "https://schema.org",
190  "@type": "WebSite",
191  "name": "bonaire.nu",
192  "url": "https://bonaire.nu/",
193  "potentialAction": {
194    "@type": "SearchAction",
195    "target": {
196      "@type": "EntryPoint",
197      "urlTemplate": "https://bonaire.nu/search?q={search_term_string}"
198    },
199    "queryInput": "required name=search_term_string"
200  }
201}
202</script>
202
203    
204
205
206<script type="text/javascript">
207    var exports = {};
208    var pubbleEnv = {
209        pubbleContentApiKey: 'WPjd0qn2lcI0z8qJkLzMhA==',
210        pubbleContentApiHash: 'YWJjZGF0YXwyMnxib25haXJlLm51',
211        domain: 'bonaire.nu',
212        siteHosts: [],
213        language: 'nl',
214        commonDomain: '',
215        userId: typeof ConsentGiven !== "function" || ConsentGiven('marketing') ? '0' : null,
216        subscriptions: null,
217        pushEnabled: false,
218        regionPages: false,
219        regionPagesAutoRedirect: false,
220        isAuthenticated: false,
221        hasPrivileges: false,
222        region: '',
223    };
224    var lureArticle = {
225        articleAccessLevel: 'null',
226        userAccessLevel: 'Visitor',
227        articlesLeft: -1,
228        articleId: null,
229        hasAccess: false,
230        giftToken: '',
231        articleHeadline: '',
232        articleType: 'null',
233        authorIds: [],
234        articleContentType: 'null',
235        articleIsLiveBlog: false,
236        articleCategory: '',
237        articleSubcategory: '',
238        articleStatus: 'inactive',
239        articleSource: '',
240        articleAuthors: '',
241        articleDate: ''
242    }
243
244    var pubbleStatsContext = null;
245
246    window.dataLayer = window.dataLayer || [];
247
248    window.dataLayer.push({
249        'articleId': null,
250        'userId': typeof ConsentGiven !== "function" || ConsentGiven('marketing') ? '0' : 'n.a.',
251        'pageType': 'home',
252        'region': ''
253    });
254</script>
254
255    
256    <link rel="canonical" href="/nieuws"/>
257
258        
258<script type="application/ld&#x2B;json">
259 {
260  "@context": "https://schema.org",
261  "@type": "NewsMediaOrganization",
262  "name": "bonaire.nu",
263  "url": "https://bonaire.nu/",
264  "logo": {
265    "@type": "ImageObject",
266    "url": "https://storage.pubble.nl/assets/favicons/www/bonaire/apple-touch-icon.png?v=AIpW"
267  },
268  "sameAs": [
269    "https://www.facebook.com/bonaire.nu",
270    "https://twitter.com/ABCOnlineMedia",
271    "https://www.instagram.com/bonaire.nu"
272  ],
273  "alternateName": [],
274  "address": {
275    "@type": "PostalAddress",
276    "addressLocality": "bonaire",
277    "addressCountry": "NL"
278  },
279  "contactPoint": [
280    {
281      "@type": "ContactPoint",
282      "contactType": "customer service",
283      "email": "[email protected]"
284    },
285    {
286      "@type": "ContactPoint",
287      "contactType": "customer support",
288      "email": "[email protected]"
289    }
290  ]
291}
292        </script>
292
293
294
295    <link rel="dns-prefetch" href="//storage.pubble.cloud">
296    <link rel="dns-prefetch" href="//storage.pubble.nl">
297
298    <link rel="stylesheet" href="//storage.pubble.cloud/assets/static/css/tailwind.styles.min.css?v=260923-1"/>
299    
299<script>window.PubbleAssets = { base: '//storage.pubble.cloud/assets/static', v: '260925-2' };</script>
299
300
301    
301<script defer src="https://storage.pubble.nl/assets/web/alpine-intersect-3-10-5.cdn.min.js"></script>
301
302    <style>[x-cloak] {
303            display: none !important;
304        }
305.group:hover .group-hover\:text-primary{color:#ff0082}.group:hover .group-hover\:scale-105{transform:scale(1.05)}.group:hover .group-hover\:text-primary::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:2px;background-color:var(--color-primary);transition:width .3s ease-in-out}.group:hover .group-hover\:text-primary{color:#ff0082}.group:hover .group-hover\:scale-105{transform:scale(1.05)}.group:hover .group-hover\:text-primary::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:2px;background-color:var(--color-primary);transition:width .3s ease-in-out}.group:hover .group-hover\:text-primary{color:#ff0082}.group:hover .group-hover\:scale-105{transform:scale(1.05)}.group:hover .group-hover\:text-primary::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:2px;background-color:var(--color-primary);transition:width .3s ease-in-out}@media(min-width:768px){.md\:\!overflow-y-visible{overflow-y:visible!important}}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*calc(1 - var(--tw-space-x-reverse)))}@media(min-width:768px){.md\:space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1.5rem*var(--tw-space-x-reverse));margin-left:calc(1.5rem*calc(1 - var(--tw-space-x-reverse)))}}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.75rem*var(--tw-space-x-reverse));margin-left:calc(.75rem*calc(1 - var(--tw-space-x-reverse)))}.h-8{height:2rem}@media(min-width:768px){.md\:h-12{height:3rem}}@media(max-width:768px){.text-nav .h-5{display:none}}.gt_float_switcher{font-family:Arial;font-size:14px!important;border-radius:2px;color:#555;display:inline-block;line-height:14px!important;box-shadow:rgba(0,0,0,0) 0 0 0!important;background:#fff;overflow:hidden;transition:all .5s cubic-bezier(.4,0,1,1)}.gt_float_switcher img{vertical-align:middle;display:inline-block;width:23px!important;height:auto;margin:0 5px 0 0;border-radius:3px}.gt_float_switcher .gt-selected .gt-current-lang{padding:5px 5px;color:#333;font-weight:bold}.logo-container{width:160px}@media(min-width:768px){.logo-container{width:256px}}.logo-container img{width:100%;height:auto;max-height:100%;object-fit:contain}    </style>
306<style>
307
308html[lang="en"] .nl-article-hide {
309display: none!important;
310}
311
312
313body {
314font-family: 'Roboto', Helvetica, Arial, sans-serif !important;
315}
316
317.koptitel {
318font-family: 'Arimo', Helvetica, Arial, sans-serif !important;
319}
320
321.\!no-underline {
322  text-decoration-line: none !important;
323}
324
325
326article a {
327    color: #ff0082 !important;
328}
329
330article .swiper a {
331    color: #000 !important;
332}
333
334article .author a {
335    color: #9ca3af !important; 
336}
337
338
339article button a,
340article a.bg-primary  {
341    color: #fff !important;
342}
343
344.article-share__button,
345.article-share__button a,
346.article-share__button .text-white,
347.article-share__button path {
348  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
349  color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important;
350  fill: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important; /* for path */
351}
352
353
354@media (min-width: 768px) {
355  .md\:pr-2 {
356    padding-right: 0.5rem;
357  }
358}
359
360
361@media (min-width: 768px) {
362  .md\:mr-2 {
363    margin-right: 0.5rem;
364  }
365}
366
367.-mt-8 {
368  margin-top: -2rem;
369}
370
371@media (min-width: 768px) {
372  .md\:mt-4 {
373    margin-top: 1rem;
374  }
375}
376
377
378.gt_float_switcher {
379    font-family: Arial;
380    font-size: 14px !important;
381    border-radius: 2px;
382    color: #555;
383    display: inline-block;
384    line-height: 14px !important;
385    box-shadow: rgba(0, 0, 0, 0.0) 0 0px 0px !important;
386    background: #fff;
387    overflow: hidden;
388    transition: all .5s cubic-bezier(0.4, 0, 1, 1);
389}
390
391.gt_float_switcher img {
392    vertical-align: middle;
393    display: inline-block;
394    width: 23px !important;
395    height: auto;
396    margin: 0 5px 0 0;
397    border-radius: 3px;
398}
399
400.gt_float_switcher .gt-selected .gt-current-lang {
401    padding: 5px 5px;
402    color: #333;
403    font-weight: bold;
404}
405
406.border-l-3 {
407    border-left-width: 3px;
408}
409
410.kader-kop {
411    background-color: #e5e7eb;
412    padding: 15px;
413    margin: 0px;
414    color: #ff0082;
415    font-size: 18px;
416    font-weight: bold;
417    padding-bottom: 0;
418}
419
420.kader-tekst {
421     background-color: #e5e7eb;
422     padding: 15px;
423     font-size: 14px;
424     margin: 0px;
425 }
426
427</style>
427<link rel="preconnect" href="https://fonts.googleapis.com">
428<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
429<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;display=swap" rel="stylesheet">
430
431<link rel="preconnect" href="https://fonts.googleapis.com">
432<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
433<link href="https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&amp;family=Domine:[email protected]&amp;family=Open+Sans:ital,wght@0,300..800;1,300..800&amp;family=Roboto:ital,wght@0,100..900;1,100..900&amp;family=Winky+Sans:ital,wght@0,300..900;1,300..900&amp;display=swap" rel="stylesheet">
vendor: 66 bytes, line 433
433<script async="" src="https://www.googletagmanager.com/gtag/js?id=
433G-3CRHE91GWE
vendor: 16 bytes, lines 433-434
433"></script>
434    
434<script>
435        
vendor: 151 bytes, lines 435-438
435window.dataLayer = window.dataLayer || [];
436        function gtag(){dataLayer.push(arguments);}
437        gtag('js', new Date());
438        gtag('config', '
438G-3CRHE91GWE
vendor: 8 bytes, lines 438-439
438');
439    
439</script>
439</head>
440<body class="">
441
442
443
444	<div id="cookieconsent" class="cookiewall-mode-banner" style="display:none;" x-data="{ showCookieSettings: false }">
445		<section class="cookiewall-surface w-full max-h-screen	overflow-y-auto	 p-5 lg:px-24 fixed top-0 bg-white border-primary z-50"
446			 style="border-bottom-width: 4px">
447			<div class="cookiewall-panel md:flex-1 px-3 mb-5 md:mb-0">
448				<p class="text-black text-2xl mb-2">
449					Deze website gebruikt cookies
450				</p>
451				<p class="max-w-2xl	md:text-left text-gray-600  md:pr-12 mb-4">
452					Wij gebruiken cookies om het gebruik van de website te analyseren en om het mogelijk te maken content via social media te bekijken. Cookies van onszelf en van derden kunnen worden gebruikt om advertenties te tonen die aansluiten op uw interesses. Deze cookies kunt u weigeren via de knop Cookie-instellingen aanpassen
453				</p>
454					<p class="mb-6">
455						<a href='/privacy' aria-labe='Lees ons privacy statement' class='privacyConsentlink cookiewall-link pt-15 pl-sm-20'>Lees ons privacy statement</a>
456					</p>
457				<div x-show="!showCookieSettings" class="flex flex-col md:flex-row md:items-center gap-2 md:gap-3">
458					<button class="cookiewall-btn-neutral py-4 px-8 rounded shadow-xl w-full md:w-auto"
459						onclick="giveConsent('default')">
460						Akkoord
461					</button>
462					<button class="cookiewall-btn-neutral py-4 px-8 rounded shadow-xl w-full md:w-auto"
463						onclick="giveConsent('functional')">
464						Afwijzen
465					</button>
466					<button class="cookiewall-btn-link py-4 px-4 w-full md:w-auto"
467						@click="showCookieSettings = true">
468						Cookie instellingen aanpassen
469					</button>
470				</div>
471
472				<div id="consentcontainer" x-show="showCookieSettings">
473
474					<div id="cookie_settings" class="mb-6">
475						<span class="cookie-title text-black text-2xl mb-2">Cookie instellingen</span>
476
477						<div class="divide-y divide-gray-200 max-w-xl">
478							<div class="relative flex items-start py-4">
479								<div class="mr-3 flex items-center h-5">
480									<input id="consent-functional" type="checkbox" checked="" disabled="" data-consenttype="functional" data-gtm-variable="necessary"
481									   class="h-5 w-5 border-gray-300 rounded mt-2">
482								</div>
483
484								<div class="min-w-0 flex-1 text-sm">
485									<label for="consent-functional" class="font-medium text-gray-700">Functioneel</label>
486									<label for="consent-functional" class="text-gray-500 block">Deze cookies zijn nodig om ervoor te zorgen dat de website naar behoren werkt</label>
487								</div>
488
489							</div>
490							<div class="relative flex items-start py-4">
491								<div class="mr-3 flex items-center h-5">
492										<input id="consent-analytics" type="checkbox" checked="" disabled="" data-consenttype="analytics"
493										   class="h-5 w-5 border-gray-300 rounded mt-2">
494								</div>
495								<div class="min-w-0 flex-1 text-sm">
496									<label for="consent-analytics" class="font-medium text-gray-700">Analytische cookies</label>
497									<label for="consent-analytics" class="text-gray-500 block">Cookies om het aantal bezoekers van deze site en het aantal unieke bezoekers te kunnen tellen.</label>
498								</div>
499							</div>
500							<div class="relative flex items-start py-4">
501								<div class="mr-3 flex items-center h-5">
502									<input id="consent-socialmedia" type="checkbox" data-consenttype="socialmedia"
503									   class="h-5 w-5 border-gray-300 rounded mt-2">
504								</div>
505								<div class="min-w-0 flex-1 text-sm">
506									<label for="consent-socialmedia" class="font-medium text-gray-700">Sociale media</label>
507									<label for="consent-socialmedia" class="text-gray-500 block">Cookies om gedeelde content van sociale media te kunnen tonen</label>
508								</div>
509							</div>
510
511							<div class="relative flex items-start py-4">
512								<div class="mr-3 flex items-center h-5">
513									<input id="consent-advertisements" type="checkbox" data-consenttype="advertisements"
514									   class="h-5 w-5 border-gray-300 rounded mt-2">
515								</div>
516								<div class="min-w-0 flex-1 text-sm">
517									<label for="consent-advertisements" class="font-medium text-gray-700">Advertenties</label>
518									<label for="consent-advertisements" class="text-gray-500 block">Cookies om relevante advertenties te tonen.</label>
519								</div>
520							</div>
521
522							<div class="relative flex items-start py-4">
523								<div class="mr-3 flex items-center h-5">
524									<input id="consent-marketing" type="checkbox" data-consenttype="marketing"
525									   class="h-5 w-5 border-gray-300 rounded mt-2">
526								</div>
527								<div class="min-w-0 flex-1 text-sm">
528									<label for="consent-marketing" class="font-medium text-gray-700">Marketing</label>
529									<label for="consent-marketing" class="text-gray-500 block">Cookies om onze website zo goed mogelijk aan te laten sluiten op de wensen van onze gebruikers</label>
530								</div>
531							</div>
532						</div>
533
534					</div>
535
536					<div class="flex flex-col md:flex-row md:items-center gap-2 md:gap-3">
537						<button class="cookiewall-btn-accept py-4 px-8 rounded shadow-xl font-bold w-full md:w-auto"
538							onclick="giveConsent('custom')">
539							Opslaan
540						</button>
541						<button class="cookiewall-btn-neutral py-4 px-8 rounded shadow-xl w-full md:w-auto"
542							onclick="giveConsent('default')">
543							Alles accepteren
544						</button>
545						<button class="cookiewall-btn-neutral py-4 px-8 rounded shadow-xl w-full md:w-auto"
546							onclick="giveConsent('functional')">
547							Alles afwijzen
548						</button>
549					</div>
550				</div>
551			</div>
552		</section>
553	</div>
554
555
556
557
558
559
560
561    <div id="pageTopLeaderboard"></div>
562
563
564
565
566
567<script>
568window.gtranslateSettings = {
569"default_language": "nl",
570"languages": ["nl","es","en","de","pt","zh-CN","fr"],
571"wrapper_selector": "#gtranslate_desktop, #gtranslate_mobile",
572"switcher_horizontal_position": "inline",
573"float_switcher_open_direction": "bottom"
574};
575</script>
vendor: 2 bytes, line 575
575
576<script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>
576
577
578<!-- Custom CSS voor gtranslate styling -->
579<style>
580/* Maak gtranslate minder prominent */
581#gtranslate_desktop select,
582#gtranslate_mobile select {
583    font-size: 0.875rem !important; /* text-sm */
584    padding: 0.25rem 0.5rem !important; /* px-2 py-1 */
585    border: 1px solid #d1d5db !important; /* border-gray-300 */
586    border-radius: 0.375rem !important; /* rounded-md */
587    background-color: white !important;
588    color: #374151 !important; /* text-gray-700 */
589    max-width: 80px !important; /* Beperk breedte */
590    box-shadow: none !important; /* Verwijder schaduw */
591}
592
593#gtranslate_mobile select {
594    max-width: 60px !important; /* Nog smaller voor mobiel */
595    font-size: 0.75rem !important; /* text-xs */
596    box-shadow: none !important; /* Verwijder schaduw */
597}
598
599/* Verwijder eventuele achtergrond overlays */
600.gtranslate_wrapper {
601    position: relative !important;
602    z-index: auto !important;
603}
604</style>
605
606<header class="sticky md:relative top-0 w-full z-40 bg-white-500 transition-all pt-0 border-b border-black">
607    <nav x-data="{ open: false }" class="bg-white  shadow md:shadow-none md:bg-none">
608        <div>
609            <div class="max-w-7xl mx-auto px-0 md:px-6 lg:px-8">
610                <div class="relative flex justify-between min-h-16">
611                   
612                    <div class="flex-shrink-0 h-20 md:h-auto flex items-center">
613    <a href="/" class="logo-container md:m-1 m-2">
614        <?xml version="1.0" encoding="UTF-8"?>
615<svg class="w-full max-h-full " id="Laag_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1232.25 383">
616  <!-- Generator: Adobe Illustrator 29.8.3, SVG Export Plug-In . SVG Version: 2.1.1 Build 3)  -->
617  <defs>
618    <style>
619      .st0 {
620        fill: #2c2c2c;
621      }
622
623      .st1 {
624        fill: #ff0082;
625      }
626    </style>
627  </defs>
628  <g>
629    <path class="st1" d="M1.82,92.95c0-3.51,1.76-5.28,5.28-5.28h58.45c9.14,0,17.16,1.02,24.05,3.06s12.69,4.96,17.41,8.76c4.71,3.8,8.26,8.33,10.66,13.61,2.39,5.28,3.59,11.15,3.59,17.62,0,11.26-3.8,20.82-11.39,28.7,9,7.74,13.5,17.8,13.5,30.17,0,6.89-1.2,13.15-3.59,18.78s-5.94,10.44-10.66,14.45c-4.71,4.01-10.52,7.11-17.41,9.28-6.89,2.18-14.91,3.27-24.05,3.27H7.11c-3.52,0-5.28-1.76-5.28-5.28V92.95h-.01ZM82.2,131.35c0-4.5-1.62-7.98-4.85-10.44-3.24-2.46-8.72-3.69-16.46-3.69h-18.99v28.48h18.99c7.73,0,13.22-1.33,16.46-4.01,3.23-2.67,4.85-6.12,4.85-10.34h0ZM41.9,205.83h21.1c7.73,0,13.22-1.44,16.46-4.33,3.23-2.88,4.85-6.65,4.85-11.29s-1.62-8.3-4.85-10.97c-3.24-2.67-8.72-4.01-16.46-4.01h-21.1v30.6h0Z"/>
630    <path class="st0" d="M130.73,161.31c0-10.41,2.04-20.22,6.12-29.43,4.08-9.21,9.63-17.27,16.67-24.16,7.03-6.89,15.3-12.31,24.79-16.25,9.5-3.94,19.66-5.91,30.49-5.91s20.99,1.97,30.49,5.91,17.76,9.36,24.79,16.25,12.59,14.95,16.67,24.16c4.08,9.21,6.12,19.03,6.12,29.43s-2.04,20.46-6.12,29.75c-4.08,9.28-9.64,17.34-16.67,24.16-7.04,6.82-15.3,12.24-24.79,16.25-9.5,4.01-19.66,6.01-30.49,6.01s-20.99-2-30.49-6.01c-9.49-4.01-17.76-9.42-24.79-16.25-7.04-6.82-12.59-14.88-16.67-24.16-4.08-9.29-6.12-19.2-6.12-29.75ZM170.82,161.31c0,5.21.98,10.13,2.95,14.77s4.67,8.72,8.12,12.24c3.45,3.52,7.52,6.26,12.24,8.23,4.71,1.97,9.74,2.96,15.09,2.96s10.09-.98,14.66-2.96c4.57-1.97,8.54-4.71,11.92-8.23,3.38-3.51,6.05-7.6,8.02-12.24s2.95-9.56,2.95-14.77-.99-10.09-2.95-14.66c-1.97-4.57-4.64-8.58-8.02-12.03-3.38-3.45-7.35-6.15-11.92-8.12-4.57-1.97-9.46-2.96-14.66-2.96s-10.38.99-15.09,2.96c-4.71,1.97-8.79,4.68-12.24,8.12-3.45,3.45-6.16,7.46-8.12,12.03-1.97,4.57-2.95,9.46-2.95,14.66Z"/>
631    <path class="st0" d="M341.09,164.69c-.99-1.12-1.48-.91-1.48.63v64.78c0,3.52-1.76,5.28-5.27,5.28h-29.54c-3.52,0-5.28-1.76-5.28-5.28V92.95c0-3.51,1.76-5.28,5.28-5.28h17.3c1.69,0,3.02.63,4.01,1.9l58.45,74.69c.98,1.13,1.48.92,1.48-.63v-70.68c0-3.51,1.76-5.28,5.28-5.28h29.54c3.51,0,5.27,1.76,5.27,5.28v137.15c0,3.52-1.76,5.28-5.27,5.28h-21.73c-1.55,0-2.88-.63-4.01-1.9l-54.01-68.78h-.02Z"/>
632    <path class="st0" d="M545.12,235.37c-3.38,0-5.63-1.69-6.75-5.06l-29.75-97.69h-1.05l-29.54,97.69c-.99,3.38-3.24,5.06-6.75,5.06h-31.65c-3.52,0-4.71-1.69-3.59-5.06l45.15-137.57c1.12-3.38,3.45-5.06,
6326.96-5.06h40.09c3.66,0,5.98,1.69,6.96,5.06l45.15,137.57c1.12,3.38-.07,5.06-3.59,5.06h-31.65,0ZM482.04,173.55h51.06v31.65h-51.06v-31.65Z"/>
633    <path class="st0" d="M590.28,92.95c0-3.51,1.76-5.28,5.28-5.28h29.54c3.51,0,5.27,1.76,5.27,5.28v137.15c0,3.52-1.76,5.28-5.27,5.28h-29.54c-3.52,0-5.28-1.76-5.28-5.28V92.95Z"/>
634    <path class="st0" d="M647.24,92.95c0-3.51,1.76-5.28,5.28-5.28h58.45c9.14,0,17.16,1.09,24.05,3.27s12.69,5.21,17.41,9.07c4.71,3.87,8.26,8.54,10.66,14.03,2.39,5.49,3.59,11.61,3.59,18.36,0,9.28-2.36,17.41-7.07,24.37-4.71,6.96-11.64,12.34-20.78,16.14l30.38,57.81c1.69,3.1.77,4.64-2.74,4.64h-31.65c-3.52,0-6.12-1.55-7.81-4.64l-27.64-52.33h-12.03v51.69c0,3.52-1.76,5.28-5.27,5.28h-29.54c-3.52,0-5.28-1.76-5.28-5.28V92.95h0ZM687.33,148.87h18.99c7.73,0,13.22-1.48,16.46-4.43,3.23-2.95,4.85-6.75,4.85-11.39,0-4.92-1.62-8.79-4.85-11.61-3.24-2.81-8.72-4.22-16.46-4.22h-18.99v31.65Z"/>
635    <path class="st0" d="M816.88,235.37c-5.91,0-11.29-.81-16.14-2.43-4.85-1.62-9-3.94-12.45-6.96s-6.12-6.64-8.02-10.87c-1.9-4.22-2.85-8.86-2.85-13.93v-80.81c0-4.92.95-9.39,2.85-13.4,1.9-4.01,4.57-7.45,8.02-10.34,3.45-2.88,7.6-5.1,12.45-6.65,4.85-1.55,10.23-2.32,16.14-2.32h60.56c3.51,0,5.27,1.76,5.27,5.28v27.43c0,3.52-1.76,5.28-5.27,5.28h-42.2c-5.49,0-9.81,1.05-12.98,3.16-3.16,2.11-4.75,4.93-4.75,8.44v8.44h51.69c3.51,0,5.28,1.76,5.28,5.28v21.1c0,3.52-1.76,5.28-5.28,5.28h-51.69v7.17c0,3.8,1.58,6.89,4.75,9.28s7.49,3.59,12.98,3.59h42.2c3.51,0,5.27,1.76,5.27,5.27v27.43c0,3.52-1.76,5.28-5.27,5.28h-60.56Z"/>
636    <path class="st0" d="M887.1,156.02c0-3.12,1.06-5.74,3.2-7.87,2.13-2.13,4.75-3.2,7.87-3.2s5.74,1.07,7.87,3.2c2.13,2.13,3.2,4.76,3.2,7.87s-1.07,5.74-3.2,7.87c-2.13,2.13-4.76,3.2-7.87,3.2s-5.74-1.07-7.87-3.2c-2.13-2.13-3.2-4.76-3.2-7.87Z"/>
637    <path class="st0" d="M937.57,128.78c-.53-.61-.8-.49-.8.34v35.09c0,1.91-.95,2.86-2.86,2.86h-16c-1.91,0-2.86-.95-2.86-2.86v-74.3c0-1.9.95-2.86,2.86-2.86h9.37c.92,0,1.64.34,2.17,1.03l31.67,40.47c.53.61.8.5.8-.34v-38.29c0-1.9.95-2.86,2.86-2.86h16c1.9,0,2.86.95,2.86,2.86v74.3c0,1.91-.95,2.86-2.86,2.86h-11.77c-.84,0-1.56-.34-2.17-1.03l-29.26-37.27h-.01Z"/>
638    <path class="st0" d="M1058.51,134.61c0,5.03-.8,9.6-2.4,13.72s-3.89,7.66-6.86,10.63-6.54,5.26-10.69,6.86c-4.15,1.6-8.75,2.4-13.77,2.4s-9.62-.8-13.77-2.4c-4.16-1.6-7.72-3.89-10.69-6.86s-5.26-6.52-6.86-10.63c-1.6-4.12-2.4-8.69-2.4-13.72v-44.7c0-1.9.95-2.86,2.86-2.86h16c1.9,0,2.86.95,2.86,2.86v43.78c0,4.19,1.09,7.56,3.26,10.12,2.17,2.55,5.09,3.83,8.75,3.83s6.57-1.28,8.75-3.83c2.17-2.55,3.26-5.93,3.26-10.12v-43.78c0-1.9.95-2.86,2.86-2.86h16c1.9,0,2.86.95,2.86,2.86v44.7h-.02Z"/>
639  </g>
640  <g>
641    <path class="st0" d="M23.04,269.21c12.26,0,21.22,9.08,21.22,20.71s-8.97,21.22-21.22,21.22-21.22-9.31-21.22-2
6411.22,8.97-20.71,21.22-20.71ZM23.04,301.78c5.9,0,10.67-5.11,10.67-11.86s-4.77-11.35-10.67-11.35-10.67,4.88-10.67,11.35,4.77,11.86,10.67,11.86Z"/>
642    <path class="st0" d="M50.5,290.72c0-.8-.45-1.25-1.25-1.25h-2.16v-8.23h8.74c2.67,0,4.09,1.3,4.09,3.29v.4c0,.28-.06.68-.06.68h.11c1.36-2.27,4.09-5.05,9.25-5.05,5.9,0,10.5,2.72,10.5,10.95v9.48c0,.79.45,1.25,1.25,1.25h2.16v8.23h-9.08c-2.89,0-4.14-1.25-4.14-4.14v-12.99c0-2.72-1.08-3.86-3.23-3.86-3.06,0-4.94,1.7-5.79,4.2-.4,1.13-.57,2.44-.57,3.86v12.94h-9.82v-19.75h0Z"/>
643    <path class="st0" d="M102.64,292.08h.4v-.34c0-2.78-1.3-3.8-3.75-3.8-1.25,0-2.55.28-2.55,1.42v1.3h-9.08v-3.24c0-6.52,8.29-6.87,11.63-6.87,10.21,0,13.56,5.22,13.56,11.92v8.51c0,.79.45,1.25,1.25,1.25h2.16v8.23h-8.51c-2.84,0-3.86-1.76-3.86-3.06v-.51h-.11s-2.04,4.26-8.17,4.26c-5.45,0-9.93-3.63-9.93-9.42,0-8.68,12.43-9.65,16.97-9.65h0ZM98.33,303.66c2.55,0,4.82-2.78,4.82-5.17v-.45h-.91c-3.12,0-6.7.85-6.7,3.18,0,1.36.85,2.44,2.78,2.44h0Z"/>
644    <path class="st0" d="M121.7,288.9h-3.57v-7.66h3.57v-.68c0-9.59,8.68-10.9,13.39-10.9,1.76,0,2.95.17,2.95.17v8.29s-.68-.11-1.59-.11c-1.93,0-4.94.34-4.94,2.84v.4h5.39v7.66h-5.39v21.56h-9.82v-21.56h0Z"/>
645    <path class="st0" d="M142.87,279.37c0-.8-.45-1.25-1.25-1.25h-2.16v-8.23h9.08c2.89,0,4.14,1.25,4.14,4.14v8.68c0,1.48-.11,2.5-.11,2.5h.11c1.64-2.89,5.05-4.65,8.91-4.65,5.9,0,10.5,2.72,10.5,10.95v9.48c0,.79.45,1.25,1.25,1.25h2.16v8.23h-9.08c-2.89,0-4.14-1.25-4.14-4.14v-12.99c0-2.72-1.08-3.86-3.23-3.86-3.01,0-4.99,1.76-5.84,4.31-.4,1.13-.51,2.38-.51,3.74v12.94h-9.82v-31.09h-.01Z"/>
646    <path class="st0" d="M195.01,292.08h.4v-.34c0-2.78-1.3-3.8-3.75-3.8-1.25,0-2.55.28-2.55,1.42v1.3h-9.08v-3.24c0-6.52,8.29-6.87,11.63-6.87,10.21,0,13.56,5.22,13.56,11.92v8.51c0,.79.45,1.25,1.25,1.25h2.16v8.23h-8.51c-2.84,0-3.86-1.76-3.86-3.06v-.51h-.11s-2.04,4.26-8.17,4.26c-5.45,0-9.93-3.63-9.93-9.42,0-8.68,12.43-9.65,16.97-9.65h-.01ZM190.7,303.66c2.55,0,4.82-2.78,4.82-5.17v-.45h-.91c-3.12,0-6.7.85-6.7,3.18,0,1.36.85,2.44,2.78,2.44h.01Z"/>
647    <path class="st0" d="M214.07,290.72c0-.8-.45-1.25-1.25-1.25h-2.16v-8.23h8.74c2.67,0,4.09,1.3,4.09,3.29v.4c0,.28-.06.68-.06.68h.11c1.36-2.27,4.09-5.05,9.25-5.05,5.9,0,10.5,2.72,10.5,10.95v9.48c0,.79.45,1.25,1.25,1.25h2.16v8.23h-9.08c-2.89,0-4.14-1.25-4.14-4.14v-12.99c0-2.72-1.08-3.86-3.23-3.86-3.06,0-4.94,1.7-5.79,4.2-.4,1.13-.57,2.44-.57,3.86v12.94h-9.82v-19.75h0Z"/>
648    <path class="st0" d="M251.91,279.37c0-.8-.45-1.25-1.25-1.25h-2.16v-8.23h9.08c2.89,0,4.14.4,4.14,3.29v17.7h1.53c.85,0,1.82,0,2.33-.91l4.77-8.74h10.67l-6.64,11.24c-1.08,1.87-2.16,2.44-2.16,2.44v.11s1.19.45,2.21,2.44l1.87,3.8c.4.79,1.02.96,2.16.96h2.27v8.23h-7.43c-2.1,0-3.24-.34-4.2-2.21l-4.2-8.17c-.51-.96-1.59-.96-2.33-.96h-.85v11.35h-9.82v-31.09h.01Z"/>
649    <path class="st0" d="M297.82,280.56c8.63,0,13.51,6.02,13.51,14.13,0,.96-.23,2.95-.23,2.95h-18.44c.74,3.69,3.69,5.33,6.81,5.33,4.2,0,7.77-3.06,7.77-3.06l3.92,6.58s-4.71,4.65-12.48,4.65c-10.44,0-16.06-7.55-16.06-15.32,0-8.57,5.79-15.26,15.21-15.26h0ZM301.28,291.68c0-1.82-1.42-3.74-3.46-3.74-2.84,0-4.26,1.59-4.88,3.74h8.34Z"/>
650    <path class="st0" d="M317.45,279.37c0-.8-.45-1.25-1.25-1.25h-2.16v-8.23h9.08c2.89,0,4.14,1.25,4.14,4.14v26.96c0,.79.45,1.25,1.25,1.25h2.16v8.23h-9.08c-2.89,0-4.14-1.25-4.14-4.14v-26.95h0Z"/>
651    <path class="st0" d="M336.45,290.72c0-.8-.45-1.25-1.25-1.25h-2.16v-8.23h9.08c2.89,0,4.14,1.25,4.14,4.14v15.6c0,.79.45,1.25,1.25,1.25h2.16v8.23h-9.08c-2.89,0-4.14-1.25-4.14-4.14v-15.6ZM337.19,269.89h8.23v7.95h-8.23v-7.95Z"/>
652    <path class="st0" d="M351.15,313.98c1.93,0,5.28-.45,5.28-3.75v-19.52c0-.8-.45-1.25-1.25-1.25h-2.16v-8.23h9.08c2.89,0,4.14,1.25,4.14,4.14v25.82c0,9.82-9.19,11.06-13.73,11.06-1.59,0-2.61-.17-2.61-.17v-8.17s.51.06,1.25.06h0ZM357.05,269.89h8.23v7.95h-8.23v-7.95Z"/>
653    <path class="st0" d="M374.13,279.37c0-.8-.45-1.25-1.25-1.25h-2.16v-8.23h9.08c2.89,0,4.14.4,4.14,3.29v17.7h1.53c.85,0,1.82,0,2.33-.91l4.77-8.74h10.67l-6.64,11.24c-1.08,1.87-2.16,2.44-2.16,2.44v.11s1.19.45,2.21,2.44l1.87,3.8c.4.79,1.02.96,2.16.96h2.27v8.23h-7.43c-2.1,0-3.24-.34-4.2-2.21l-4.2-8.17c-.51-.96-1.59-.96-2.33-.96h-.85v11.35h-9.82v-31.09h.01Z"/>
654    <path class="st0" d="M435.12,280.56c8.63,0,13.51,6.02,13.51,14.13,0,.96-.23,2.95-.23,2.95h-18.44c.74,3.69,3.69,5.33,6.81,5.33,4.2,0,7.77-3.06,7.77-3.06l3.92,6.58s-4.71,4.65-12.48,4.65c-10.44,0-16.06-7.55-16.06-15.32,0-8.57,5.79-15.26,15.21-15.26h-.01ZM438.58,291.68c0-1.82-1.42-3.74-3.46-3.74-2.84,0-4.26,1.59
654-4.88,3.74h8.34Z"/>
655    <path class="st0" d="M454.98,290.72c0-.8-.45-1.25-1.25-1.25h-2.16v-8.23h8.74c2.67,0,4.09,1.3,4.09,3.29v.4c0,.28-.06.68-.06.68h.11c1.36-2.27,4.09-5.05,9.25-5.05,5.9,0,10.5,2.72,10.5,10.95v9.48c0,.79.45,1.25,1.25,1.25h2.16v8.23h-9.08c-2.89,0-4.14-1.25-4.14-4.14v-12.99c0-2.72-1.08-3.86-3.23-3.86-3.06,0-4.94,1.7-5.79,4.2-.4,1.13-.57,2.44-.57,3.86v12.94h-9.82v-19.75h0Z"/>
656    <path class="st0" d="M517.84,280.56c5.96,0,8.45,3.4,8.45,3.4h.11v-.4c0-.8.91-2.33,3.12-2.33h8.85v8.23h-2.04c-.74,0-1.25.4-1.25,1.08v17.25c0,10.67-8.51,14.58-16.51,14.58-3.92,0-8.23-1.13-11.07-2.61l2.84-7.66s3.57,1.87,8.17,1.87c3.52,0,6.75-1.3,6.75-5.62v-.45c0-.34.06-1.08.06-1.08h-.11c-1.7,1.87-3.92,2.78-7.32,2.78-8.8,0-13.17-7.21-13.17-14.7s4.26-14.36,13.11-14.36v.02ZM525.5,295.03c0-5.17-2.72-6.3-5.67-6.3-3.46,0-5.22,2.5-5.22,5.84,0,3.63,1.7,6.87,5.62,6.87,2.55,0,5.28-1.3,5.28-6.41h-.01Z"/>
657    <path class="st0" d="M556.08,280.56c8.63,0,13.51,6.02,13.51,14.13,0,.96-.23,2.95-.23,2.95h-18.44c.74,3.69,3.69,5.33,6.81,5.33,4.2,0,7.77-3.06,7.77-3.06l3.92,6.58s-4.71,4.65-12.48,4.65c-10.44,0-16.06-7.55-16.06-15.32,0-8.57,5.79-15.26,15.21-15.26h-.01ZM559.55,291.68c0-1.82-1.42-3.74-3.46-3.74-2.84,0-4.26,1.59-4.88,3.74h8.34Z"/>
658    <path class="st0" d="M575.71,279.37c0-.8-.45-1.25-1.25-1.25h-2.16v-8.23h9.08c2.89,0,4.14,1.25,4.14,4.14v6.87c0,1.48-.11,2.5-.11,2.5h.11s2.72-2.84,7.89-2.84c7.94,0,13.17,6.24,13.17,15.32s-5.84,15.27-13.62,15.27c-5.39,0-8-3.01-8-3.01h-.11s.06.74.06,1.65v.68h-9.19v-31.09h-.01ZM590.98,303.03c3.06,0,5.73-2.5,5.73-6.98s-2.33-7.21-5.73-7.21c-2.95,0-5.73,2.16-5.73,7.21,0,3.52,1.87,6.98,5.73,6.98Z"/>
659    <path class="st0" d="M626.27,292.08h.4v-.34c0-2.78-1.3-3.8-3.75-3.8-1.25,0-2.55.28-2.55,1.42v1.3h-9.08v-3.24c0-6.52,8.29-6.87,11.63-6.87,10.21,0,13.56,5.22,13.56,11.92v8.51c0,.79.45,1.25,1.25,1.25h2.16v8.23h-8.51c-2.84,0-3.86-1.76-3.86-3.06v-.51h-.11s-2.04,4.26-8.17,4.26c-5.45,0-9.93-3.63-9.93-9.42,0-8.68,12.43-9.65,16.97-9.65h-.01ZM621.96,303.66c2.55,0,4.82-2.78,4.82-5.17v-.45h-.91c-3.12,0-6.7.85-6.7,3.18,0,1.36.85,2.44,2.78,2.44h0Z"/>
660    <path class="st0" d="M645.1,279.37c0-.8-.45-1.25-1.25-1.25h-2.16v-8.23h9.08c2.89,0,4.14,1.25,4.14,4.14v26.96c0,.79.45,1.25,1.25,1.25h2.16v8.23h-9.08c-2.89,0-4.14-1.25-4.14-4.14v-26.95h0Z"/>
661    <path class="st0" d="M678.01,292.08h.4v-.34c0-2.78-1.3-3.8-3.75-3.8-1.25,0-2.55.28-2.55,1.42v1.3h-9.08v-3.24c0-6.52,8.29-6.87,11.63-6.87,10.21,0,13.56,5.22,13.56,11.92v8.51c0,.79.45,1.25,1.25,1.25h2.16v8.23h-8.51c-2.84,0-3.86-1.76-3.86-3.06v-.51h-.11s-2.04,4.26-8.17,4.26c-5.45,0-9.93-3.63-9.93-9.42,0-8.68,12.43-9.65,16.97-9.65h-.01ZM673.7,303.66c2.55,0,4.82-2.78,4.82-5.17v-.45h-.91c-3.12,0-6.7.85-6.7,3.18,0,1.36.85,2.44,2.78,2.44h0Z"/>
662    <path class="st0" d="M697.08,290.72c0-.8-.45-1.25-1.25-1.25h-2.16v-8.23h8.74c2.67,0,4.09,1.3,4.09,3.29v.4c0,.28-.06.68-.06.68h.11c1.36-2.27,4.09-5.05,9.25-5.05,5.9,0,10.5,2.72,10.5,10.95v9.48c0,.79.45,1.25,1.25,1.25h2.16v8.23h-9.08c-2.89,0-4.14-1.25-4.14-4.14v-12.99c0-2.72-1.08-3.86-3.23-3.86-3.06,0-4.94,1.7-5.79,4.2-.4,1.13-.57,2.44-.57,3.86v12.94h-9.82v-19.75h0Z"/>
663    <path class="st0" d="M748.59,280.56c4.09,0,10.78,1.59,10.78,6.87v4.03h-8.51v-1.53c0-.91-1.08-1.25-2.27-1.25-4.14,0-6.64,3.12-6.64,7.04,0,4.99,3.75,6.98,7.38,6.98,4.2,0,8.06-3.8,8.06-3.8l3.92,6.58s-4.6,5.67-12.94,5.67c-10.44,0-16.29-7.26-16.29-15.32s5.45-15.26,16.51-15.26h0Z"/>
664    <path class="st0" d="M778.27,280.56c8.63,0,13.51,6.02,13.51,14.13,0,.96-.23,2.95-.23,2.95h-18.44c.74,3.69,3.69,5.33,6.81,5.33,4.2,0,7.77-3.06,7.77-3.06l3.92,6.58s-4.71,4.65-12.48,4.65c-10.44,0-16.06-7.55-16.06-15.32,0-8.57,5.79-15.26,15.21-15.26h-.01ZM781.73,291.68c0-1.82-1.42-3.74-3.46-3.74-2.84,0-4.26,1.59-4.88,3.74h8.34Z"/>
665    <path class="st0" d="M810.27,280.56c8.63,0,13.51,6.02,13.51,14.13,0,.96-.23,2.95-.23,2.95h-18.44c.74,3.69,3.69,5.33,6.81,5.33,4.2,0,7.77-3.06,7.77-3.06l3.92,6.58s-4.71,4.65-12.48,4.65c-10.44,0-16.06-7.55-16.06-15.32,0-8.57,5.79-15.26,15.21-15.26h-.01ZM813.73,291.68c0-1.82-1.42-3.74-3.46-3.74-2.84,0-4.26,1.59-4.88,3.74h8.34Z"/>
666    <path class="st0" d="M830.12,290.72c0-.8-.45-1.25-1.25-1.25h-2.16v-8.23h8.68c2.67,0,4.14,1.08,4.14,3.75v1.53c0,.91-.11,1.48-.11,1.48h.11c1.25-3.97,4.94-7.26,9.31-7.26.57,0,1.13.11,1.13.11v9.65s-.79-.17-1.99-.17c-2.33,0-6.13.74-7.55,5.11-.34,1.08-.51,2.38-.51,3.97v11.06h-9.82v-19.75h.02Z"/>
667    <path class="st0" d="M864.96,280.56c5.9,0,7.66,2.04,7.66,2.04h.11s-.06-.57-.06-1.3v-1.93c0-.8-.45-1.25-1.25-1.25h-2.16v-8.23h9.08c2.89,0,4.14,1.25,4.14,4.14v26.96c0,.79.45,1.25,1.25,1.25h2.16v8.23h-8.74c-2.78,0-3.8-1.42-3.8-2.78v-.51h-.11s-2.44,3.97-8.45,3.97c-7.94,0-13.17-6.24-13.17-15.32s5.56-15.26,13.34-15.26h0ZM872.96,295.82c0-3.52-1.87-6.98-5.73-6.98-3.06,0-5.73,2.5-5.73,6.98s2.33,7.21,5.73,7.21c2.95,0,5.73-2.16,5.73-7.21Z"/>
668  </g>
669</svg>
670    </a>
671</div>
672
673                    <!-- Mobiele rechter sectie -->
674                    <div class="flex items-center space-x-1 md:hidden">
675                        <!-- Vertaalwidget mobiel -->
676                        <div class="flex items-center">
677                            <div id="gtranslate_mobile"></div>
678                        </div>
679
680                            <div x-data="{ extraMenuOpen: false }" class="relative">
681                                <button @click="extraMenuOpen = !extraMenuOpen" class="p-2 flex items-center focus:outline-none">
682                                    <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
683                                        <path d="M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z"></path>
684                                    </svg>
685                                </button>
686                                
687                                <div x-cloak x-show="extraMenuOpen" @click.away="extraMenuOpen = false" class="absolute right-0 mt-2 py-2 w-48 bg-white rounded-md shadow-lg z-20">
688                                    
689
690        <div class="relative sm:border-b-0 border-b mr-4 hidden md:block" x-data="{ isOpen: false }">
691            <button type="button" @click="isOpen = !isOpen"
692                    class="text-nav text-gray-900 hover:text-gray-500 font-semibold text-base group inline-flex items-center"
693                    :class="{ 'md:border-transparent hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }"
694                    aria-expanded="false">
695                <span>Kies website</span>
696                <svg class="text-gray-900 hover:text-gray-500 font-semibold text-base ml-2 md:ml-0 h-5 w-5"
697                     :class="{ 'absolute left-0': open,'': !open }"
698                     xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
699                    <path fill-rule="evenodd"
700                          d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
701                          clip-rule="evenodd" />
702                </svg>
703            </button>
704
705            <div class="absolute z-10 -ml-4 mt-3 transform px-2 w-screen max-w-md md:px-0 lg:ml-0 opacity-0"
706                 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak
707                 x-show="isOpen"
708                 @click.away="isOpen = false"
709                 x-transition:enter="transition ease-out duration-200"
710                 x-transition:enter-start="opacity-0 translate-y-1"
711                 x-transition:enter-end="opacity-100 translate-y-0"
712                 x-transition:leave="transition ease-in duration-150"
713                 x-transition:leave-start="opacity-100 translate-y-0"
714                 x-transition:leave-end="opacity-0 translate-y-1">
715
716                <div class=""
717                     :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }">
718                    <div class="relative grid pl-10 ml-2 md:ml-0 gap-6 bg-white px-5 py-6 md:gap-5 md:p-8 pt-0 md:pt-6">
719                            <a href="https://www.aruba.nu" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
720                                <p class="text-base font-medium text-gray-900">
721                                    Aruba.nu
722                                </p>
723                            </a>
724                            <a href="https://www.curacao.nu/" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
725                                <p class="text-base font-medium text-gray-900">
726                                    curacao.nu
727                                </p>
728                            </a>
729                            <a href="https://www.awor.nu" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
730                                <p class="text-base font-medium text-gray-900">
731                                    Awor.nu
732                                </p>
733                            </a>
734                            <a href="https://www.bes-reporter.com" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
735                                <p class="text-base font-medium text-gray-900">
736                                    BES Reporter
737                                </p>
738                            </a>
739                    </div>
740                </div>
741            </div>
742        </div>
743        <a href="https://www.aruba.nu" target="_blank" class="md:hidden block m-2">
744            <button type="button"
745                    class="text-gray-900 hover:text-gray-500 font-semibold text-base text-nav group inline-flex items-center"
746                    :class="{ 'md:border-transparent md:border-b-0 border-b hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }">
747                <span>Aruba.nu</span>
748            </button>
749        </a>
750        <a href="https://www.curacao.nu" target="_blank" class="md:hidden block m-2">
751            <button type="button"
752                    class="text-gray-900 hover:text-gray-500 font-semibold text-base text-nav group inline-flex items-center"
753                    :class="{ 'md:border-transparent md:border-b-0 border-b hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }">
754                <span>
754Curacao.nu</span>
755            </button>
756        </a>
757        <a href="https://www.awor.nu" target="_blank" class="md:hidden block m-2">
758            <button type="button"
759                    class="text-gray-900 hover:text-gray-500 font-semibold text-base text-nav group inline-flex items-center"
760                    :class="{ 'md:border-transparent md:border-b-0 border-b hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }">
761                <span>Awor.nu</span>
762            </button>
763        </a>
764        <a href="https://www.bes-reporter.com" target="_blank" class="md:hidden block m-2">
765            <button type="button"
766                    class="text-gray-900 hover:text-gray-500 font-semibold text-base text-nav group inline-flex items-center"
767                    :class="{ 'md:border-transparent md:border-b-0 border-b hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }">
768                <span>BES Reporter</span>
769            </button>
770        </a>
771
772                                </div>
773                            </div>
774
775                        <div x-data="{ searchOpen: false }" class="relative">
776                            <button @click="searchOpen = !searchOpen; setTimeout(function(){ document.getElementById('searchTerm').focus() }, 200);" class="p-2 flex items-center focus:outline-none focus:border-transparent">
777                                <svg xmlns="http://www.w3.org/2000/svg" class="search-icon w-5 h-5" aria-hidden="true" focusable="false" viewBox="0 0 22 22">
778                                    <path fill-rule="evenodd" d="M8.68 14.467A5.666 5.666 0 0 1 3.147 8.68a5.668 5.668 0 0 1 5.787-5.533 5.668 5.668 0 0 1 5.532 5.788 5.667 5.667 0 0 1-5.788 5.533m12.967 4.905-5.555-5.552c-.012-.01-.025-.014-.037-.024a8.756 8.756 0 0 0 1.561-4.989C17.615 3.95 13.663 0 8.807 0 3.95 0 0 3.95 0 8.807s3.95 8.808 8.807 8.808a8.757 8.757 0 0 0 5.011-1.574l5.201 5.202.005-.005.375.375a.983.983 0 0 0 1.383 0l.864-.862a.975.975 0 0 0 0-1.379"/>
779                                </svg>
780                            </button>
781
782                            <div x-cloak x-show="searchOpen" class="absolute right-0 mt-2 py-2 w-64 border border-grey-dark z-30 bg-white rounded shadow-lg">
783                                <div class="px-4">
784    <form action="/zoek" method="get" class=" px-0 mb-1 py-3 rounded-md flex items-center">
785        <input name="q" type="text" id="searchTerm" action="search" class="text-secondary pl-5 outline-none border-grey-dark w-full"
786               value=""
787               placeholder="Vul je zoekwoord in.."
788               aria-label="Zoeken">
789        <button class="flex items-center focus:outline-none focus:border-transparent" type="submit" aria-label="Zoeken">
790            <svg class="h-5 w-5 text-xl ml-4" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"></path></svg>
791        </button>
792    </form>
793                                </div>
794                            </div>
795                        </div>
796                    </div>
797
798                    
799                    <div class="pubble-ad flex mt-4 mb-4 right-0 hidden md:block justify-end" w="128" h="0" pos="-1" max="1" refreshInterval="5000">
800                    </div> 
801                </div>
802            </div>
803
804            <div> 
805                <div class="max-w-7xl mx-auto px-0 md:px-6 lg:px-8">
806                    <nav class="h-12 space-x-8 ml-1 mt-2  pl-1 md:p-0 h-8 md:h-12 text-sm md:text-base space-x-2 md:space-x-6 !text-white whitespace-nowrap flex relative items-center mr-4">
807 
808                        
809
810        <div class="relative sm:border-b-0 border-b border-white" x-data="{ isOpen: false }">
811            <button type="button" @click="isOpen = !isOpen"
812                    class="text-nav text-gray-900 hover:text-gray-500 font-semibold text-base group inline-flex items-center"
813                    :class="{ 'md:border-transparent hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }"
814                    aria-expanded="false">
815                <span>Nieuws</span>
816                <svg class="text-gray-900 hover:text-gray-500 font-semibold text-base ml-2 md:ml-0 h-5 w-5"
817                     :class="{ 'absolute left-0': open,'': !open }"
818                     xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
819                    <path fill-rule="evenodd"
820                          d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
821                          clip-rule="evenodd" />
822                </svg>
823            </button>
824
825            <div class="absolute z-10 -ml-4 mt-3 transform px-2 w-screen max-w-md md:px-0 lg:ml-0 opacity-0"
826                 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak
827                 x-show="isOpen"
828                 @click.away="isOpen = false"
829                 x-transition:enter="transition ease-out duration-200"
830                 x-transition:enter-start="opacity-0 translate-y-1"
831                 x-transition:enter-end="opacity-100 translate-y-0"
832                 x-transition:leave="transition ease-in duration-150"
833                 x-transition:leave-start="opacity-100 translate-y-0"
834                 x-transition:leave-end="opacity-0 translate-y-1">
835
836                <div class=""
837                     :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }">
838                    <div class="relative grid pl-10 ml-2 md:ml-0 gap-6 bg-white px-5 py-6 md:gap-5 md:p-8 pt-0 md:pt-6">
839                            <a href="/nieuws" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
840                                <p class="text-base font-medium text-gray-900">
841                                    Laatste nieuws
842                                </p>
843                            </a>
844                            <a href="/luchtvaart-en-reizen" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
845                                <p class="text-base font-medium text-gray-900">
846                                    Luchtvaart &amp; Reizen
847                                </p>
848                            </a>
849                            <a href="/politie-en-justitie" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
850                                <p class="text-base font-medium text-gray-900">
851                                    Politie en Justitie
852                                </p>
853                            </a>
854                            <a href="/economie" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
855                                <p class="text-base font-medium text-gray-900">
856                                    Economie
857                                </p>
858                            </a>
859                            <a href="/sport" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
860                                <p class="text-base font-medium text-gray-900">
861                                    Sport
862                                </p>
863                            </a>
864                            <a href="/zoek?q=" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
865                                <p class="text-base font-medium text-gray-900">
866                                    Archief
867                                </p>
868                            </a>
869                    </div>
870                </div>
871            </div>
872        </div>
873        <div class="relative sm:border-b-0 border-b border-white" x-data="{ isOpen: false }">
874            <button type="button" @click="isOpen = !isOpen"
875                    class="text-nav text-gray-900 hover:text-gray-500 font-semibold text-base group inline-flex items-center"
876                    :class="{ 'md:border-transparent hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }"
877                    aria-expanded="false">
878                <span>Vacatures</span>
879                <svg class="text-gray-900 hover:text-gray-500 font-semibold text-base ml-2 md:ml-0 h-5 w-5"
880                     :class="{ 'absolute left-0': open,'': !open }"
881                     xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
882                    <path fill-rule="evenodd"
883                          d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
884                          clip-rule="evenodd" />
885                </svg>
886            </button>
887
888            <div class="absolute z-10 -ml-4 mt-3 transform px-2 w-screen max-w-md md:px-0 lg:ml-0 opacity-0"
889                 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak
890                 x-show="isOpen"
891                 @click.away="isOpen = false"
892                 x-transition:enter="transition ease-out duration-200"
893                 x-transition:enter-start="opacity-0 translate-y-1"
894                 x-transition:enter-end="opacity-100 translate-y-0"
895                 x-transition:leave="transition ease-in duration-150"
896                 x-transition:leave-start="opacity-100 translate-y-0"
897                 x-transition:leave-end="opacity-0 translate-y-1">
898
899                <div class=""
900                     :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }">
901                    <div class="relative grid pl-10 ml-2 md:ml-0 gap-6 bg-white px-5 py-6 md:gap-5 md:p-8 pt-0 md:pt-6">
902                            <a href="/vacatures" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
903                                <p class="text-base font-medium text-gray-900">
904                                    Vacatures
905                                </p>
906                            </a>
907                            <a href="/plaats-je-vacature-op-bonaire-nu-en-vind-snel-de-juiste-medewerker/" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
908                                <p class="text-base font-medium text-gray-900">
909                                    Plaats je vacature
910                                </p>
911                            </a>
912                            <a href="/personeel-en-werk" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
913                                <p class="text-base font-medium text-gray-900">
914                                    Personeel &amp; werk
915                                </p>
916                            </a>
917                            <a href="/nieuws/bedrijfspagina/79851/snel-aan-de-slag-met-tempo-bonaire-xq327a" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
918                                <p class="text-base font-medium text-gray-900">
919                                    Werken bij Tempo Bonaire
920                                </p>
921                            </a>
922                    </div>
923                </div>
924            </div>
925        </div>
926        <div class="relative sm:border-b-0 border-b border-white" x-data="{ isOpen: false }">
927            <button type="button" @click="isOpen = !isOpen"
928                    class="text-nav text-gray-900 hover:text-gray-500 font-semibold text-base group inline-flex items-center"
929                    :class="{ 'md:border-transparent hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }"
930                    aria-expanded="false">
931                <span>Vakantie</span>
932                <svg class="text-gray-900 hover:text-gray-500 font-semibold text-base ml-2 md:ml-0 h-5 w-5"
933                     :class="{ 'absolute left-0': open,'': !open }"
934                     xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
935                    <path fill-rule="evenodd"
936                          d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
937                          clip-rule="evenodd" />
938                </svg>
939            </button>
940
941            <div class="absolute z-10 -ml-4 mt-3 transform px-2 w-screen max-w-md md:px-0 lg:ml-0 opacity-0"
942                 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak
943                 x-show="isOpen"
944                 @click.away="isOpen = false"
945                 x-transition:enter="transition ease-out duration-200"
946                 x-transition:enter-start="opacity-0 translate-y-1"
947                 x-transition:enter-end="opacity-100 translate-y-0"
948                 x-transition:leave="transition ease-in duration-150"
949                 x-transition:leave-start="opacity-100 translate-y-0"
950                 x-transition:leave-end="opacity-0 translate-y-1">
951
952                <div class=""
953                     :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }">
954                    <div class="relative grid pl-10 ml-2 md:ml-0 gap-6 bg-white px-5 py-6 md:gap-5 md:p-8 pt-0 md:pt-6">
955                            <a href="/bedrijven-bonaire" target="_blank" class="menu-item__sub -m
955-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
956                                <p class="text-base font-medium text-gray-900">
957                                    Bedrijvengids
958                                </p>
959                            </a>
960                            <a href="/vakantie" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
961                                <p class="text-base font-medium text-gray-900">
962                                    Vakantie tips
963                                </p>
964                            </a>
965                            <a href="https://www.bonaire.nu/bedrijven-bonaire?Categorie=Restaurants" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
966                                <p class="text-base font-medium text-gray-900">
967                                    Restaurants
968                                </p>
969                            </a>
970                            <a href="https://www.bonaire.nu/bedrijven-bonaire?Categorie=Verblijf&#x2B;en&#x2B;vervoer" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
971                                <p class="text-base font-medium text-gray-900">
972                                    Verblijf en vervoer
973                                </p>
974                            </a>
975                            <a href="https://www.bonaire.nu/bedrijven-bonaire?Categorie=Activiteiten" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
976                                <p class="text-base font-medium text-gray-900">
977                                    Activiteiten
978                                </p>
979                            </a>
980                            <a href="https://www.bonaire.nu/bedrijven-bonaire?Categorie=Shoppen" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
981                                <p class="text-base font-medium text-gray-900">
982                                    Shoppen
983                                </p>
984                            </a>
985                    </div>
986                </div>
987            </div>
988        </div>
989        <div class="relative sm:border-b-0 border-b border-white" x-data="{ isOpen: false }">
990            <button type="button" @click="isOpen = !isOpen"
991                    class="text-nav text-gray-900 hover:text-gray-500 font-semibold text-base group inline-flex items-center"
992                    :class="{ 'md:border-transparent hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }"
993                    aria-expanded="false">
994                <span>Wonen</span>
995                <svg class="text-gray-900 hover:text-gray-500 font-semibold text-base ml-2 md:ml-0 h-5 w-5"
996                     :class="{ 'absolute left-0': open,'': !open }"
997                     xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
998                    <path fill-rule="evenodd"
999                          d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
1000                          clip-rule="evenodd" />
1001                </svg>
1002            </button>
1003
1004            <div class="absolute z-10 -ml-4 mt-3 transform px-2 w-screen max-w-md md:px-0 lg:ml-0 opacity-0"
1005                 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak
1006                 x-show="isOpen"
1007                 @click.away="isOpen = false"
1008                 x-transition:enter="transition ease-out duration-200"
1009                 x-transition:enter-start="opacity-0 translate-y-1"
1010                 x-transition:enter-end="opacity-100 translate-y-0"
1011                 x-transition:leave="transition ease-in duration-150"
1012                 x-transition:leave-start="opacity-100 translate-y-0"
1013                 x-transition:leave-end="opacity-0 translate-y-1">
1014
1015                <div class=""
1016                     :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }">
1017                    <div class="relative grid pl-10 ml-2 md:ml-0 gap-6 bg-white px-5 py-6 md:gap-5 md:p-8 pt-0 md:pt-6">
1018                            <a href="/bedrijven-bonaire" target="_blank" class="menu-item__sub -m
1018-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
1019                                <p class="text-base font-medium text-gray-900">
1020                                    Bedrijvengids
1021                                </p>
1022                            </a>
1023                            <a href="/nieuws/algemeen/14759/uitgelicht-woningaanbod-bonaire" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
1024                                <p class="text-base font-medium text-gray-900">
1025                                    Uitgelicht woningaanbod
1026                                </p>
1027                            </a>
1028                            <a href="https://www.bonaire.nu/bedrijven-bonaire?Categorie=Wonen" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
1029                                <p class="text-base font-medium text-gray-900">
1030                                    Wonen
1031                                </p>
1032                            </a>
1033                            <a href="/woontips" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
1034                                <p class="text-base font-medium text-gray-900">
1035                                    Woontips
1036                                </p>
1037                            </a>
1038                            <a href="https://www.bonaire.nu/bedrijven-bonaire?Categorie=Bouwen" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
1039                                <p class="text-base font-medium text-gray-900">
1040                                    Bouwen en ontwerp
1041                                </p>
1042                            </a>
1043                            <a href="https://www.bonaire.nu/bedrijven-bonaire?Categorie=Zakelijk" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
1044                                <p class="text-base font-medium text-gray-900">
1045                                    Zakelijk
1046                                </p>
1047                            </a>
1048                            <a href="https://www.bonaire.nu/bedrijven-bonaire?Categorie=Lifestyle" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
1049                                <p class="text-base font-medium text-gray-900">
1050                                    Lifestyle
1051                                </p>
1052                            </a>
1053                    </div>
1054                </div>
1055            </div>
1056        </div>
1057        <a href="/agenda">
1058            <button type="button"
1059                    class="text-gray-900 hover:text-gray-500 font-semibold text-base text-nav group inline-flex items-center"
1060                    :class="{ 'md:border-transparent md:border-b-0 border-b hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }">
1061                <span>Uitagenda</span>
1062            </button>
1063        </a>
1064        <div class="relative sm:border-b-0 border-b" x-data="{ isOpen: false }">
1065            <button type="button" @click="isOpen = !isOpen"
1066                    class="text-nav text-gray-900 hover:text-gray-500 font-semibold text-base group inline-flex items-center"
1067                    :class="{ 'md:border-transparent hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }"
1068                    aria-expanded="false">
1069                <span>Contact</span>
1070                <svg class="text-gray-900 hover:text-gray-500 font-semibold text-base ml-2 md:ml-0 h-5 w-5"
1071                     :class="{ 'absolute left-0': open,'': !open }"
1072                     xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
1073                    <path fill-rule="evenodd"
1074                          d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
1075                          clip-rule="evenodd" />
1076                </svg>
1077            </button>
1078
1079            <div class="absolute z-10 -ml-4 mt-3 transform px-2 w-screen max-w-md md:px-0 lg:ml-0 opacity-0"
1080                 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak
1081                 x-show="isOpen"
1082                 @click.away="isOpen = false"
1083                 x-transition:enter="transition ease-out duration-200"
1084                 x-transition:enter-start="opacity-0 translate-y-1"
1085                 x-transition:enter-end="opacity-100 translate-y-0"
1086                 x-transition:leave="transition ease-in duration-150"
1087                 x-transition:leave-start="opacity-100 translate-y-0"
1088                 x-transition:leave-end="opacity-0 translate-y-1">
1089
1090                <div class=""
1091                     :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }">
1092                    <div class="relative grid pl-10 ml-2 md:ml-0 gap-6 bg-white px-5 py-6 md:gap-5 md:p-8 pt-0 md:pt-6">
1093                            <a href="/contact" class="menu-item__sub -m
1093-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
1094                                <p class="text-base font-medium text-gray-900">
1095                                    Contact
1096                                </p>
1097                            </a>
1098                            <a href="/app" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
1099                                <p class="text-base font-medium text-gray-900">
1100                                    App
1101                                </p>
1102                            </a>
1103                    </div>
1104                </div>
1105            </div>
1106        </div>
1107
1108
1109                        <div class="flex-grow"></div>
1110
1111                        <!-- Desktop rechter sectie -->
1112                        <div class="hidden md:flex items-center space-x-4">
1113
1114
1115        <div class="relative sm:border-b-0 border-b mr-4 hidden md:block" x-data="{ isOpen: false }">
1116            <button type="button" @click="isOpen = !isOpen"
1117                    class="text-nav text-gray-900 hover:text-gray-500 font-semibold text-base group inline-flex items-center"
1118                    :class="{ 'md:border-transparent hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }"
1119                    aria-expanded="false">
1120                <span>Kies website</span>
1121                <svg class="text-gray-900 hover:text-gray-500 font-semibold text-base ml-2 md:ml-0 h-5 w-5"
1122                     :class="{ 'absolute left-0': open,'': !open }"
1123                     xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
1124                    <path fill-rule="evenodd"
1125                          d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
1126                          clip-rule="evenodd" />
1127                </svg>
1128            </button>
1129
1130            <div class="absolute z-10 -ml-4 mt-3 transform px-2 w-screen max-w-md md:px-0 lg:ml-0 opacity-0"
1131                 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak
1132                 x-show="isOpen"
1133                 @click.away="isOpen = false"
1134                 x-transition:enter="transition ease-out duration-200"
1135                 x-transition:enter-start="opacity-0 translate-y-1"
1136                 x-transition:enter-end="opacity-100 translate-y-0"
1137                 x-transition:leave="transition ease-in duration-150"
1138                 x-transition:leave-start="opacity-100 translate-y-0"
1139                 x-transition:leave-end="opacity-0 translate-y-1">
1140
1141                <div class=""
1142                     :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }">
1143                    <div class="relative grid pl-10 ml-2 md:ml-0 gap-6 bg-white px-5 py-6 md:gap-5 md:p-8 pt-0 md:pt-6">
1144                            <a href="https://www.aruba.nu" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
1145                                <p class="text-base font-medium text-gray-900">
1146                                    Aruba.nu
1147                                </p>
1148                            </a>
1149                            <a href="https://www.curacao.nu/" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
1150                                <p class="text-base font-medium text-gray-900">
1151                                    curacao.nu
1152                                </p>
1153                            </a>
1154                            <a href="https://www.awor.nu" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
1155                                <p class="text-base font-medium text-gray-900">
1156                                    Awor.nu
1157                                </p>
1158                            </a>
1159                            <a href="https://www.bes-reporter.com" target="_blank" class="menu-item__sub -m
1159-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
1160                                <p class="text-base font-medium text-gray-900">
1161                                    BES Reporter
1162                                </p>
1163                            </a>
1164                    </div>
1165                </div>
1166            </div>
1167        </div>
1168        <a href="https://www.aruba.nu" target="_blank" class="md:hidden block m-2">
1169            <button type="button"
1170                    class="text-gray-900 hover:text-gray-500 font-semibold text-base text-nav group inline-flex items-center"
1171                    :class="{ 'md:border-transparent md:border-b-0 border-b hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }">
1172                <span>Aruba.nu</span>
1173            </button>
1174        </a>
1175        <a href="https://www.curacao.nu" target="_blank" class="md:hidden block m-2">
1176            <button type="button"
1177                    class="text-gray-900 hover:text-gray-500 font-semibold text-base text-nav group inline-flex items-center"
1178                    :class="{ 'md:border-transparent md:border-b-0 border-b hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }">
1179                <span>Curacao.nu</span>
1180            </button>
1181        </a>
1182        <a href="https://www.awor.nu" target="_blank" class="md:hidden block m-2">
1183            <button type="button"
1184                    class="text-gray-900 hover:text-gray-500 font-semibold text-base text-nav group inline-flex items-center"
1185                    :class="{ 'md:border-transparent md:border-b-0 border-b hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }">
1186                <span>Awor.nu</span>
1187            </button>
1188        </a>
1189        <a href="https://www.bes-reporter.com" target="_blank" class="md:hidden block m-2">
1190            <button type="button"
1191                    class="text-gray-900 hover:text-gray-500 font-semibold text-base text-nav group inline-flex items-center"
1192                    :class="{ 'md:border-transparent md:border-b-0 border-b hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }">
1193                <span>BES Reporter</span>
1194            </button>
1195        </a>
1196                            
1197                            <!-- Vertaalwidget desktop -->
1198                            <div class="flex items-center">
1199                                <div id="gtranslate_desktop"></div>
1200                            </div>
1201
1202                            <!-- Desktop zoeken -->
1203                            <div x-data="{ searchOpen: false }" class="relative">
1204                                <button @click="searchOpen = !searchOpen; setTimeout(function(){ document.getElementById('searchTerm').focus() }, 200);" class="flex items-center focus:outline-none focus:border-transparent p-1">
1205                                    <svg x-show="!searchOpen" class="search-icon h-5 w-5 text-gray-500" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
1206                                        <path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"></path>
1207                                    </svg>
1208                                    <svg x-show="searchOpen" aria-hidden="true" focusable="false" class="search-icon h-5 w-5 text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
1209                                        <path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm101.8-262.2L295.6 256l62.2 62.2c4.7 4.7 4.7 12.3 0 17l-22.6 22.6c-4.7 4.7-12.3 4.7-17 0L256 295.6l-62.2 62.2c-4.7 4.7-12.3 4.7-17 0l-22.6-22.6c-4.7-4.7-4.7-12.3 0-17l62.2-62.2-62.2-62.2c-4.7-4.7-4.7-12.3 0-17l22.6-22.6c4.7-4.7 12.3-4.7 17 0l62.2 
120962.2 62.2-62.2c4.7-4.7 12.3-4.7 17 0l22.6 22.6c4.7 4.7 4.7 12.3 0 17z"></path>
1210                                    </svg>
1211                                </button>
1212
1213                                <div x-cloak x-show="searchOpen" class="absolute right-0 mt-2 py-5 w-96 border border-gray-300 z-30 bg-white rounded-md shadow-lg">
1214                                    <span class="text-2xl block pl-5 font-medium text-black leading-normal">Zoeken</span>
1215                                    <div class="px-4">
1216    <form action="/zoek" method="get" class=" px-0 mb-1 py-3 rounded-md flex items-center">
1217        <input name="q" type="text" id="searchTerm" action="search" class="text-secondary pl-5 outline-none border-grey-dark w-full"
1218               value=""
1219               placeholder="Vul je zoekwoord in.."
1220               aria-label="Zoeken">
1221        <button class="flex items-center focus:outline-none focus:border-transparent" type="submit" aria-label="Zoeken">
1222            <svg class="h-5 w-5 text-xl ml-4" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"></path></svg>
1223        </button>
1224    </form>
1225                                    </div>
1226                                </div>
1227                            </div>
1228                        </div>
1229                    </nav>
1230                </div>
1231            </div>
1232            
1233            
1234 
1235 <div class="md:hidden">
1236                <div x-show="open"
1237                     x-transition:enter="transition-opacity ease-linear duration-300"
1238                     x-transition:enter-start="opacity-0"
1239                     x-transition:enter-end="opacity-100"
1240                     x-transition:leave="transition-opacity ease-linear duration-300"
1241                     x-transition:leave-start="opacity-100"
1242                     x-transition:leave-end="opacity-0"
1243                     class="fixed inset-0 bg-gray-600 bg-opacity-75">
1244                </div>
1245                <nav class="h-12 space-x-8 ml-1 mt-2 hidden md:flex relative items-center "
1246                     :class="{ 'fixed inset-0 flex z-50': open, 'hidden relative items-center h-12 space-x-8 ml-1 mt-2': !open }">
1247
1248                    <div x-show="open"
1249                         x-transition:enter="transition ease-in-out duration-300 transform"
1250                         x-transition:enter-start="-translate-x-full"
1251                         x-transition:enter-end="translate-x-0"
1252                         x-transition:leave="transition ease-in-out duration-300 transform"
1253                         x-transition:leave-start="translate-x-0"
1254                         x-transition:leave-end="-translate-x-full"
1255                         class="relative flex-1 flex flex-col max-w-xs w-full pb-4 overflow-auto bg-white " @click.away="open = false">
1256
1257                        <div class="py-5 w-full border border-grey-dark z-10 bg-gray-50">
1258                            <div class="px-4">
1259    <form action="/zoek" method="get" class=" px-0 mb-1 py-3 rounded-md flex items-center">
1260        <input name="q" type="text" id="searchTerm" action="search" class="text-secondary pl-5 outline-none border-grey-dark w-full"
1261               value=""
1262               placeholder="Vul je zoekwoord in.."
1263               aria-label="Zoeken">
1264        <button class="flex items-center focus:outline-none focus:border-transparent" type="submit" aria-label="Zoeken">
1265            <svg class="h-5 w-5 text-xl ml-4" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"></path></svg>
1266        </button>
1267    </form>
1268                            </div>
1269                        </div>
1270 
1271 
1272                        
1273
1274        <div class="relative sm:border-b-0 border-b border-white" x-data="{ isOpen: false }">
1275            <button type="button" @click="isOpen = !isOpen"
1276                    class="text-nav text-gray-900 hover:text-gray-500 font-semibold text-base group inline-flex items-center"
1277                    :class="{ 'md:border-transparent hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }"
1278                    aria-expanded="false">
1279                <span>Nieuws</span>
1280                <svg class="text-gray-900 hover:text-gray-500 font-semibold text-base ml-2 md:ml-0 h-5 w-5"
1281                     :class="{ 'absolute left-0': open,'': !open }"
1282                     xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
1283                    <path fill-rule="evenodd"
1284                          d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
1285                          clip-rule="evenodd" />
1286                </svg>
1287            </button>
1288
1289            <div class="absolute z-10 -ml-4 mt-3 transform px-2 w-screen max-w-md md:px-0 lg:ml-0 opacity-0"
1290                 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak
1291                 x-show="isOpen"
1292                 @click.away="isOpen = false"
1293                 x-transition:enter="transition ease-out duration-200"
1294                 x-transition:enter-start="opacity-0 translate-y-1"
1295                 x-transition:enter-end="opacity-100 translate-y-0"
1296                 x-transition:leave="transition ease-in duration-150"
1297                 x-transition:leave-start="opacity-100 translate-y-0"
1298                 x-transition:leave-end="opacity-0 translate-y-1">
1299
1300                <div class=""
1301                     :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }">
1302                    <div class="relative grid pl-10 ml-2 md:ml-0 gap-6 bg-white px-5 py-6 md:gap-5 md:p-8 pt-0 md:pt-6">
1303                            <a href="/nieuws" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
1304                                <p class="text-base font-medium text-gray-900">
1305                                    Laatste nieuws
1306                                </p>
1307                            </a>
1308                            <a href="/luchtvaart-en-reizen" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
1309                                <p class="text-base font-medium text-gray-900">
1310                                    Luchtvaart &amp; Reizen
1311                                </p>
1312                            </a>
1313                            <a href="/politie-en-justitie" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
1314                                <p class="text-base font-medium text-gray-900">
1315                                    Politie en Justitie
1316                                </p>
1317                            </a>
1318                            <a href="/economie" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
1319                                <p class="text-base font-medium text-gray-900">
1320                                    Economie
1321                                </p>
1322                            </a>
1323                            <a href="/sport" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
1324                                <p class="text-base font-medium text-gray-900">
1325                                    Sport
1326                                </p>
1327                            </a>
1328                            <a href="/zoek?q=" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
1329                                <p class="text-base font-medium text-gray-900">
1330                                    Archief
1331                                </p>
1332                            </a>
1333                    </div>
1334                </div>
1335            </div>
1336        </div>
1337        <div class="relative sm:border-b-0 border-b border-white" x-data="{ isOpen: false }">
1338            <button type="button" @click="isOpen = !isOpen"
1339                    class="text-nav text-gray-900 hover:text-gray-500 font-semibold text-base group inline-flex items-center"
1340                    :class="{ 'md:border-transparent hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }"
1341                    aria-expanded="false">
1342                <span>Vacatures</span>
1343                <svg class="text-gray-900 hover:text-gray-500 font-semibold text-base ml-2 md:ml-0 h-5 w-5"
1344                     :class="{ 'absolute left-0': open,'': !open }"
1345                     xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
1346                    <path fill-rule="evenodd"
1347                          d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
1348                          clip-rule="evenodd" />
1349                </svg>
1350            </button>
1351
1352            <div class="absolute z-10 -ml-4 mt-3 transform px-2 w-screen max-w-md md:px-0 lg:ml-0 opacity-0"
1353                 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak
1354                 x-show="isOpen"
1355                 @click.away="isOpen = false"
1356                 x-transition:enter="transition ease-out duration-200"
1357                 x-transition:enter-start="opacity-0 translate-y-1"
1358                 x-transition:enter-end="opacity-100 translate-y-0"
1359                 x-transition:leave="transition ease-in duration-150"
1360                 x-transition:leave-start="opacity-100 translate-y-0"
1361                 x-transition:leave-end="opacity-0 translate-y-1">
1362
1363                <div class=""
1364                     :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }">
1365                    <div class="relative grid pl-10 ml-2 md:ml-0 gap-6 bg-white px-5 py-6 md:gap-5 md:p-8 pt-0 md:pt-6">
1366                            <a href="/vacatures" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
1367                                <p class="text-base font-medium text-gray-900">
1368                                    Vacatures
1369                                </p>
1370                            </a>
1371                            <a href="/plaats-je-vacature-op-bonaire-nu-en-vind-snel-de-juiste-medewerker/" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
1372                                <p class="text-base font-medium text-gray-900">
1373                                    Plaats je vacature
1374                                </p>
1375                            </a>
1376                            <a href="/personeel-en-werk" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
1377                                <p class="text-base font-medium text-gray-900">
1378                                    Personeel &amp; werk
1379                                </p>
1380                            </a>
1381                            <a href="/nieuws/bedrijfspagina/79851/snel-aan-de-slag-met-tempo-bonaire-xq327a" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
1382                                <p class="text-base font-medium text-gray-900">
1383                                    Werken bij Tempo Bonaire
1384                                </p>
1385                            </a>
1386                    </div>
1387                </div>
1388            </div>
1389        </div>
1390        <div class="relative sm:border-b-0 border-b border-white" x-data="{ isOpen: false }">
1391            <button type="button" @click="isOpen = !isOpen"
1392                    class="text-nav text-gray-900 hover:text-gray-500 font-semibold text-base group inline-flex items-center"
1393                    :class="{ 'md:border-transparent hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }"
1394                    aria-expanded="false">
1395                <span>Vakantie</span>
1396                <svg class="text-gray-900 hover:text-gray-500 font-semibold text-base ml-2 md:ml-0 h-5 w-5"
1397                     :class="{ 'absolute left-0': open,'': !open }"
1398                     xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
1399                    <path fill-rule="evenodd"
1400                          d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
1401                          clip-rule="evenodd" />
1402                </svg>
1403            </button>
1404
1405            <div class="absolute z-10 -ml-4 mt-3 transform px-2 w-screen max-w-md md:px-0 lg:ml-0 opacity-0"
1406                 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak
1407                 x-show="isOpen"
1408                 @click.away="isOpen = false"
1409                 x-transition:enter="transition ease-out duration-200"
1410                 x-transition:enter-start="opacity-0 translate-y-1"
1411                 x-transition:enter-end="opacity-100 translate-y-0"
1412                 x-transition:leave="transition ease-in duration-150"
1413                 x-transition:leave-start="opacity-100 translate-y-0"
1414                 x-transition:leave-end="opacity-0 translate-y-1">
1415
1416                <div class=""
1417                     :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }">
1418                    <div class="relative grid pl-10 ml-2 md:ml-0 gap-6 bg-white px-5 py-6 md:gap-5 md:p-8 pt-0 md:pt-6">
1419                            <a href="/bedrijven-bonaire" target="_blank" class="menu-item__sub -m
1419-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
1420                                <p class="text-base font-medium text-gray-900">
1421                                    Bedrijvengids
1422                                </p>
1423                            </a>
1424                            <a href="/vakantie" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
1425                                <p class="text-base font-medium text-gray-900">
1426                                    Vakantie tips
1427                                </p>
1428                            </a>
1429                            <a href="https://www.bonaire.nu/bedrijven-bonaire?Categorie=Restaurants" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
1430                                <p class="text-base font-medium text-gray-900">
1431                                    Restaurants
1432                                </p>
1433                            </a>
1434                            <a href="https://www.bonaire.nu/bedrijven-bonaire?Categorie=Verblijf&#x2B;en&#x2B;vervoer" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
1435                                <p class="text-base font-medium text-gray-900">
1436                                    Verblijf en vervoer
1437                                </p>
1438                            </a>
1439                            <a href="https://www.bonaire.nu/bedrijven-bonaire?Categorie=Activiteiten" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
1440                                <p class="text-base font-medium text-gray-900">
1441                                    Activiteiten
1442                                </p>
1443                            </a>
1444                            <a href="https://www.bonaire.nu/bedrijven-bonaire?Categorie=Shoppen" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
1445                                <p class="text-base font-medium text-gray-900">
1446                                    Shoppen
1447                                </p>
1448                            </a>
1449                    </div>
1450                </div>
1451            </div>
1452        </div>
1453        <div class="relative sm:border-b-0 border-b border-white" x-data="{ isOpen: false }">
1454            <button type="button" @click="isOpen = !isOpen"
1455                    class="text-nav text-gray-900 hover:text-gray-500 font-semibold text-base group inline-flex items-center"
1456                    :class="{ 'md:border-transparent hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }"
1457                    aria-expanded="false">
1458                <span>Wonen</span>
1459                <svg class="text-gray-900 hover:text-gray-500 font-semibold text-base ml-2 md:ml-0 h-5 w-5"
1460                     :class="{ 'absolute left-0': open,'': !open }"
1461                     xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
1462                    <path fill-rule="evenodd"
1463                          d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
1464                          clip-rule="evenodd" />
1465                </svg>
1466            </button>
1467
1468            <div class="absolute z-10 -ml-4 mt-3 transform px-2 w-screen max-w-md md:px-0 lg:ml-0 opacity-0"
1469                 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak
1470                 x-show="isOpen"
1471                 @click.away="isOpen = false"
1472                 x-transition:enter="transition ease-out duration-200"
1473                 x-transition:enter-start="opacity-0 translate-y-1"
1474                 x-transition:enter-end="opacity-100 translate-y-0"
1475                 x-transition:leave="transition ease-in duration-150"
1476                 x-transition:leave-start="opacity-100 translate-y-0"
1477                 x-transition:leave-end="opacity-0 translate-y-1">
1478
1479                <div class=""
1480                     :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }">
1481                    <div class="relative grid pl-10 ml-2 md:ml-0 gap-6 bg-white px-5 py-6 md:gap-5 md:p-8 pt-0 md:pt-6">
1482                            <a href="/bedrijven-bonaire" target="_blank" class="menu-item__sub -m
1482-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
1483                                <p class="text-base font-medium text-gray-900">
1484                                    Bedrijvengids
1485                                </p>
1486                            </a>
1487                            <a href="/nieuws/algemeen/14759/uitgelicht-woningaanbod-bonaire" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
1488                                <p class="text-base font-medium text-gray-900">
1489                                    Uitgelicht woningaanbod
1490                                </p>
1491                            </a>
1492                            <a href="https://www.bonaire.nu/bedrijven-bonaire?Categorie=Wonen" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
1493                                <p class="text-base font-medium text-gray-900">
1494                                    Wonen
1495                                </p>
1496                            </a>
1497                            <a href="/woontips" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
1498                                <p class="text-base font-medium text-gray-900">
1499                                    Woontips
1500                                </p>
1501                            </a>
1502                            <a href="https://www.bonaire.nu/bedrijven-bonaire?Categorie=Bouwen" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
1503                                <p class="text-base font-medium text-gray-900">
1504                                    Bouwen en ontwerp
1505                                </p>
1506                            </a>
1507                            <a href="https://www.bonaire.nu/bedrijven-bonaire?Categorie=Zakelijk" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
1508                                <p class="text-base font-medium text-gray-900">
1509                                    Zakelijk
1510                                </p>
1511                            </a>
1512                            <a href="https://www.bonaire.nu/bedrijven-bonaire?Categorie=Lifestyle" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
1513                                <p class="text-base font-medium text-gray-900">
1514                                    Lifestyle
1515                                </p>
1516                            </a>
1517                    </div>
1518                </div>
1519            </div>
1520        </div>
1521        <a href="/agenda">
1522            <button type="button"
1523                    class="text-gray-900 hover:text-gray-500 font-semibold text-base text-nav group inline-flex items-center"
1524                    :class="{ 'md:border-transparent md:border-b-0 border-b hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }">
1525                <span>Uitagenda</span>
1526            </button>
1527        </a>
1528        <div class="relative sm:border-b-0 border-b" x-data="{ isOpen: false }">
1529            <button type="button" @click="isOpen = !isOpen"
1530                    class="text-nav text-gray-900 hover:text-gray-500 font-semibold text-base group inline-flex items-center"
1531                    :class="{ 'md:border-transparent hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }"
1532                    aria-expanded="false">
1533                <span>Contact</span>
1534                <svg class="text-gray-900 hover:text-gray-500 font-semibold text-base ml-2 md:ml-0 h-5 w-5"
1535                     :class="{ 'absolute left-0': open,'': !open }"
1536                     xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
1537                    <path fill-rule="evenodd"
1538                          d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
1539                          clip-rule="evenodd" />
1540                </svg>
1541            </button>
1542
1543            <div class="absolute z-10 -ml-4 mt-3 transform px-2 w-screen max-w-md md:px-0 lg:ml-0 opacity-0"
1544                 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak
1545                 x-show="isOpen"
1546                 @click.away="isOpen = false"
1547                 x-transition:enter="transition ease-out duration-200"
1548                 x-transition:enter-start="opacity-0 translate-y-1"
1549                 x-transition:enter-end="opacity-100 translate-y-0"
1550                 x-transition:leave="transition ease-in duration-150"
1551                 x-transition:leave-start="opacity-100 translate-y-0"
1552                 x-transition:leave-end="opacity-0 translate-y-1">
1553
1554                <div class=""
1555                     :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }">
1556                    <div class="relative grid pl-10 ml-2 md:ml-0 gap-6 bg-white px-5 py-6 md:gap-5 md:p-8 pt-0 md:pt-6">
1557                            <a href="/contact" class="menu-item__sub -m
1557-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
1558                                <p class="text-base font-medium text-gray-900">
1559                                    Contact
1560                                </p>
1561                            </a>
1562                            <a href="/app" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
1563                                <p class="text-base font-medium text-gray-900">
1564                                    App
1565                                </p>
1566                            </a>
1567                    </div>
1568                </div>
1569            </div>
1570        </div>
1571
1572
1573                        
1574
1575
1576        <div class="relative sm:border-b-0 border-b mr-4 hidden md:block" x-data="{ isOpen: false }">
1577            <button type="button" @click="isOpen = !isOpen"
1578                    class="text-nav text-gray-900 hover:text-gray-500 font-semibold text-base group inline-flex items-center"
1579                    :class="{ 'md:border-transparent hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }"
1580                    aria-expanded="false">
1581                <span>Kies website</span>
1582                <svg class="text-gray-900 hover:text-gray-500 font-semibold text-base ml-2 md:ml-0 h-5 w-5"
1583                     :class="{ 'absolute left-0': open,'': !open }"
1584                     xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
1585                    <path fill-rule="evenodd"
1586                          d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
1587                          clip-rule="evenodd" />
1588                </svg>
1589            </button>
1590
1591            <div class="absolute z-10 -ml-4 mt-3 transform px-2 w-screen max-w-md md:px-0 lg:ml-0 opacity-0"
1592                 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak
1593                 x-show="isOpen"
1594                 @click.away="isOpen = false"
1595                 x-transition:enter="transition ease-out duration-200"
1596                 x-transition:enter-start="opacity-0 translate-y-1"
1597                 x-transition:enter-end="opacity-100 translate-y-0"
1598                 x-transition:leave="transition ease-in duration-150"
1599                 x-transition:leave-start="opacity-100 translate-y-0"
1600                 x-transition:leave-end="opacity-0 translate-y-1">
1601
1602                <div class=""
1603                     :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }">
1604                    <div class="relative grid pl-10 ml-2 md:ml-0 gap-6 bg-white px-5 py-6 md:gap-5 md:p-8 pt-0 md:pt-6">
1605                            <a href="https://www.aruba.nu" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
1606                                <p class="text-base font-medium text-gray-900">
1607                                    Aruba.nu
1608                                </p>
1609                            </a>
1610                            <a href="https://www.curacao.nu/" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
1611                                <p class="text-base font-medium text-gray-900">
1612                                    curacao.nu
1613                                </p>
1614                            </a>
1615                            <a href="https://www.awor.nu" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
1616                                <p class="text-base font-medium text-gray-900">
1617                                    Awor.nu
1618                                </p>
1619                            </a>
1620                            <a href="https://www.bes-reporter.com" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
1621                                <p class="text-base font-medium text-gray-900">
1622                                    BES Reporter
1623                                </p>
1624                            </a>
1625                    </div>
1626                </div>
1627            </div>
1628        </div>
1629        <a href="https://www.aruba.nu" target="_blank" class="md:hidden block m-2">
1630            <button type="button"
1631                    class="text-gray-900 hover:text-gray-500 font-semibold text-base text-nav group inline-flex items-center"
1632                    :class="{ 'md:border-transparent md:border-b-0 border-b hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }">
1633                <span>Aruba.nu</span>
1634            </button>
1635        </a>
1636        <a href="https://www.curacao.nu" target="_blank" class="md:hidden block m-2">
1637            <button type="button"
1638                    class="text-gray-900 hover:text-gray-500 font-semibold text-base text-nav group inline-flex items-center"
1639                    :class="{ 'md:border-transparent md:border-b-0 border-b hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }">
1640                <span>Curacao.nu</span>
1641            </button>
1642        </a>
1643        <a href="https://www.awor.nu" target="_blank" class="md:hidden block m-2">
1644            <button type="button"
1645                    class="text-gray-900 hover:text-gray-500 font-semibold text-base text-nav group inline-flex items-center"
1646                    :class="{ 'md:border-transparent md:border-b-0 border-b hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }">
1647                <span>Awor.nu</span>
1648            </button>
1649        </a>
1650        <a href="https://www.bes-reporter.com" target="_blank" class="md:hidden block m-2">
1651            <button type="button"
1652                    class="text-gray-900 hover:text-gray-500 font-semibold text-base text-nav group inline-flex items-center"
1653                    :class="{ 'md:border-transparent md:border-b-0 border-b hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }">
1654                <span>BES Reporter</span>
1655            </button>
1656        </a>
1657
1658                    </div>
1659                    <div x-show="open"
1660                         x-transition:enter="ease-in-out duration-300"
1661                         x-transition:enter-start="opacity-0"
1662                         x-transition:enter-end="opacity-100"
1663                         x-transition:leave="ease-in-out duration-300"
1664                         x-transition:leave-start="opacity-100"
1665                         x-transition:leave-end="opacity-0"
1666                         class="absolute top-0 right-0 -mr-12 pt-2">
1667                        <button type="button" class="ml-1 flex items-center justify-center h-10 w-10 rounded-full focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white" @click="open = false" aria-label="Menu sluiten">
1668                            <span class="sr-only">Sluit zijkant</span>
1669                            <svg class="h-6 w-6 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
1670                                <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
1671                            </svg>
1672                        </button>
1673                    </div> 
1674                </nav>
1675            </div>
1676        </div>
1677    </nav>
1678</header>
1679
1680<main role="main" class="pb-3 mt-0 pt-1 md:pt-0 md:mt-4">
1681    
1682
1683
1684
1685
1686    <div >
1687        <div class="max-w-7xl mx-auto px-2 sm:px-6 lg:px-8  builder__row ">
1688                <div class=" builder__column ">
1689                        <div class="    component__button" >
1690
1691
1692
1693<a href="" >
1694		<button class="w-full justify-center inline-flex items-center px-6 py-3 border border-transparent text-base font-medium  shadow-sm text-white bg-primary hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
1695			Nieuws
1696		</button>
1697</a>
1698
1699
1700                        </div>
1701                </div>
1702        </div>
1703    </div>
1704    <div >
1705        <div class="max-w-7xl mx-auto px-2 sm:px-6 lg:px-8 grid grid-cols-12 gap-6 builder__row ">
1706                <div class="content-start col-span-full  lg:col-span-7 mt-4 mb-4 builder__column ">
1707                        <div class="    component__article-row" >
1708
1709
1710
1711
1712
1713
1714
1715<div class="grid gap-3 grid-cols-1 ">
1716        <div class="">
1717                <a :href="/nieuws/nutsvoorzieningen/96757/bonaire-groeit-sneller-dan-drinkwaterinfrastructuur-web-onderzoekt-tweede-waterfabriek" class="w-full h-full shadow-lg transform hover:scale-105 transition duration-500  transition-shadow hover:shadow-xl" href="/nieuws/nutsvoorzieningen/96757/bonaire-groeit-sneller-dan-drinkwaterinfrastru
1717ctuur-web-onderzoekt-tweede-waterfabriek">
1718
1719                    <div class="relative ">
1720                        <div class="relative w-full h-full overflow-hidden">
1721                            <img  :src="https://images.pubble.cloud/worker/jpg/default/840/135688/0231088e/content/2026/10/c7121a19-6a26-4cb8-9b2f-90998d8a4a74" class="w-full 2xl:max-h-132 lg:h-92 xl:h-112-1380  2xl:h-132  h-full  object-center object-cover" src="https://images.pubble.cloud/worker/jpg/default/840/135688/0231088e/content/2026/10/c7121a19-6a26-4cb8-9b2f-90998d8a4a74">
1722                        </div>
1723
1724
1725                        <div class="absolute top-0  inset-x-0 h-full p-1 pb-2 md:p-4 flex items-end overflow-hidden">
1726                           
1727                           
1728                     
1729                           
1730                            <div aria-hidden="true" class="absolute h-1/2 z-10 inset-x-0 bottom-0 p-4 bg-gradient-to-t from-black w-full"></div>
1731                          
1732                            
1733				
1734				
1735
1736
1737
1738 
1739                        <div class=" w-full items-end overflow-hidden">
1740
1741
1742   
1743<div class="mb-2 relative z-20 pl-2 mt-2">
1744
1745
1746        <span class="font-semibold relative z-30 px-4 py-1 bg-primary css-category text-white text-sm">
1747            Nutsvoorzieningen
1748        </span>
1749</div>
1750
1751
1752                 
1753
1754
1755
1756                                <p class="relative pl-2 w-full text-xl z-20  md:text-3xl font-semibold text-white justify-end">Bonaire groeit sneller dan drinkwaterinfrastructuur, WEB onderzoekt tweede waterfabriek</p>
1757                            </div>
1758                        </div>
1759                    </div>
1760                </a>
1761            </div>
1762</div>
1763
1764
1765
1766                        </div>
1767                </div>
1768                <div class="content-start col-span-full  lg:col-span-5 mt-4 mb-4 builder__column ">
1769                        <div class="    component__article-row" >
1770
1771
1772<div>
1773<div class ="border-l-4 border-primary">
1774    </div>
1775
1776
1777
1778</div>
1779                        </div>
1780                </div>
1781        </div>
1782    </div>
1783    <div >
1784        <div class="max-w-7xl -mt-8 md:mt-4 mx-auto px-2 sm:px-6 lg:px-8 grid grid-cols-12 gap-6 builder__row ">
1785                <div class="content-start col-span-full  lg:col-span-2 mt-0 mb-0 builder__column ">
1786                </div>
1787                <div class="content-start col-span-full  lg:col-span-8 mt-0 mb-0 builder__column ">
1788                        <div class="    component__article-row" >
1789
1790
1791<div>
1792
1793
1794<a href="/nieuws/nutsvoorzieningen/96757/bonaire-groeit-sneller-dan-drinkwaterinfrastructuur-web-onderzoekt-tweede-waterfabriek"  class=" group block relative flex flex-wrap m-2 mt-0 ml-0">
1795
1796                <div class="w-4/12 md:w-3/12 p-2 pt-0 pl-0">
1797
1798                    <div class="img-parent relative" style="padding-bottom:56.25%"><picture><source srcset="https://images.pubble.cloud/worker/webp/default/251/135688/0231088e/content/2026/10/c7121a19-6a26-4cb8-9b2f-90998d8a4a74 251w,https://images.pubble.cloud/worker/webp/default/420/135688/0231088e/content/2026/10/c7121a19-6a26-4cb8-9b2f-90998d8a4a74 420w,https://images.pubble.cloud/worker/webp/default/728/135688/0231088e/content/2026/10/c7121a19-6a26-4cb8-9b2f-90998d8a4a74 728w" type="image/webp"  sizes="(min-width: 1215px) 243px, 149px">
1798<img class="img-absolute w-full transition-transform duration-700 ease-in-out group-hover:scale-105" alt="Afbeelding" loading="lazy" src="https://storage.pubble.nl/0231088e/content/2026/10/c7121a19-6a26-4cb8-9b2f-90998d8a4a74_thumb728.jpg" srcset="https://images.pubble.cloud/worker/jpg/default/251/135688/0231088e/content/2026/10/c7121a19-6a26-4cb8-9b2f-90998d8a4a74 251w,https://images.pubble.cloud/worker/jpg/default/420/135688/0231088e/content/2026/10/c7121a19-6a26-4cb8-9b2f-90998d8a4a74 420w,https://images.pubble.cloud/worker/jpg/default/728/135688/0231088e/content/2026/10/c7121a19-6a26-4cb8-9b2f-90998d8a4a74 728w"  sizes="(min-width: 1215px) 243px, 149px"></picture></div>
1799                </div>
1800
1801
1802
1803
1804            <div class="p-2 pt-0 w-8/12 md:w-9/12">
1805                    <span class="font-semibold css-category text-primary uppercase text-sm ">
1806                        Nutsvoorzieningen
1807                    </span>
1808
1809                <span class="font-semibold  group-hover:text-primary duration-300 mt-1 pb-1 block">
1810                    Bonaire groeit sneller dan drinkwaterinfrastructuur, WEB onderzoekt tweede waterfabriek
1811                </span>
1812
1813  
1814
1815                    <span class="font-light text-gray-400 text-sm">
1816                        4 minuten geleden
1817                    </span>
1818
1819
1820
1821            </div>
1822        </a>
1823<a href="/nieuws/natuur/96679/reef-renewal-kweekte-in-2025-naar-schatting-315-000-koraallarven"  class=" group block relative flex flex-wrap m-2 mt-0 ml-0">
1824
1825                <div class="w-4/12 md:w-3/12 p-2 pt-0 pl-0">
1826
1827                    <div class="img-parent relative" style="padding-bottom:56.25%"><picture><source srcset="https://images.pubble.cloud/worker/webp/default/251/135690/0231088e/content/2026/10/46ca8244-a4a1-49f5-88ca-cacbf6ef12a3 251w,https://images.pubble.cloud/worker/webp/default/420/135690/0231088e/content/2026/10/46ca8244-a4a1-49f5-88ca-cacbf6ef12a3 420w,https://images.pubble.cloud/worker/webp/default/728/135690/0231088e/content/2026/10/46ca8244-a4a1-49f5-88ca-cacbf6ef12a3 728w" type="image/webp"  sizes="(min-width: 1215px) 243px, 149px">
1827<img class="img-absolute w-full transition-transform duration-700 ease-in-out group-hover:scale-105" alt="Sterkoraal (Orbicella annularis) kolonie met label dat genotype en soort aangeeft. " loading="lazy" src="https://storage.pubble.nl/0231088e/content/2026/10/46ca8244-a4a1-49f5-88ca-cacbf6ef12a3_thumb728.jpg" srcset="https://images.pubble.cloud/worker/jpg/default/251/135690/0231088e/content/2026/10/46ca8244-a4a1-49f5-88ca-cacbf6ef12a3 251w,https://images.pubble.cloud/worker/jpg/default/420/135690/0231088e/content/2026/10/46ca8244-a4a1-49f5-88ca-cacbf6ef12a3 420w,https://images.pubble.cloud/worker/jpg/default/728/135690/0231088e/content/2026/10/46ca8244-a4a1-49f5-88ca-cacbf6ef12a3 728w"  sizes="(min-width: 1215px) 243px, 149px"></picture></div>
1828                </div>
1829
1830
1831
1832
1833            <div class="p-2 pt-0 w-8/12 md:w-9/12">
1834                    <span class="font-semibold css-category text-primary uppercase text-sm ">
1835                        Natuur
1836                    </span>
1837
1838                <span class="font-semibold  group-hover:text-primary duration-300 mt-1 pb-1 block">
1839                    Reef Renewal kweekte in 2025 naar schatting 315.000 koraallarven
1840                </span>
1841
1842  
1843
1844                    <span class="font-light text-gray-400 text-sm">
1845                        34 minuten geleden
1846                    </span>
1847
1848
1849
1850            </div>
1851        </a>
1852
1853
1854</div>
1855                        </div>
1856                        <div class="my-4    component__pubble-banner" >
1857
1858
1859
1860
1861<div class="pbph  flex Omslag-css grid grid-cols-12  bg-gray-100"
1862
1863w="728"
1864h="0"
1865pos="-1"
1866max="1"
1867sids=""
1868advobject="">
1869
1870
1871</div>
1872                        </div>
1873                        <div class="    component__article-row" >
1874
1875
1876<div>
1877
1878
1879<a href="/nieuws/natuur/96743/uitvoering-klimaatvonnis-bonaire-besproken-in-tweede-kamer"  class=" group block relative flex flex-wrap m-2 mt-0 ml-0">
1880
1881                <div class="w-4/12 md:w-3/12 p-2 pt-0 pl-0">
1882
1883                    <div class="img-parent relative" style="padding-bottom:56.25%"><picture><source srcset="https://images.pubble.cloud/worker/webp/default/251/135646/0231088e/content/2026/10/48ddeb08-53d4-4982-a971-b456893ee1d1 251w,https://images.pubble.cloud/worker/webp/default/420/135646/0231088e/content/2026/10/48ddeb08-53d4-4982-a971-b456893ee1d1 420w,https://images.pubble.cloud/worker/webp/default/728/135646/0231088e/content/2026/10/48ddeb08-53d4-4982-a971-b456893ee1d1 728w" type="image/webp"  sizes="(min-width: 1215px) 243px, 149px">
1883<img class="img-absolute w-full transition-transform duration-700 ease-in-out group-hover:scale-105" alt="Afbeelding" loading="lazy" src="https://storage.pubble.nl/0231088e/content/2026/10/48ddeb08-53d4-4982-a971-b456893ee1d1_thumb728.jpg" srcset="https://images.pubble.cloud/worker/jpg/default/251/135646/0231088e/content/2026/10/48ddeb08-53d4-4982-a971-b456893ee1d1 251w,https://images.pubble.cloud/worker/jpg/default/420/135646/0231088e/content/2026/10/48ddeb08-53d4-4982-a971-b456893ee1d1 420w,https://images.pubble.cloud/worker/jpg/default/728/135646/0231088e/content/2026/10/48ddeb08-53d4-4982-a971-b456893ee1d1 728w"  sizes="(min-width: 1215px) 243px, 149px"></picture></div>
1884                </div>
1885
1886
1887
1888
1889            <div class="p-2 pt-0 w-8/12 md:w-9/12">
1890                    <span class="font-semibold css-category text-primary uppercase text-sm ">
1891                        Natuur
1892                    </span>
1893
1894                <span class="font-semibold  group-hover:text-primary duration-300 mt-1 pb-1 block">
1895                    Uitvoering klimaatvonnis Bonaire besproken in Tweede Kamer
1896                </span>
1897
1898  
1899
1900
1901
1902
1903            </div>
1904        </a>
1905<a href="/nieuws/luchtvaart-reizen/96751/vervangende-motor-nodig-voor-klm-toestel-dat-al-dagen-op-bonaire-staat"  class=" group block relative flex flex-wrap m-2 mt-0 ml-0">
1906
1907                <div class="w-4/12 md:w-3/12 p-2 pt-0 pl-0">
1908
1909                    <div class="img-parent relative" style="padding-bottom:56.25%"><picture><source srcset="https://images.pubble.cloud/worker/webp/default/251/135661/0231088e/content/2026/10/c86f7b64-3319-43d7-a861-31d6b4b05efc 251w,https://images.pubble.cloud/worker/webp/default/420/135661/0231088e/content/2026/10/c86f7b64-3319-43d7-a861-31d6b4b05efc 420w,https://images.pubble.cloud/worker/webp/default/728/135661/0231088e/content/2026/10/c86f7b64-3319-43d7-a861-31d6b4b05efc 728w" type="image/webp"  sizes="(min-width: 1215px) 243px, 149px">
1909<img class="img-absolute w-full transition-transform duration-700 ease-in-out group-hover:scale-105" alt="Afbeelding" loading="lazy" src="https://storage.pubble.nl/0231088e/content/2026/10/c86f7b64-3319-43d7-a861-31d6b4b05efc_thumb728.jpg" srcset="https://images.pubble.cloud/worker/jpg/default/251/135661/0231088e/content/2026/10/c86f7b64-3319-43d7-a861-31d6b4b05efc 251w,https://images.pubble.cloud/worker/jpg/default/420/135661/0231088e/content/2026/10/c86f7b64-3319-43d7-a861-31d6b4b05efc 420w,https://images.pubble.cloud/worker/jpg/default/728/135661/0231088e/content/2026/10/c86f7b64-3319-43d7-a861-31d6b4b05efc 728w"  sizes="(min-width: 1215px) 243px, 149px"></picture></div>
1910                </div>
1911
1912
1913
1914
1915            <div class="p-2 pt-0 w-8/12 md:w-9/12">
1916                    <span class="font-semibold css-category text-primary uppercase text-sm ">
1917                        Luchtvaart & reizen
1918                    </span>
1919
1920                <span class="font-semibold  group-hover:text-primary duration-300 mt-1 pb-1 block">
1921                    Vervangende motor nodig voor KLM-toestel dat al dagen op Bonaire staat
1922                </span>
1923
1924  
1925
1926
1927
1928
1929            </div>
1930        </a>
1931<a href="/nieuws/veiligheid-openbare-orde/96734/haven-bonaire-houdt-veiligheidsoefening-met-carnival-cruise-line"  class=" group block relative flex flex-wrap m-2 mt-0 ml-0">
1932
1933                <div class="w-4/12 md:w-3/12 p-2 pt-0 pl-0">
1934
1935                    <div class="img-parent relative" style="padding-bottom:56.25%"><picture><source srcset="https://images.pubble.cloud/worker/webp/default/251/135635/0231088e/content/2026/10/17e1e44c-600a-4269-a8da-419a6868758e 251w,https://images.pubble.cloud/worker/webp/default/420/135635/0231088e/content/2026/10/17e1e44c-600a-4269-a8da-419a6868758e 420w,https://images.pubble.cloud/worker/webp/default/728/135635/0231088e/content/2026/10/17e1e44c-600a-4269-a8da-419a6868758e 728w" type="image/webp"  sizes="(min-width: 1215px) 243px, 149px">
1935<img class="img-absolute w-full transition-transform duration-700 ease-in-out group-hover:scale-105" alt="Afbeelding" loading="lazy" src="https://storage.pubble.nl/0231088e/content/2026/10/17e1e44c-600a-4269-a8da-419a6868758e_thumb728.jpg" srcset="https://images.pubble.cloud/worker/jpg/default/251/135635/0231088e/content/2026/10/17e1e44c-600a-4269-a8da-419a6868758e 251w,https://images.pubble.cloud/worker/jpg/default/420/135635/0231088e/content/2026/10/17e1e44c-600a-4269-a8da-419a6868758e 420w,https://images.pubble.cloud/worker/jpg/default/728/135635/0231088e/content/2026/10/17e1e44c-600a-4269-a8da-419a6868758e 728w"  sizes="(min-width: 1215px) 243px, 149px"></picture></div>
1936                </div>
1937
1938
1939
1940
1941            <div class="p-2 pt-0 w-8/12 md:w-9/12">
1942                    <span class="font-semibold css-category text-primary uppercase text-sm ">
1943                        Veiligheid & openbare orde
1944                    </span>
1945
1946                <span class="font-semibold  group-hover:text-primary duration-300 mt-1 pb-1 block">
1947                    Haven Bonaire houdt veiligheidsoefening met Carnival Cruise Line
1948                </span>
1949
1950  
1951
1952
1953
1954
1955            </div>
1956        </a>
1957
1958
1959</div>
1960                        </div>
1961                        <div class="my-4    component__pubble-banner" >
1962
1963
1964
1965
1966<div class="pbph  flex Omslag-css grid grid-cols-12  bg-gray-100"
1967
1968w="728"
1969h="0"
1970pos="-1"
1971max="1"
1972sids=""
1973advobject="">
1974
1975
1976</div>
1977                        </div>
1978                        <div class="    component__article-row" >
1979
1980
1981<div>
1982
1983
1984<a href="/nieuws/kunst-cultuur-en-muziek/96736/bijna-drie-kwart-van-bonaire-tevreden-over-cultureel-aanbod-blijkt-uit-cbs-onderzoek"  class=" group block relative flex flex-wrap m-2 mt-0 ml-0">
1985
1986                <div class="w-4/12 md:w-3/12 p-2 pt-0 pl-0">
1987
1988                    <div class="img-parent relative" style="padding-bottom:56.25%"><picture><source srcset="https://images.pubble.cloud/worker/webp/default/251/135638/0231088e/content/2026/10/fac833fa-bb37-47fe-917d-8cbca4e128e3 251w,https://images.pubble.cloud/worker/webp/default/420/135638/0231088e/content/2026/10/fac833fa-bb37-47fe-917d-8cbca4e128e3 420w,https://images.pubble.cloud/worker/webp/default/728/135638/0231088e/content/2026/10/fac833fa-bb37-47fe-917d-8cbca4e128e3 728w" type="image/webp"  sizes="(min-width: 1215px) 243px, 149px">
1988<img class="img-absolute w-full transition-transform duration-700 ease-in-out group-hover:scale-105" alt="Afbeelding" loading="lazy" src="https://storage.pubble.nl/0231088e/content/2026/10/fac833fa-bb37-47fe-917d-8cbca4e128e3_thumb728.jpg" srcset="https://images.pubble.cloud/worker/jpg/default/251/135638/0231088e/content/2026/10/fac833fa-bb37-47fe-917d-8cbca4e128e3 251w,https://images.pubble.cloud/worker/jpg/default/420/135638/0231088e/content/2026/10/fac833fa-bb37-47fe-917d-8cbca4e128e3 420w,https://images.pubble.cloud/worker/jpg/default/728/135638/0231088e/content/2026/10/fac833fa-bb37-47fe-917d-8cbca4e128e3 728w"  sizes="(min-width: 1215px) 243px, 149px"></picture></div>
1989                </div>
1990
1991
1992
1993
1994            <div class="p-2 pt-0 w-8/12 md:w-9/12">
1995                    <span class="font-semibold css-category text-primary uppercase text-sm ">
1996                        Kunst, cultuur en muziek
1997                    </span>
1998
1999                <span class="font-semibold  group-hover:text-primary duration-300 mt-1 pb-1 block">
2000                    Bijna drie kwart van Bonaire tevreden over cultureel aanbod, blijkt uit CBS-onderzoek
2001                </span>
2002
2003  
2004
2005
2006
2007
2008            </div>
2009        </a>
2010<a href="/nieuws/overheid/96731/bonaire-legt-plannen-voor-archieven-vast-tot-2030"  class=" group block relative flex flex-wrap m-2 mt-0 ml-0">
2011
2012                <div class="w-4/12 md:w-3/12 p-2 pt-0 pl-0">
2013
2014                    <div class="img-parent relative" style="padding-bottom:56.25%"><picture><source srcset="https://images.pubble.cloud/worker/webp/default/251/135633/0231088e/content/2026/10/bb808f1c-b09d-4ae0-be47-826a0e3c59e5 251w,https://images.pubble.cloud/worker/webp/default/420/135633/0231088e/content/2026/10/bb808f1c-b09d-4ae0-be47-826a0e3c59e5 420w,https://images.pubble.cloud/worker/webp/default/728/135633/0231088e/content/2026/10/bb808f1c-b09d-4ae0-be47-826a0e3c59e5 728w" type="image/webp"  sizes="(min-width: 1215px) 243px, 149px">
2014<img class="img-absolute w-full transition-transform duration-700 ease-in-out group-hover:scale-105" alt="Afbeelding" loading="lazy" src="https://storage.pubble.nl/0231088e/content/2026/10/bb808f1c-b09d-4ae0-be47-826a0e3c59e5_thumb728.jpg" srcset="https://images.pubble.cloud/worker/jpg/default/251/135633/0231088e/content/2026/10/bb808f1c-b09d-4ae0-be47-826a0e3c59e5 251w,https://images.pubble.cloud/worker/jpg/default/420/135633/0231088e/content/2026/10/bb808f1c-b09d-4ae0-be47-826a0e3c59e5 420w,https://images.pubble.cloud/worker/jpg/default/728/135633/0231088e/content/2026/10/bb808f1c-b09d-4ae0-be47-826a0e3c59e5 728w"  sizes="(min-width: 1215px) 243px, 149px"></picture></div>
2015                </div>
2016
2017
2018
2019
2020            <div class="p-2 pt-0 w-8/12 md:w-9/12">
2021                    <span class="font-semibold css-category text-primary uppercase text-sm ">
2022                        Overheid
2023                    </span>
2024
2025                <span class="font-semibold  group-hover:text-primary duration-300 mt-1 pb-1 block">
2026                    Bonaire legt plannen voor archieven vast tot 2030
2027                </span>
2028
2029  
2030
2031
2032
2033
2034            </div>
2035        </a>
2036<a href="/nieuws/sport/96728/team-rose-pakt-titel-bij-kings-of-the-bario-op-wilhelminaplein"  class=" group block relative flex flex-wrap m-2 mt-0 ml-0">
2037
2038                <div class="w-4/12 md:w-3/12 p-2 pt-0 pl-0">
2039
2040                    <div class="img-parent relative" style="padding-bottom:56.25%"><picture><source srcset="https://images.pubble.cloud/worker/webp/default/251/135623/0231088e/content/2026/10/d756c33e-6501-4ed6-a6ca-abfd5ca5e712 251w,https://images.pubble.cloud/worker/webp/default/420/135623/0231088e/content/2026/10/d756c33e-6501-4ed6-a6ca-abfd5ca5e712 420w,https://images.pubble.cloud/worker/webp/default/728/135623/0231088e/content/2026/10/d756c33e-6501-4ed6-a6ca-abfd5ca5e712 728w" type="image/webp"  sizes="(min-width: 1215px) 243px, 149px">
2040<img class="img-absolute w-full transition-transform duration-700 ease-in-out group-hover:scale-105" alt="Afbeelding" loading="lazy" src="https://storage.pubble.nl/0231088e/content/2026/10/d756c33e-6501-4ed6-a6ca-abfd5ca5e712_thumb728.jpg" srcset="https://images.pubble.cloud/worker/jpg/default/251/135623/0231088e/content/2026/10/d756c33e-6501-4ed6-a6ca-abfd5ca5e712 251w,https://images.pubble.cloud/worker/jpg/default/420/135623/0231088e/content/2026/10/d756c33e-6501-4ed6-a6ca-abfd5ca5e712 420w,https://images.pubble.cloud/worker/jpg/default/728/135623/0231088e/content/2026/10/d756c33e-6501-4ed6-a6ca-abfd5ca5e712 728w"  sizes="(min-width: 1215px) 243px, 149px"></picture></div>
2041                </div>
2042
2043
2044
2045
2046            <div class="p-2 pt-0 w-8/12 md:w-9/12">
2047                    <span class="font-semibold css-category text-primary uppercase text-sm ">
2048                        Sport
2049                    </span>
2050
2051                <span class="font-semibold  group-hover:text-primary duration-300 mt-1 pb-1 block">
2052                    Team Rose pakt titel bij Kings of the Bario op Wilhelminaplein
2053                </span>
2054
2055  
2056
2057
2058
2059
2060            </div>
2061        </a>
2062
2063
2064        <div>
2065            <button type="button"
2066        class="border-gray-200 hover:text-opacity-60 w-full border  border-r border-b  py-3 px-2 rounded text-primary font-semibold"
2067        onclick="loadMore.GetHtml(this, 'ArticleRow', 'ThFSGg8PGmZTGw1qSBFQFgkEBUpuFRUpEA4MHxBUFg8XQEJZW1JXJUddGlpcQ15RHgcGABEVFSIQDhYRHhRnXVpEdVlBU1ErR0AVC0dBQlEfFE4VCU1FNFcYFlwQDEBHQFYaGlkUDHYZG1wTCQEbFloUDRVUS14lH1dbX0EbBhcZEVwaDxQFZhkbUhMJaGoYEUYVDUdLQiQeFkURCBR2UF5aXFMVW1MhRxlZWFZGQEcRGhVFEQMObRBAFgkQBAQHAx4HCBgGBxAECA0BAwkHBBFL');">
2068    Bekijk meer nieuws
2069</button>
2070
2071        </div>
2072</div>
2073                        </div>
2074                </div>
2075                <div class="content-start col-span-full  lg:col-span-2 mt-0 mb-0 builder__column ">
2076                </div>
2077        </div>
2078    </div>
2079    <div >
2080        <div class="max-w-7xl mx-auto px-2 sm:px-6 lg:px-8  builder__row ">
2081                <div class=" builder__column ">
2082                        <div class="mt-10 mb-10    component__pubble-banner" >
2083
2084
2085
2086
2087<div class="pbph  flex Omslag-css grid grid-cols-12  bg-gray-100"
2088
2089w="728"
2090h="0"
2091pos="-1"
2092max="1"
2093sids=""
2094advobject="">
2095
2096
2097</div>
2098                        </div>
2099                </div>
2100        </div>
2101    </div>
2102
2103
2104
2105
2106
2107</main>
2108
2109
2110
2111<footer class="css-bg-footer bg-primary pt-0 sm:mt-10">
2112
2113  <div class="max-w-7xl px-2  pt-5 m-auto text-gray-800 flex flex-wrap justify-left">
2114      <div class="pt-5 ml-2 md:p-0 text-white w-full md:w-3/12 ">
2115                <div class="mt-4 w-60"><img src="https://pubblestorage.blob.core.windows.net/0231088e/content/web/BONAIRE_WHITE_SLOGAN-2.svg" class="mt-4 fr-fic fr-dib"></div>
2116            </div>
2117  </div>
2118    <div class="max-w-7xl px-2  pt-5 m-auto text-gray-800 flex flex-wrap justify-left">
2119        <div class="p-5 w-full gap-12 md:flex ">
2120
2121             <div class="pt-5  md:p-0 text-white w-full md:w-3/12 ">
2122                <h4 class="wp-block-heading">Auteursrecht</h4><div class="widget widget_block widget_text" id="block-3"><p>Het is niet toegestaan berichten of delen daarvan over te nemen zonder schriftelijke toestemming van de desbetreffende auteur. Bij het overnemen van citaten is bronvermelding verplicht. Op foto’s rust eveneens copyright.</p><p><br><a class="underline" href="/algemene-voorwaarden">Lees onze algemene voorwaarden</a></p></div><div class="widget widget_block widget_text" id="block-4"><p style="font-size:14px;"><br></p></div>
2123            </div>
2124
2125
2126                <div class="w-full md:w-6/12 p-0 md:flex">
2127                            <ul class="text-xs pt-2 md:pt-0 text-white w-full font-medium mb-2 md:w-6/12">
2128                                <p class="text-white text-xl mb-4 font-semibold ">Zakelijk</p>
2129                                    <li class="">
2130                                        <a href="https://abconlinemedia.com/adverteren/" target="_blank" class="my-3 block text-white hover:text-gray-100 text-sm font-medium duration-700">
2131                                            Adverteren
2132                                        </a>
2133                                    </li>
2134                                    <li class="">
2135                                        <a href="https://abconlinemedia.com/adverteren/bedrijf-in-the-picture/" target="_blank" class="my-3 block text-white hover:text-gray-100 text-sm font-medium duration-700">
2136                                            Bedrijf in the Picture
2137                                        </a>
2138                                    </li>
2139                                    <li class="">
2140                                        <a href="https://abconlinemedia.com/banner/" target="_blank" class="my-3 block text-white hover:text-gray-100 text-sm font-medium duration-700">
2141                                            Reclamebanners
2142                                        </a>
2143                                    </li>
2144                                    <li class="">
2145                                        <a href="/plaats-je-vacature-op-bonaire-nu-en-vind-snel-de-juiste-medewerker" class="my-3 block text-white hover:text-gray-100 text-sm font-medium duration-700">
2146                                            Vacatureplaatsing
2147                                        </a>
2148                                    </li>
2149                                    <li class="">
2150                                        <a href="/algemene-voorwaarden" class="my-3 block text-white hover:text-gray-100 text-sm font-medium duration-700">
2151                                            Algemene voorwaarden
2152                                        </a>
2153                                    </li>
2154                                    <li class="">
2155                                        <a href="/zoek?q=" class="my-3 block text-white hover:text-gray-100 text-sm font-medium duration-700">
2156                                            Archief
2157                                        </a>
2158                                    </li>
2159                            </ul>
2160                            <ul class="text-xs pt-2 md:pt-0 text-white w-full font-medium mb-2 md:w-6/12">
2161                                <p class="text-white text-xl mb-4 font-semibold ">Websites</p>
2162                                    <li class="">
2163                                        <a href="https://www.aruba.nu" target="_blank" class="my-3 block text-white hover:text-gray-100 text-sm font-medium duration-700">
2164                                            Aruba.nu
2165                                        </a>
2166                                    </li>
2167                                    <li class="">
2168                                        <a href="https://www.curacao.nu/" target="_blank" class="my-3 block text-white hover:text-gray-100 text-sm font-medium duration-700">
2169                                            curacao.nu
2170                                        </a>
2171                                    </li>
2172                                    <li class="">
2173                                        <a href="https://www.awor.nu" target="_blank" class="my-3 block text-white hover:text-gray-100 text-sm font-medium duration-700">
2174                                            Awor.nu
2175                                        </a>
2176                                    </li>
2177                                    <li class="">
2178                                        <a href="https://www.bes-reporter.com" target="_blank" class="my-3 block text-white hover:text-gray-100 text-sm font-medium duration-700">
2179                                            BES Reporter
2180                                        </a>
2181                                    </li>
2182                            </ul>
2183                </div>
2184
2185<div class="pt-5 md:p-0 text-white w-full md:w-3/12 ">
2186              
2187              <div class=" text-white">
2188	<div class="">
2189		<span class="text-xl md:text-xl w-full mb-4  font-bold text-white block ">Nieuwsbrief</span> 
2190	</div>
2191	<div class=" max-w-2xl">
2192		<form action="/nieuwsbrief/aanmelden" method="get" class="relative    w-2xl ">
2193			<input name="email" class="w-full text-primary w-full rounded-md  border-solid   py-4 px-4  outline-none border-white focus:border-green-700" type="text" placeholder="E-mailadres">
2194			<button type="submit" class="bg-white mt-4  right-2  mr-4   py-3 px-6   text-primary font-semibold">Verstuur</button>
2195		</form>
2196	</div> 
2197</div>
2198            </div>
2199         
2200        </div>
2201
2202
2203    <div class="max-w-7xl md:flex ml-2 w-full">
2204
2205        <ul role="list" class="flex w-full items-center ml-1  mt-4 mb-2 ">
2206
2207
2208                <li>
2209                    <div class="mx-2  bg-white hover:bg-opacity-60 text-primary rounded-full items-center justify-center flex p-2 shadow-md">
2210                        <a href="//facebook.com/bonaire.nu" target="_blank" class="flex items-center justify-center w-6 h-6 text-primary  hover:text-gray-100" title="facebook">
2211                            <svg class="h-5 w-5" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="facebook-f" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
2212                                <path fill="currentColor" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path>
2213                            </svg>
2214                        </a>
2215                    </div>
2216                </li>
2217
2218                <li>
2219                    <div class="mx-2  bg-white hover:bg-opacity-60 text-white rounded-full items-center justify-center flex p-2 shadow-md">
2220                        <a href="https://www.instagram.com/bonaire.nu" target="_blank" class="flex items-center justify-center w-6 h-6 text-primary hover:text-gray-100" title="instagram">
2221                            <svg class="h-5 w-5" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="instagram" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
2222                                <path fill="currentColor" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path>
2223                            </svg>
2224                        </a>
2225                    </div>
2226                </li>
2227
2228                <li>
2229                    <div class="mx-2  bg-white hover:bg-opacity-60 text-primary rounded-full items-center justify-center flex p-2 shadow-md">
2230                        <a href="https://x.com/ABCOnlineMedia" target="_blank" class="flex items-center justify-center w-6 h-6 text-primary hover:text-gray-100" title="twitter">
2231                            <svg class="h-4" viewBox="0 0 1200 1227" fill="none" xmlns="http://www.w3.org/2000/svg">
2232                                <path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill="currentColor"/>
2233                            </svg>
2234                        </a>
2235                    </div>
2236                </li>
2237
2238
2239
2240
2241
2242
2243
2244
2245                <li>
2246                    <div class="mx-2  bg-white hover:bg-opacity-60 text-white rounded-full items-center justify-center flex p-2 shadow-md">
2247                        <a href="mailto:[email protected]" target="_blank" class="flex items-center justify-center w-6 h-6 text-white hover:text-gray-100" title="mail de redactie">
2248                            <svg class="h-5 w-5" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="envelope-open" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
2249                                <path fill="currentColor" d="M512 464c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48V200.724a48 48 0 0 1 18.387-37.776c24.913-19.529 45.501-35.365 164.2-121.511C199.412 29.17 232.797-.347 256 .003c23.198-.354 56.596 29.172 73.413 41.433 118.687 86.137 139.303 101.995 164.2 121.512A48 48 0 0 1 512 200.724V464zm-65.666-196.605c-2.563-3.728-7.7-4.595-11.339-1.907-22.845 16.873-55.462 40.705-105.582 77.079-16.825 12.266-50.21 41.781-73.413 41.43-23.211.344-56.559-29.143-73.413-41.43-50.114-36.37-82.734-60.204-105.582-77.079-3.639-2.688-8.776-1.821-11.339 1.907l-9.072 13.196a7.998 7.998 0 0 0 1.839 10.967c22.887 16.899 55.454 40.69 105.303 76.868 20.274 14.781 56.524 47.813 92.264 47.573 35.724.242 71.961-32.771 92.263-47.5
224973 49.85-36.179 82.418-59.97 105.303-76.868a7.998 7.998 0 0 0 1.839-10.967l-9.071-13.196z"></path>
2250                            </svg>
2251                        </a>
2252                    </div>
2253                </li>
2254
2255        </ul>
2256
2257
2258	<div class="flex mt-5 ml-4 md:justify-end space-x-4">
2259	
2260	<a href="https://apps.apple.com/us/app/abc-online-media/id6753170705" rel="noopener noreferrer" target="_blank">
2261		
2262	<img src="https://storage.pubble.nl/16c0059b/content/originals/2023/8/cd970d74-efb7-416f-ad03-1906696e8473_thumb840.jpg" style="width: 150px;" class="fr-fic rounded fr-dib fr-fil">
2263	</a>
2264	
2265	<a href="https://play.google.com/store/apps/details?id=nl.pubble.abcapp" rel="noopener noreferrer" target="_blank">
2266	<img src="https://storage.pubble.nl/16c0059b/content/originals/2023/8/a2414c1a-50d8-4623-8d02-0691f6c0e1c9_thumb840.jpg" style="width: 150px;" class="fr-fic rounded fr-dib fr-fil">
2267	</a>
2268	</div>
2269
2270
2271
2272
2273
2274    </div>
2275
2276    </div>
2277
2278
2279
2280
2281    <div class="pt-2">
2282        <div class="flex pb-5 px-3 m-auto pt-5
2283            border-t  text-white text-sm
2284            flex-col md:flex-row max-w-7xl px-2">
2285            <div class="mt-2">
2286                
2287                Gemaakt met
2288                <a style="font-weight: bold;" href="https://www.pubble.nl/" target="_blank" rel="noopener">
2289                    <img style="width: 60px; height: auto; opacity: 1;" loading="lazy" width="60" height="25" class="inline" src="https://storage.pubble.nl/assets/images/Pubble-w-logo.svg" data-src="https://storage.pubble.nl/assets/images/Pubble-w-logo.svg" alt="">
2290                </a>
2291            </div>
2292        </div>
2293    </div>
2294</footer>
2295
2296
2297
2298
2299
2300
2301
2302    
2302<script type="text/javascript" src="//storage.pubble.cloud/assets/static/js/pubble.script.min.js?version=260925-2"></script>
2302
2303        
2303<script type="text/javascript" src="//storage.pubble.cloud/assets/static/js/pubble/pubble.serve.min.js?v=260925-2"></script>
vendor: 1 bytes, line 2303
2303
2304<script type="text/javascript" src="/lure/js/pubble/lures.js?version=260925-2"></script>
vendor: 1 bytes, line 2304
2304
2305<script src="/components/js/pubble.stats.min.js?app_name=web&version=260925-2" async></script>
2305
2306    
2306<script defer src="/components/rum/pubble-rum.js?v=260925-2"></script>
2306
2307
2308
2309
2310<!-- Curaçao.nu Radio Player Plugin -->
2311<!-- Plak deze code aan het einde van je <body>, vlak voor </body> -->
2312
2313<!-- Turbo Permanent Frame: zorgt dat deze NIET refreshed bij navigatie -->
2314<div data-turbo-permanent="" id="curacao-radio-player-permanent">
2315
2316<!-- Radio Player - Fixed Bottom Bar -->
2317<div id="curacao-radio-player" class="fixed bottom-0 left-0 right-0 shadow-2xl border-t z-50" style="background: rgba(17, 24, 39, 0.9); backdrop-filter: blur(8px); border-color: rgba(75, 85, 99, 0.5);">
2318    <div style="max-width: 1536px; margin: 0 auto; padding: 0.5rem 1rem;">
2319        <div style="display: flex; align-items: center; justify-content: space-between; gap: 1rem; height: 48px;">
2320            
2321            <!-- Logo -->
2322            <div style="flex-shrink: 0;">
2323                <img src="https://storage.pubble.cloud/0231088e/embed/2025/10/preview-2.png" alt="Curaçao.nu" style="height: 1.75rem; width: auto;">
2324            </div>
2325
2326            <!-- Left Section: Station Info -->
2327            <div style="display: flex; align-items: center; gap: 0.75rem; flex: 1; min-width: 0;">
2328                <div style="min-width: 0;">
2329                    <div style="color: white; font-weight: 700; font-size: 0.875rem; line-height: 1.2;">Curaçao.nu 101.1FM</div>
2330                    <div style="color: rgb(156, 163, 175); font-size: 0.75rem; font-weight: 500;">Luister Live</div>
2331                </div>
2332            </div>
2333
2334            <!-- Center: Play/Pause Button -->
2335            <div style="flex-shrink: 0;">
2336                <button id="curacao-play-btn" style="width: 2.5rem; height: 2.5rem; border-radius: 9999px; background: linear-gradient(135deg, #FF0082 0%, #d10069 100%); display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3); transition: all 0.2s; border: none; cursor: pointer; position: relative;">
2337                    <svg id="curacao-play-icon" style="width: 1.25rem; height: 1.25rem; color: white; margin-left: 0.2rem; position: absolute;" fill="currentColor" viewBox="0 0 24 24">
2338                        <path d="M8 5v14l11-7z"></path>
2339                    </svg>
2340                    <svg id="curacao-pause-icon" style="width: 1.25rem; height: 1.25rem; color: white; position: absolute; opacity: 0; visibility: hidden;" fill="currentColor" viewBox="0 0 24 24">
2341                        <path d="M6 4h4v16H6V4zm8 0h4v16h-4V4z"></path>
2342                    </svg>
2343                </button>
2344            </div>
2345
2346            <!-- Right Section: Extra Controls -->
2347            <div style="display: flex; align-items: center; justify-content: flex-end; gap: 0.75rem; flex: 1;">
2348
2349                <!-- Kijk Live Button -->
2350                <a href="https://www.curacao.nu/live" id="curacao-live-btn" style="display: flex; padding: 0.375rem 0.75rem; border-radius: 9999px; background-color: #FF0082; color: white; font-weight: 500; font-size: 0.75rem; text-decoration: none; transition: background-color 0.2s; white-space: nowrap;">
2351                    Kijk Live
2352                </a>
2353                <style>
2354                    @media (min-width: 640px) {
2355                        #curacao-live-btn {
2356                            padding: 0.5rem 1.25rem !important;
2357                            font-size: 0.875rem !important;
2358                        }
2359                    }
2360                    #curacao-live-btn:hover {
2361                        background-color: #d10069;
2362                    }
2363                </style>
2364
2365                <!-- Mute Button -->
2366                <button id="curacao-mute-btn" style="display: none; align-items: center; justify-content: center; width: 2rem; height: 2rem; border-radius: 9999px; background: rgba(31, 41, 55, 0.5); color: rgb(209, 213, 219); transition: all 0.2s; border: none; cursor: pointer; position: relative;">
2367                    <svg id="curacao-volume-icon" style="width: 1rem; height: 1rem; position: absolute;" fill="currentColor" viewBox="0 0 24 24">
2368                        <path d="M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"></path>
2369                    </svg>
2370                    <svg id="curacao-muted-icon" style="width: 1rem; height: 1rem; position: absolute; opacity: 0; visibility: hidden;" fill="currentColor" viewBox="0 0 24 24">
2371                        <path d="M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z"></path>
2372                    </svg>
2373                </button>
2374                <style>
2375                    @media (min-width: 1024px) {
2376                        #curacao-mute-btn {
2377                            display: flex !important;
2378                        }
2379                    }
2380                    #curacao-mute-btn:hover {
2381                        background: rgba(55, 65, 81, 0.5);
2382                        color: white;
2383                    }
2384                    #curacao-play-btn:hover {
2385                        transform: scale(1.05);
2386                    }
2387                    #curacao-play-btn:active {
2388                        transform: scale(0.95);
2389                    }
2390                </style>
2391
2392                <!-- Open in Window Button -->
2393                <button id="curacao-popout-btn" style="display: none; align-items: center; gap: 0.5rem; padding: 0.375rem 0.875rem; border-radius: 9999px; background: rgba(31, 41, 55, 0.5); color: white; font-size: 0.8rem; font-weight: 500; transition: background-color 0.2s; border: none; cursor: pointer;">
2394                    <span>Open in venster</span>
2395                    <svg style="width: 0.875rem; height: 0.875rem;" fill="none" stroke="currentColor" viewBox="0 0 24 24">
2396                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path>
2397                    </svg>
2398                </button>
2399                <style>
2400                    @media (min-width: 640px) {
2401                        #curacao-popout-btn {
2402                            display: flex !important;
2403                        }
2404                    }
2405                    #curacao-popout-btn:hover {
2406                        background: rgba(55, 65, 81, 0.5);
2407                    }
2408                </style>
2409
2410            </div>
2411        </div>
2412    </div>
2413</div>
2414
2415<!-- Audio Element -->
2416<audio id="curacao-radio-stream" preload="none">
2417    <source src="https://media.hostin.live/audio/curacaonu.mp3" type="audio/mpeg">
2418    <source src="https://media.hostin.live/audio/curacaonu.aac" type="audio/aac">
2419</audio>
2420
2421</div>
2422<!-- Einde Turbo Permanent Frame -->
2423
2424<!-- Radio Player Script -->
2425<script>
2426(function() {
2427    'use strict';
2428    
2429    if (window.curacaoRadioInitialized) return;
2430    window.curacaoRadioInitialized = true;
2431
2432    const playBtn = document.getElementById('curacao-play-btn');
2433    const playIcon = document.getElementById('curacao-play-icon');
2434    const pauseIcon = document.getElementById('curacao-pause-icon');
2435    const audio = document.getElementById('curacao-radio-stream');
2436    const muteBtn = document.getElementById('curacao-mute-btn');
2437    const volumeIcon = document.getElementById('curacao-volume-icon');
2438    const mutedIcon = document.getElementById('curacao-muted-icon');
2439    const popoutBtn = document.getElementById('curacao-popout-btn');
2440
2441    audio.volume = 0.7;
2442
2443    playBtn.addEventListener('click', function() {
2444        if (audio.paused) {
2445            audio.play().catch(function(err) {
2446                console.error('Playback error:', err);
2447                alert('Kon audio niet afspelen. Probeer het opnieuw.');
2448            });
2449        } else {
2450            audio.pause();
2451        }
2452    });
2453
2454    audio.addEventListener('play', function() {
2455        playIcon.style.opacity = '0';
2456        playIcon.style.visibility = 'hidden';
2457        pauseIcon.style.opacity = '1';
2458        pauseIcon.style.visibility = 'visible';
2459    });
2460
2461    audio.addEventListener('pause', function() {
2462        playIcon.style.opacity = '1';
2463        playIcon.style.visibility = 'visible';
2464        pauseIcon.style.opacity = '0';
2465        pauseIcon.style.visibility = 'hidden';
2466    });
2467
2468    muteBtn.addEventListener('click', function() {
2469        audio.muted = !audio.muted;
2470        if (audio.muted) {
2471            volumeIcon.style.opacity = '0';
2472            volumeIcon.style.visibility = 'hidden';
2473            mutedIcon.style.opacity = '1';
2474            mutedIcon.style.visibility = 'visible';
2475        } else {
2476            volumeIcon.style.opacity = '1';
2477            volumeIcon.style.visibility = 'visible';
2478            mutedIcon.style.opacity = '0';
2479            mutedIcon.style.visibility = 'hidden';
2480        }
2481    });
2482
2483    popoutBtn.addEventListener('click', function() {
2484        const width = 400;
2485        const height = 300;
2486        const left = (screen.width - width) / 2;
2487        const top = (screen.height - height) / 2;
2488        window.open('https://www.curacao.nu/online-radio-luisteren', 'RadioPlayer', 'width=' + width + ',height=' + height + ',left=' + left + ',top=' + top + ',resizable=yes');
2489    });
2490
2491    window.updateCuracaoNowPlaying = function(data) {
2492        if (data.program) {
2493            document.getElementById('curacao-program-name').textContent = data.program;
2494        }
2495        if (data.track) {
2496            document.getElementById('curacao-track-info').textContent = data.track;
2497        }
2498        if (data.djImage) {
2499            document.getElementById('curacao-dj-image').src = data.djImage;
2500        }
2501    };
2502
2503    document.addEventListener('turbo:before-visit', function(event) {
2504        if (!audio.paused) {
2505            console.log('Radio speelt - Turbo navigatie toegestaan (player blijft staan)');
2506        } else {
2507            event.preventDefault();
2508            const url = event.detail.url;
2509            window.location.href = url;
2510            return;
2511        }
2512    });
2513
2514    document.addEventListener('turbo:load', function() {
2515        console.log('Turbo navigatie voltooid');
2516    });
2517
2518    document.addEventListener('turbo:submit-start', function(event) {
2519        const form = event.target;
2520        event.preventDefault();
2521        form.setAttribute('data-turbo', 'false');
2522        form.submit();
2523    });
2524
2525    console.log('Curaçao.nu Radio Player geïnitialiseerd');
2526})();
2527</script>
2527
2528
2529<style>
2530    body {
2531        padding-bottom: 64px !important;
2532    }
2533</style>
2534    
2534<script type="text/javascript"></script>
2534
2535
2536<!-- web-earth--r192-1-b87dcf8ff-pgklc -->
2537</body>
2538</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.