PageSourceSearch

https://www.middelburgseveersebode.nl/search

html middelburgseveersebode.nl collected 2026-10-09 05:12:19 UTC 80,217 bytes, 1,366 lines download raw bytes

1<!DOCTYPE html>
2<html lang="nl">
3<head>
4    <meta charset="utf-8"/>
5    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
6    <title>Zoeken</title>
7    
8
9
10<script type="text/javascript" src="https://mmcdn.nl/tags/telstar/middelburgseveersebode.js"></script>
10<script>
11  (function() {
12    // Controleer of de huidige URL 'bctitletext' bevat
13    if (window.location.href.includes("bctitletext")) {
14      // Maak het script-element aan
15      var script = document.createElement('script');
16      script.src = 'https://nookie.io/projects/branded_content/dist/bcLib.js';
17      script.setAttribute('data-nookie-pubid', 'middelburgseveersebode.nl');
18      // Voeg het script toe aan de <head> van de pagina
19      document.head.appendChild(script);
20    }
21  })();
22</script>
22    
23
24    <style type="text/css">
25        :root {
26            --color-primary: 234, 86, 27;
27            --color-secondary: 94, 94, 94;
28            --color-premium: 213, 43, 30;
29            --color-black: 0, 0, 0;
30            --color-white: 255, 255, 255;
31            --color-gray: 128, 128, 128;
32        }
33
34        @media (prefers-color-scheme: dark) {
35            .dark\:bg-dark {
36                background-color: #121212
37            }
38        }
39    </style>
40
41    <meta name="description" content="Middelburgse Veerse Bode"/>
42
43    <link rel="icon" type="image/png"
44          href="https://storage.pubble.nl/assets/favicons/www/middelburgseveersebode/favicon-48x48.png?v=13xu"
45          sizes="48x48"/>
46    <link rel="icon" type="image/svg+xml"
47          href="https://storage.pubble.nl/assets/favicons/www/middelburgseveersebode/favicon.svg?v=13xu"/>
48    <link rel="shortcut icon"
49          href="https://storage.pubble.nl/assets/favicons/www/middelburgseveersebode/favicon.ico?v=13xu"/>
50    <link rel="apple-touch-icon" sizes="180x180"
51          href="https://storage.pubble.nl/assets/favicons/www/middelburgseveersebode/apple-touch-icon.png?v=13xu"/>
52    <link rel="shortcut icon"
53          href="https://storage.pubble.nl/assets/favicons/www/middelburgseveersebode/favicon.ico?v=13xu">
54    <meta name="apple-mobile-web-app-capable" content="yes">
55
56
57    <link rel="dcterms.rights" href="https://www.middelburgseveersebode.nl/privacy" />
58
59
60    <meta property="og:site_name" content="Middelburgse Veerse Bode" />
61
62    <meta property="og:locale" content="nl_NL" />
63
64<script type="application/ld&#x2B;json">
65    {
66  "@context": "https://schema.org",
67  "@type": "WebSite",
68  "name": "Middelburgse Veerse Bode",
69  "url": "https://middelburgseveersebode.nl/",
70  "potentialAction": {
71    "@type": "SearchAction",
72    "target": {
73      "@type": "EntryPoint",
74      "urlTemplate": "https://middelburgseveersebode.nl/search?q={search_term_string}"
75    },
76    "queryInput": "required name=search_term_string"
77  }
78}
79</script>
79
80    
81
82
83<script type="text/javascript">
84    var exports = {};
85    var pubbleEnv = {
86        pubbleContentApiKey: 'cDxLxxrNLyi6BNel0XyFrlGmBuung/kpKlLWCKVyptw=',
87        pubbleContentApiHash: 'enZhbWVkaWFjZW50cnVtZGF0YXwzMHxtaWRkZWxidXJnc2V2ZWVyc2Vib2RlLm5s',
88        domain: 'middelburgseveersebode.nl',
89        siteHosts: [],
90        language: 'nl',
91        commonDomain: '',
92        userId: typeof ConsentGiven !== "function" || ConsentGiven('marketing') ? '0' : null,
93        subscriptions: null,
94        pushEnabled: true,
95        regionPages: false,
96        regionPagesAutoRedirect: false,
97        isAuthenticated: false,
98        hasPrivileges: false,
99        region: '',
100    };
101    var lureArticle = {
102        articleAccessLevel: 'null',
103        userAccessLevel: 'Visitor',
104        articlesLeft: -1,
105        articleId: null,
106        hasAccess: false,
107        giftToken: '',
108        articleHeadline: '',
109        articleType: 'null',
110        authorIds: [],
111        articleContentType: 'null',
112        articleIsLiveBlog: false,
113        articleCategory: '',
114        articleSubcategory: '',
115        articleStatus: 'inactive',
116        articleSource: '',
117        articleAuthors: '',
118        articleDate: ''
119    }
120
121    var pubbleStatsContext = null;
122
123    window.dataLayer = window.dataLayer || [];
124
125    window.dataLayer.push({
126        'articleId': null,
127        'userId': typeof ConsentGiven !== "function" || ConsentGiven('marketing') ? '0' : 'n.a.',
128        'pageType': 'home',
129        'region': ''
130    });
131</script>
131
132    
133<meta name="robots" content="noindex, follow">
134
135
136    <link rel="dns-prefetch" href="//storage.pubble.cloud">
137    <link rel="dns-prefetch" href="//storage.pubble.nl">
138
139    <link rel="stylesheet" href="//storage.pubble.cloud/assets/static/css/tailwind.styles.min.css?v=261008-1"/>
140    
140<script>window.PubbleAssets = { base: '//storage.pubble.cloud/assets/static', v: '260925-2' };</script>
140
141
142    
142<script defer src="https://storage.pubble.nl/assets/web/alpine-intersect-3-10-5.cdn.min.js"></script>
142
143    <style>[x-cloak] {
144            display: none !important;
145        }
146    </style>
147<style>
148  body {
149    margin: 0;
150    font-family: sans-serif;
151  }
152
153  .banner--Zeeuws {
154    position: relative;
155    background-color: #1063AD;
156    color: white;
157    padding: 10px;
158    display: flex;
159    overflow: hidden;
160    z-index: 1;
161  }
162
163  .banner--Zeeuws::before {
164    content: '';
165    position: absolute;
166    top: -10px;
167    left: 0;
168    width: 100%;
169    height: 20px;
170    background-color: white;
171    z-index: 2;
172  }
173
174  .banner-inner {
175    display: flex;
176    flex-wrap: wrap;
177    align-items: center;
178    gap: 8px;
179    max-width: 1200px;
180    width: 100%;
181  }
182
183  .image-left {
184    flex-shrink: 0;
185    margin-top: -10px;
186    margin-left: -10px;
187margin-bottom: -10px;
188    z-index: 3;
189  }
190
191  .image-left img {
192    max-width: clamp(140px, 25vw, 270px); /* responsive breedte */
193    height: auto;
194    border-radius: 0;
195    display: block;
196  }
197
198  .content-area {
199    display: flex;
200    flex: 1;
201    flex-wrap: wrap;
202    align-items: center;
203    gap: 10px;
204  }
205
206  .text-block {
207    flex: 1;
208    min-width: 250px;
209  }
210
211  .text-block h1 {
212    font-size: clamp(0.5rem, 4vw, 2rem); /* responsive grootte */
213    font-weight: bold;
214    line-height: 1.3;
215    margin-bottom: 5px;
216  }
217
218.buttons {
219  display: flex;
220  gap: 10px;
221  flex-wrap: wrap;
222 justify-content: flex-start; /* ruimte verdelen */
223}
224
225.buttons a {
226  flex-grow: 1; /* laat ze groeien als er ruimte is */
227  flex-basis: auto;
228  text-align: center;
229  white-space: nowrap;
230  text-decoration: none;
231  background-color: white;
232  color: black;
233  padding: 10px 10px;
234  border-radius: 10px;
235  font-size: 0.9rem;
236  font-weight: bold;
237  transition: background-color 0.3s ease;
238}
239
240  .buttons a:hover {
241    background-color: black;
242    color: white;
243  }
244
245  .buttons a:focus {
246    outline: 2px solid white;
247    outline-offset: 2px;
248  }
249
250@media (max-width: 600px) {
251  .image-left {
252    display: none;
253  }
254  .text-block {
255    text-align: center;
256  }
257  .banner::before {
258 height: 0px;
259}
260}
261</style><!-- Google tag (gtag.js) -->
vendor: 67 bytes, lines 261-262
261
262<script async="" src="https://www.googletagmanager.com/gtag/js?id=
262G-L6KV7GMVFF
vendor: 12 bytes, line 262
262"></script>
263<script>
264  
vendor: 134 bytes, lines 264-268
264window.dataLayer = window.dataLayer || [];
265  function gtag(){dataLayer.push(arguments);}
266  gtag('js', new Date());
267
268  gtag('config', '
268G-L6KV7GMVFF
vendor: 4 bytes, line 268
268');
269</script>
269<style type="text/css">
270
271.leaderboarddiv {
272	    background: #ffffff! important;
273}
274
275.from-black {
276    --tw-gradient-from: #000000 !important;
277    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to,transparent);
278}
279
280img {  
281   user-drag: none;  
282   user-select: none;
283   -moz-user-select: none;
284   -webkit-user-drag: none;
285   -webkit-user-select: none;
286   -ms-user-select: none;
287}
288
289.button-container {
290  display: flex;
291  flex-wrap: wrap;
292  gap: 1rem; /* ruimte tussen de knoppen */
293}
294
295.responsive-button {
296  flex: 1 1 100%; /* default: neemt volledige breedte */
297  padding: 1rem;
298  font-size: 1rem;
299}
300
301/* Als het scherm breed genoeg is, zet ze naast elkaar */
302@media (min-width: 600px) {
303  .responsive-button {
304    flex: 1 1 0; /* even groot */
305  }
306}
307
308</style></head>
309<body class="">
310
311
312
313
314
315
316
317
318
319
320    <div id="pageTopLeaderboard"></div>
321
322
323
324
325<header class="sticky md:relative top-0 w-full z-20 bg-white-500 transition-all pt-0">
326
327    <nav x-data="{ open: false }" class="bg-white  shadow md:shadow-none	md:bg-none">
328        <div>
329            <div class="max-w-7xl mx-auto px-0 md:px-6 lg:px-8">
330                <div class="relative flex justify-between min-h-16">
331                    <div class="absolute px-2 inset-y-0 left-0 flex items-center md:hidden">
332                        <button type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500" aria-controls="mobile-menu" @click="open = !open; document.body.classList.toggle('overflow-hidden');" aria-expanded="false" x-bind:aria-expanded="open.toString()">
333                            <svg x-state:on="Menu open" x-state:off="Menu closed" class="h-6 w-6 block css-hamburgermenu" :class="{ 'hidden': open, 'block': !(open) }" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
334                                <path stroke-linecap="round" class="css-hamburgermenu-p" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
335                            </svg>
336                            <svg x-state:on="Menu open" x-state:off="Menu closed" class="h-6 w-6 hidden css-hamburgermenu" :class="{ 'block': open, 'hidden': !(open) }" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
337                                <path stroke-linecap="round" class="css-hamburgermenu-p" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
338                            </svg>
339                        </button>
340                    </div>
341                    <div class="flex-1 flex items-center justify-center md:items-stretch md:justify-start">
342                        <div class="flex-shrink-0 h-16 md:h-auto flex items-center">
343                            <a href="/" class="w-48 md:w-full">
344                                <?xml version="1.0" encoding="UTF-8"?>
345<svg class="w-full max-h-full " id="Laag_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 282.83 35.72">
346  <!-- Generator: Adobe Illustrator 29.8.2, SVG Export Plug-In . SVG Version: 2.1.1 Build 3)  -->
347  <defs>
348    <style>
349      .st0 {
350        fill: none;
351      }
352
353      .st1 {
354        fill: #1d1d1b;
355      }
356
357      .st2 {
358        clip-path: url(#clippath-1);
359      }
360
361      .st3 {
362        clip-path: url(#clippath-2);
363      }
364
365      .st4 {
366        fill: #ea561b;
367      }
368
369      .st5 {
370        fill: #10a6de;
371      }
372
373      .st6 {
374        clip-path: url(#clippath);
375      }
376    </style>
377    <clipPath id="clippath">
378      <rect class="st0" width="282.83" height="35.72"/>
379    </clipPath>
380    <clipPath id="clippath-1">
381      <rect class="st0" width="282.83" height="35.72"/>
382    </clipPath>
383    <clipPath id="clippath-2">
384      <rect class="st0" width="282.83" height="35.72"/>
385    </clipPath>
386  </defs>
387  <g class="st6">
388    <path class="st1" d="M66.66,8.32c0-4.19-2.06-5.41-4.73-5.41h-2.44v11.04h2.72c2.73,0,4.44-1.94,4.44-5.64M62.06,1.57c3.84,0,6.25,2.13,6.25,6.36,0,5.45-2.91,7.37-6.13,7.37h-4.31V1.57h4.19Z"/>
389    <path class="st1" d="M76.72,7.49c0-.97-.64-1.55-1.57-1.55-2.21,0-3.05,2.08-3.12,3.69,1.11.08,4.69-.06,4.69-2.15M70.44,10.32c0-3.05,1.71-5.57,4.79-5.57,1.92,0,3.01,1.03,3.01,2.56,0,3.37-4.27,3.63-6.19,3.57.08,1.67.89,3.43,3.05,3.43,1.4,0,2.27-.66,2.64-.95l.62,1.1c-.52.43-1.69,1.13-3.34,1.13-3.22,0-4.58-2.19-4.58-5.26"/>
390  </g>
391  <polygon class="st1" points="88.52 1.57 91.29 9.27 91.37 9.27 94.22 1.57 97.87 1.57 98.57 15.29 95.23 15.29 94.82 8.11 94.76 8.11 92.55 13.91 90.05 13.91 87.86 8.24 87.8 8.24 87.39 15.29 84.04 15.29 84.83 1.57 88.52 1.57"/>
392  <g class="st2">
393    <path class="st1" d="M103.9,15.29h-3.47V4.75h3.47v10.55ZM100.33,1.71c0-.93.7-1.71,1.82-1.71s1.84.78,1.84,1.71-.74,1.71-1.84,1.71-1.82-.72-1.82-1.71"/>
394    <path class="st1" d="M111.6,12.01v-4.99c-.21-.08-.48-.16-.81-.16-1.59,0-1.96,1.75-1.96,3.4s.31,2.89,1.47,2.89c.78,0,1.3-.6,1.3-1.14M105.41,10.55c0-3.59,1.79-6.13,5.18-6.13.45,0,.77.06,1.01.12V.95h3.4v12.1l.23,2.25h-2.89l-.19-.99h-.12c-.39.72-1.32,1.32-2.52,1.32-3.45,0-4.11-2.7-4.11-5.08"/>
395    <path class="st1" d="M122.85,12.01v-4.99c-.21-.08-.48-.16-.81-.16-1.59,0-1.96,1.75-1.96,3.4s.31,2.89,1.47,2.89c.78,0,1.3-.6,1.3-1.14M116.66,10.55c0-3.59,1.79-6.13,5.18-6.13.45,0,.77.06,1.01.12V.95h3.4v12.1l.23,2.25h-2.89l-.19-.99h-.12c-.39.72-1.32,1.32-2.52,1.32-3.45,0-4.11-2.7-4.11-5.08"/>
396    <path class="st1" d="M133.85,7.68c0-.52-.33-.85-.85-.85-1.03,0-1.67.97-1.74,2.4,1.11-.06,2.58-.54,2.58-1.55M127.91,10.3c0-2.99,1.79-5.88,5.3-5.88,2.17,0,3.61,1.05,3.61,3.24,0,2.97-3.22,3.61-5.41,3.73.14.89.78,1.67,2.04,1.67.99,0,1.9-.45,2.54-.89l.93,2.27c-.1.1-1.67,1.18-3.96,1.18-3.61,0-
3965.06-2.19-5.06-5.32"/>
397    <path class="st1" d="M138.25,11.56V.95h3.45v10.61c0,.93.25,1.36.91,1.36.31,0,.72-.12,1.2-.33l.74,2.27c-.74.54-1.96.77-2.89.77-3.2,0-3.41-2.08-3.41-4.07"/>
398    <path class="st1" d="M151.58,9.99c0-1.65-.27-3.14-1.63-3.14-.6,0-1.09.39-1.09.99v5.18c.31.12.7.21,1.05.21,1.24,0,1.67-1.2,1.67-3.24M145.41,14.76V.95h3.45v4.05c.48-.33,1.2-.58,2.11-.58,2.46,0,4.02,1.67,4.02,5.14,0,4.02-1.88,6.07-5.24,6.07-1.55,0-3.4-.39-4.33-.87"/>
399    <path class="st1" d="M156.6,11.83v-7.08h3.45v6.63c0,.95.12,1.59,1.01,1.59.7,0,1.24-.68,1.24-1.4v-6.81h3.45v8.54l.23,2h-2.91l-.17-1.01h-.08c-.64.87-1.61,1.28-2.7,1.28-2.35,0-3.51-1.24-3.51-3.74"/>
400    <path class="st1" d="M167.7,4.75h2.76l.29,1.45c.54-1.3,1.57-1.78,2.42-1.78.58,0,1.24.12,1.69.39l-.48,2.89c-.45-.21-.97-.37-1.49-.37-.89,0-1.49.54-1.51,1.51v6.46h-3.45V6.73l-.25-1.98Z"/>
401    <path class="st1" d="M181.32,16.12v-1.86c-1.24.7-2.29,1.71-2.29,2.99,0,.74.39,1.05,1.01,1.05.99,0,1.28-.78,1.28-2.19M181.26,11.06v-4.09c-.25-.08-.52-.12-.83-.12-1.28.02-1.94,1.24-1.94,2.91,0,1.34.16,2.74,1.49,2.74.7,0,1.28-.47,1.28-1.44M176.06,17.87c0-1.49.85-2.68,2.21-3.67-1.69-.25-3.22-1.67-3.22-4.37,0-3.55,2.25-5.41,5.43-5.41,1.24,0,3.04.27,4.23.76v8.44c0,.52-.04,1.84-.1,2.35-.29,2.99-1.86,4.79-4.83,4.79-2.48,0-3.72-1.14-3.72-2.89"/>
402    <path class="st1" d="M185.84,14.47l.89-2.42c.77.48,2.15,1.05,3.12,1.05.56,0,.95-.25.95-.78,0-.62-.58-.83-1.32-1.07-1.53-.47-3.28-1.01-3.28-3.24s1.92-3.59,4.13-3.59c1.65,0,3.12.62,4.13,1.55l-1.55,1.98c-.91-.7-1.76-1.07-2.4-1.07-.58,0-.95.31-.95.8,0,.6.6.85,1.42,1.14,1.51.52,3.24,1.11,3.24,3.28,0,2.31-1.69,3.53-4.23,3.53-1.9,0-3.51-.68-4.15-1.16"/>
403    <path class="st1" d="M201.14,7.68c0-.52-.33-.85-.85-.85-1.03,0-1.67.97-1.74,2.4,1.11-.06,2.58-.54,2.58-1.55M195.19,10.3c0-2.99,1.8-5.88,5.3-5.88,2.17,0,3.61,1.05,3.61,3.24,0,2.97-3.22,3.61-5.41,3.73.14.89.78,1.67,2.04,1.67.99,0,1.9-.45,2.54-.89l.93,2.27c-.1.1-1.67,1.18-3.96,1.18-3.61,0-
4035.06-2.19-5.06-5.32"/>
404  </g>
405  <polygon class="st1" points="228.47 1.57 231.25 11.21 231.32 11.21 234.16 1.57 237.59 1.57 233.05 15.29 229.38 15.29 224.9 1.57 228.47 1.57"/>
406  <g class="st3">
407    <path class="st1" d="M242.98,7.68c0-.52-.33-.85-.85-.85-1.03,0-1.67.97-1.74,2.4,1.11-.06,2.58-.54,2.58-1.55M237.03,10.3c0-2.99,1.8-5.88,5.3-5.88,2.17,0,3.61,1.05,3.61,3.24,0,2.97-3.22,3.61-5.41,3.73.14.89.78,1.67,2.04,1.67.99,0,1.9-.45,2.54-.89l.93,2.27c-.1.1-1.67,1.18-3.96,1.18-3.61,0-5.06-2.19-5.06-5.32"/>
408    <path class="st1" d="M252.82,7.68c0-.52-.33-.85-.85-.85-1.03,0-1.67.97-1.74,2.4,1.11-.06,2.58-.54,2.58-1.55M246.88,10.3c0-2.99,1.8-5.88,5.3-5.88,2.17,0,3.61,1.05,3.61,3.24,0,2.97-3.22,3.61-5.41,3.73.14.89.78,1.67,2.04,1.67.99,0,1.9-.45,2.54-.89l.93,2.27c-.1.1-1.67,1.18-3.96,1.18-3.61,0-5.06-2.19-5.06-5.32"/>
409    <path class="st1" d="M257.05,4.75h2.76l.29,1.45c.54-1.3,1.57-1.78,2.42-1.78.58,0,1.24.12,1.69.39l-.48,2.89c-.45-.21-.97-.37-1.49-.37-.89,0-1.49.54-1.51,1.51v6.46h-3.45V6.73l-.25-1.98Z"/>
410    <path class="st1" d="M264.46,14.47l.89-2.42c.77.48,2.15,1.05,3.12,1.05.56,0,.95-.25.95-.78,0-.62-.58-.83-1.32-1.07-1.53-.47-3.28-1.01-3.28-3.24s1.92-3.59,4.13-3.59c1.65,0,3.12.62,4.13,1.55l-1.55,1.98c-.91-.7-1.76-1.07-2.4-1.07-.58,0-.95.31-.95.8,0,.6.6.85,1.42,1.14,1.51.52,3.24,1.11,3.24,3.28,0,2.31-1.69,3.53-4.23,3.53-1.9,0-3.51-.68-4.15-1.16"/>
411    <path class="st1" d="M279.76,7.68c0-.52-.33-.85-.85-.85-1.03,0-1.67.97-1.74,2.4,1.11-.06,2.58-.54,2.58-1.55M273.81,10.3c0-2.99,1.8-5.88,5.3-5.88,2.17,0,3.61,1.05,3.61,3.24,0,2.97-3.22,3.61-5.41,3.73.14.89.78,1.67,2.04,1.67.99,0,1.9-.45,2.54-.89l.93,2.27c-.1.1-1.67,1.18-3.96,1.18-3.61,0-
4115.06-2.19-5.06-5.32"/>
412    <path class="st1" d="M65.28,31.41c0-1.67-1.18-2.64-3.2-2.64h-2.58v5.32h2.5c2.5,0,3.28-1.16,3.28-2.68M64.64,25.17c0-1.84-1.28-2.19-2.97-2.19h-2.17v4.5h2c2.23,0,3.14-.95,3.14-2.31M62.02,21.69c2.19,0,4.31.66,4.31,3.32,0,1.53-.93,2.48-2.27,2.99,1.77.25,2.97,1.42,2.97,3.36,0,2.66-1.78,4.05-5.04,4.05h-4.13v-13.73h4.15Z"/>
413    <path class="st1" d="M76.12,30.34c0-2.48-.72-4.19-2.73-4.19s-2.83,1.63-2.83,3.86c0,2.04.39,4.46,2.75,4.46,1.94,0,2.81-1.88,2.81-4.13M68.93,30.21c0-4.27,2.54-5.35,4.58-5.35,1.43,0,4.23.45,4.23,5.12,0,4.02-1.98,5.72-4.58,5.72s-4.23-1.78-4.23-5.49"/>
414    <path class="st1" d="M86.69,32.25v-5.66c-.48-.25-1.24-.49-2.19-.49-2.25,0-3.18,1.86-3.18,4.29,0,2.13.58,4.07,2.68,4.07,1.67,0,2.68-1.18,2.68-2.21M79.73,30.58c0-3.47,1.69-5.72,4.83-5.72.83,0,1.46.16,2.13.37v-4.17h1.59v12.49l.16,1.86h-1.45l-.14-1.24-.06-.02c-.83,1.14-1.96,1.57-3.03,1.57-3.01,0-4.02-2.39-4.02-5.14"/>
415    <path class="st1" d="M97.17,27.61c0-.97-.64-1.55-1.57-1.55-2.21,0-3.05,2.08-3.12,3.69,1.11.08,4.69-.06,4.69-2.15M90.9,30.44c0-3.05,1.71-5.57,4.79-5.57,1.92,0,3.01,1.03,3.01,2.56,0,3.37-4.27,3.63-6.19,3.57.08,1.67.89,3.43,3.05,3.43,1.4,0,2.27-.66,2.64-.95l.62,1.1c-.52.43-1.69,1.13-3.34,1.13-3.22,0-4.58-2.19-4.58-5.26"/>
416    <path class="st1" d="M212.7,9.42c-.43.38-.7.94-.7,1.57,0,.98.6,1.74,1.83,1.74.7,0,1.28-.23,1.64-.57-1.02-.87-1.96-1.79-2.76-2.74M220.7,6.93c.06.49.06.98.06,1.45-.02,1.21-.21,2.23-.7,3.27,1,.79,2.06,1.6,2.55,1.94l-2.02,2.68c-.68-.47-1.68-1.21-2.66-2-.94.81-2.4,1.32-4.17,1.32-3.7,0-5.23-2.25-5.23-4.38s1.13-3.45,2.38-4.32c-.47-.7-.64-1.47-.64-2.21,0-2.21,1.66-3.81,4.47-3.81,2.13,0,3.42.89,4.36,2.25l-2.53,1.77c-.49-.79-1-1.34-1.64-1.34-.81,0-1.15.51-1.15,1.23,0,1.49,2.04,3.27,3.55,4.57.21-.74.23-1.51.19-2.42h3.17Z"/>
417    <path class="st4" d="M7.53,9.03v-.42l11.93,25.47.77,1.61h1.96l1.16-2.48,11.48-24.87v.17c.75-1.56,1.37-2.63,1.83-3.07,1.05-1,1.53-1.12,6.38-1.12,1.42,0,3.22,0,5.51,0V1.58h-13.72l-10.5,23.54L13.67,1.58H0v2.76c1.29,0,4.12.15,4.71.45.59.3,1.06.75,1.41,1.35.28.47.76,1.45,1.41,2.89M30.75,32.93h-.68v2.79h18.58v-2.79h-.78c-1.68,0-2.78-.31-3.31-.92-.53-.61-.79-1.7-.79-3.26V8.55c0-.88.11-1.57.28-2.15-.33,0-.71,0-1.01,0-4.38,0-4.48.09-4.95.55-.23.22-.97,1.26-2.98,6.01v.03s-.03.03-.03.03l-.24.52v15.2c0,1.53-.26,2.61-.77,3.24s-1.62.94-3.31.94M2.8,32.08c-.79.56-1.72.84-2.8.84v2.79h12.29v-2.79c-1.14,0-2.11-.26-2.91-.78-.8-.52-1.31-1.16-1.52-1.9-.22-.75-.33-1.91-.33-3.49v-12.85l-1.34-2.81v-.03s-.02-.03-.02-.03c-1.01-2.27-1.49-3.24-1.74-3.69.05.4.08.83.08,1.32v17.95c0,1.61-.09,2.78-.26,3.51-.18.73-.66,1.38-1.45,1.94"/>
418    <path class="st5" d="M48.65,1.58h-20.82v2.8c2.53,0,4.34.78,4.34,2.34,0,.79-.44,1.81-.96,2.97l-6.88,15.43-7-15.49c-.72-1.58-1.08-2.71-1.08-3.4,0-1.24,1.27-1.86,3.8-1.86V1.58H0v2.8c1.29,0,4.12.15,4.71.45.59.3,1.06.75,1.41,1.35.35.6,1,1.95,1.94,4.07l12.16,25.48h1.96l11.01-23.54c1.58-3.73,2.71-5.98,3.46-6.7,1.05-1,1.53-1.12,6.38-1.12,1.44,0,3.27.01,5.61.01V1.58Z"/>
419  </g>
420</svg>
421                            </a>
422                        </div>
423                    </div>
424
425
426                        <div class="absolute inset-y-0 right-0 flex items-center pr-2 md:static md:inset-auto md:ml-6 md:pr-0">
427                            
428<div class="ml-3 relative" x-data="{ isOpen: false }">
429        <div>
430            <a href="/login?returnUrl=%2fsearch">
431                <button type="button" class="flex hover:text-primary" id="user-menu-button" aria-expanded="false" aria-haspopup="true">
432                    <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="user-plus" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" class="h-6 w-6">
433                        <path fill="currentColor" d="M624 208h-64v-64c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v64h-64c-8.8 0-16 7.2-16 16v32c0 8.8 7.2 16 16 16h64v64c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16v-64h64c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zm-400 48c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm89.6 32h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4z" class=""></path>
434                    </svg>
435                </button>
436            </a>
437        </div>
438</div>
439                        </div>
440
441                            <div class="absolute right-0 pr-2 md:static md:inset-auto md:ml-6">
442                                <div class="bg-gray-100 ml-5 md:ml-0 flex mb-2 mt-3"><div class="hidden sm:block text-l font-medium p-4 pr-0 mt-3 text-gray-500 tracking-wide">KRANT ONLINE</div><div class="p-0 md:p-4 pr-2 h-10 md:h-20 overflow-hidden"><a href="/archive"><img alt="Lees de krant online" src="https://pubblestorage.blob.core.windows.net/3e1948ed/pdf/demiddelburgseenveer20251113lr_236bb160.jpg" class="shadow-lg pl-2 md:pl-0 w-16 md:w-4
4420 h-full object-top object-cover fr-fil fr-dib"><p><br></p></a></div></div>
443                            </div>
444                </div>
445            </div>
446
447            <div>
448
449                <div class="max-w-7xl mx-auto px-0 md:px-6 lg:px-8">
450                    <nav class="h-12 space-x-8 hidden md:flex relative items-center border-primary border-t-4">
451 
452                        
453
454        <a href="/">
455            <button type="button"
456                    class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center"
457                    :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 }">
458                <span>Nieuws</span>
459            </button>
460        </a>
461        <a href="/agenda">
462            <button type="button"
463                    class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center"
464                    :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 }">
465                <span>Agenda</span>
466            </button>
467        </a>
468        <a href="/search">
469            <button type="button"
470                    class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center"
471                    :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 }">
472                <span>Archief</span>
473            </button>
474        </a>
475        <a href="/joboffers">
476            <button type="button"
477                    class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center"
478                    :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 }">
479                <span>Vacatures</span>
480            </button>
481        </a>
482        <a href="/overlijdensberichten">
483            <button type="button"
484                    class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center"
485                    :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 }">
486                <span>Familieberichten</span>
487            </button>
488        </a>
489        <div class="relative sm:border-b-0 border-b" x-data="{ isOpen: false }">
490            <button type="button" @click="isOpen = !isOpen"
491                    class="text-nav text-gray-500 hover:text-gray-900 font-medium text-base group inline-flex items-center"
492                    :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 }"
493                    aria-expanded="false">
494                <span>Adverteren</span>
495                <svg class="text-gray-500 hover:text-gray-900 font-medium text-base ml-2 md:ml-0 h-5 w-5"
496                     :class="{ 'absolute left-0': open,'': !open }"
497                     xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
498                    <path fill-rule="evenodd"
499                          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"
500                          clip-rule="evenodd" />
501                </svg>
502            </button>
503
504            <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"
505                 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak
506                 x-show="isOpen"
507                 @click.away="isOpen = false"
508                 x-transition:enter="transition ease-out duration-200"
509                 x-transition:enter-start="opacity-0 translate-y-1"
510                 x-transition:enter-end="opacity-100 translate-y-0"
511                 x-transition:leave="transition ease-in duration-150"
512                 x-transition:leave-start="opacity-100 translate-y-0"
513                 x-transition:leave-end="opacity-0 translate-y-1">
514
515                <div class=""
516                     :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }">
517                    <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">
518                            <a href="/adverteren" class="menu-item__sub -m
518-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
519                                <p class="text-base font-medium text-gray-900">
520                                    Adverteren
521                                </p>
522                            </a>
523                            <a href="/crossmediaal-adverteren" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
524                                <p class="text-base font-medium text-gray-900">
525                                    Crossmediaal adverteren
526                                </p>
527                            </a>
528                            <a href="/digitaal-adverteren" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
529                                <p class="text-base font-medium text-gray-900">
530                                    Digitaal adverteren
531                                </p>
532                            </a>
533                    </div>
534                </div>
535            </div>
536        </div>
537        <div class="relative sm:border-b-0 border-b" x-data="{ isOpen: false }">
538            <button type="button" @click="isOpen = !isOpen"
539                    class="text-nav text-gray-500 hover:text-gray-900 font-medium text-base group inline-flex items-center"
540                    :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 }"
541                    aria-expanded="false">
542                <span>Redactie</span>
543                <svg class="text-gray-500 hover:text-gray-900 font-medium text-base ml-2 md:ml-0 h-5 w-5"
544                     :class="{ 'absolute left-0': open,'': !open }"
545                     xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
546                    <path fill-rule="evenodd"
547                          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"
548                          clip-rule="evenodd" />
549                </svg>
550            </button>
551
552            <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"
553                 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak
554                 x-show="isOpen"
555                 @click.away="isOpen = false"
556                 x-transition:enter="transition ease-out duration-200"
557                 x-transition:enter-start="opacity-0 translate-y-1"
558                 x-transition:enter-end="opacity-100 translate-y-0"
559                 x-transition:leave="transition ease-in duration-150"
560                 x-transition:leave-start="opacity-100 translate-y-0"
561                 x-transition:leave-end="opacity-0 translate-y-1">
562
563                <div class=""
564                     :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }">
565                    <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">
566                            <a href="/nieuws/insturen" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
567                                <p class="text-base font-medium text-gray-900">
568                                    Aanleveren redactie
569                                </p>
570                            </a>
571                    </div>
572                </div>
573            </div>
574        </div>
575        <div class="relative sm:border-b-0 border-b" x-data="{ isOpen: false }">
576            <button type="button" @click="isOpen = !isOpen"
577                    class="text-nav text-gray-500 hover:text-gray-900 font-medium text-base group inline-flex items-center"
578                    :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 }"
579                    aria-expanded="false">
580                <span>Edities</span>
581                <svg class="text-gray-500 hover:text-gray-900 font-medium text-base ml-2 md:ml-0 h-5 w-5"
582                     :class="{ 'absolute left-0': open,'': !open }"
583                     xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
584                    <path fill-rule="evenodd"
585                          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"
586                          clip-rule="evenodd" />
587                </svg>
588            </button>
589
590            <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"
591                 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak
592                 x-show="isOpen"
593                 @click.away="isOpen = false"
594                 x-transition:enter="transition ease-out duration-200"
595                 x-transition:enter-start="opacity-0 translate-y-1"
596                 x-transition:enter-end="opacity-100 translate-y-0"
597                 x-transition:leave="transition ease-in duration-150"
598                 x-transition:leave-start="opacity-100 translate-y-0"
599                 x-transition:leave-end="opacity-0 translate-y-1">
600
601                <div class=""
602                     :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }">
603                    <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">
604                            <a href="https://www.borselsebode.nl" target="_blank" class="menu-item__sub -m
604-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
605                                <p class="text-base font-medium text-gray-900">
606                                    De Borselse Bode
607                                </p>
608                            </a>
609                            <a href="https://www.goesebode.nl" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
610                                <p class="text-base font-medium text-gray-900">
611                                    De Goese Bode
612                                </p>
613                            </a>
614                            <a href="https://www.reimerswaalsebode.nl" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
615                                <p class="text-base font-medium text-gray-900">
616                                    De Reimerswaalse Bode
617                                </p>
618                            </a>
619                            <a href="https://www.scheldepost.nl" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
620                                <p class="text-base font-medium text-gray-900">
621                                    De Scheldepost
622                                </p>
623                            </a>
624                            <a href="https://www.vlissingsebode.nl" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
625                                <p class="text-base font-medium text-gray-900">
626                                    De Vlissingse Bode
627                                </p>
628                            </a>
629                            <a href="https://www.hetgelekrantje.nl" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
630                                <p class="text-base font-medium text-gray-900">
631                                    Het Gele Krantje
632                                </p>
633                            </a>
634                            <a href="https://www.zva-online.nl" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
635                                <p class="text-base font-medium text-gray-900">
636                                    Zeeuws Vlaams Advertentieblad
637                                </p>
638                            </a>
639                    </div>
640                </div>
641            </div>
642        </div>
643        <div class="relative sm:border-b-0 border-b" x-data="{ isOpen: false }">
644            <button type="button" @click="isOpen = !isOpen"
645                    class="text-nav text-gray-500 hover:text-gray-900 font-medium text-base group inline-flex items-center"
646                    :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 }"
647                    aria-expanded="false">
648                <span>Contact</span>
649                <svg class="text-gray-500 hover:text-gray-900 font-medium text-base ml-2 md:ml-0 h-5 w-5"
650                     :class="{ 'absolute left-0': open,'': !open }"
651                     xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
652                    <path fill-rule="evenodd"
653                          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"
654                          clip-rule="evenodd" />
655                </svg>
656            </button>
657
658            <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"
659                 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak
660                 x-show="isOpen"
661                 @click.away="isOpen = false"
662                 x-transition:enter="transition ease-out duration-200"
663                 x-transition:enter-start="opacity-0 translate-y-1"
664                 x-transition:enter-end="opacity-100 translate-y-0"
665                 x-transition:leave="transition ease-in duration-150"
666                 x-transition:leave-start="opacity-100 translate-y-0"
667                 x-transition:leave-end="opacity-0 translate-y-1">
668
669                <div class=""
670                     :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }">
671                    <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">
672                            <a href="/colofon" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
673                                <p class="text-base font-medium text-gray-900">
674                                    Colofon
675                                </p>
676                            </a>
677                            <a href="/richtlijnen" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
678                                <p class="text-base font-medium text-gray-900">
679                                    Richtlijnen
680                                </p>
681                            </a>
682                    </div>
683                </div>
684            </div>
685        </div>
686        <div class="relative sm:border-b-0 border-b" x-data="{ isOpen: false }">
687            <button type="button" @click="isOpen = !isOpen"
688                    class="text-nav text-gray-500 hover:text-gray-900 font-medium text-base group inline-flex items-center"
689                    :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 }"
690                    aria-expanded="false">
691                <span>Bezorging</span>
692                <svg class="text-gray-500 hover:text-gray-900 font-medium text-base ml-2 md:ml-0 h-5 w-5"
693                     :class="{ 'absolute left-0': open,'': !open }"
694                     xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
695                    <path fill-rule="evenodd"
696                          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"
697                          clip-rule="evenodd" />
698                </svg>
699            </button>
700
701            <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"
702                 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak
703                 x-show="isOpen"
704                 @click.away="isOpen = false"
705                 x-transition:enter="transition ease-out duration-200"
706                 x-transition:enter-start="opacity-0 translate-y-1"
707                 x-transition:enter-end="opacity-100 translate-y-0"
708                 x-transition:leave="transition ease-in duration-150"
709                 x-transition:leave-start="opacity-100 translate-y-0"
710                 x-transition:leave-end="opacity-0 translate-y-1">
711
712                <div class=""
713                     :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }">
714                    <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">
715                            <a href="/bezorger" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
716                                <p class="text-base font-medium text-gray-900">
717                                    Bezorger worden?
718                                </p>
719                            </a>
720                            <a href="/bezorgklacht" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
721                                <p class="text-base font-medium text-gray-900">
722                                    Bezorgklacht
723                                </p>
724                            </a>
725                            <a href="/afhaalpunten" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
726                                <p class="text-base font-medium text-gray-900">
727                                    Afhaalpunten
728                                </p>
729                            </a>
730                    </div>
731                </div>
732            </div>
733        </div>
734
735
736                        <div class="flex-grow"></div>
737
738
739                        <div x-data="{ searchOpen: false }" class="">
740                            <button @click="searchOpen = !searchOpen; setTimeout(function(){ document.getElementById('searchTerm').focus() }, 200);" class=" flex items-center focus:outline-none focus:border-transparent">
741                                <svg x-cloak class="search-icon h-5 w-5 text-xl ml-4 text-gray-500" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" c role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
742                                    <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>
743                                </svg>
744                                <svg x-show="searchOpen" aria-hidden="true" focusable="false" data-prefix="far" data-icon="times-circle" class="search-icon h-5 w-5 text-xl ml-4 text-gray-500 svg-inline--fa fa-times-circle fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
745                                    <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 
74562.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>
746                                </svg>
747                            </button>
748
749                            <div x-cloak x-show="searchOpen" class="mt-2 py-5 w-full border border-grey-dark md:w-full right-0 absolute   z-10 bg-gray-50  md:rounded">
750                                <span class="text-3xl block lg:text-2xl pl-5  font-medium text-black-600 leading-normal">Zoeken</span>
751                                <div class="px-4">
752    <form action="/zoek" method="get" class=" px-0 mb-1 py-3 rounded-md flex items-center">
753        <input name="q" type="text" id="searchTerm" action="search" class="text-secondary pl-5 outline-none border-grey-dark w-full"
754               value=""
755               placeholder="Vul je zoekwoord in.."
756               aria-label="Zoeken">
757        <button class="flex items-center focus:outline-none focus:border-transparent" type="submit" aria-label="Zoeken">
758            <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>
759        </button>
760    </form>
761                                </div>
762                            </div>
763                        </div>
764                    </nav>
765                </div>
766            </div>
767              
768 
769 <div class="md:hidden">
770                <div x-show="open"
771                     x-transition:enter="transition-opacity ease-linear duration-300"
772                     x-transition:enter-start="opacity-0"
773                     x-transition:enter-end="opacity-100"
774                     x-transition:leave="transition-opacity ease-linear duration-300"
775                     x-transition:leave-start="opacity-100"
776                     x-transition:leave-end="opacity-0"
777                     class="fixed inset-0 bg-gray-600 bg-opacity-75">
778                </div>
779                <nav class="h-12 space-x-8 hidden md:flex relative items-center border-primary border-t-4"
780                     :class="{ 'fixed inset-0 flex z-50': open, 'hidden relative items-center h-12 space-x-8': !open }">
781
782                    <div x-show="open"
783                         x-transition:enter="transition ease-in-out duration-300 transform"
784                         x-transition:enter-start="-translate-x-full"
785                         x-transition:enter-end="translate-x-0"
786                         x-transition:leave="transition ease-in-out duration-300 transform"
787                         x-transition:leave-start="translate-x-0"
788                         x-transition:leave-end="-translate-x-full"
789                         class="relative flex-1 flex flex-col max-w-xs w-full pb-4 overflow-auto bg-white " @click.away="open = false">
790
791                        <div class="py-5 w-full border border-grey-dark z-10 bg-gray-50">
792                            <div class="px-4">
793    <form action="/zoek" method="get" class=" px-0 mb-1 py-3 rounded-md flex items-center">
794        <input name="q" type="text" id="searchTerm" action="search" class="text-secondary pl-5 outline-none border-grey-dark w-full"
795               value=""
796               placeholder="Vul je zoekwoord in.."
797               aria-label="Zoeken">
798        <button class="flex items-center focus:outline-none focus:border-transparent" type="submit" aria-label="Zoeken">
799            <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>
800        </button>
801    </form>
802                            </div>
803                        </div>
804 
805                        <div class="pl-7 py-2 border border-grey-dark">
806                            
807<div class="ml-3 relative" x-data="{ isOpen: false }">
808        <div>
809            <a href="/login?returnUrl=%2fsearch">
810                <button type="button" class="flex hover:text-primary" id="user-menu-button" aria-expanded="false" aria-haspopup="true">
811                    <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="user-plus" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" class="h-6 w-6">
812                        <path fill="currentColor" d="M624 208h-64v-64c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v64h-64c-8.8 0-16 7.2-16 16v32c0 8.8 7.2 16 16 16h64v64c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16v-64h64c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zm-400 48c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm89.6 32h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4z" class=""></path>
813                    </svg>
814                </button>
815            </a>
816        </div>
817</div>
818                        </div>
819 
820                        
821
822        <a href="/">
823            <button type="button"
824                    class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center"
825                    :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 }">
826                <span>Nieuws</span>
827            </button>
828        </a>
829        <a href="/agenda">
830            <button type="button"
831                    class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center"
832                    :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 }">
833                <span>Agenda</span>
834            </button>
835        </a>
836        <a href="/search">
837            <button type="button"
838                    class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center"
839                    :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 }">
840                <span>Archief</span>
841            </button>
842        </a>
843        <a href="/joboffers">
844            <button type="button"
845                    class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center"
846                    :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 }">
847                <span>Vacatures</span>
848            </button>
849        </a>
850        <a href="/overlijdensberichten">
851            <button type="button"
852                    class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center"
853                    :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 }">
854                <span>Familieberichten</span>
855            </button>
856        </a>
857        <div class="relative sm:border-b-0 border-b" x-data="{ isOpen: false }">
858            <button type="button" @click="isOpen = !isOpen"
859                    class="text-nav text-gray-500 hover:text-gray-900 font-medium text-base group inline-flex items-center"
860                    :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 }"
861                    aria-expanded="false">
862                <span>Adverteren</span>
863                <svg class="text-gray-500 hover:text-gray-900 font-medium text-base ml-2 md:ml-0 h-5 w-5"
864                     :class="{ 'absolute left-0': open,'': !open }"
865                     xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
866                    <path fill-rule="evenodd"
867                          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"
868                          clip-rule="evenodd" />
869                </svg>
870            </button>
871
872            <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"
873                 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak
874                 x-show="isOpen"
875                 @click.away="isOpen = false"
876                 x-transition:enter="transition ease-out duration-200"
877                 x-transition:enter-start="opacity-0 translate-y-1"
878                 x-transition:enter-end="opacity-100 translate-y-0"
879                 x-transition:leave="transition ease-in duration-150"
880                 x-transition:leave-start="opacity-100 translate-y-0"
881                 x-transition:leave-end="opacity-0 translate-y-1">
882
883                <div class=""
884                     :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }">
885                    <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">
886                            <a href="/adverteren" class="menu-item__sub -m
886-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
887                                <p class="text-base font-medium text-gray-900">
888                                    Adverteren
889                                </p>
890                            </a>
891                            <a href="/crossmediaal-adverteren" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
892                                <p class="text-base font-medium text-gray-900">
893                                    Crossmediaal adverteren
894                                </p>
895                            </a>
896                            <a href="/digitaal-adverteren" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
897                                <p class="text-base font-medium text-gray-900">
898                                    Digitaal adverteren
899                                </p>
900                            </a>
901                    </div>
902                </div>
903            </div>
904        </div>
905        <div class="relative sm:border-b-0 border-b" x-data="{ isOpen: false }">
906            <button type="button" @click="isOpen = !isOpen"
907                    class="text-nav text-gray-500 hover:text-gray-900 font-medium text-base group inline-flex items-center"
908                    :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 }"
909                    aria-expanded="false">
910                <span>Redactie</span>
911                <svg class="text-gray-500 hover:text-gray-900 font-medium text-base ml-2 md:ml-0 h-5 w-5"
912                     :class="{ 'absolute left-0': open,'': !open }"
913                     xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
914                    <path fill-rule="evenodd"
915                          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"
916                          clip-rule="evenodd" />
917                </svg>
918            </button>
919
920            <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"
921                 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak
922                 x-show="isOpen"
923                 @click.away="isOpen = false"
924                 x-transition:enter="transition ease-out duration-200"
925                 x-transition:enter-start="opacity-0 translate-y-1"
926                 x-transition:enter-end="opacity-100 translate-y-0"
927                 x-transition:leave="transition ease-in duration-150"
928                 x-transition:leave-start="opacity-100 translate-y-0"
929                 x-transition:leave-end="opacity-0 translate-y-1">
930
931                <div class=""
932                     :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }">
933                    <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">
934                            <a href="/nieuws/insturen" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
935                                <p class="text-base font-medium text-gray-900">
936                                    Aanleveren redactie
937                                </p>
938                            </a>
939                    </div>
940                </div>
941            </div>
942        </div>
943        <div class="relative sm:border-b-0 border-b" x-data="{ isOpen: false }">
944            <button type="button" @click="isOpen = !isOpen"
945                    class="text-nav text-gray-500 hover:text-gray-900 font-medium text-base group inline-flex items-center"
946                    :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 }"
947                    aria-expanded="false">
948                <span>Edities</span>
949                <svg class="text-gray-500 hover:text-gray-900 font-medium text-base ml-2 md:ml-0 h-5 w-5"
950                     :class="{ 'absolute left-0': open,'': !open }"
951                     xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
952                    <path fill-rule="evenodd"
953                          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"
954                          clip-rule="evenodd" />
955                </svg>
956            </button>
957
958            <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"
959                 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak
960                 x-show="isOpen"
961                 @click.away="isOpen = false"
962                 x-transition:enter="transition ease-out duration-200"
963                 x-transition:enter-start="opacity-0 translate-y-1"
964                 x-transition:enter-end="opacity-100 translate-y-0"
965                 x-transition:leave="transition ease-in duration-150"
966                 x-transition:leave-start="opacity-100 translate-y-0"
967                 x-transition:leave-end="opacity-0 translate-y-1">
968
969                <div class=""
970                     :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }">
971                    <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">
972                            <a href="https://www.borselsebode.nl" target="_blank" class="menu-item__sub -m
972-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
973                                <p class="text-base font-medium text-gray-900">
974                                    De Borselse Bode
975                                </p>
976                            </a>
977                            <a href="https://www.goesebode.nl" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
978                                <p class="text-base font-medium text-gray-900">
979                                    De Goese Bode
980                                </p>
981                            </a>
982                            <a href="https://www.reimerswaalsebode.nl" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
983                                <p class="text-base font-medium text-gray-900">
984                                    De Reimerswaalse Bode
985                                </p>
986                            </a>
987                            <a href="https://www.scheldepost.nl" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
988                                <p class="text-base font-medium text-gray-900">
989                                    De Scheldepost
990                                </p>
991                            </a>
992                            <a href="https://www.vlissingsebode.nl" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
993                                <p class="text-base font-medium text-gray-900">
994                                    De Vlissingse Bode
995                                </p>
996                            </a>
997                            <a href="https://www.hetgelekrantje.nl" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
998                                <p class="text-base font-medium text-gray-900">
999                                    Het Gele Krantje
1000                                </p>
1001                            </a>
1002                            <a href="https://www.zva-online.nl" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
1003                                <p class="text-base font-medium text-gray-900">
1004                                    Zeeuws Vlaams Advertentieblad
1005                                </p>
1006                            </a>
1007                    </div>
1008                </div>
1009            </div>
1010        </div>
1011        <div class="relative sm:border-b-0 border-b" x-data="{ isOpen: false }">
1012            <button type="button" @click="isOpen = !isOpen"
1013                    class="text-nav text-gray-500 hover:text-gray-900 font-medium text-base group inline-flex items-center"
1014                    :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 }"
1015                    aria-expanded="false">
1016                <span>Contact</span>
1017                <svg class="text-gray-500 hover:text-gray-900 font-medium text-base ml-2 md:ml-0 h-5 w-5"
1018                     :class="{ 'absolute left-0': open,'': !open }"
1019                     xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
1020                    <path fill-rule="evenodd"
1021                          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"
1022                          clip-rule="evenodd" />
1023                </svg>
1024            </button>
1025
1026            <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"
1027                 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak
1028                 x-show="isOpen"
1029                 @click.away="isOpen = false"
1030                 x-transition:enter="transition ease-out duration-200"
1031                 x-transition:enter-start="opacity-0 translate-y-1"
1032                 x-transition:enter-end="opacity-100 translate-y-0"
1033                 x-transition:leave="transition ease-in duration-150"
1034                 x-transition:leave-start="opacity-100 translate-y-0"
1035                 x-transition:leave-end="opacity-0 translate-y-1">
1036
1037                <div class=""
1038                     :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }">
1039                    <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">
1040                            <a href="/colofon" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
1041                                <p class="text-base font-medium text-gray-900">
1042                                    Colofon
1043                                </p>
1044                            </a>
1045                            <a href="/richtlijnen" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
1046                                <p class="text-base font-medium text-gray-900">
1047                                    Richtlijnen
1048                                </p>
1049                            </a>
1050                    </div>
1051                </div>
1052            </div>
1053        </div>
1054        <div class="relative sm:border-b-0 border-b" x-data="{ isOpen: false }">
1055            <button type="button" @click="isOpen = !isOpen"
1056                    class="text-nav text-gray-500 hover:text-gray-900 font-medium text-base group inline-flex items-center"
1057                    :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 }"
1058                    aria-expanded="false">
1059                <span>Bezorging</span>
1060                <svg class="text-gray-500 hover:text-gray-900 font-medium text-base ml-2 md:ml-0 h-5 w-5"
1061                     :class="{ 'absolute left-0': open,'': !open }"
1062                     xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
1063                    <path fill-rule="evenodd"
1064                          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"
1065                          clip-rule="evenodd" />
1066                </svg>
1067            </button>
1068
1069            <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"
1070                 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak
1071                 x-show="isOpen"
1072                 @click.away="isOpen = false"
1073                 x-transition:enter="transition ease-out duration-200"
1074                 x-transition:enter-start="opacity-0 translate-y-1"
1075                 x-transition:enter-end="opacity-100 translate-y-0"
1076                 x-transition:leave="transition ease-in duration-150"
1077                 x-transition:leave-start="opacity-100 translate-y-0"
1078                 x-transition:leave-end="opacity-0 translate-y-1">
1079
1080                <div class=""
1081                     :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }">
1082                    <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">
1083                            <a href="/bezorger" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
1084                                <p class="text-base font-medium text-gray-900">
1085                                    Bezorger worden?
1086                                </p>
1087                            </a>
1088                            <a href="/bezorgklacht" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
1089                                <p class="text-base font-medium text-gray-900">
1090                                    Bezorgklacht
1091                                </p>
1092                            </a>
1093                            <a href="/afhaalpunten" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
1094                                <p class="text-base font-medium text-gray-900">
1095                                    Afhaalpunten
1096                                </p>
1097                            </a>
1098                    </div>
1099                </div>
1100            </div>
1101        </div>
1102
1103
1104                        
1105
1106                    </div>
1107                    <div x-show="open"
1108                         x-transition:enter="ease-in-out duration-300"
1109                         x-transition:enter-start="opacity-0"
1110                         x-transition:enter-end="opacity-100"
1111                         x-transition:leave="ease-in-out duration-300"
1112                         x-transition:leave-start="opacity-100"
1113                         x-transition:leave-end="opacity-0"
1114                         class="absolute top-0 right-0 -mr-12 pt-2">
1115                        <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">
1116                            <span class="sr-only">Sluit zijkant</span>
1117                            <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">
1118                                <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
1119                            </svg>
1120                        </button>
1121                    </div> 
1122                </nav>
1123            </div>
1124        </div>
1125    </nav>
1126</header>
1127
1128<main role="main" class="pb-3 mt-0 pt-1 md:pt-0 md:mt-4">
1129    
1130
1131<div class="search__container">
1132    <div >
1133        <div class="max-w-7xl mx-auto px-2 sm:px-6 lg:px-8 grid grid-cols-12 gap-6 builder__row builder__row--m-flex">
1134                <div class="col-span-12 builder__column ">
1135                        <div class="mb-2    component__search-bar" >
1136    <form action="" method="get" class=" px-0 mb-1 py-3 rounded-md flex items-center">
1137        <input name="q" type="text" id="searchTerm" action="search" class="text-secondary pl-5 outline-none border-grey-dark w-full"
1138               value=""
1139               placeholder="Vul je zoekwoord in.."
1140               aria-label="Zoeken">
1141        <button class="flex items-center focus:outline-none focus:border-transparent" type="submit" aria-label="Zoeken">
1142            <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">
1142<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>
1143        </button>
1144    </form>
1145
1146                        </div>
1147                </div>
1148                <div class="col-span-12 md:col-span-3 builder__column builder__column--order-10">
1149                        <div class="    component__category-row" >
1150
1151
1152<div>
1153    
1154
1155<div class="mb-6" x-data="{ open: false }" @click.outside="open = false">
1156    <h4 class="font-bold text-lg text-primary mb-3">Zoekmodus</h4>
1157    <div class="relative">
1158        <button type="button"
1159                class="w-full flex items-center justify-between px-4 py-3 bg-white border border-gray-300 rounded-lg text-sm text-left hover:border-gray-400 focus:outline-none focus:ring-2 focus:ring-primary focus:border-primary transition-colors"
1160                @click="open = !open">
1161            <span class="font-semibold text-gray-900">
1162                Op datum
1163            </span>
1164            <svg class="h-4 w-4 text-gray-400 transition-transform duration-200"
1165                 :class="{ 'rotate-180': open }"
1166                 fill="none" viewBox="0 0 24 24" stroke="currentColor">
1167                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
1168            </svg>
1169        </button>
1170
1171        <div x-show="open"
1172             x-cloak
1173             x-transition:enter="transition ease-out duration-100"
1174             x-transition:enter-start="opacity-0 -translate-y-1"
1175             x-transition:enter-end="opacity-100 translate-y-0"
1176             x-transition:leave="transition ease-in duration-75"
1177             x-transition:leave-start="opacity-100 translate-y-0"
1178             x-transition:leave-end="opacity-0 -translate-y-1"
1179             class="absolute z-10 mt-1 w-full bg-white border border-gray-200 rounded-lg shadow-lg overflow-hidden">
1180                <a href="?preset=NewestFirst"
1181                   rel="nofollow"
1182                   @click="open = false"
1183                   class="block px-4 py-3 text-sm hover:bg-gray-50 transition-colors bg-gray-100 border-l-2 border-primary">
1184                    <div class="font-semibold text-gray-900">
1185                        Op datum
1186                    </div>
1187                </a>
1188                <a href="?preset=Balanced"
1189                   rel="nofollow"
1190                   @click="open = false"
1191                   class="block px-4 py-3 text-sm hover:bg-gray-50 transition-colors ">
1192                    <div class="font-medium text-gray-900">
1193                        Op datum &amp; relevantie
1194                    </div>
1195                </a>
1196                <a href="?preset=BestMatch"
1197                   rel="nofollow"
1198                   @click="open = false"
1199                   class="block px-4 py-3 text-sm hover:bg-gray-50 transition-colors ">
1200                    <div class="font-medium text-gray-900">
1201                        Op relevantie
1202                    </div>
1203                </a>
1204                <a href="?preset=ExactKeywordsOnly"
1205                   rel="nofollow"
1206                   @click="open = false"
1207                   class="block px-4 py-3 text-sm hover:bg-gray-50 transition-colors ">
1208                    <div class="font-medium text-gray-900">
1209                        Op exacte woorden
1210                    </div>
1211                </a>
1212        </div>
1213    </div>
1214</div>
1215
1216
1217
1218
1219
1220
1221</div>
1222                        </div>
1223                </div>
1224                <div class="col-span-12 md:col-span-9 builder__column ">
1225                        <div class="mb-10 p-4 pt-0    component__article-row" >
1226
1227        <h4 class="font-bold text-lg with-stripe">Zoekresultaten voor: </h4>
1228
1229<div class="grid gap-3 grid-cols-1 md:grid-cols-3 " data-nosnippet>
1230</div>
1231
1232
1233<nav class="pagination border-t border-gray-200 px-4 flex items-center justify-between sm:px-0 mt-20">
1234
1235
1236
1237    <div class="hidden md:-mt-px md:flex">
1238
1239
1240
1241
1242                <a href="?page=1"
1243                   class="pagination__page pagination__page--active border-indigo-500 text-indigo-600 border-t-2 pt-4 px-4 inline-flex items-center text-sm font-medium"
1244                   aria-current="page">
1245                    1
1246                </a>
1247    </div>
1248
1249
1250
1251</nav>
1252
1253                        </div>
1254                </div>
1255        </div>
1256    </div>
1257
1258</div>
1259
1260
1261
1262
1263</main>
1264
1265
1266<footer class="css-bg-footer bg-gray-800 pt-0 sm:mt-10">
1267
1268    <div class="max-w-7xl px-2  pt-5 m-auto text-gray-800 flex flex-wrap justify-left">
1269        <div class="p-5 w-full md:flex sm:w-4/12 md:w-10/12 ">
1270
1271            <div class="pt-5 md:p-0 w-full md:w-12/12 text-gray-300">
1272                <div class="grid grid-cols-12 gap-4"><div class="md:col-span-4 col-span-12  w-full -"><p><strong>Contact:</strong></p><p class="text-gray-400 text-sm font-medium">Keizerstraat 3a</p><p class="text-gray-400 text-sm font-medium">4461 AN Goes</p></div><div class="md:col-span-4 col-span-12 w-full "><p><strong>Advertenties:</strong></p><p class="block text-gray-400 hover:text-gray-100 text-sm font-medium duration-700"><a href="mailto:[email protected]">[email protected]</a></p></div><div class="md:col-span-4 col-span-12  w-full"><p><strong>Redactie:</strong></p><p class="block text-gray-400 hover:text-gray-100 text-sm font-medium duration-700"><a href="mailto:[email protected]">[email protected]</a></p></div></div><div><p class="text-gray-400 text-sm font-medium"><br></p><p class="text-gray-400 text-sm" style="font-size: 0.9em;">Hier vindt u ons <a href="/privacy" rel="noopener noreferrer" target="_blank"><span class="text-gray-200">privacybeleid</span></a>.</p></div>
1273            </div>
1274        </div>
1275
1276    </div>
1277
1278
1279    <div class="max-w-7xl px-2 m-auto w-full">
1280
1281        <ul role="list" class="flex items-center space-x-1 mt-4 mb-2 justify-end">
1282
1283
1284                <li>
1285                    <div class="mx-2  bg-primary hover:bg-opacity-60 text-white rounded-full items-center justify-center flex p-2 shadow-md">
1286                        <a href="//facebook.com/MiddelburgseVeerseBode" target="_blank" class="flex items-center justify-center w-6 h-6 text-white hover:text-gray-100" title="facebook">
1287                            <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">
1288                                <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>
1289                            </svg>
1290                        </a>
1291                    </div>
1292                </li>
1293
1294
1295
1296
1297
1298
1299
1300
1301
1302
1303                <li>
1304                    <div class="mx-2  bg-primary hover:bg-opacity-60 text-white rounded-full items-center justify-center flex p-2 shadow-md">
1305                        <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">
1306                            <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">
1307                                <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.573 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>
1308                            </svg>
1309                        </a>
1310                    </div>
1311                </li>
1312
1313        </ul>
1314    </div>
1315
1316    <div class="pt-2">
1317        <div class="flex pb-5 px-3 m-auto pt-5
1318            border-t border-gray-500 text-gray-400 text-sm
1319            flex-col md:flex-row max-w-7xl px-2">
1320            <div class="mt-2">
1321                
1322                Gemaakt met
1323                <a style="font-weight: bold;" href="https://www.pubble.nl/" target="_blank" rel="noopener">
1324                    <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="">
1325                </a>
1326            </div>
1327        </div>
1328    </div>
1329</footer>
1330
1331	<div id="subscribe_container" style="position: fixed; top: 0px; width: 100%; z-index: 999999991; display: none; ">
1332		<div class="subscribe_widget" style="background-color: rgb(255, 255, 255); padding: 25px; margin: 5px auto; border-radius: 5px; max-width: 550px; pointer-events: auto; box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.07), 0px 15px 35px 1px rgba(56, 58, 103, 0.1), 0px 5px 15px 0px rgba(62, 71, 92, 0.07); ">
1333			<div> 
1334				<p class="text-black font-semibold">Direct een melding bij belangrijk nieuws?</p><p class="text-black mb-2">Druk dan op onderstaande knop om gratis push notificaties in te schakelen.</p>
1335			</div> 
1336			<div style="clear:both;">
1337					<div onclick="pushNotification.reqPermission();pushNotification.closeSubscribe();" 
1338					class="py-4 text-center bg-primary text-white cursor-pointer rounded font-bold mt-4 mb-2 w-full">
1339						Ja houd mij op de hoogte!
1340					</div>
1341				<a href="#" onclick="pushNotification.closeSubscribe();">
1342					Nee, bedankt
1343				</a>
1344			</div>
1345		</div>
1346	</div> 
1347
1348
1349
1350
1351
1352
1353    
1353<script type="text/javascript" src="//storage.pubble.cloud/assets/static/js/pubble.script.min.js?version=260925-2"></script>
1353
1354        
1354<script type="text/javascript" src="//storage.pubble.cloud/assets/static/js/pubble/pubble.PubbleContent.js?v=260902-1"></script>
vendor: 1 bytes, line 1354
1354
1355<script type="text/javascript" src="/lure/js/pubble/lures.js?version=260925-2"></script>
vendor: 1 bytes, line 1355
1355
1356<script src="/components/js/pubble.stats.min.js?app_name=web&version=260925-2" async></script>
1356
1357    
1357<script defer src="/components/rum/pubble-rum.js?v=260925-2"></script>
1357
1358
1359
1360
1361
1362    
1362<script type="text/javascript"></script>
1362
1363
1364<!-- web-earth--scale-20261009-050223-e1d6-64487d98b8-44thv -->
1365</body>
1366</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.