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+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+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&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&family=Domine:[email protected]&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100..900;1,100..900&family=Winky+Sans:ital,wght@0,300..900;1,300..900&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 & 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 & 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+en+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 & 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 & 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+en+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.