PageSourceSearch

https://omroepcastricum.nl/nieuws/de-woude

html omroepcastricum.nl collected 2026-09-25 01:06:10 UTC 236,204 bytes, 3,005 lines download raw bytes

1<!DOCTYPE html>
2<html lang="nl" x-data>
3<head>
4    <meta charset="utf-8">
5    <meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0">
6
7    
7<script>
8        /* Fix voor Android "Force Dark" en correcte weergave in apps */
9        (function(){
10            var saved = localStorage.getItem('dark-mode'); // Let op: je nieuwe site gebruikt 'dark-mode' ipv 'theme'
11            var systemDark = window.matchMedia('(prefers-color-scheme:dark)').matches;
12            var dark = (saved === 'true') || (saved === null && systemDark);
13            document.documentElement.style.colorScheme = dark ? 'dark' : 'light';
14        })();
15    </script>
15
16
17    
18
19
20        <!-- Google Tag Manager -->
21        
21<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
22                    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
23                j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
24                'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
25            })(window,document,'script','dataLayer','UA-51103154-1');</script>
25
26        <!-- End Google Tag Manager -->
27        <title>De Woude | Omroep Castricum</title>
28
29    
30    
31    <meta property="og:site_name" content="Omroep Castricum" />
32    <meta name="prepr:locale" content="nl-NL">
33        <link rel="canonical" href="https://omroepcastricum.nl/nieuws/de-woude">
34    <meta property="og:url" content="https://omroepcastricum.nl/nieuws/de-woude" />
35            <meta property="prepr:id" content="7fe03045-f472-424c-9451-bff61f771b4c">
36        <meta name="description" content="">
37
38    <meta property="og:title" content="De Woude" />
39    <meta property="og:description" content="" />
40
41    <meta property="og:type" content="article">
42
43    <meta name="twitter:title" content="De Woude">
44    <meta name="twitter:description" content="">
45
46            <link rel="apple-touch-icon" href="https://omroepcastricum.nl/tenants/omroepcastricum/favicons/apple-touch-icon.png?v=1789721948">
47        <link rel="icon" type="image/png" sizes="96x96" href="https://omroepcastricum.nl/tenants/omroepcastricum/favicons/favicon-96x96.png?v=1789721948">
48        <link rel="icon" type="image/svg+xml" href="https://omroepcastricum.nl/tenants/omroepcastricum/favicons/favicon.svg?v=1789721948">
49        <link rel="icon" type="image/x-icon" href="https://omroepcastricum.nl/tenants/omroepcastricum/favicons/favicon.ico?v=1789721948">
50        <link rel="manifest" href="https://omroepcastricum.nl/tenants/omroepcastricum/favicons/site.webmanifest?v=1789721948">
51    
52    
53    <style>
54        body {
55            padding-left: env(safe-area-inset-left);
56            padding-right: env(safe-area-inset-right);
57            padding-bottom: env(safe-area-inset-bottom);
58        }
59        .site-header-safe {
60            padding-top: min(env(safe-area-inset-top), 3rem);
61        }
62    </style>
63
64    <style>
65        :root {
66            --surface-background: #FAFAFA;
67            --surface-main-1: #FFFFFF;
68            --surface-main-2: #FFFFFF;
69            --surface-main-3: #FFFFFF;
70            --surface-main-4: #FFFFFF;
71            --surface-dark-1: #27272A;
72            --surface-medium-1: #E4E4E7;
73            --surface-light-1: #FAFAFA;
74            --surface-light-2: #F4F4F5;
75            --surface-light-3: #F4F4F5;
76            --text-main: #27272A;
77            --text-secondary: #3F3F46;
78            --text-tertiary: #9F9FA9;
79            --button-border: #E4E4E7;
80            --button-light: #F4F4F5;
81            --brand-main: #014687;
82            --brand-secondary: #009ee2;
83            --brand-dark: #003a71;
84            --brand-light: #EEF2FF;
85        }
86
87        .dark {
88            --surface-background: #18181B;
89            --surface-main-1: #FFFFFF;
90            --surface-main-2: #18181B;
91            --surface-main-3: #27272A;
92            --surface-main-4: #3F3F46;
93            --surface-dark-1: #27272A;
94            --surface-medium-1: #52525C;
95            --surface-light-1: #27272A;
96            --surface-light-2: #3F3F46;
97            --surface-light-3: #27272A;
98            --text-main: #F4F4F5;
99            --text-secondary: #9F9FA9;
100            --text-tertiary: #9F9FA9;
101            --button-border: #3F3F46;
102            --button-light: #18181B;
103            --brand-main: #014687;
104            --brand-secondary: #009ee2;
105            --brand-dark: #003a71;
106            --brand-light: #1e1a4d;
107        }
108
109        /* Change all text and icon colors in the player. */
110        .vjs-matrix.video-js {
111            color: var(--brand-dark);
112        }
113
114        /* Change the border of the big play button. */
115        .vjs-matrix .vjs-big-play-button {
116            border-color: var(--brand-dark);
117        }
118
119        /* Change the color of various "bars". */
120        .vjs-matrix .vjs-volume-level,
121        .vjs-matrix .vjs-play-progress,
122        .vjs-matrix .vjs-slider-bar {
123            background: var(--brand-dark);
124        }
125    </style>
126
127    <link rel="preload" as="style" href="https://omroepcastricum.nl/build/assets/app-CBdtcaRl.css" /><link rel="preload" as="style" href="https://omroepcastricum.nl/build/assets/app-BohhYLNy.css" /><link rel="modulepreload" as="script" href="https://omroepcastricum.nl/build/assets/app-Bi0xsek7.js" /><link rel="stylesheet" href="https://omroepcastricum.nl/build/assets/app-CBdtcaRl.css" data-navigate-track="reload" /><link rel="stylesheet" href="https://omroepcastricum.nl/build/assets/app-BohhYLNy.css" data-navigate-track="reload" />
127<script type="module" src="https://omroepcastricum.nl/build/assets/app-Bi0xsek7.js" data-navigate-track="reload"></script>
127
128    <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.list-item][wire\:loading\.list-item], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style>
129
130        
130<script type="application/ld+json">
131        {
132    "@context": "https://schema.org",
133    "@type": "Organization",
134    "legalName": "Omroep Castricum",
135    "url": "https://omroepcastricum.nl",
136    "address": {
137        "@type": "PostalAddress",
138        "streetAddress": "Geesterduinweg 3",
139        "addressLocality": "Castricum",
140        "addressCountry": "Netherlands",
141        "postalCode": "1902 CB"
142    },
143    "email": "[email protected]",
144    "logo": "https://omroepcastricum.nl/tenants/omroepcastricum/logo-light.svg?v=1789721948",
145    "sameAs": [
146        "https://www.facebook.com/OmroepCastricum/",
147        "https://twitter.com/OmroepCastricum",
148        "https://youtube.com/OmroepCastricum",
149        "https://www.instagram.com/OmroepCastricum/",
150        "https://www.threads.net/@omroepcastricum",
151        "https://bsky.app/profile/omroepcastricum.bsky.social"
152    ]
153}
154    </script>
154
155
156    
156<script>
157        // Dark mode bij eerste paginalaad toepassen op <html>
158        if (localStorage.getItem('dark-mode') === 'true') {
159            document.documentElement.classList.add('dark');
160        }
161
162        window.__isDarkMode = localStorage.getItem('dark-mode') === 'true';
163    </script>
163
164
165    
165<script>
166        function initializePreprTracker() {
167            if (window.preprInitialized) {
168                return;
169            }
170            window.preprInitialized = true;
171
172            // De Prepr Tracking Code, nu in een functie
173            !function (e, t, p, r, n, a, s) {
174                e[r] || ((n = e[r] = function () {
175                    n.process ? n.process.apply(n, arguments) : n.queue.push(arguments)
176                }).queue = [], n.t = +new Date, (a = t.createElement(p)).async = 1, a.src = "https://cdn.tracking.prepr.io/js/prepr_v2.min.js?t=" + 864e5 * Math.ceil(new Date / 864e5), (s = t.getElementsByTagName(p)[0]).parentNode.insertBefore(a, s))
177            }(window, document, "script", "prepr"), prepr("init", "a018f8fa077b41d4c2f8d1e2efc004ad1bd51093aea7df6df80e4fe745b7a549"), prepr("event", "pageload");
178        }
179    </script>
179
180
181
182        
182<script>
183            initializePreprTracker();
184        </script>
184
185
186
187    
188    
188<script async src="https://www.instagram.com/embed.js"></script>
188
189</head>
190
191<body
192    x-data="{
193        isMobileMenuOpen: false,
194        isMobileView: false
195    }"
196    x-init="isMobileView = (window.innerWidth < 1024)"
197    @resize.window="isMobileView = (window.innerWidth < 1024)"
198    :class="{ 'overflow-hidden lg:overflow-auto': isMobileMenuOpen }"
199    :data-flyout-menu-open="isMobileMenuOpen"
200    :data-is-mobile-view="isMobileView"
201    @cookies-accepted.window="initializePreprTracker()"
202    class="font-roboto-condensed bg-surface-background text-text-main transition-colors duration-300"
203>
204
205
206    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=UA-51103154-1"
207                      height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
208<div id="fb-root"></div>
209<script async defer crossorigin="anonymous" src="https://connect.facebook.net/nl_NL/sdk.js#xfbml=1&version=v19.0"
210        nonce="GjV9R3sf"></script>
210
211
212<header class="site-header-safe bg-surface-main-3 sticky top-0 z-50 shadow-[0_4px_24px_0_rgba(0,0,0,0.10)]">
213    <div class="lg:container mx-auto px-6">
214        <div class="flex items-center h-16 md:h-20">
215
216            <a href="/" wire:navigate>
217            <img
218                :src="$store.ui?.darkMode ? 'https://omroepcastricum.nl/tenants/omroepcastricum/logo-dark.svg?v=1789721948' : 'https://omroepcastricum.nl/tenants/omroepcastricum/logo-light.svg?v=1789721948'"
219                src="https://omroepcastricum.nl/tenants/omroepcastricum/logo-light.svg?v=1789721948"
220                alt="Logo"
221                class="h-10 w-auto"
222                loading="eager"
223            >
224        </a>
225    
226            
227            <nav class="hidden lg:flex items-center space-x-8 ml-10 text-xl">
228                <ul class="flex items-center justify-center space-x-1 xl:space-x-8 font-semibold text-text-secondary">
229                                                                                                        <li x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false" class="relative">
230
231                                    <a
232            wire:navigate href="https://omroepcastricum.nl/nieuws"
233    
234    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary flex items-center gap-x-1 cursor-pointer px-[13px] py-[6px]"
235>
236    Nieuws
237                                                                                    <i class="fa-solid fa-chevron-down text-[11px]"></i>
238</a>
239
240                                    
241                                                                            <div x-show="open" x-transition x-cloak class="absolute left-0 z-10 w-56 pt-1">
242                                            
243                                            <div class="origin-top-left max-h-[calc(100dvh-6rem)] overflow-y-auto overscroll-contain rounded-xl bg-surface-main-3 shadow-[0_4px_24px_0_rgba(0,0,0,0.15)]">
244                                                <div class="p-1">
245                                                                                                                                                                        <a
246            wire:navigate href="https://omroepcastricum.nl/nieuws"
247    
248    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
249>
250    Nieuws
251</a>
252                                                                                                                                                                                                                                <a
253            wire:navigate href="https://omroepcastricum.nl/nieuws/akersloot"
254    
255    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
256>
257    Akersloot
258</a>
259                                                                                                                                                                                                                                <a
260            wire:navigate href="https://omroepcastricum.nl/nieuws/bakkum"
261    
262    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
263>
264    Bakkum
265</a>
266                                                                                                                                                                                                                                <a
267            wire:navigate href="https://omroepcastricum.nl/nieuws/de-woude"
268    
269    class="transition rounded-lg text-brand-secondary hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
270>
271    De Woude
272</a>
273                                                                                                                                                                                                                                <a
274            wire:navigate href="https://omroepcastricum.nl/nieuws/limmen"
275    
276    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
277>
278    Limmen
279</a>
280                                                                                                                                                                                                                                <a
281            wire:navigate href="https://omroepcastricum.nl/nieuws/regio"
282    
283    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
284>
285    Regio
286</a>
287                                                                                                                                                                                                                                <hr class="border-t border-t-button-border mx-3 my-1" />
288                                                                                                                                                                                                                                <a
289            wire:navigate href="https://omroepcastricum.nl/nieuws/112"
290    
291    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
292>
293    112
294</a>
295                                                                                                                                                                                                                                <a
296            wire:navigate href="https://omroepcastricum.nl/nieuws/cultuur"
297    
298    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
299>
300    Cultuur
301</a>
302                                                                                                                                                                                                                                <a
303            wire:navigate href="https://omroepcastricum.nl/nieuws/economie"
304    
305    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
306>
307    Economie
308</a>
309                                                                                                                                                                                                                                <a
310            wire:navigate href="https://omroepcastricum.nl/nieuws/gemeente"
311    
312    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
313>
314    Gemeente
315</a>
316                                                                                                                                                                                                                                <a
317            wire:navigate href="https://omroepcastricum.nl/nieuws/natuur-en-milieu"
318    
319    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
320>
321    Natuur en Milieu
322</a>
323                                                                                                                                                                                                                                <a
324            wire:navigate href="https://omroepcastricum.nl/nieuws/omroep-castricum"
325    
326    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
327>
328    Omroep Castricum
329</a>
330                                                                                                                                                                                                                                <a
331            wire:navigate href="https://omroepcastricum.nl/nieuws/politiek"
332    
333    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
334>
335    Politiek
336</a>
337                                                                                                                                                                                                                                <a
338            wire:navigate href="https://omroepcastricum.nl/nieuws/sport"
339    
340    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
341>
342    Sport
343</a>
344                                                                                                                                                                                                                                <a
345            wire:navigate href="https://omroepcastricum.nl/nieuws/uitgaan"
346    
347    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
348>
349    Uitgaan
350</a>
351                                                                                                                                                                                                                                <a
352            wire:navigate href="https://omroepcastricum.nl/nieuws/zorg-en-welzijn"
353    
354    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
355>
356    Zorg en Welzijn
357</a>
358                                                                                                                                                            </div>
359                                            </div>
360                                        </div>
361                                                                    </li>
362                                                                                                                <li x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false" class="relative">
363
364                                    <a
365            wire:navigate href="https://omroepcastricum.nl/televisie/live"
366    
367    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary flex items-center gap-x-1 cursor-pointer px-[13px] py-[6px]"
368>
369    Televisie
370                                                                                    <i class="fa-solid fa-chevron-down text-[11px]"></i>
371</a>
372
373                                    
374                                                                            <div x-show="open" x-transition x-cloak class="absolute left-0 z-10 w-56 pt-1">
375                                            
376                                            <div class="origin-top-left max-h-[calc(100dvh-6rem)] overflow-y-auto overscroll-contain rounded-xl bg-surface-main-3 shadow-[0_4px_24px_0_rgba(0,0,0,0.15)]">
377                                                <div class="p-1">
378                                                                                                                                                                        <a
379            wire:navigate href="https://omroepcastricum.nl/televisie/live"
380    
381    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
382>
383    Live
384</a>
385                                                                                                                                                                                                                                <a
386            wire:navigate href="https://omroepcastricum.nl/televisie/gids"
387    
388    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
389>
390    Programmering
391</a>
392                                                                                                                                                                                                                                <a
393            wire:navigate href="https://omroepcastricum.nl/televisie/gemist"
394    
395    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
396>
397    Gemist
398</a>
399                                                                                                                                                                                                                                <a
400            wire:navigate href="https://omroepcastricum.nl/televisie/frequenties"
401    
402    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
403>
404    Frequenties
405</a>
406                                                                                                                                                            </div>
407                                            </div>
408                                        </div>
409                                                                    </li>
410                                                                                                                <li x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false" class="relative">
411
412                                    <a
413            wire:navigate href="https://omroepcastricum.nl/radio/live"
414    
415    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary flex items-center gap-x-1 cursor-pointer px-[13px] py-[6px]"
416>
417    Radio
418                                                                                    <i class="fa-solid fa-chevron-down text-[11px]"></i>
419</a>
420
421                                    
422                                                                            <div x-show="open" x-transition x-cloak class="absolute left-0 z-10 w-56 pt-1">
423                                            
424                                            <div class="origin-top-left max-h-[calc(100dvh-6rem)] overflow-y-auto overscroll-contain rounded-xl bg-surface-main-3 shadow-[0_4px_24px_0_rgba(0,0,0,0.15)]">
425                                                <div class="p-1">
426                                                                                                                                                                        <a
427            wire:navigate href="https://omroepcastricum.nl/radio/live"
428    
429    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
430>
431    Live
432</a>
433                                                                                                                                                                                                                                <a
434            wire:navigate href="https://omroepcastricum.nl/radio/gids"
435    
436    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
437>
438    Programmering
439</a>
440                                                                                                                                                                                                                                <a
441            wire:navigate href="https://omroepcastricum.nl/radio/gemist"
442    
443    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
444>
445    Gemist
446</a>
447                                                                                                                                                                                                                                <a
448            wire:navigate href="https://omroepcastricum.nl/radio/frequenties"
449    
450    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
451>
452    Frequenties
453</a>
454                                                                                                                                                            </div>
455                                            </div>
456                                        </div>
457                                                                    </li>
458                                                                                                                <li x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false" class="relative">
459
460                                    <a
461            wire:navigate href="https://omroepcastricum.nl/organisatie"
462    
463    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary flex items-center gap-x-1 cursor-pointer px-[13px] py-[6px]"
464>
465    Over ons
466                                                                                    <i class="fa-solid fa-chevron-down text-[11px]"></i>
467</a>
468
469                                    
470                                                                            <div x-show="open" x-transition x-cloak class="absolute left-0 z-10 w-56 pt-1">
471                                            
472                                            <div class="origin-top-left max-h-[calc(100dvh-6rem)] overflow-y-auto overscroll-contain rounded-xl bg-surface-main-3 shadow-[0_4px_24px_0_rgba(0,0,0,0.15)]">
473                                                <div class="p-1">
474                                                                                                                                                                        <a
475            wire:navigate href="https://omroepcastricum.nl/organisatie"
476    
477    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
478>
479    Organisatie
480</a>
481                                                                                                                                                                                                                                <a
482            wire:navigate href="https://omroepcastricum.nl/samenwerking"
483    
484    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
485>
486    Samenwerking
487</a>
488                                                                                                                                                                                                                                <a
489            wire:navigate href="https://omroepcastricum.nl/vacatures"
490    
491    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
492>
493    Vacatures
494</a>
495                                                                                                                                                                                                                                <a
496            wire:navigate href="https://omroepcastricum.nl/faq"
497    
498    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
499>
500    FAQ
501</a>
502                                                                                                                                                                                                                                <a
503            wire:navigate href="https://omroepcastricum.nl/meer-informatie-over-cookie
503s"
504    
505    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
506>
507    Cookies
508</a>
509                                                                                                                                                                                                                                <a
510            wire:navigate href="https://omroepcastricum.nl/disclaimer"
511    
512    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
513>
514    Disclaimer
515</a>
516                                                                                                                                                            </div>
517                                            </div>
518                                        </div>
519                                                                    </li>
520                                                                                                                <li x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false" class="relative">
521
522                                    <a
523            wire:navigate href="https://omroepcastricum.nl/adverteren"
524    
525    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary flex items-center gap-x-1 cursor-pointer px-[13px] py-[6px]"
526>
527    Adverteren
528</a>
529
530                                    
531                                                                    </li>
532                                                                                                                <li x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false" class="relative">
533
534                                    <a
535            wire:navigate href="https://omroepcastricum.nl/contact"
536    
537    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary flex items-center gap-x-1 cursor-pointer px-[13px] py-[6px]"
538>
539    Contact
540                                                                                    <i class="fa-solid fa-chevron-down text-[11px]"></i>
541</a>
542
543                                    
544                                                                            <div x-show="open" x-transition x-cloak class="absolute left-0 z-10 w-56 pt-1">
545                                            
546                                            <div class="origin-top-left max-h-[calc(100dvh-6rem)] overflow-y-auto overscroll-contain rounded-xl bg-surface-main-3 shadow-[0_4px_24px_0_rgba(0,0,0,0.15)]">
547                                                <div class="p-1">
548                                                                                                                                                                        <a
549            wire:navigate href="https://omroepcastricum.nl/contact"
550    
551    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
552>
553    Contact
554</a>
555                                                                                                                                                                                                                                <a
556            wire:navigate href="https://omroepcastricum.nl/tip-de-redactie"
557    
558    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
559>
560    Tip de redactie
561</a>
562                                                                                                                                                            </div>
563                                            </div>
564                                        </div>
565                                                                    </li>
566                                                                                        </ul>
567            </nav>
568
569            
570            <div class="flex items-center ml-auto space-x-2"
571                 x-data="{
572                    storageKey: 'article-bookmarks-' + window.location.host,
573                    bookmarkCount: 0,
574                    init() {
575                        this.syncCount();
576                        window.addEventListener('bookmark-toggled', 
576() => this.syncCount());
577                        window.addEventListener('bookmarks-cleared', () => this.bookmarkCount = 0);
578                        window.addEventListener('bookmark-removed', () => this.syncCount());
579                    },
580                    syncCount() {
581                        const ids = JSON.parse(localStorage.getItem(this.storageKey) || '[]');
582                        this.bookmarkCount = ids.length;
583                    },
584                    openDrawer() {
585                        const ids = JSON.parse(localStorage.getItem(this.storageKey) || '[]');
586                        $dispatch('bookmarks-open', { ids });
587                    },
588                 }">
589
590                                    <a wire:navigate href="https://omroepcastricum.nl/zoeken" title="Zoeken"
591                       class="p-2 rounded-full h-10 w-10 bg-surface-light-2 text-text-main hover:bg-brand-main hover:text-surface-main-1 cursor-pointer flex items-center justify-center transition">
592                        <i class="fa-solid fa-search"></i>
593                    </a>
594                
595                
596                <div wire:key="lw-1330329823-0-5-4-2" wire:snapshot="{&quot;data&quot;:{&quot;selectedTenants&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;tenantNavigation&quot;:[[[{&quot;parant&quot;:null,&quot;submenu&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}]},{&quot;s&quot;:&quot;arr&quot;}]],{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;HXUUAn7nsZ0tjSYNoEo0&quot;,&quot;name&quot;:&quot;components.tenant-selector&quot;,&quot;path&quot;:&quot;nieuws\/de-woude&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;nl&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;4bb2ff5b0967d159f7f32466a74ee4769acc1fd401a65c3e14747a293e47f562&quot;}" wire:effects="[]" wire:id="HXUUAn7nsZ0tjSYNoEo0" wire:name="components.tenant-selector">
597    <!--[if BLOCK]><![endif]-->        <!--[if BLOCK]><![endif]-->            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]--></div>
598            </div>
599
600        </div>
601    </div>
602</header>
603
604
605<div>
606        
607                                    <main wire:key="lw-1662490603-15" wire:snapshot="{&quot;data&quot;:{&quot;pageData&quot;:[{&quot;__typename&quot;:&quot;Pagina&quot;,&quot;_id&quot;:&quot;7fe03045-f472-424c-9451-bff61f771b4c&quot;,&quot;_slug&quot;:&quot;nieuws\/de-woude&quot;,&quot;title&quot;:&quot;De Woude&quot;,&quot;type&quot;:&quot;overview&quot;,&quot;guide_id&quot;:null,&quot;tags&quot;:[[[{&quot;slug&quot;:&quot;de-woude&quot;},{&quot;s&quot;:&quot;arr&quot;}]],{&quot;s&quot;:&quot;arr&quot;}],&quot;subtitle&quot;:&quot;Meer nieuws&quot;,&quot;all_content&quot;:false,&quot;limit&quot;:10,&quot;seo&quot;:[{&quot;title&quot;:&quot;De Woude&quot;,&quot;description&quot;:null},{&quot;s&quot;:&quot;arr&quot;}]},{&quot;s&quot;:&quot;arr&quot;}],&quot;selectedRegions&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;hasMorePages&quot;:true,&quot;page&quot;:1},&quot;memo&quot;:{&quot;id&quot;:&quot;Zp7NHDclZBjUG3heNZ0c&quot;,&quot;name&quot;:&quot;pages.overview&quot;,&quot;path&quot;:&quot;nieuws\/de-woude&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;attributes&quot;:{&quot;slug&quot;:&quot;nieuws\/de-woude&quot;,&quot;id&quot;:&quot;7fe03045-f472-424c-9451-bff61f771b4c&quot;},&quot;children&quot;:{&quot;banner-category_top&quot;:[&quot;div&quot;,&quot;dDuiCesUZMmr4OjdkTg6&quot;],&quot;banner-category_top_mobile&quot;:[&quot;div&quot;,&quot;hTu1u0ULQu504QjxxxIO&quot;],&quot;lw-71422695-2-1&quot;:[&quot;div&quot;,&quot;t3yjNszSqa1RncwaHAW4&quot;],&quot;banner-category_middle&quot;:[&quot;div&quot;,&quot;tQEiACvG3ZjzaEgbU1C5&quot;],&quot;banner-category_middle_mobile&quot;:[&quot;div&quot;,&quot;BsfZOFZ32drHMVyeUhg3&quot;],&quot;banner-category_bottom&quot;:[&quot;div&quot;,&quot;BPmDNXxDvoz5O7FnjbGs&quot;],&quot;banner-category_bottom_mobile&quot;:[&quot;div&quot;,&quot;nVHJSGwSA2O0wDKslv9U&quot;],&quot;banner-sidebar_top&quot;:[&quot;div&quot;,&quot;HsKItKGMKGpUcWHByqDB&quot;],&quot;live-overview-component&quot;:[&quot;div&quot;,&quot;IcmV4f8lqK8HNQ8G0Hcn&quot;],&quot;most-read-overview-component&quot;:[&quot;div&quot;,&quot;aJ6EIyncojjOnvNj8gd2&quot;],&quot;weather-overview-component&quot;:[&quot;div&quot;,&quot;gojNy5rDRRwxO3OFUC60&quot;],&quot;banner-sidebar_middle&quot;:[&quot;div&quot;,&quot;1qEZ4eDPHmRZ5YJbk493&quot;],&quot;banner-sidebar_bottom&quot;:[&quot;div&quot;,&quot;5W3BDg2jKATuZbwyb5CO&quot;],&quot;banner-sidebar_bottom_4&quot;:[&quot;div&quot;,&quot;vc7UpoNqeSdCEarU43JE&quot;],&quot;banner-sidebar_bottom_5&quot;:[&quot;div&quot;,&quot;j0wCR1oFF3fhg3xkBELy&quot;]},&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;nl&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;d53fca54714669072268f0d4bd2fa3f7e8c676becd35e0316ed8a36fd5cb8f7b&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;regionsUpdated&quot;]}" wire:id="Zp7NHDclZBjUG3heNZ0c" wire:name="pages.overview" class="lg:container px-4 w-full md:mx-auto md:px-6 mt-8">
608    
609    <section class="grid grid-cols-1 lg:grid-cols-2 gap-8 mb-14">
610        <!--[if BLOCK]><![endif]-->            <a
611            wire:navigate
612        href="https://omroepcastricum.nl/nieuws/artikel/een-op-een-met-jiska-bours-gl-pvda"
613        data-prepr-item-id="697a3ed4-8f6a-4675-b1e7-e3ad7955cee8"
614    class="group flex flex-col overflow-hidden rounded-lg cursor-pointer md:hover:shadow-[0_4px_24px_0_rgba(0,0,0,0.10)] bg-surface-main-3">
615
616    <div class="relative group overflow-hidden">
617        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
618        <!--[if BLOCK]><![endif]-->            <img src="https://5mkcc1sh4vpo.b-cdn.net/j5pxzrow3gs/w_728,h_400/lijsttrekker-groenlinks-pvda-jiske-bours.jpg"
619                 alt="Eén op één met Jiska Bours (GL-PvdA)"
620                 class="w-full h-[206px] md:h-[400px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
621        <!--[if ENDBLOCK]><![endif]-->
622        <div class="absolute inset-0 bg-gradient-to-t to-transparent from-black/20"></div>
623
624        <div class="absolute bottom-0 w-full px-6 pb-6 pt-10 text-white">
625            <div class="absolute top-0 flex flex-row gap-x-2">
626                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
627                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
628                <!--[if BLOCK]><![endif]-->
628                    <span class="bg-white/80 backdrop-blur-[2.5px] text-surface-dark-1 text-[10px] md:text-xs font-bold px-2 py-1.5 rounded-md">
629    <i class="fa-solid fa-video"></i>
630</span>
631                <!--[if ENDBLOCK]><![endif]-->                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </div>
632
633            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
634    </div>
635    <div class="p-6 flex-grow">
636        <!--[if BLOCK]><![endif]-->            <h2 class="text-lg lg:text-[32px] font-bold mb-3 line-clamp-2 leading-[normal] group-hover:underline group-hover:text-brand-secondary">
637                Eén op één met Jiska Bours (GL-PvdA)
638            </h2>
639        <!--[if ENDBLOCK]><![endif]-->        <p class="text-text-main text-sm md:text-base font-montserrat line-clamp-2">
640            CASTRICUM - Wat wil GroenLinks-PvdA in Castricum bereiken de komende vier jaar? Kees Pater spreekt met lijsttrekker Jiska Bours.
641        </p>
642    </div>
643</a>
644                    <a
645            wire:navigate
646        href="https://omroepcastricum.nl/nieuws/artikel/een-op-een-met-roel-beems-lokaal-vitaal"
647        data-prepr-item-id="456f3e5d-daff-4c01-b734-feab95d80c78"
648    class="group flex flex-col overflow-hidden rounded-lg cursor-pointer md:hover:shadow-[0_4px_24px_0_rgba(0,0,0,0.10)] bg-surface-main-3">
649
650    <div class="relative group overflow-hidden">
651        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
652        <!--[if BLOCK]><![endif]-->            <img src="https://5mkcc1sh4vpo.b-cdn.net/3zfw8js60ty3/w_728,h_400/lijsttrekker-lokaal-vitaal-roel-beems.jpg"
653                 alt="Eén op één met Roel Beems (Lokaal Vitaal)"
654                 class="w-full h-[206px] md:h-[400px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
655        <!--[if ENDBLOCK]><![endif]-->
656        <div class="absolute inset-0 bg-gradient-to-t to-transparent from-black/20"></div>
657
658        <div class="absolute bottom-0 w-full px-6 pb-6 pt-10 text-white">
659            <div class="absolute top-0 flex flex-row gap-x-2">
660                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
661                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
662                <!--[if BLOCK]><![endif]-->                    <span class="bg-white/80 backdrop-blur-[2.5px] text-surface-dark-1 text-[10px] md:text-xs font-bold px-2 py-1.5 rounded-md">
663    <i class="fa-solid fa-video"></i>
664</span>
665                <!--[if ENDBLOCK]><![endif]-->                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </div>
666
667            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
668    </div>
669    <div class="p-6 flex-grow">
670        <!--[if BLOCK]><![endif]-->            <h2 class="text-lg lg:text-[32px] font-bold mb-3 line-clamp-2 leading-[normal] group-hover:underline group-hover:text-brand-secondary">
671                Eén op één met Roel Beems (Lokaal Vitaal)
672            </h2>
673        <!--[if ENDBLOCK]><![endif]-->        <p class="text-text-main text-sm md:text-base font-montserrat line-clamp-2">
674            CASTRICUM - Wat wil Lokaal Vitaal in Castricum bereiken de komende vier jaar? Kees Pater spreekt met lijsttrekker Roel Beems.
675        </p>
676    </div>
677</a>
678        <!--[if ENDBLOCK]><![endif]-->    </section>
679
680    <div class="grid grid-cols-1 lg:grid-cols-[1fr_320px] gap-6">
681        <div class="space-y-3 lg:space-y-6 min-w-0">
682            <!--[if BLOCK]><![endif]-->                <section>
683                    <div class="flex flex-row justify-between items-end">
684                        <h2 class="text-lg lg:text-[32px] leading-[normal] font-bold font-roboto-condensed">
685                            Meer nieuws
686                        </h2>
687                    </div>
688                </section>
689            <!--[if ENDBLOCK]><![endif]-->
690            
691            <!--[if BLOCK]><![endif]-->                <section>
692                    <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6">
693                        <!--[if BLOCK]><![endif]-->                            <a
694            wire:navigate
695        href="https://omroepcastricum.nl/nieuws/artikel/een-op-een-met-andries-de-rooij-vvd"
696        data-prepr-item-id="a3022407-0f51-414e-af10-851ec8f72a48"
697    class="group relative flex flex-row overflow-hidden rounded-xl md:flex-col cursor-pointer md:hover:shadow-[0_4px_24px_0_rgba(0,0,0,0.10)] hover:bg-surface-main-3">
698
699    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
700        <!--[if BLOCK]><![endif]-->            <img src="https://5mkcc1sh4vpo.b-cdn.net/1dkyr2j1xsxz/w_728,h_400/lijsttrekker-vvd-andries-de-rooij.jpg"
701                 alt="Eén op één met Andries de Rooij (VVD)"
702                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
703        <!--[if ENDBLOCK]><![endif]-->
704        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
705        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
706            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
707            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
708            <!--[if BLOCK]><![endif]-->
708                <span class="bg-white/80 backdrop-blur-[2.5px] text-surface-dark-1 text-[10px] md:text-xs font-bold px-2 py-1.5 rounded-md">
709    <i class="fa-solid fa-video"></i>
710</span>
711            <!--[if ENDBLOCK]><![endif]-->
712            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
713            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
714    </div>
715
716    <div class="flex flex-col px-3 py-2 max-h-[75px] md:max-h-full md:p-4 md:space-y-2 w-full">
717        <h3 class="font-bold text-base md:text-xl leading-5 md:line-clamp-2 group-hover:text-brand-secondary group-hover:underline line-clamp-3">
718            Eén op één met Andries de Rooij (VVD)
719        </h3>
720        <p class="line-clamp-3 font-montserrat max-md:hidden">
721            CASTRICUM - Wat wil de VVD in Castricum bereiken de komende vier jaar? Martin Touber spreekt met lijsttrekker Andries de Rooij.
722        </p>
723    </div>
724</a>
725                                                    <a
726            wire:navigate
727        href="https://omroepcastricum.nl/nieuws/artikel/een-op-een-met-barbel-bohling-de-vrijelijst"
728        data-prepr-item-id="e2e43a6c-5f12-4f90-9a71-fd91a6670498"
729    class="group relative flex flex-row overflow-hidden rounded-xl md:flex-col cursor-pointer md:hover:shadow-[0_4px_24px_0_rgba(0,0,0,0.10)] hover:bg-surface-main-3">
730
731    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
732        <!--[if BLOCK]><![endif]-->            <img src="https://5mkcc1sh4vpo.b-cdn.net/6ljbzh5madlx/w_728,h_400/lijsttrekker-de-vrije-lijst-barbel-bohling.jpg"
733                 alt="Eén op één met Bärbel Böhling (De VrijeLijst)"
734                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
735        <!--[if ENDBLOCK]><![endif]-->
736        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
737        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
738            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
739            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
740            <!--[if BLOCK]><![endif]-->                <span class="bg-white/80 backdrop-blur-[2.5px] text-surface-dark-1 text-[10px] md:text-xs font-bold px-2 py-1.5 rounded-md">
741    <i class="fa-solid fa-video"></i>
742</span>
743            <!--[if ENDBLOCK]><![endif]-->
744            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
745            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
746    </div>
747
748    <div class="flex flex-col px-3 py-2 max-h-[75px] md:max-h-full md:p-4 md:space-y-2 w-full">
749        <h3 class="font-bold text-base md:text-xl leading-5 md:line-clamp-2 group-hover:text-brand-secondary group-hover:underline line-clamp-3">
750            Eén op één met Bärbel Böhling (De VrijeLijst)
751        </h3>
752        <p class="line-clamp-3 font-montserrat max-md:hidden">
753            CASTRICUM - Wat wil De VrijeLijst in Castricum bereiken de komende vier jaar? Kees Pater spreekt met lijsttrekker Bärbel Böhling.
754        </p>
755    </div>
756</a>
757                                                    <a
758            wire:navigate
759        href="https://omroepcastricum.nl/nieuws/artikel/een-op-een-met-dorien-veldt-cda"
760        data-prepr-item-id="e3f81c21-a515-4fe7-a0bb-593307590841"
761    class="group relative flex flex-row overflow-hidden rounded-xl md:flex-col cursor-pointer md:hover:shadow-[0_4px_24px_0_rgba(0,0,0,0.10)] hover:bg-surface-main-3">
762
763    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
764        <!--[if BLOCK]><![endif]-->            <img src="https://5mkcc1sh4vpo.b-cdn.net/2csyqr0oidkj/w_728,h_400/lijsttrekker-cda-dorien-veldt.jpg"
765                 alt="Eén op één met Dorien Veldt (CDA)"
766                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
767        <!--[if ENDBLOCK]><![endif]-->
768        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
769        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
770            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
771            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
772            <!--[if BLOCK]><![endif]-->
772                <span class="bg-white/80 backdrop-blur-[2.5px] text-surface-dark-1 text-[10px] md:text-xs font-bold px-2 py-1.5 rounded-md">
773    <i class="fa-solid fa-video"></i>
774</span>
775            <!--[if ENDBLOCK]><![endif]-->
776            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
777            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
778    </div>
779
780    <div class="flex flex-col px-3 py-2 max-h-[75px] md:max-h-full md:p-4 md:space-y-2 w-full">
781        <h3 class="font-bold text-base md:text-xl leading-5 md:line-clamp-2 group-hover:text-brand-secondary group-hover:underline line-clamp-3">
782            Eén op één met Dorien Veldt (CDA)
783        </h3>
784        <p class="line-clamp-3 font-montserrat max-md:hidden">
785            CASTRICUM - Wat wil het CDA in Castricum bereiken de komende vier jaar? Kees Pater spreekt met lijsttrekker Dorien Veldt.
786        </p>
787    </div>
788</a>
789                                                    <a
790            wire:navigate
791        href="https://omroepcastricum.nl/nieuws/artikel/een-op-een-met-vivianne-spruit-pvdd"
792        data-prepr-item-id="87a157e3-c0b5-4c29-b961-151c55fcc7cd"
793    class="group relative flex flex-row overflow-hidden rounded-xl md:flex-col cursor-pointer md:hover:shadow-[0_4px_24px_0_rgba(0,0,0,0.10)] hover:bg-surface-main-3">
794
795    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
796        <!--[if BLOCK]><![endif]-->            <img src="https://5mkcc1sh4vpo.b-cdn.net/35iiskif2bhx/w_728,h_400/lijsttrekker-partij-voor-de-dieren-vivianne-spruit.jpg"
797                 alt="Eén op één met Vivianne Spruit (PvdD)"
798                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
799        <!--[if ENDBLOCK]><![endif]-->
800        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
801        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
802            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
803            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
804            <!--[if BLOCK]><![endif]-->                <span class="bg-white/80 backdrop-blur-[2.5px] text-surface-dark-1 text-[10px] md:text-xs font-bold px-2 py-1.5 rounded-md">
805    <i class="fa-solid fa-video"></i>
806</span>
807            <!--[if ENDBLOCK]><![endif]-->
808            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
809            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
810    </div>
811
812    <div class="flex flex-col px-3 py-2 max-h-[75px] md:max-h-full md:p-4 md:space-y-2 w-full">
813        <h3 class="font-bold text-base md:text-xl leading-5 md:line-clamp-2 group-hover:text-brand-secondary group-hover:underline line-clamp-3">
814            Eén op één met Vivianne Spruit (PvdD)
815        </h3>
816        <p class="line-clamp-3 font-montserrat max-md:hidden">
817            CASTRICUM - Wat wil de Partij voor de Dieren in Castricum bereiken de komende vier jaar? Martin Touber spreekt met lijsttrekker Vivianne Spruit.
818        </p>
819    </div>
820</a>
821                                                    <a
822            wire:navigate
823        href="https://omroepcastricum.nl/nieuws/artikel/scooter-in-brand-gestoken-na-ruzie"
824        data-prepr-item-id="bb796b2e-e0ce-46a4-a146-d6a9d64e1cb0"
825    class="group relative flex flex-row overflow-hidden rounded-xl md:flex-col cursor-pointer md:hover:shadow-[0_4px_24px_0_rgba(0,0,0,0.10)] hover:bg-surface-main-3">
826
827    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
828        <!--[if BLOCK]><![endif]-->            <div class="w-full h-[75px] md:h-[200px] bg-button-border flex items-center justify-center">
829                <img x-cloak src="https://omroepcastricum.nl/tenants/omroepcastricum/logo-light.svg?v=1789721948"
830                     alt="Logo"
831                     class="h-6 lg:h-12 filter brightness-0 invert">
832            </div>
833        <!--[if ENDBLOCK]><![endif]-->
834        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
835        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
836            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
837            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
838            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
839            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
840            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
841    </div>
842
843    <div class="flex flex-col px-3 py-2 max-h-[75px] md:max-h-full md:p-4 md:space-y-2 w-full">
844        <h3 class="font-bold text-base md:text-xl leading-5 md:line-clamp-2 group-hover:text-brand-secondary group-hover:underline line-clamp-3">
845            Scooter in brand gestoken na ruzie
846        </h3>
847        <p class="line-clamp-3 font-montserrat max-md:hidden">
848            ALKMAAR - Maandagavond rond 18.40 uur werd de brandweer opgeroepen voor een scooterbrand aan de Hornwaard in Alkmaar.
849        </p>
850    </div>
851</a>
852                                                    <a
853            wire:navigate
854        href="https://omroepcastricum.nl/nieuws/artikel/klimaatexamen-in-het-jac-p-thijsse-college"
855        data-prepr-item-id="debed784-2aa2-430b-8f25-9c231216f27b"
856    class="group relative flex flex-row overflow-hidden rounded-xl md:flex-col cursor-pointer md:hover:shadow-[0_4px_24px_0_rgba(0,0,0,0.10)] hover:bg-surface-main-3">
857
858    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
859        <!--[if BLOCK]><![endif]-->            <img src="https://5mkcc1sh4vpo.b-cdn.net/6qi9ry3bluqf/w_728,h_400/klimaatexamen-2025-jptijsse-2.jpg"
860                 alt="Klimaatexamen in het Jac. P. Thijsse College"
861                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
862        <!--[if ENDBLOCK]><![endif]-->
863        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
864        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
865            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
866            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
867            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
868            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
869            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
870    </div>
871
872    <div class="flex flex-col px-3 py-2 max-h-[75px] md:max-h-full md:p-4 md:space-y-2 w-full">
873        <h3 class="font-bold text-base md:text-xl leading-5 md:line-clamp-2 group-hover:text-brand-secondary group-hover:underline line-clamp-3">
874            Klimaatexamen in het Jac. P. Thijsse College
875        </h3>
876        <p class="line-clamp-3 font-montserrat max-md:hidden">
877            CASTRICUM - Dinsdag vond op initiatief van het duurzaamheidsteam van het Jac. P. Thijsse College het Klimaatexamen 2025 plaats in de examenzaal van de school.
878        </p>
879    </div>
880</a>
881                        <!--[if ENDBLOCK]><![endif]-->                    </div>
882                </section>
883
884                
885                <div class="hidden lg:block">
886                    <div wire:key="banner-category_top" wire:snapsh
886ot="{&quot;data&quot;:{&quot;placeId&quot;:&quot;category_top&quot;,&quot;shouldRender&quot;:false,&quot;title&quot;:null,&quot;isSlider&quot;:null,&quot;duration&quot;:null,&quot;slidesToShow&quot;:null,&quot;items&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;dDuiCesUZMmr4OjdkTg6&quot;,&quot;name&quot;:&quot;components.banner&quot;,&quot;path&quot;:&quot;nieuws\/de-woude&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;nl&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;eed8af6ab530b25b4f6f86df86af2805b844fe5ef272d34728ba4114a0bc9920&quot;}" wire:effects="[]" wire:id="dDuiCesUZMmr4OjdkTg6" wire:name="components.banner">
887<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
888
889                </div>
890                <div class="lg:hidden">
891                    <div wire:key="banner-category_top_mobile" wire:snapshot="{&quot;data&quot;:{&quot;placeId&quot;:&quot;category_top_mobile&quot;,&quot;shouldRender&quot;:false,&quot;title&quot;:null,&quot;isSlider&quot;:null,&quot;duration&quot;:null,&quot;slidesToShow&quot;:null,&quot;items&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;hTu1u0ULQu504QjxxxIO&quot;,&quot;name&quot;:&quot;components.banner&quot;,&quot;path&quot;:&quot;nieuws\/de-woude&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;nl&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;88d7dc84f8ccd73d8986dbf57e011f52e60a964d10245a5ce5a98462fdac73cf&quot;}" wire:effects="[]" wire:id="hTu1u0ULQu504QjxxxIO" wire:name="components.banner">
892<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
893
894                </div>
895            <!--[if ENDBLOCK]><![endif]-->
896            
897            
898            <div wire:key="lw-71422695-2-1" wire:snapshot="{&quot;data&quot;:[],&quot;memo&quot;:{&quot;id&quot;:&quot;t3yjNszSqa1RncwaHAW4&quot;,&quot;name&quot;:&quot;components.video-overview&quot;,&quot;path&quot;:&quot;nieuws\/de-woude&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;nl&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;
898f767badc35c638910b351189d20f910658a9c0922fb091f160a9b44553a1e610&quot;}" wire:effects="[]" wire:id="t3yjNszSqa1RncwaHAW4" wire:name="components.video-overview" x-data="{
899    ...videoModalComponent(JSON.parse('[{\u0022title\u0022:\u0022Couleur LoCALe van 24 september 2026\u0022,\u0022short_title\u0022:\u0022Couleur LoCALe van 24 september 2026\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/5mkcc1sh4vpo.b-cdn.net\\\/37n8h0icl61c\\\/h_600\\\/couleur-locale-24-9-2026.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/5xozdqf7g8j5-couleur-locale-24-9-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/5xozdqf7g8j5-couleur-locale-24-9-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/5xozdqf7g8j5-couleur-locale-24-9-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/5xozdqf7g8j5-couleur-locale-24-9-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/5xozdqf7g8j5-couleur-locale-24-9-2026_360.mp4\u0022,\u0022duration\u0022:\u002241:48\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Couleur LoCALe van 24 september 2026\u0022},{\u0022title\u0022:\u0022Couleur LoCALe van 3 september 2026\u0022,\u0022short_title\u0022:\u0022Couleur LoCALe van 3 september 2026\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/5mkcc1sh4vpo.b-cdn.net\\\/60oiwnycorky\\\/h_600\\\/couleur-locale-3-9-2026.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/315iep8yoo96-couleur-locale-3-9-2026v1_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/315iep8yoo96-couleur-locale-3-9-2026v1_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/315iep8yoo96-couleur-locale-3-9-2026v1_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/315iep8yoo96-couleur-locale-3-9-2026v1_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/315iep8yoo96-couleur-locale-3-9-2026v1_360.mp4\u0022,\u0022duration\u0022:\u002250:47\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Couleur LoCALe van 3 september 2026\u0022},{\u0022title\u0022:\u0022Kijk opnieuw naar de zonsverduistering\u0022,\u0022short_title\u0022:\u0022Kijk opnieuw naar de zonsverduistering\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/5mkcc1sh4vpo.b-cdn.net\\\/h_600\\\/31lpiftd1gu2-zonsverduistering-oc_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/31lpiftd1gu2-zonsverduistering-oc_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/31lpiftd1gu2-zonsverduistering-oc_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/31lpiftd1gu2-zonsverduistering-oc_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/31lpiftd1gu2-zonsverduistering-oc_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/31lpiftd1gu2-zonsverduistering-oc_360.mp4\u0022,\u0022duration\u0022:\u002203:34\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Kijk opnieuw naar de zonsverduistering\u0022},{\u0022title\u0022:\u0022Uit je Bak festival 2026\u0022,\u0022short_title\u0022:\u0022Uit je Bak festival 2026\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/5mkcc1sh4vpo.b-cdn.net\\\/h_600\\\/85xaowkx95e-uit-je-bak-festival-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/85xaowkx95e-uit-je-bak-festival-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/85xaowkx95e-uit-je-bak-festival-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/85xaowkx95e-uit-je-bak-festival-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/85xaowkx95e-uit-je-bak-festival-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/85xaowkx95e-uit-je-bak-festival-2026_360.mp4\u0022,\u0022duration\u0022:\u002208:35\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022}
899,\u0022display_title\u0022:\u0022Uit je Bak festival 2026\u0022},{\u0022title\u0022:\u0022Egmonds Zomerfestival voor ouderen\u0022,\u0022short_title\u0022:\u0022Egmonds Zomerfestival voor ouderen\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/5mkcc1sh4vpo.b-cdn.net\\\/1v0hi7r3un1i\\\/h_600\\\/zomerfestival-oudjes-foto-oc.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/34qlik3pzf06-8ootglaqgbjp328yjlvuznbucltela9uzzcoarbpmp4_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/34qlik3pzf06-8ootglaqgbjp328yjlvuznbucltela9uzzcoarbpmp4_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/34qlik3pzf06-8ootglaqgbjp328yjlvuznbucltela9uzzcoarbpmp4_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/34qlik3pzf06-8ootglaqgbjp328yjlvuznbucltela9uzzcoarbpmp4_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/34qlik3pzf06-8ootglaqgbjp328yjlvuznbucltela9uzzcoarbpmp4_360.mp4\u0022,\u0022duration\u0022:\u002205:22\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Egmonds Zomerfestival voor ouderen\u0022},{\u0022title\u0022:\u0022Gerard Joling, Bankoe Games en ouderenmiddag trekken veel publiek tijdens Zomerfestival Egmond\u0022,\u0022short_title\u0022:\u0022Gerard Joling, Bankoe Games en ouderenmiddag trekken veel publiek tijdens Zomerfestival Egmond\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/5mkcc1sh4vpo.b-cdn.net\\\/464pvhvipbdd\\\/h_600\\\/zomerfestival-26-oc.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/27j59g338vyp-qnazq1bqgw61us8nxasatjqlx9pxjd0dkwfvih4kmp4_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/27j59g338vyp-qnazq1bqgw61us8nxasatjqlx9pxjd0dkwfvih4kmp4_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/27j59g338vyp-qnazq1bqgw61us8nxasatjqlx9pxjd0dkwfvih4kmp4_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/27j59g338vyp-qnazq1bqgw61us8nxasatjqlx9pxjd0dkwfvih4kmp4_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/27j59g338vyp-qnazq1bqgw61us8nxasatjqlx9pxjd0dkwfvih4kmp4_360.mp4\u0022,\u0022duration\u0022:\u002205:19\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Gerard Joling, Bankoe Games en ouderenmiddag trekken veel publiek tijdens Zomerfestival Egmond\u0022},{\u0022title\u0022:\u0022Coalitieakkoord 2026-2030 \\u0022Bouwen aan bloeiende dorpen\\u0022\u0022,\u0022short_title\u0022:\u0022Presentatie coalitie akkoord 2026-2030\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/5mkcc1sh4vpo.b-cdn.net\\\/h_600\\\/405l1tuaj90j-zqtfjlvc90qpqnv4pb7eegmcxle4dgg1npo8w7fzmp4_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/405l1tuaj90j-zqtfjlvc90qpqnv4pb7eegmcxle4dgg1npo8w7fzmp4_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/405l1tuaj90j-zqtfjlvc90qpqnv4pb7eegmcxle4dgg1npo8w7fzmp4_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/405l1tuaj90j-zqtfjlvc90qpqnv4pb7eegmcxle4dgg1npo8w7fzmp4_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/405l1tuaj90j-zqtfjlvc90qpqnv4pb7eegmcxle4dgg1npo8w7fzmp4_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/405l1tuaj90j-zqtfjlvc90qpqnv4pb7eegmcxle4dgg1npo8w7fzmp4_360.mp4\u0022,\u0022duration\u0022:\u002212:43\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Presentatie coalitie akkoord 2026-2030\u0022},{\u0022title\u0022:\u0022Couleur LoCALe 4 juni 2026\u0022,\u0022short_title\u0022:\u0022Couleur LoCALe 4 juni 2026\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/5mkcc1sh4vpo.b-cdn.net\\\/h_600\\\/1cbivcsv4r6b-sp8ernsjbydiymi2jamfvaqgxl8swbqlnoqqnhqcmp4_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/1cbivcsv4r6b-sp8ernsjbydiymi2jamfvaqgxl8swbqlnoqqnhqcmp4_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/1cbivcsv4r6b-sp8ernsjbydiymi2jamfvaqgxl8swbqlnoqqnhqcmp4_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/1cbivcsv4r6b-sp8ernsjbydiymi2jamfvaqgxl8swbqlnoqqnhqcmp4_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/1cbivcsv4r6b-sp8ernsjbydiymi2jamfvaqgxl8swbqlnoqqnhqcmp4_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/1cbivcsv4r6b-sp8ernsjbydiymi2jamfvaqgxl8swbqlnoqqnhqcmp4_360.mp4\u0022,\u0022duration\u0022:\u002252:01\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022}
899,\u0022display_title\u0022:\u0022Couleur LoCALe 4 juni 2026\u0022},{\u0022title\u0022:\u0022Couleur Locale van 14 mei 2026\u0022,\u0022short_title\u0022:\u0022Couleur Locale van 14 mei 2026\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/5mkcc1sh4vpo.b-cdn.net\\\/h_600\\\/6d4iz8lee09-yi0a2wfye5x4yeg3tdeqfqzyc4svv2urzdtgw6iomp4_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/6d4iz8lee09-yi0a2wfye5x4yeg3tdeqfqzyc4svv2urzdtgw6iomp4_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/6d4iz8lee09-yi0a2wfye5x4yeg3tdeqfqzyc4svv2urzdtgw6iomp4_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/6d4iz8lee09-yi0a2wfye5x4yeg3tdeqfqzyc4svv2urzdtgw6iomp4_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/6d4iz8lee09-yi0a2wfye5x4yeg3tdeqfqzyc4svv2urzdtgw6iomp4_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/6d4iz8lee09-yi0a2wfye5x4yeg3tdeqfqzyc4svv2urzdtgw6iomp4_360.mp4\u0022,\u0022duration\u0022:\u002243:46\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Couleur Locale van 14 mei 2026\u0022},{\u0022title\u0022:\u0022Docu-serie \\u0027Binnen bij Noordwest\\u0027: unieke kijk achter de schermen van het ziekenhuis\u0022,\u0022short_title\u0022:\u0022Documentaireserie \\u0027Binnen bij Noordwest\\u0027: unieke kijk achter de schermen van het ziekenhuis\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/5mkcc1sh4vpo.b-cdn.net\\\/h_600\\\/4v8bmhv8946s-ziwlmwh7hqmlxahuxr
8996lz8qdda4vq97dr4xkhmyump4_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/4v8bmhv8946s-ziwlmwh7hqmlxahuxr6lz8qdda4vq97dr4xkhmyump4_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/4v8bmhv8946s-ziwlmwh7hqmlxahuxr6lz8qdda4vq97dr4xkhmyump4_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/4v8bmhv8946s-ziwlmwh7hqmlxahuxr6lz8qdda4vq97dr4xkhmyump4_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/4v8bmhv8946s-ziwlmwh7hqmlxahuxr6lz8qdda4vq97dr4xkhmyump4_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/4v8bmhv8946s-ziwlmwh7hqmlxahuxr6lz8qdda4vq97dr4xkhmyump4_360.mp4\u0022,\u0022duration\u0022:\u002200:35\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Documentaireserie \\u0027Binnen bij Noordwest\\u0027: unieke kijk achter de schermen van het ziekenhuis\u0022},{\u0022title\u0022:\u0022Koningsdag 2026 in Bakkum\u0022,\u0022short_title\u0022:\u0022Koningsdag 2026 in Bakkum\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/5mkcc1sh4vpo.b-cdn.net\\\/h_600\\\/19a4pd9cx870-wfcnkmmu4ucglilkmlhnqvfs86ty9v1u6n5zeeromp4_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/19a4pd9cx870-wfcnkmmu4ucglilkmlhnqvfs86ty9v1u6n5zeeromp4_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/19a4pd9cx870-wfcnkmmu4ucglilkmlhnqvfs86ty9v1u6n5zeeromp4_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/19a4pd9cx870-wfcnkmmu4ucglilkmlhnqvfs86ty9v1u6n5zeeromp4_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/19a4pd9cx870-wfcnkmmu4ucglilkmlhnqvfs86ty9v1u6n5zeeromp4_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/19a4pd9cx870-wfcnkmmu4ucglilkmlhnqvfs86ty9v1u6n5zeeromp4_360.mp4\u0022,\u0022duration\u0022:\u002203:57\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Koningsdag 2026 in Bakkum\u0022},{\u0022title\u0022:\u0022Couleur LoCALe van 23 april 2026\u0022,\u0022short_title\u0022:\u0022Couleur LoCALe van 23 april 2026\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/5mkcc1sh4vpo.b-cdn.net\\\/1nmc6569gkoy\\\/h_600\\\/couleur-locale-23-april-2026.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/jscvdshqams-9l2mhigyosjb4plkcqo9xat4zljxzniugesjaciump4_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/jscvdshqams-9l2mhigyosjb4plkcqo9xat4zljxzniugesjaciump4_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/jscvdshqams-9l2mhigyosjb4plkcqo9xat4zljxzniugesjaciump4_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/jscvdshqams-9l2mhigyosjb4plkcqo9xat4zljxzniugesjaciump4_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/jscvdshqams-9l2mhigyosjb4plkcqo9xat4zljxzniugesjaciump4_360.mp4\u0022,\u0022duration\u0022:\u002245:27\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Couleur LoCALe van 23 april 2026\u0022},{\u0022title\u0022:\u0022Honderdjarige Brandweer Limmen presenteert zich tijdens Bloemendagen\u0022,\u0022short_title\u0022:\u0022Honderdjarige Brandweer Limmen presenteert zich tijdens Bloemendagen\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/5mkcc1sh4vpo.b-cdn.net\\\/h_600\\\/5j6m0m2ljix3-24ajhndo0lvglqso6ro5mwm8dgvwpfpdzaslvb5gmp4_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/5j6m0m2ljix3-24ajhndo0lvglqso6ro5mwm8dgvwpfpdzaslvb5gmp4_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/5j6m0m2ljix3-24ajhndo0lvglqso6ro5mwm8dgvwpfpdzaslvb5gmp4_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/5j6m0m2ljix3-24ajhndo0lvglqso6ro5mwm8dgvwpfpdzaslvb5gmp4_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/5j6m0m2ljix3-24ajhndo0lvglqso6ro5mwm8dgvwpfpdzaslvb5gmp4_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/5j6m0m2ljix3-24ajhndo0lvglqso6ro5mwm8dgvwpfpdzaslvb5gmp4_360.mp4\u0022,\u0022duration\u0022:\u002208:25\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022}
899,\u0022display_title\u0022:\u0022Honderdjarige Brandweer Limmen presenteert zich tijdens Bloemendagen\u0022},{\u0022title\u0022:\u0022Dit wil je zien: koeien dansen van blijdschap in Castricum\u0022,\u0022short_title\u0022:\u0022Dit wil je zien: koeien dansen van blijdschap in Castricum\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/5mkcc1sh4vpo.b-cdn.net\\\/h_600\\\/5h2luyfc658o-pyum4tojmh4igzondetn8adpqjjyi7bzmpzrje6wmp4_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/5h2luyfc658o-pyum4tojmh4igzondetn8adpqjjyi7bzmpzrje6wmp4_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/5h2luyfc658o-pyum4tojmh4igzondetn8adpqjjyi7bzmpzrje6wmp4_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/5h2luyfc658o-pyum4tojmh4igzondetn8adpqjjyi7bzmpzrje6wmp4_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/5h2luyfc658o-pyum4tojmh4igzondetn8adpqjjyi7bzmpzrje6wmp4_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/5h2luyfc658o-pyum4tojmh4igzondetn8adpqjjyi7bzmpzrje6wmp4_360.mp4\u0022,\u0022duration\u0022:\u002206:01\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Dit wil je zien: koeien dansen van blijdschap in Castricum\u0022},{\u0022title\u0022:\u0022Emotioneel afscheid: Jan van Riet stopt na jaren met zijn garage – grote belangstelling in Castricum\u0022,\u0022short_title\u0022:\u0022Emotioneel afscheid: Jan van Riet stopt na jaren met zijn garage – grote belangstelling in Castricum\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/5mkcc1sh4vpo.b-cdn.net\\\/h_600\\\/7jfupxffto3f-lv3jygcqhqy47sy3wgxdkqp1kl3yt5a1t1zpocpamp4_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/7jfupxffto3f-lv3jygcqhqy47sy3wgxdkqp1kl3yt5a1t1zpocpamp4_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/7jfupxffto3f-lv3jygcqhqy47sy3wgxdkqp1kl3yt5a1t1zpocpamp4_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/7jfupxffto3f-lv3jygcqhqy47sy3wgxdkqp1kl3yt5a1t1zpocpamp4_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/7jfupxffto3f-lv3jygcqhqy47sy3wgxdkqp1kl3yt5a1t1zpocpamp4_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/7jfupxffto3f-lv3jygcqhqy47sy3wgxdkqp1kl3yt5a1t1zpocpamp4_360.mp4\u0022,\u0022duration\u0022:\u002205:38\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Emotioneel afscheid: Jan van Riet stopt na jaren met zijn garage – grote belangstelling in Castricum\u0022},{\u0022title\u0022:\u0022Couleur LoCALe van 2 april 2026\u0022,\u0022short_title\u0022:\u0022Couleur LoCALe van 2 april 2026\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/5mkcc1sh4vpo.b-cdn.net\\\/h_600\\\/2ftxo0mt7s6j-2kr3ew1ilqsztwws4l68cxqciq0lhewy7bg1gnwhmp4_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/2ftxo0mt7s6j-2kr3ew1ilqsztwws4l68cxqciq0lhewy7bg1gnwhmp4_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/2ftxo0mt7s6j-2kr3ew1ilqsztwws4l68cxqciq0lhewy7bg1gnwhmp4_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/2ftxo0mt7s6j-2kr3ew1ilqsztwws4l68cxqciq0lhewy7bg1gnwhmp4_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/2ftxo0mt7s6j-2kr3ew1ilqsztwws4l68cxqciq0lhewy7bg1gnwhmp4_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/2ftxo0mt7s6j-2kr3ew1ilqsztwws4l68cxqciq0lhewy7bg1gnwhmp4_360.mp4\u0022,\u0022duration\u0022:\u002244:03\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022}
899,\u0022display_title\u0022:\u0022Couleur LoCALe van 2 april 2026\u0022},{\u0022title\u0022:\u0022Kinderen ontdekken twintig beroepen tijdens Roefeldag in Limmen\u0022,\u0022short_title\u0022:\u0022Kinderen ontdekken twintig beroepen tijdens Roefeldag in Limmen\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/5mkcc1sh4vpo.b-cdn.net\\\/h_600\\\/5e704ecstrbw-2w7ipm9sn5hr2nodtqykdpfcoldunofcntypfk4qmp4_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/5e704ecstrbw-2w7ipm9sn5hr2nodtqykdpfcoldunofcntypfk4qmp4_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/5e704ecstrbw-2w7ipm9sn5hr2nodtqykdpfcoldunofcntypfk4qmp4_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/5e704ecstrbw-2w7ipm9sn5hr2nodtqykdpfcoldunofcntypfk4qmp4_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/5e704ecstrbw-2w7ipm9sn5hr2nodtqykdpfcoldunofcntypfk4qmp4_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/5e704ecstrbw-2w7ipm9sn5hr2nodtqykdpfcoldunofcntypfk4qmp4_360.mp4\u0022,\u0022duration\u0022:\u002203:50\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Kinderen ontdekken twintig beroepen tijdens Roefeldag in Limmen\u0022},{\u0022title\u0022:\u0022Première documentaire Tess Willemse\u0022,\u0022short_title\u0022:\u0022Première documentaire Tess Willemse\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/5mkcc1sh4vpo.b-cdn.net\\\/68au3jv64fvm\\\/h_600\\\/tess.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/2wvpkwaymtgd-dk1icjqiqgw3wnnw0t1olesqapjud40r0vtfd4qpmp4_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/2wvpkwaymtgd-dk1icjqiqgw3wnnw0t1olesqapjud40r0vtfd4qpmp4_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/2wvpkwaymtgd-dk1icjqiqgw3wnnw0t1olesqapjud40r0vtfd4qpmp4_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/2wvpkwaymtgd-dk1icjqiqgw3wnnw0t1olesqapjud40r0vtfd4qpmp4_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/2wvpkwaymtgd-dk1icjqiqgw3wnnw0t1olesqapjud40r0vtfd4qpmp4_360.mp4\u0022,\u0022duration\u0022:\u002208:10\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Première documentaire Tess Willemse\u0022},{\u0022title\u0022:\u0022Castricum Kiest 2026: Uitslagenavond\u0022,\u0022short_title\u0022:\u0022Uitslagenavond 2026\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/5mkcc1sh4vpo.b-cdn.net\\\/h_600\\\/1bnhlwvnyiv6-lsf2e04h9ilofuq4ppkqsmrklaoydrzgwbgnlem2mp4_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/1bnhlwvnyiv6-lsf2e04h9ilofuq4ppkqsmrklaoydrzgwbgnlem2mp4_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/1bnhlwvnyiv6-lsf2e04h9ilofuq4ppkqsmrklaoydrzgwbgnlem2mp4_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/1bnhlwvnyiv6-lsf2e04h9ilofuq4ppkqsmrklaoydrzgwbgnlem2mp4_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/1bnhlwvnyiv6-lsf2e04h9ilofuq4ppkqsmrklaoydrzgwbgnlem2mp4_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/1bnhlwvnyiv6-lsf2e04h9ilofuq4ppkqsmrklaoydrzgwbgnlem2mp4_360.mp4\u0022,\u0022duration\u0022:\u0022166:30\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Uitslagenavond 2026\u0022},{\u0022title\u0022:\u0022Nieuwe strandafgang Castricum geopend: ‘Hier kun je straks écht even tot rust komen\\u0027\u0022,\u0022short_title\u0022:null,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/5mkcc1sh4vpo.b-cdn.net\\\/h_600\\\/4c4tfqhdtn4f-y7jdpzsr15vfsgs97bfhm13gftlpahhd5wrura6zmp4_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/4c4tfqhdtn4f-y7jdpzsr15vfsgs97bfhm13gftlpahhd5wrura6zmp4_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/4c4tfqhdtn4f-y7jdpzsr15vfsgs97bfhm13gftlpahhd5wrura6zmp4_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/4c4tfqhdtn4f-y7jdpzsr15vfsgs97bfhm13gftlpahhd5wrura6zmp4_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/4c4tfqhdtn4f-y7jdpzsr15vfsgs97bfhm13gftlpahhd5wrura6zmp4_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/4c4tfqhdtn4f-y7jdpzsr15vfsgs97bfhm13gftlpahhd5wrura6zmp4_360.mp4\u0022,\u0022duration\u0022:\u002203:13\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022}
899,\u0022display_title\u0022:\u0022Nieuwe strandafgang Castricum geopend: ‘Hier kun je straks écht even tot rust komen\\u0027\u0022}]'))
900}" >
901
902    <section>
903        <div class="border-y border-button-border py-6 relative">
904            <div class="flex items-center justify-between text-text-main mb-6">
905                <h2 class="font-bold text-xl">Kijken</h2>
906                <div class="flex items-center space-x-2.5">
907                    <button aria-label="Left" @click="$refs.scrollContainer.scrollBy({ left: -300, behavior: 'smooth' })" class="cursor-pointer bg-surface-light-3 hover:bg-surface-medium-1 text-text-main rounded-full w-6 h-6 flex items-center justify-center"><i class="fa-solid fa-chevron-left text-xs"></i></button>
908                    <button aria-label="Right" @click="$refs.scrollContainer.scrollBy({ left: 300, behavior: 'smooth' })" class="cursor-pointer bg-surface-light-3 hover:bg-surface-medium-1 text-text-main rounded-full w-6 h-6 flex items-center justify-center"><i class="fa-solid fa-chevron-right text-xs"></i></button>
909                </div>
910            </div>
911            <div class="relative">
912                <style> [x-ref="scrollContainer"]::-webkit-scrollbar { display: none; } </style>
913                <div x-ref="scrollContainer"
914                     class="flex items-center gap-6 overflow-x-auto scroll-smooth snap-x snap-mandatory pr-6"
915                     style="scrollbar-width: none; -ms-overflow-style: none;"
916                     onwheel="this.scrollLeft += event.deltaY">
917                    <template x-for="(video, index) in videos" :key="index">
918                        <div class="snap-start flex-shrink-0 group text-left focus:outline-none cursor-pointer"
919                             :class="{
920                                '!w-[511px]': video.broadcast.width >= video.broadcast.height,
921                                '!w-[162px]': video.broadcast.width < video.broadcast.height
922                             }"
923                             @click="openModal(index)">
924                            <div class="flex flex-col overflow-hidden">
925                                <div
926                                    class="w-full relative h-72 mb-3"
927                                    :class="{
928                                        'aspect-video': video.broadcast.width >= video.broadcast.height,
929                                        'aspect-[9/16]': video.broadcast.width < video.broadcast.height
930                                    }"
931                                >
932                                    <img
933                                        :src="video.broadcast.coverThumbUrl"
934                                        alt=""
935                                        class="object-cover w-auto h-72 rounded-xl group-hover:opacity-90"
936                                    />
937                                    <div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-center">
938                                        <div class="rounded-full p-3 bg-white text-brand-main h-10 w-10 flex items-center justify-center"><i class="fa-solid fa-play text-base"></i></div>
939                                        <span class="mt-2 font-bold text-white text-xs" x-text="video.broadcast.duration"></span>
940                                    </div>
941                                </div>
942                                <p x-text="video.display_title" class="text-lg font-bold truncate leading-[normal] group-hover:underline group-hover:text-brand-secondary"></p>
943                            </div>
944                        </div>
945                    </template>
946                </div>
947                <div class="absolute right-0 top-0 w-[60px] h-full z-10 bg-gradient-to-r from-transparent to-surface-background pointer-events-none"></div>
948            </div>
949        </div>
950    </section>
951
952    
953    <div
954        x-show="modalOpen"
955        x-transition.opacity
956        x-on:keydown.window.escape.prevent="modalOpen && closeModal()"
957        x-on:keydown.window.arrow-right.prevent="modalOpen && nextVideo($event)"
958        x-on:keydown.window.arrow-left.prevent="modalOpen && prevVideo($event)"
959        class="fixed inset-0 z-[1000] flex h-[100dvh] max-h-[100dvh] min-h-0 flex-col bg-surface-background/95 text-text-main backdrop-blur-sm max-md:overflow-y-auto md:overflow-hidden"
960        style="display: none;"
961        x-cloak
962        role="dialog"
963        aria-modal="true"
964    >
965        <div x-on:click="closeModal()" class="absolute inset-0 bg-text-main/10 dark:bg-black/40" aria-hidden="true"></div>
966
967        <button
968            type="button"
969            x-on:click="closeModal()"
970            class="absolute right-3 top-3 z-20 flex h-9 w-9 min-w-9 cursor-pointer items-center justify-center rounded-full border-0 bg-surface-light-2 text-text-main shadow-md outline-none ring-0 transition hover:bg-surface-medium-1 focus:outline-none focus-visible:ring-2 focus-visible:ring-text-main/40 md:right-5 md:top-5"
971            aria-label="Sluiten"
972        >
973            <i class="fa-solid fa-close text-sm"></i>
974        </button>
975
976        <div
977            class="relative z-10 mx-auto flex min-h-0 w-full max-w-[1600px] flex-1 flex-col justify-center overscroll-contain px-3 pb-6 pt-14 md:px-4 md:pb-4 md:pt-16"
978            :class="(modalOpen && !isPlayerReady) ? 'overflow-hidden' : 'overflow-y-auto md:overflow-hidden'"
979        >
980            <template x-if="activeVideo">
981                <div class="relative flex min-h-[45dvh] w-full flex-1 flex-col items-center justify-center md:min-h-0">
982                    
983                    <div
984                        x-show="!isPlayerReady"
985                        x-transition.opacity
986                        class="absolute inset-0 z-30 flex items-center justify-center"
987                    >
988                        <div class="h-10 w-10 animate-spin rounded-full border-2 border-text-main/20 border-t-text-main"></div>
989                    </div>
990
991                    <div
992                        x-show="isPlayerReady"
993                        x-transition.opacity
994                        class="flex min-h-0 w-full flex-col items-center gap-[16px]"
995                    >
996                    <h2
997                        class="mx-auto max-w-4xl shrink-0 px-1 text-center text-lg font-bold font-roboto-condensed leading-[normal] text-text-main line-clamp-3 md:text-[20px] md:leading-[normal]"
998                        x-text="activeVideo.display_title"
999                    ></h2>
1000
1001                    <template x-if="videos.length > 1 && activeVideoIndex > 0">
1002                        <button
1003                            type="button"
1004                            x-on:click="prevVideo($event)"
1005                            class="fixed top-1/2 z-[45] hidden h-9 w-9 min-w-9 -translate-y-1/2 cursor-pointer items-center justify-center rounded-full border-0 bg-surface-light-2 text-text-main shadow-md outline-none ring-0 transition hover:bg-surface-medium-1 focus:outline-none focus-visible:ring-2 focus-visible:ring-text-main/40 md:left-2 md:inline-flex lg:left-3"
1006                            aria-label="Vorige video"
1007                        >
1008                            <i class="fa-solid fa-chevron-left text-xs"></i>
1009                        </button>
1010                    </template>
1011                    <template x-if="videos.length > 1 && activeVideoIndex < videos.length - 1">
1012                        <button
1013                            type="button"
1014                            x-on:click="nextVideo($event)"
1015                            class="fixed top-1/2 z-[45] hidden h-9 w-9 min-w-9 -translate-y-1/2 cursor-pointer items-center justify-center rounded-full border-0 bg-surface-light-2 text-text-main shadow-md outline-none ring-0 transition hover:bg-surface-medium-1 focus:outline-none focus-visible:ring-2 focus-visible:ring-text-main/40 md:right-2 md:inline-flex lg:right-3"
1016                            aria-label="Volgende video"
1017                        >
1018                            <i class="fa-solid fa-chevron-right text-xs"></i>
1019                        </button>
1020                    </template>
1021
1022                    <div class="js-modal-card-container relative w-full min-w-0 max-w-full">
1023                        <div class="relative overflow-hidden rounded-xl">
1024                            <video class="video-player-target video-js vjs-big-play-centered mx-auto block w-auto max-w-full max-h-[min(70dvh,75vh)]" playsinline></video>
1025
1026                            <template x-if="videos.length > 1 && activeVideoIndex > 0">
1027                                <button
1028                                    type="button"
1029                                    x-on:click="prevVideo($event)"
1030                                    class="absolute left-1 top-1/2 z-40 flex h-9 w-9 min-w-9 -translate-y-1/2 cursor-pointer items-center justify-center rounded-full border-0 bg-surface-light-2 text-text-main shadow-md transition hover:bg-surface-medium-1 sm:left-2 md:!hidden"
1031                                    aria-label="Vorige video"
1032                                >
1033                                    <i class="fa-solid fa-chevron-left text-xs"></i>
1034                                </button>
1035                            </template>
1036                            <template x-if="videos.length > 1 && activeVideoIndex < videos.length - 1">
1037                                <button
1038                                    type="button"
1039                                    x-on:click="nextVideo($event)"
1040                                    class="absolute right-1 top-1/2 z-40 flex h-9 w-9 min-w-9 -translate-y-1/2 cursor-pointer items-center justify-center rounded-full border-0 bg-surface-light-2 text-text-main shadow-md transition hover:bg-surface-medium-1 sm:right-2 md:!hidden"
1041                                    aria-label="Volgende video"
1042                                >
1043                                    <i class="fa-solid fa-chevron-right text-xs"></i>
1044                                </button>
1045                            </template>
1046                        </div>
1047                    </div>
1048
1049                    <template x-if="videos.length > 1">
1050                        <div
1051                            class="pointer-events-none flex w-full justify-center"
1052                            role="group"
1053                            aria-label="Fotonavigatie"
1054                        >
1055                            <span
1056                                class="inline-flex rounded-full bg-black/35 px-2 py-0.5 text-xs font-medium tabular-nums text-white/90 font-montserrat backdrop-blur-[2px]"
1057                                role="status"
1058                                x-text="(activeVideoIndex + 1) + ' / ' + videos.length"
1059                            ></span>
1060                        </div>
1061                    </template>
1062                    </div>
1063                </div>
1064            </template>
1065        </div>
1066    </div>
1067</div>
1068
1069            
1070            <!--[if BLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->                    <section wire:key="group-extra-0">
1071                        <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6">
1072                            <!--[if BLOCK]><![endif]-->                                <a
1073            wire:navigate
1074        href="https://omroepcastricum.nl/nieuws/artikel/wandelen-vliegen-en-varen-in-de-woude-video"
1075        data-prepr-item-id="27708404-4a01-4f9c-9045-209a5aa248c9"
1076    class="group relative flex flex-row overflow-hidden rounded-xl md:flex-col cursor-pointer md:hover:shadow-[0_4px_24px_0_rgba(0,0,0,0.10)] hover:bg-surface-main-3">
1077
1078    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1079        <!--[if BLOCK]><![endif]-->            <img src="https://5mkcc1sh4vpo.b-cdn.net/w_728,h_400/3b42g5a1fefn-de-woude-foto-oc.png"
1080                 alt="Wandelen, vliegen en varen in De Woude (VIDEO)"
1081                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1082        <!--[if ENDBLOCK]><![endif]-->
1083        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1084        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1085            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1086            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1087            <!--[if BLOCK]><![endif]-->                <span class="bg-white/80 backdrop-blur-[2.5px] text-surface-dark-1 text-[10px] md:text-xs font-bold px-2 py-1.5 rounded-md">
1088    <i class="fa-solid fa-video"></i>
1089</span>
1090            <!--[if ENDBLOCK]><![endif]-->
1091            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1092            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1093    </div>
1094
1095    <div class="flex flex-col px-3 py-2 max-h-[75px] md:max-h-full md:p-4 md:space-y-2 w-full">
1096        <h3 class="font-bold text-base md:text-xl leading-5 md:line-clamp-2 group-hover:text-brand-secondary group-hover:underline line-clamp-3">
1097            Wandelen, vliegen en varen in De Woude (VIDEO)
1098        </h3>
1099        <p class="line-clamp-3 font-montserrat max-md:hidden">
1100            DE WOUDE - Hoe mooi het dorp De Woude is, kun je zien in de video van Han Bokma van Omroep Castricum. De Woude ligt op een eiland in het Alkmaarder- en Uitgeestermeer en is alleen per pont te bereiken.
1101        </p>
1102    </div>
1103</a>
1104                                                            <a
1105            wire:navigate
1106        href="https://omroepcastricum.nl/nieuws/artikel/eenzijdig-ongeval-n246-bij-de-woude"
1107        data-prepr-item-id="61bc3b7a-d650-49b9-b83c-2034be8d6326"
1108    class="group relative flex flex-row overflow-hidden rounded-xl md:flex-col cursor-pointer md:hover:shadow-[0_4px_24px_0_rgba(0,0,0,0.10)] hover:bg-surface-main-3">
1109
1110    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1111        <!--[if BLOCK]><![endif]-->            <div class="w-full h-[75px] md:h-[200px] bg-button-border flex items-center justify-center">
1112                <img x-cloak src="https://omroepcastricum.nl/tenants/omroepcastricum/logo-light.svg?v=1789721948"
1113                     alt="Logo"
1114                     class="h-6 lg:h-12 filter brightness-0 invert">
1115            </div>
1116        <!--[if ENDBLOCK]><![endif]-->
1117        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1118        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1119            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1120            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1121            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1122            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1123            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1124    </div>
1125
1126    <div class="flex flex-col px-3 py-2 max-h-[75px] md:max-h-full md:p-4 md:space-y-2 w-full">
1127        <h3 class="font-bold text-base md:text-xl leading-5 md:line-clamp-2 group-hover:text-brand-secondary group-hover:underline line-clamp-3">
1128            Eenzijdig ongeval N246 bij De Woude
1129        </h3>
1130        <p class="line-clamp-3 font-montserrat max-md:hidden">
1131            STARNMEER - Vrijdagochtend rond tien uur is een bestuurder gewond geraakt bij een eenzijdig ongeval op de N246 bij Starnmeer. De man kwam uit de richting van Wormerveer, toen het het ter hoogte van De Woude fout ging.
1132        </p>
1133    </div>
1134</a>
1135                                                            <a
1136            wire:navigate
1137        href="https://omroepcastricum.nl/nieuws/artikel/bokspartiij-in-de-vondelstraat"
1138        data-prepr-item-id="e7a7a095-f8d7-402d-9f9d-6eb6af83df7a"
1139    class="group relative flex flex-row overflow-hidden rounded-xl md:flex-col cursor-pointer md:hover:shadow-[0_4px_24px_0_rgba(0,0,0,0.10)] hover:bg-surface-main-3">
1140
1141    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1142        <!--[if BLOCK]><![endif]-->            <img src="https://5mkcc1sh4vpo.b-cdn.net/w_728,h_400/3d33lj4n4b7f-.jpg"
1143                 alt="Bokspartiij in de Vondelstraat"
1144                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1145        <!--[if ENDBLOCK]><![endif]-->
1146        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1147        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1148            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1149            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1150            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1151            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1152            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1153    </div>
1154
1155    <div class="flex flex-col px-3 py-2 max-h-[75px] md:max-h-full md:p-4 md:space-y-2 w-full">
1156        <h3 class="font-bold text-base md:text-xl leading-5 md:line-clamp-2 group-hover:text-brand-secondary group-hover:underline line-clamp-3">
1157            Bokspartiij in de Vondelstraat
1158        </h3>
1159        <p class="line-clamp-3 font-montserrat max-md:hidden">
1160            CASTRICUM - Vrijdagavond kwam er bij de politie een melding binnen van een vechtpartij tussen een grote groep jongeren in de Vondelstraat in Castricum.
1161        </p>
1162    </div>
1163</a>
1164                            <!--[if ENDBLOCK]><![endif]-->                        </div>
1165                    </section>
1166                <!--[if ENDBLOCK]><![endif]-->
1167                
1168                <!--[if BLOCK]><![endif]-->                    <div class="hidden lg:block">
1169                        <div wire:key="banner-category_middle" wire:snapsh
1169ot="{&quot;data&quot;:{&quot;placeId&quot;:&quot;category_middle&quot;,&quot;shouldRender&quot;:false,&quot;title&quot;:null,&quot;isSlider&quot;:null,&quot;duration&quot;:null,&quot;slidesToShow&quot;:null,&quot;items&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;tQEiACvG3ZjzaEgbU1C5&quot;,&quot;name&quot;:&quot;components.banner&quot;,&quot;path&quot;:&quot;nieuws\/de-woude&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;nl&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;417b176c2e63bfd1ec63bb525cce39033697519d339f0e943c813954b5238e91&quot;}" wire:effects="[]" wire:id="tQEiACvG3ZjzaEgbU1C5" wire:name="components.banner">
1170<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
1171
1172                    </div>
1173                    <div class="lg:hidden">
1174                        <div wire:key="banner-category_middle_mobile" wire:snapshot="{&quot;data&quot;:{&quot;placeId&quot;:&quot;category_middle_mobile&quot;,&quot;shouldRender&quot;:false,&quot;title&quot;:null,&quot;isSlider&quot;:null,&quot;duration&quot;:null,&quot;slidesToShow&quot;:null,&quot;items&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;BsfZOFZ32drHMVyeUhg3&quot;,&quot;name&quot;:&quot;components.banner&quot;,&quot;path&quot;:&quot;nieuws\/de-woude&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;nl&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;fe642d3247d866ec2e5cfe349d21b11562908c114518d71c49230bf18ffb9bb3&quot;}" wire:effects="[]" wire:id="BsfZOFZ32drHMVyeUhg3" wire:name="components.banner">
1175<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
1176
1177                    </div>
1178                <!--[if ENDBLOCK]><![endif]-->                            <!--[if BLOCK]><![endif]-->                    <section wire:key="group-extra-1">
1179                        <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6">
1180                            <!--[if BLOCK]><![endif]-->                                <a
1181            wire:navigate
1182        href="https://omroepcastricum.nl/nieuws/artikel/brand-bij-pesiehal-alkmaar"
1183        data-prepr-item-id="c24755da-2c56-488a-9e09-63c84993b6a0"
1184    class="group relative flex flex-row overflow-hidden rounded-xl md:flex-col cursor-pointer md:hover:shadow-[0_4px_24px_0_rgba(0,0,0,0.10)] hover:bg-surface-main-3">
1185
1186    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1187        <!--[if BLOCK]><![endif]-->            <div class="w-full h-[75px] md:h-[200px] bg-button-border flex items-center justify-center">
1188                <img x-cloak src="https://omroepcastricum.nl/tenants/omroepcastricum/logo-light.svg?v=1789721948"
1189                     alt="Logo"
1190                     class="h-6 lg:h-12 filter brightness-0 invert">
1191            </div>
1192        <!--[if ENDBLOCK]><![endif]-->
1193        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1194        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1195            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1196            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1197            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1198            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1199            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1200    </div>
1201
1202    <div class="flex flex-col px-3 py-2 max-h-[75px] md:max-h-full md:p-4 md:space-y-2 w-full">
1203        <h3 class="font-bold text-base md:text-xl leading-5 md:line-clamp-2 group-hover:text-brand-secondary group-hover:underline line-clamp-3">
1204            Brand bij Pesiehal Alkmaar
1205        </h3>
1206        <p class="line-clamp-3 font-montserrat max-md:hidden">
1207            REGIO - In de nacht van zondag op maandag is er brand uitgebroken in het Tenniscentrum &quot;Pesiehal&quot; aan de Bergerweg in Alkmaar.
1208        </p>
1209    </div>
1210</a>
1211                                                            <a
1212            wire:navigate
1213        href="https://omroepcastricum.nl/nieuws/artikel/ongeval-op-de-zeeweg"
1214        data-prepr-item-id="8b511512-bbf9-4413-80e5-217301a4f513"
1215    class="group relative flex flex-row overflow-hidden rounded-xl md:flex-col cursor-pointer md:hover:shadow-[0_4px_24px_0_rgba(0,0,0,0.10)] hover:bg-surface-main-3">
1216
1217    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1218        <!--[if BLOCK]><![endif]-->            <img src="https://5mkcc1sh4vpo.b-cdn.net/w_728,h_400/11or6rpwktyz-.jpg"
1219                 alt="Ongeval op de Zeeweg"
1220                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1221        <!--[if ENDBLOCK]><![endif]-->
1222        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1223        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1224            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1225            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1226            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1227            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1228            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1229    </div>
1230
1231    <div class="flex flex-col px-3 py-2 max-h-[75px] md:max-h-full md:p-4 md:space-y-2 w-full">
1232        <h3 class="font-bold text-base md:text-xl leading-5 md:line-clamp-2 group-hover:text-brand-secondary group-hover:underline line-clamp-3">
1233            Ongeval op de Zeeweg
1234        </h3>
1235        <p class="line-clamp-3 font-montserrat max-md:hidden">
1236            CASTRICUM - Dinsdag 5 maart tussen 14.55 en 15.05 uur, heeft er een ongeval plaats gevonden op de N513, de Zeeweg.
1237        </p>
1238    </div>
1239</a>
1240                                                            <a
1241            wire:navigate
1242        href="https://omroepcastricum.nl/nieuws/artikel/aanrijding-met-telekraan"
1243        data-prepr-item-id="9a990ff5-aaba-4efb-8e81-772a48886285"
1244    class="group relative flex flex-row overflow-hidden rounded-xl md:flex-col cursor-pointer md:hover:shadow-[0_4px_24px_0_rgba(0,0,0,0.10)] hover:bg-surface-main-3">
1245
1246    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1247        <!--[if BLOCK]><![endif]-->            <div class="w-full h-[75px] md:h-[200px] bg-button-border flex items-center justify-center">
1248                <img x-cloak src="https://omroepcastricum.nl/tenants/
1248omroepcastricum/logo-light.svg?v=1789721948"
1249                     alt="Logo"
1250                     class="h-6 lg:h-12 filter brightness-0 invert">
1251            </div>
1252        <!--[if ENDBLOCK]><![endif]-->
1253        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1254        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1255            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1256            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1257            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1258            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1259            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1260    </div>
1261
1262    <div class="flex flex-col px-3 py-2 max-h-[75px] md:max-h-full md:p-4 md:space-y-2 w-full">
1263        <h3 class="font-bold text-base md:text-xl leading-5 md:line-clamp-2 group-hover:text-brand-secondary group-hover:underline line-clamp-3">
1264            Aanrijding met telekraan
1265        </h3>
1266        <p class="line-clamp-3 font-montserrat max-md:hidden">
1267            DE WOUDE - Maandagmorgen vroeg vond er een aanrijding plaats op de N246 bij De Woude. Een telekraan en een personenauto kwamen daar met elkaar in botsing.
1268        </p>
1269    </div>
1270</a>
1271                            <!--[if ENDBLOCK]><![endif]-->                        </div>
1272                    </section>
1273                <!--[if ENDBLOCK]><![endif]-->
1274                
1275                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                            <!--[if BLOCK]><![endif]-->                    <section wire:key="group-extra-2">
1276                        <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6">
1277                            <!--[if BLOCK]><![endif]-->                                <a
1278            wire:navigate
1279        href="https://omroepcastricum.nl/nieuws/artikel/expositie-in-de-kemphaan"
1280        data-prepr-item-id="8d99a371-0b5c-496b-9f92-3815d62c887d"
1281    class="group relative flex flex-row overflow-hidden rounded-xl md:flex-col cursor-pointer md:hover:shadow-[0_4px_24px_0_rgba(0,0,0,0.10)] hover:bg-surface-main-3">
1282
1283    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1284        <!--[if BLOCK]><![endif]-->            <img src="https://5mkcc1sh4vpo.b-cdn.net/w_728,h_400/6o65w1fotm29-de-woude-t-kombof-kerk-de-kemphaan-2.jpg"
1285                 alt="Expositie in De Kemphaan"
1286                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1287        <!--[if ENDBLOCK]><![endif]-->
1288        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1289        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1290            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1291            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1292            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1293            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1294            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1295    </div>
1296
1297    <div class="flex flex-col px-3 py-2 max-h-[75px] md:max-h-full md:p-4 md:space-y-2 w-full">
1298        <h3 class="font-bold text-base md:text-xl leading-5 md:line-clamp-2 group-hover:text-brand-secondary group-hover:underline line-clamp-3">
1299            Expositie in De Kemphaan
1300        </h3>
1301        <p class="line-clamp-3 font-montserrat max-md:hidden">
1302            DE WOUDE - Vader André en dochter Meis Vranken exposeren hun werk voor het eerst samen. Een gewaagd experiment, want hun opleiding en beeldtaal zijn totaal verschillend.
1303        </p>
1304    </div>
1305</a>
1306                                                            <a
1307            wire:navigate
1308        href="https://omroepcastricum.nl/nieuws/artikel/recreatievaart-controle-op-kogerpolderkanaal"
1309        data-prepr-item-id="339d74c4-fb86-4085-a0cd-2b493b3f0dc3"
1310    class="group relative flex flex-row overflow-hidden rounded-xl md:flex-col cursor-pointer md:hover:shadow-[0_4px_24px_0_rgba(0,0,0,0.10)] hover:bg-surface-main-3">
1311
1312    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1313        <!--[if BLOCK]><![endif]-->            <img src="https://5mkcc1sh4vpo.b-cdn.net/w_728,h_400/1nqsquhc0r0z-.jpg"
1314                 alt="Recreatievaart controle op Kogerpolderkanaal"
1315                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1316        <!--[if ENDBLOCK]><![endif]-->
1317        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1318        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1319            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1320            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1321            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1322            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1323            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1324    </div>
1325
1326    <div class="flex flex-col px-3 py-2 max-h-[75px] md:max-h-full md:p-4 md:space-y-2 w-full">
1327        <h3 class="font-bold text-base md:text-xl leading-5 md:line-clamp-2 group-hover:text-brand-secondary group-hover:underline line-clamp-3">
1328            Recreatievaart controle op Kogerpolderkanaal
1329        </h3>
1330        <p class="line-clamp-3 font-montserrat max-md:hidden">
1331            DE WOUDE - Woensdag 9 augustus is in de middag de recreatievaart gecontroleerd op het Kogerpolderkanaal in de omgeving van De Woude.
1332        </p>
1333    </div>
1334</a>
1335                                                            <a
1336            wire:navigate
1337        href="https://omroepcastricum.nl/nieuws/artikel/snelheidscontrole-heereweg-bakkum"
1338        data-prepr-item-id="90e0338b-b686-4a79-b4fc-3ed5e64de488"
1339    class="group relative flex flex-row overflow-hidden rounded-xl md:flex-col cursor-pointer md:hover:shadow-[0_4px_24px_0_rgba(0,0,0,0.10)] hover:bg-surface-main-3">
1340
1341    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1342        <!--[if BLOCK]><![endif]-->            <img src="https://5mkcc1sh4vpo.b-cdn.net/w_728,h_400/4fdn886yw4kh-heereweg-bakkum-50km-2.jpg"
1343                 alt="Snelheidscontrole Heereweg Bakkum"
1344                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1345        <!--[if ENDBLOCK]><![endif]-->
1346        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1347        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1348            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1349            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1350            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1351            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1352            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1353    </div>
1354
1355    <div class="flex flex-col px-3 py-2 max-h-[75px] md:max-h-full md:p-4 md:space-y-2 w-full">
1356        <h3 class="font-bold text-base md:text-xl leading-5 md:line-clamp-2 group-hover:text-brand-secondary group-hover:underline line-clamp-3">
1357            Snelheidscontrole Heereweg Bakkum
1358        </h3>
1359        <p class="line-clamp-3 font-montserrat max-md:hidden">
1360            BAKKUM - Dinsdag 2 mei is tussen 13.00 en 15.00 uur door de politie op de Heereweg in Bakkum een radarsnelheidscontrole gehouden.
1361        </p>
1362    </div>
1363</a>
1364                                                            <a
1365            wire:navigate
1366        href="https://omroepcastricum.nl/nieuws/artikel/grote-brand-in-uitgeest"
1367        data-prepr-item-id="2b53c254-475a-4cd8-8d82-64cffe28125d"
1368    class="group relative flex flex-row overflow-hidden rounded-xl md:flex-col cursor-pointer md:hover:shadow-[0_4px_24px_0_rgba(0,0,0,0.10)] hover:bg-surface-main-3">
1369
1370    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1371        <!--[if BLOCK]><![endif]-->            <div class="w-full h-[75px] md:h-[200px] bg-button-border flex items-center justify-center">
1372                <img x-cloak src="https://omroepcastricum.nl/tenants/
1372omroepcastricum/logo-light.svg?v=1789721948"
1373                     alt="Logo"
1374                     class="h-6 lg:h-12 filter brightness-0 invert">
1375            </div>
1376        <!--[if ENDBLOCK]><![endif]-->
1377        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1378        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1379            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1380            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1381            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1382            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1383            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1384    </div>
1385
1386    <div class="flex flex-col px-3 py-2 max-h-[75px] md:max-h-full md:p-4 md:space-y-2 w-full">
1387        <h3 class="font-bold text-base md:text-xl leading-5 md:line-clamp-2 group-hover:text-brand-secondary group-hover:underline line-clamp-3">
1388            Grote brand in Uitgeest
1389        </h3>
1390        <p class="line-clamp-3 font-montserrat max-md:hidden">
1391            REGIO - Donderdagmiddag rond twee uur brak brand uit aan de Woudpolderweg in Uitgeest.
1392        </p>
1393    </div>
1394</a>
1395                                                            <a
1396            wire:navigate
1397        href="https://omroepcastricum.nl/nieuws/artikel/weer-bankpasfraude-bij-een-ouder-echtpaar"
1398        data-prepr-item-id="c7e98759-0059-435b-ae88-55eb61786787"
1399    class="group relative flex flex-row overflow-hidden rounded-xl md:flex-col cursor-pointer md:hover:shadow-[0_4px_24px_0_rgba(0,0,0,0.10)] hover:bg-surface-main-3">
1400
1401    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1402        <!--[if BLOCK]><![endif]-->            <img src="https://5mkcc1sh4vpo.b-cdn.net/w_728,h_400/286ndsq352uz-.jpg"
1403                 alt="Weer bankpasfraude bij een ouder echtpaar"
1404                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1405        <!--[if ENDBLOCK]><![endif]-->
1406        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1407        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1408            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1409            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1410            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1411            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1412            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1413    </div>
1414
1415    <div class="flex flex-col px-3 py-2 max-h-[75px] md:max-h-full md:p-4 md:space-y-2 w-full">
1416        <h3 class="font-bold text-base md:text-xl leading-5 md:line-clamp-2 group-hover:text-brand-secondary group-hover:underline line-clamp-3">
1417            Weer bankpasfraude bij een ouder echtpaar
1418        </h3>
1419        <p class="line-clamp-3 font-montserrat max-md:hidden">
1420            CASTRICUM - Woensdag is wederom een ouder echtpaar de dupe geworden van bankpasfraude.
1421        </p>
1422    </div>
1423</a>
1424                                                            <a
1425            wire:navigate
1426        href="https://omroepcastricum.nl/nieuws/artikel/insluiping-in-de-tweede-groenelaan-in-castricum"
1427        data-prepr-item-id="ca9b67c2-8cb1-49ad-8fa3-fc261d2cc66b"
1428    class="group relative flex flex-row overflow-hidden rounded-xl md:flex-col cursor-pointer md:hover:shadow-[0_4px_24px_0_rgba(0,0,0,0.10)] hover:bg-surface-main-3">
1429
1430    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1431        <!--[if BLOCK]><![endif]-->            <img src="https://5mkcc1sh4vpo.b-cdn.net/w_728,h_400/11or6rpwktyz-.jpg"
1432                 alt="Insluiping aan de Tweede Groenelaan in Castricum"
1433                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1434        <!--[if ENDBLOCK]><![endif]-->
1435        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1436        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1437            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1438            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1439            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1440            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1441            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1442    </div>
1443
1444    <div class="flex flex-col px-3 py-2 max-h-[75px] md:max-h-full md:p-4 md:space-y-2 w-full">
1445        <h3 class="font-bold text-base md:text-xl leading-5 md:line-clamp-2 group-hover:text-brand-secondary group-hover:underline line-clamp-3">
1446            Insluiping aan de Tweede Groenelaan in Castricum
1447        </h3>
1448        <p class="line-clamp-3 font-montserrat max-md:hidden">
1449            CASTRICUM - Donderdag 13 april heeft er tussen 21.30 uur en vrijdagochtend 06.00 uur een insluiping plaatsgevonden bij een woning aan de Tweede Groenelaan te Castricum.
1450        </p>
1451    </div>
1452</a>
1453                            <!--[if ENDBLOCK]><![endif]-->                        </div>
1454                    </section>
1455                <!--[if ENDBLOCK]><![endif]-->
1456                
1457                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <!--[if ENDBLOCK]><![endif]-->
1458            <!--[if BLOCK]><![endif]-->                <section>
1459                    <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6">
1460                        <!--[if BLOCK]><![endif]-->                            <a
1461            wire:navigate
1462        href="https://omroepcastricum.nl/nieuws/artikel/insluiping-aan-de-achterweg-in-limmen"
1463        data-prepr-item-id="346d186a-63b2-4316-a647-aff923362170"
1464    class="group relative flex flex-row overflow-hidden rounded-xl md:flex-col cursor-pointer md:hover:shadow-[0_4px_24px_0_rgba(0,0,0,0.10)] hover:bg-surface-main-3">
1465
1466    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1467        <!--[if BLOCK]><![endif]-->            <img src="https://5mkcc1sh4vpo.b-cdn.net/w_728,h_400/2628c6jm80xn-.jpg"
1468                 alt="Insluiping aan de Achterweg in Limmen"
1469                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1470        <!--[if ENDBLOCK]><![endif]-->
1471        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1472        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1473            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1474            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1475            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1476            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1477            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1478    </div>
1479
1480    <div class="flex flex-col px-3 py-2 max-h-[75px] md:max-h-full md:p-4 md:space-y-2 w-full">
1481        <h3 class="font-bold text-base md:text-xl leading-5 md:line-clamp-2 group-hover:text-brand-secondary group-hover:underline line-clamp-3">
1482            Insluiping aan de Achterweg in Limmen
1483        </h3>
1484        <p class="line-clamp-3 font-montserrat max-md:hidden">
1485            LIMMEN - Zaterdag heeft er een insluiping plaatsgevonden bij een woning aan de Achterweg in Limmen.
1486        </p>
1487    </div>
1488</a>
1489                                                    <a
1490            wire:navigate
1491        href="https://omroepcastricum.nl/nieuws/artikel/couleur-locale-van-16-april-2023"
1492        data-prepr-item-id="6a0cf742-81b4-4950-bb59-818e82f02d65"
1493    class="group relative flex flex-row overflow-hidden rounded-xl md:flex-col cursor-pointer md:hover:shadow-[0_4px_24px_0_rgba(0,0,0,0.10)] hover:bg-surface-main-3">
1494
1495    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1496        <!--[if BLOCK]><![endif]-->            <img src="https://5mkcc1sh4vpo.b-cdn.net/w_728,h_400/4xkdqlhbqd7n-dscn0700.jpg"
1497                 alt="Couleur LoCALe van 16 april 2023"
1498                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1499        <!--[if ENDBLOCK]><![endif]-->
1500        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1501        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1502            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1503            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1504            <!--[if BLOCK]><![endif]-->                <span class="bg-white/80 backdrop-blur-[2.5px] text-surface-dark-1 text-[10px] md:text-xs font-bold px-2 py-1.5 rounded-md">
1505    <i class="fa-solid fa-video"></i>
1506</span>
1507            <!--[if ENDBLOCK]><![endif]-->
1508            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1509            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1510    </div>
1511
1512    <div class="flex flex-col px-3 py-2 max-h-[75px] md:max-h-full md:p-4 md:space-y-2 w-full">
1513        <h3 class="font-bold text-base md:text-xl leading-5 md:line-clamp-2 group-hover:text-brand-secondary group-hover:underline line-clamp-3">
1514            Couleur LoCALe van 16 april 2023
1515        </h3>
1516        <p class="line-clamp-3 font-montserrat max-md:hidden">
1517            Marianne van de Water in gesprek met Adrie Lute,  Rylana Seelen, Vera Fetisova en Sacha Bronwasser.
1518De uitzendingen zijn elke dag om 9, 12, 15, 18, 21 en 23 uur
1519        </p>
1520    </div>
1521</a>
1522                                                    <a
1523            wire:navigate
1524        href="https://omroepcastricum.nl/nieuws/artikel/23-castricummers-op-de-kieslijsten"
1525        data-prepr-item-id="9e535d3d-f91f-447e-82ef-f8e4362dd30f"
1526    class="group relative flex flex-row overflow-hidden rounded-xl md:flex-col cursor-pointer md:hover:shadow-[0_4px_24px_0_rgba(0,0,0,0.10)] hover:bg-surface-main-3">
1527
1528    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1529        <!--[if BLOCK]><![endif]-->            <div class="w-full h-[75px] md:h-[200px] bg-button-border flex items-center justify-center">
1530                <img x-cloak src="https://omroepcastricum.nl/tenants/omroepcastricum/logo-light.svg?v=1789721948"
1531                     alt="Logo"
1532                     class="h-6 lg:h-12 filter brightness-0 invert">
1533            </div>
1534        <!--[if ENDBLOCK]><![endif]-->
1535        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1536        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1537            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1538            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1539            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1540            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1541            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1542    </div>
1543
1544    <div class="flex flex-col px-3 py-2 max-h-[75px] md:max-h-full md:p-4 md:space-y-2 w-full">
1545        <h3 class="font-bold text-base md:text-xl leading-5 md:line-clamp-2 group-hover:text-brand-secondary group-hover:underline line-clamp-3">
1546            23 Castricummers op de kieslijsten
1547        </h3>
1548        <p class="line-clamp-3 font-montserrat max-md:hidden">
1549            CASTRICUM - Op de kieslijst voor de Provinciale Staten en het waterschap staan in totaal 23 kandidaten uit Castricum, Limmen, Akersloot en De Woude: acht provinciale kandidaten en vijftien kandidaten voor het waterschapsbestuur.
1550        </p>
1551    </div>
1552</a>
1553                                                    <a
1554            wire:navigate
1555        href="https://omroepcastricum.nl/nieuws/artikel/expositie-erik-klein-schiphorst"
1556        data-prepr-item-id="e2bcc146-b72b-4faa-85f0-a51138548e63"
1557    class="group relative flex flex-row overflow-hidden rounded-xl md:flex-col cursor-pointer md:hover:shadow-[0_4px_24px_0_rgba(0,0,0,0.10)] hover:bg-surface-main-3">
1558
1559    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1560        <!--[if BLOCK]><![endif]-->            <div class="w-full h-[75px] md:h-[200px] bg-button-border flex items-center justify-center">
1561                <img x-cloak src="https://omroepcastricum.nl/tenants/omroepcastricum/logo-light.svg?v=1789721948"
1562                     alt="Logo"
1563                     class="h-6 lg:h-12 filter brightness-0 invert">
1564            </div>
1565        <!--[if ENDBLOCK]><![endif]-->
1566        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1567        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1568            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1569            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1570            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1571            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1572            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1573    </div>
1574
1575    <div class="flex flex-col px-3 py-2 max-h-[75px] md:max-h-full md:p-4 md:space-y-2 w-full">
1576        <h3 class="font-bold text-base md:text-xl leading-5 md:line-clamp-2 group-hover:text-brand-secondary group-hover:underline line-clamp-3">
1577            Expositie Erik Klein Schiphorst
1578        </h3>
1579        <p class="line-clamp-3 font-montserrat max-md:hidden">
1580            DE WOUDE - Zaterdag 20 en zondag 21 augustus van 12:00 tot 17:00 uur exposeert Erik Klein Schiphorst in en om het kerkje De Kemphaan op eiland De Woude.
1581        </p>
1582    </div>
1583</a>
1584                                                    <a
1585            wire:navigate
1586        href="https://omroepcastricum.nl/nieuws/artikel/expositie-in-het-kerkje-de-kemphaan-op-de-woude"
1587        data-prepr-item-id="3b6d286d-d877-4e0a-a539-a7fec9640e78"
1588    class="group relative flex flex-row overflow-hidden rounded-xl md:flex-col cursor-pointer md:hover:shadow-[0_4px_24px_0_rgba(0,0,0,0.10)] hover:bg-surface-main-3">
1589
1590    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1591        <!--[if BLOCK]><![endif]-->            <div class="w-full h-[75px] md:h-[200px] bg-button-border flex items-center justify-center">
1592                <img x-cloak src="https://omroepcastricum.nl/tenants/
1592omroepcastricum/logo-light.svg?v=1789721948"
1593                     alt="Logo"
1594                     class="h-6 lg:h-12 filter brightness-0 invert">
1595            </div>
1596        <!--[if ENDBLOCK]><![endif]-->
1597        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1598        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1599            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1600            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1601            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1602            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1603            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1604    </div>
1605
1606    <div class="flex flex-col px-3 py-2 max-h-[75px] md:max-h-full md:p-4 md:space-y-2 w-full">
1607        <h3 class="font-bold text-base md:text-xl leading-5 md:line-clamp-2 group-hover:text-brand-secondary group-hover:underline line-clamp-3">
1608            Expositie in het kerkje De Kemphaan op De Woude
1609        </h3>
1610        <p class="line-clamp-3 font-montserrat max-md:hidden">
1611            DE WOUDE - Coby Mulder, Truus Diemeer en Gerco Mulder zullen op zaterdag 2 en zondag 3 juli weer in het kerkje De Kemphaan op De Woude exposeren.
1612        </p>
1613    </div>
1614</a>
1615                                                    <a
1616            wire:navigate
1617        href="https://omroepcastricum.nl/nieuws/artikel/laatste-kans-zonnepanelenactie-1"
1618        data-prepr-item-id="eaa4b5d3-bd42-4e0b-9b0a-f18a9c6c36d7"
1619    class="group relative flex flex-row overflow-hidden rounded-xl md:flex-col cursor-pointer md:hover:shadow-[0_4px_24px_0_rgba(0,0,0,0.10)] hover:bg-surface-main-3">
1620
1621    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1622        <!--[if BLOCK]><![endif]-->            <img src="https://5mkcc1sh4vpo.b-cdn.net/w_728,h_400/6wkatbury6u6-.jpg"
1623                 alt="Laatste kans zonnepanelenactie"
1624                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1625        <!--[if ENDBLOCK]><![endif]-->
1626        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1627        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1628            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1629            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1630            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1631            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1632            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1633    </div>
1634
1635    <div class="flex flex-col px-3 py-2 max-h-[75px] md:max-h-full md:p-4 md:space-y-2 w-full">
1636        <h3 class="font-bold text-base md:text-xl leading-5 md:line-clamp-2 group-hover:text-brand-secondary group-hover:underline line-clamp-3">
1637            Laatste kans zonnepanelenactie
1638        </h3>
1639        <p class="line-clamp-3 font-montserrat max-md:hidden">
1640            CASTRICUM - De inkoopactie voor zonnepanelen loopt eind juni af. Met deze actie kunnen gezamenlijk zonnepanelen worden ingekocht voor een scherpere prijs.
1641        </p>
1642    </div>
1643</a>
1644                        <!--[if ENDBLOCK]><![endif]-->                    </div>
1645                </section>
1646            <!--[if ENDBLOCK]><![endif]-->
1647            <!--[if BLOCK]><![endif]-->                <section>
1648                    <div class="w-full flex justify-center">
1649                        <button
1650                            wire:click="loadMore"
1651                            wire:loading.attr="disabled"
1652                            wire:loading.class="opacity-70 cursor-not-allowed"
1653                            wire:target="loadMore"
1654                            class="rounded-full py-2.5 px-6 flex items-center gap-2 justify-center bg-button-light h-12 font-medium text-base cursor-pointer hover:bg-button-border"
1655                        >
1656                            <svg wire:loading wire:target="loadMore" class="animate-spin h-4 w-4 text-text-main" fill="none" viewBox="0 0 24 24">
1657                                <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
1658                                <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8v8H4z"></path>
1659                            </svg>
1660                            <span>Toon meer</span>
1661                        </button>
1662                    </div>
1663                </section>
1664            <!--[if ENDBLOCK]><![endif]-->
1665            <div class="hidden lg:block">
1666                <div wire:key="banner-category_bottom" wire:snapshot="{&quot;data&quot;:{&quot;placeId&quot;:&quot;category_bottom&quot;,&quot;shouldRender&quot;:false,&quot;title&quot;:null,&quot;isSlider&quot;:null,&quot;duration&quot;:null,&quot;slidesToShow&quot;:null,&quot;items&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;BPmDNXxDvoz5O7FnjbGs&quot;,&quot;name&quot;:&quot;components.banner&quot;,&quot;path&quot;:&quot;nieuws\/de-woude&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;nl&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;556e170466fddef358b9c6874e41eac244fce5d1885b342d163458f95fdc7b8f&quot;}" wire:effects="[]" wire:id="BPmDNXxDvoz5O7FnjbGs" wire:name="components.banner">
1667<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
1668
1669            </div>
1670            <div class="lg:hidden">
1671                <div wire:key="banner-category_bottom_mobile" wire:snapshot="{&quot;data&quot;:{&quot;placeId&quot;:&quot;category_bottom_mobile&quot;,&quot;shouldRender&quot;:false,&quot;title&quot;:null,&quot;isSlider&quot;:null,&quot;duration&quot;:null,&quot;slidesToShow&quot;:null,&quot;items&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;nVHJSGwSA2O0wDKslv9U&quot;,&quot;name&quot;:&quot;components.banner&quot;,&quot;path&quot;:&quot;nieuws\/de-woude&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;nl&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;d6832b2d7d88d454d040b2374c883c96eab4398d6c104f2f773fb690a663953e&quot;}
1671" wire:effects="[]" wire:id="nVHJSGwSA2O0wDKslv9U" wire:name="components.banner">
1672<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
1673
1674            </div>
1675        </div>
1676
1677        
1678        <div class="space-y-8 shrink-0">
1679            <div wire:key="banner-sidebar_top" wire:snapshot="{&quot;data&quot;:{&quot;placeId&quot;:&quot;sidebar_top&quot;,&quot;shouldRender&quot;:true,&quot;title&quot;:&quot;Advertentie&quot;,&quot;isSlider&quot;:true,&quot;duration&quot;:5000,&quot;slidesToShow&quot;:1,&quot;items&quot;:[[[{&quot;_id&quot;:&quot;c9c3430e-d613-4d45-abf5-97bf5d4b4c04&quot;,&quot;url&quot;:&quot;https:\/\/omroepcastricum.nl\/televisie\/gemist\/omroep-castricum&quot;,&quot;image&quot;:&quot;https:\/\/5mkcc1sh4vpo.b-cdn.net\/w_1920\/3bol5xnnte1k-bekijk-alle-videos.png&quot;,&quot;alt&quot;:null,&quot;type&quot;:&quot;image&quot;,&quot;slot_id&quot;:null},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;_id&quot;:&quot;04a51a9a-7f76-4aff-9204-5bb61cf8f0ce&quot;,&quot;url&quot;:&quot;www.omroepcastricum.nl&quot;,&quot;image&quot;:&quot;https:\/\/5mkcc1sh4vpo.b-cdn.net\/1er8hrhv3ztt\/w_1890\/sheet-01-mede-mogelijk-gemaakt.jpg&quot;,&quot;alt&quot;:null,&quot;type&quot;:&quot;image&quot;,&quot;slot_id&quot;:null},{&quot;s&quot;:&quot;arr&quot;}]],{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;HsKItKGMKGpUcWHByqDB&quot;,&quot;name&quot;:&quot;components.banner&quot;,&quot;path&quot;:&quot;nieuws\/de-woude&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;nl&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;dfaf5cfb94c16f8c34cd0f6381546d150580d34e63aa987e6ac03ea2009f0d04&quot;}" wire:effects="[]" wire:id="HsKItKGMKGpUcWHByqDB" wire:name="components.banner">
1680<!--[if BLOCK]><![endif]-->    <!--[if BLOCK]><![endif]-->        
1681        <div
1682            x-data="{
1683                items: JSON.parse('[{\u0022_id\u0022:\u0022c9c3430e-d613-4d45-abf5-97bf5d4b4c04\u0022,\u0022url\u0022:\u0022https:\\\/\\\/omroepcastricum.nl\\\/televisie\\\/gemist\\\/omroep-castricum\u0022,\u0022image\u0022:\u0022https:\\\/\\\/5mkcc1sh4vpo.b-cdn.net\\\/w_1920\\\/3bol5xnnte1k-bekijk-alle-videos.png\u0022,\u0022alt\u0022:null,\u0022type\u0022:\u0022image\u0022,\u0022slot_id\u0022:null},{\u0022_id\u0022:\u002204a51a9a-7f76-4aff-9204-5bb61cf8f0ce\u0022,\u0022url\u0022:\u0022www.omroepcastricum.nl\u0022,\u0022image\u0022:\u0022https:\\\/\\\/5mkcc1sh4vpo.b-cdn.net\\\/1er8hrhv3ztt\\\/w_1890\\\/sheet-01-mede-mogelijk-gemaakt.jpg\u0022,\u0022alt\u0022:null,\u0022type\u0022:\u0022image\u0022,\u0022slot_id\u0022:null}]'),
1684                duration: 5000,
1685                current: 0,
1686                interval: null,
1687                containerHeight: 0,
1688
1689                recordImpression(item) {
1690                    if (item?._id) {
1691                        $wire.recordImpression(item._id);
1692                    }
1693                },
1694
1695                startAutoplay() {
1696                    this.stopAutoplay();
1697                    if (this.items.length <= 1) return;
1698
1699                    this.interval = setInterval(() => {
1700                        this.current = (this.current + 1) % this.items.length;
1701                    }, this.duration);
1702                },
1703
1704                stopAutoplay() {
1705                    clearInterval(this.interval);
1706                    this.interval = null;
1707                },
1708
1709                trackClick(item) {
1710                    if (typeof prepr !== 'undefined') {
1711                        prepr('event', 'Click', { 'id': item._id });
1712                    }
1713                    window.open(item.url, '_blank');
1714                },
1715
1716                updateHeight(img) {
1717                    if (img && img.complete) {
1718                        this.containerHeight = img.offsetHeight;
1719                    }
1720                },
1721
1722                init() {
1723                    if (this.items.length === 0) return;
1724
1725                    this.recordImpression(this.items[this.current]);
1726                    this.$watch('current', (index) => this.recordImpression(this.items[index]));
1727
1728                    this.$nextTick(() => {
1729                        const firstImg = this.$el.querySelector('img');
1730                        if (firstImg) {
1731                            if (firstImg.complete) {
1732                                this.updateHeight(firstImg);
1733                            } else {
1734                                firstImg.addEventListener('load', () => this.updateHeight(firstImg));
1735                            }
1736                        }
1737                    });
1738
1739                    this.startAutoplay();
1740                }
1741            }"
1742            x-init="init()"
1743            x-on:mouseenter="stopAutoplay()"
1744            x-on:mouseleave="startAutoplay()"
1745            x-show="items.length > 0"
1746        >
1747            <!--[if BLOCK]><![endif]-->            <h3 class="mb-2 text-sm font-montserrat text-center font-normal text-text-secondary">
1748                Advertentie
1749            </h3>
1750            <!--[if ENDBLOCK]><![endif]-->
1751            <div class="relative w-full overflow-hidden" :style="containerHeight > 0 ? `height: ${containerHeight}px` : ''">
1752                <template x-for="(item, index) in items" :key="item._id || index">
1753                    <a
1754                        x-show="current === index"
1755                        x-transition:enter="transition ease-out duration-500"
1756                        x-transition:enter-start="opacity-0"
1757                        x-transition:enter-end="opacity-100"
1758                        x-transition:leave="transition ease-in duration-400"
1759                        x-transition:leave-start="opacity-100"
1760                        x-transition:leave-end="opacity-0"
1761                        :href="item.url"
1762                        @click.prevent="trackClick(item)"
1763                        target="_blank"
1764                        rel="noopener noreferrer"
1765                        class="absolute top-0 left-0 w-full"
1766                    >
1767                        <template x-if="item.image">
1768                            <img
1769                                :src="item.image"
1770                                :alt="item.alt"
1771                                class="w-full h-auto rounded-lg"
1772                                @load="if (current === index) updateHeight($el)"
1773                            >
1774                        </template>
1775                    </a>
1776                </template>
1777            </div>
1778        </div>
1779    <!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
1780
1781
1782            <div wire:key="live-overview-component" wire:snapshot="{&quot;data&quot;:{&quot;config&quot;:[{&quot;menu&quot;:[{&quot;_id&quot;:&quot;fc372738-16d1-42ee-b458-7cb2c75941a1&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;website_title&quot;:&quot;{title} | Omroep Castricum&quot;,&quot;copyright&quot;:&quot;Omroep Castricum&quot;,&quot;email&quot;:&quot;[email protected]&quot;,&quot;phone&quot;:&quot;0251-655565&quot;,&quot;default_page&quot;:[{&quot;__typename&quot;:&quot;Pagina&quot;,&quot;_slug&quot;:&quot;nieuws&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;search_page&quot;:[{&quot;_slug&quot;:&quot;zoeken&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;weather_place&quot;:&quot;castricum&quot;,&quot;live&quot;:[[[{&quot;title&quot;:&quot;Nu live&quot;,&quot;page&quot;:[{&quot;_slug&quot;:&quot;radio\/live&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;guide_id&quot;:&quot;0b288fd9-851f-459a-adb1-d0b63f2e5a79&quot;,&quot;icon&quot;:&quot;fa-radio-tuner&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;title&quot;:&quot;Nu op tv&quot;,&quot;page&quot;:[{&quot;_slug&quot;:&quot;televisie\/live&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;guide_id&quot;:&quot;aacf85ab-efd2-44f4-b051-5cb8bd5ed6c0&quot;,&quot;icon&quot;:&quot;fa-tv-retro&quot;},{&quot;s&quot;:&quot;arr&quot;}]],{&quot;s&quot;:&quot;arr&quot;}],&quot;cookie_page&quot;:[{&quot;_slug&quot;:&quot;meer-informatie-over-cookies&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;cookie_consent&quot;:true,&quot;gtm_code&quot;:&quot;UA-51103154-1&quot;,&quot;title_under_photo&quot;:true,&quot;tolkie_token&quot;:null,&quot;radio_player_stream_url&quot;:&quot;https:\/\/omroepcastricum.ddns.net\/128MP3&quot;,&quot;radio_player_guide_id&quot;:&quot;0b288fd9-851f-459a-adb1-d0b63f2e5a79&quot;,&quot;tracking_code&quot;:&quot;a018f8fa077b41d4c2f8d1e2efc004ad1bd51093aea7df6df80e4fe745b7a549&quot;,&quot;openweather_app_id&quot;:&quot;81157433879f870cfe9a1cb0671788fe&quot;,&quot;street&quot;:&quot;Geesterduinweg 3&quot;,&quot;place&quot;:&quot;Castricum&quot;,&quot;zip_code&quot;:&quot;1902 CB&quot;,&quot;ads_redirect_url&quot;:null,&quot;ads_js_file&quot;:null,&quot;ads_client_id&quot;:null,&quot;ads_txt&quot;:null,&quot;android_app_id&quot;:null,&quot;ios_app_id&quot;:null,&quot;mailchimp_api_key&quot;:null,&quot;mailchimp_list_id&quot;:null,&quot;mailchimp_tag&quot;:null,&quot;light_surface_main_1&quot;:&quot;#FFFFFF&quot;,&quot;dark_surface_main_1&quot;:&quot;#FFFFFF&quot;,&quot;light_surface_main_2&quot;:&quot;#FFFFFF&quot;,&quot;dark_surface_main_2&quot;:&quot;#18181B&quot;,&quot;light_surface_main_3&quot;:&quot;#FFFFFF&quot;,&quot;dark_surface_main_3&quot;:&quot;#27272A&quot;,&quot;light_surface_main_4&quot;:&quot;#FFFFFF&quot;,&quot;dark_surface_main_4&quot;:&quot;#3F3F46&quot;,&quot;light_surface_dark_1&quot;:&quot;#27272A&quot;,&quot;dark_surface_dark_1&quot;:&quot;#27272A&quot;,&quot;light_text_main&quot;:&quot;#27272A&quot;,&quot;dark_text_main&quot;:&quot;#F4F4F5&quot;,&quot;light_text_secondary&quot;:&quot;#3F3F46&quot;,&quot;dark_text_secondary&quot;:&quot;#9F9FA9&quot;,&quot;light_text_tertiary&quot;:&quot;#9F9FA9&quot;,&quot;dark_text_tertiary&quot;:&quot;#9F9FA9&quot;,&quot;light_button_border&quot;:&quot;#E4E4E7&quot;,&quot;dark_button_border&quot;:&quot;#3F3F46&quot;,&quot;light_surface_medium_1&quot;:&quot;#E4E4E7&quot;,&quot;dark_surface_medium_1&quot;:&quot;#52525C&quot;,&quot;light_button_light&quot;:&quot;#F4F4F5&quot;,&quot;dark_button_light&quot;:&quot;#18181B&quot;,&quot;light_surface_light_3&quot;:&quot;#F4F4F5&quot;,&quot;dark_surface_light_3&quot;:&quot;#27272A&quot;,&quot;light_surface_light_2&quot;:&quot;#F4F4F5&quot;,&quot;dark_surface_light_2&quot;:&quot;#3F3F46&quot;,&quot;light_surface_light_1&quot;:&quot;#FAFAFA&quot;,&quot;dark_surface_light_1&quot;:&quot;#27272A&quot;,&quot;light_surface_background&quot;:&quot;#FAFAFA&quot;,&quot;dark_surface_background&quot;:&quot;#18181B&quot;,&quot;light_brand_dark&quot;:&quot;#003a71&quot;,&quot;dark_brand_dark&quot;:&quot;#003a71&quot;,&quot;light_brand_main&quot;:&quot;#014687&quot;,&quot;dark_brand_main&quot;:&quot;#014687&quot;,&quot;light_brand_secondary&quot;:&quot;#009ee2&quot;,&quot;dark_brand_secondary&quot;:&quot;#009ee2&quot;,&quot;light_brand_light&quot;:&quot;#EEF2FF&quot;,&quot;dark_brand_light&quot;:&quot;#1e1a4d&quot;,&quot;locale&quot;:&quot;nl-NL&quot;,&quot;tenant&quot;:&quot;omroepcastricum&quot;},{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;IcmV4f8lqK8HNQ8G0Hcn&quot;,&quot;name&quot;:&quot;components.live-overview&quot;,&quot;path&quot;:&quot;nieuws\/de-woude&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;nl&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;867ebdfdb30802ad0a1b81f2b4c4d676e139f23fc152a9db6ef756784560887a&quot;}" wire:effects="[]" wire:id="IcmV4f8lqK8HNQ8G0Hcn" wire:name="components.live-overview" wire:poll.60s="getLiveItems" >
1783
1784    <!--[if BLOCK]><![endif]-->        <div class="bg-surface-light-3 p-4 rounded-lg">
1785            <h3 class="font-bold mb-3">Nu Live</h3>
1786            <div class="space-y-3">
1787                <!--[if BLOCK]><![endif]-->                    <div wire:key="live-6ab5c902014b9">
1788                        
1789                        
1790                        <!--[if BLOCK]><![endif]-->                            <a
1791                                href="https://omroepcastricum.nl/radio/live"
1792                                                                class="bg-surface-main-4 p-4 flex flex-row gap-x-4 roun
1792ded-lg justify-between items-center group"
1793                            >
1794                                <div class="flex flex-row gap-x-4 group-hover:text-brand-secondary">
1795                                    <i class="fa-solid text-xl fa-radio-tuner"></i>
1796                                    <div class="flex flex-col leading-[24px]">
1797                                        <span class="text-lg font-bold group-hover:underline">Nu live</span>
1798                                        <!--[if BLOCK]><![endif]-->                                            <span class="text-sm font-montserrat">Non-stop muziek</span>
1799                                        <!--[if ENDBLOCK]><![endif]-->                                    </div>
1800                                </div>
1801                                <div class="rounded-full h-8 w-8 min-w-8 flex items-center justify-center bg-button-light text-text-main group-hover:bg-brand-main group-hover:text-white">
1802                                    <i class="fa-solid fa-play"></i>
1803                                </div>
1804                            </a>
1805                            
1806                        <!--[if ENDBLOCK]><![endif]-->                    </div>
1807                                    <div wire:key="live-6ab5c902014bd">
1808                        
1809                        
1810                        <!--[if BLOCK]><![endif]-->                            <a
1811                                href="https://omroepcastricum.nl/televisie/live"
1812                                                                class="bg-surface-main-4 p-4 flex flex-row gap-x-4 rounded-lg justify-between items-center group"
1813                            >
1814                                <div class="flex flex-row gap-x-4 group-hover:text-brand-secondary">
1815                                    <i class="fa-solid text-xl fa-tv-retro"></i>
1816                                    <div class="flex flex-col leading-[24px]">
1817                                        <span class="text-lg font-bold group-hover:underline">Nu op tv</span>
1818                                        <!--[if BLOCK]><![endif]-->                                            <span class="text-sm font-montserrat">Kabelkrant</span>
1819                                        <!--[if ENDBLOCK]><![endif]-->                                    </div>
1820                                </div>
1821                                <div class="rounded-full h-8 w-8 min-w-8 flex items-center justify-center bg-button-light text-text-main group-hover:bg-brand-main group-hover:text-white">
1822                                    <i class="fa-solid fa-play"></i>
1823                                </div>
1824                            </a>
1825                            
1826                        <!--[if ENDBLOCK]><![endif]-->                    </div>
1827                <!--[if ENDBLOCK]><![endif]-->            </div>
1828        </div>
1829    <!--[if ENDBLOCK]><![endif]--></div>
1830            <div wire:key="most-read-overview-component" wire:snapshot="{&quot;data&quot;:[],&quot;memo&quot;:{&quot;id&quot;:&quot;aJ6EIyncojjOnvNj8gd2&quot;,&quot;name&quot;:&quot;components.most-read-overview&quot;,&quot;path&quot;:&quot;nieuws\/de-woude&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;nl&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;77c5e3346ac8c9d8be1b2d186bc19aee57fa51eb9d5669288feeb92a72a70eab&quot;}" wire:effects="[]" wire:id="aJ6EIyncojjOnvNj8gd2" wire:name="components.most-read-overview" class="bg-surface-light-3 p-4 rounded-lg" >
1831    <h3 class="font-bold mb-3">Meest gelezen</h3>
1832    <div class="space-y-3">
1833
1834        <!--[if BLOCK]><![endif]-->                        <a wire:key="most-read-60789dd3-331b-4679-9c90-579bdc39332a"
1835                                    wire:navigate
1836                    href="https://omroepcastricum.nl/nieuws/artikel/postbode-bert-met-pensioen"
1837                                class="group flex items-start gap-2 rounded-lg bg-surface-main-4 p-4 cursor-pointer"
1838                data-prepr-item-id="60789dd3-331b-4679-9c90-579bdc39332a">
1839
1840                
1841                <span class="min-w-0 flex-1 font-bold text-lg hover:underline leading-[normal] line-clamp-3 break-words text-pretty group-hover:text-brand-secondary group-hover:underline">
1842                    Postbode Bert met pensioen
1843                </span>
1844
1845                <img
1846                    src="https://5mkcc1sh4vpo.b-cdn.net/a9huv8d3vdy/w_100,h_70,fx_50,fy_27/1-img-5324.jpg"
1847                    alt="Postbode Bert met pensioen"
1848                    class="w-[91px] h-[64px] object-cover rounded shrink-0">
1849            </a>
1850                                <a wire:key="most-read-f788e80d-1856-48e5-be00-b8be6aa04f56"
1851                                    wire:navigate
1852                    href="https://omroepcastricum.nl/nieuws/artikel/positieve-drugstest-bij-ongeval-in-castricum"
1853                                class="group flex items-start gap-2 rounded-lg bg-surface-main-4 p-4 cursor-pointer"
1854                data-prepr-item-id="f788e80d-1856-48e5-be00-b8be6aa04f56">
1855
1856                
1857                <span class="min-w-0 flex-1 font-bold text-lg hover:underline leading-[normal] line-clamp-3 break-words text-pretty group-hover:text-brand-secondary group-hover:underline">
1858                    Positieve drugstest bij ongeval in Castricum
1859                </span>
1860
1861                <img
1862                    src="https://5mkcc1sh4vpo.b-cdn.net/45rt5wsip4gr/w_100,h_70/drug.jpg"
1863                    alt="Positieve drugstest bij ongeval in Castricum"
1864                    class="w-[91px] h-[64px] object-cover rounded shrink-0">
1865            </a>
1866                                <a wire:key="most-read-1e8c2423-f87f-43bb-97e3-cfdb53b18708"
1867                                    wire:navigate
1868                    href="https://omroepcastricum.nl/nieuws/artikel/eigenaresse-motor-heeft-zich-gemeld"
1869                                class="group flex items-start gap-2 rounded-lg bg-surface-main-4 p-4 cursor-pointer"
1870                data-prepr-item-id="1e8c2423-f87f-43bb-97e3-cfdb53b18708">
1871
1872                
1873                <span class="min-w-0 flex-1 font-bold text-lg hover:underline leading-[normal] line-clamp-3 break-words text-pretty group-hover:text-brand-secondary group-hover:underline">
1874                    Eigenaresse motor heeft zich gemeld
1875                </span>
1876
1877                <img
1878                    src="https://5mkcc1sh4vpo.b-cdn.net/kvnx1a2xsg6/w_100,h_70/1-9d6c3947-beb0-4398-9f49-60da18613b39.jpg"
1879                    alt="Eigenaresse motor heeft zich gemeld"
1880                    class="w-[91px] h-[64px] object-cover rounded shrink-0">
1881            </a>
1882                                <a wire:key="most-read-a7366ae4-6635-4d5b-b439-c317a176bcbd"
1883                                    wire:navigate
1884                    href="https://omroepcastricum.nl/nieuws/artikel/caravan-schiet-van-de-weg"
1885                                class="group flex items-start gap-2 rounded-lg bg-surface-main-4 p-4 cursor-pointer"
1886                data-prepr-item-id="a7366ae4-6635-4d5b-b439-c317a176bcbd">
1887
1888                
1889                <span class="min-w-0 flex-1 font-bold text-lg hover:underline leading-[normal] line-clamp-3 break-words text-pretty group-hover:text-brand-secondary group-hover:underline">
1890                    Caravan schiet van de weg
1891                </span>
1892
1893                <img
1894                    src="https://5mkcc1sh4vpo.b-cdn.net/5h5xo5hksugt/w_100,h_70/dsc-3134.jpg"
1895                    alt="Caravan schiet van de weg"
1896                    class="w-[91px] h-[64px] object-cover rounded shrink-0">
1897            </a>
1898                                <a wire:key="most-read-c30bfc25-d89f-4edf-91f8-3ceb225cddc9"
1899                                    wire:navigate
1900                    href="https://omroepcastricum.nl/nieuws/artikel/college-dreigt-doorfietsroute-limmencastricum-definitief-te-blokkeren"
1901                                class="group flex items-start gap-2 rounded-lg bg-surface-main-4 p-4 cursor-pointer"
1902                data-prepr-item-id="c30bfc25-d89f-4edf-91f8-3ceb225cddc9">
1903
1904                
1905                <span class="min-w-0 flex-1 font-bold text-lg hover:underline leading-[normal] line-clamp-3 break-words text-pretty group-hover:text-brand-secondary group-hover:underline">
1906                    College dreigt doorfietsroute Limmen–Castricum definitief te blokkeren
1907                </span>
1908
1909                <img
1910                    src="https://5mkcc1sh4vpo.b-cdn.net/4h6fn6ifc2w2/w_100,h_70,fx_50,fy_50/afbeelding.png"
1911                    alt="College dreigt doorfietsroute Limmen–Castricum definitief te blokkeren"
1912                    class="w-[91px] h-[64px] object-cover rounded shrink-0">
1913            </a>
1914        <!--[if ENDBLOCK]><![endif]-->
1915    </div>
1916</div>
1917            <div wire:key="weather-overview-component" wire:snapsh
1917ot="{&quot;data&quot;:{&quot;config&quot;:[{&quot;menu&quot;:[{&quot;_id&quot;:&quot;fc372738-16d1-42ee-b458-7cb2c75941a1&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;website_title&quot;:&quot;{title} | Omroep Castricum&quot;,&quot;copyright&quot;:&quot;Omroep Castricum&quot;,&quot;email&quot;:&quot;[email protected]&quot;,&quot;phone&quot;:&quot;0251-655565&quot;,&quot;default_page&quot;:[{&quot;__typename&quot;:&quot;Pagina&quot;,&quot;_slug&quot;:&quot;nieuws&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;search_page&quot;:[{&quot;_slug&quot;:&quot;zoeken&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;weather_place&quot;:&quot;castricum&quot;,&quot;live&quot;:[[[{&quot;title&quot;:&quot;Nu live&quot;,&quot;page&quot;:[{&quot;_slug&quot;:&quot;radio\/live&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;guide_id&quot;:&quot;0b288fd9-851f-459a-adb1-d0b63f2e5a79&quot;,&quot;icon&quot;:&quot;fa-radio-tuner&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;title&quot;:&quot;Nu op tv&quot;,&quot;page&quot;:[{&quot;_slug&quot;:&quot;televisie\/live&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;guide_id&quot;:&quot;aacf85ab-efd2-44f4-b051-5cb8bd5ed6c0&quot;,&quot;icon&quot;:&quot;fa-tv-retro&quot;},{&quot;s&quot;:&quot;arr&quot;}]],{&quot;s&quot;:&quot;arr&quot;}],&quot;cookie_page&quot;:[{&quot;_slug&quot;:&quot;meer-informatie-over-cookies&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;cookie_consent&quot;:true,&quot;gtm_code&quot;:&quot;UA-51103154-1&quot;,&quot;title_under_photo&quot;:true,&quot;tolkie_token&quot;:null,&quot;radio_player_stream_url&quot;:&quot;https:\/\/omroepcastricum.ddns.net\/128MP3&quot;,&quot;radio_player_guide_id&quot;:&quot;0b288fd9-851f-459a-adb1-d0b63f2e5a79&quot;,&quot;tracking_code&quot;:&quot;a018f8fa077b41d4c2f8d1e2efc004ad1bd51093aea7df6df80e4fe745b7a549&quot;,&quot;openweather_app_id&quot;:&quot;81157433879f870cfe9a1cb0671788fe&quot;,&quot;street&quot;:&quot;Geesterduinweg 3&quot;,&quot;place&quot;:&quot;Castricum&quot;,&quot;zip_code&quot;:&quot;1902 CB&quot;,&quot;ads_redirect_url&quot;:null,&quot;ads_js_file&quot;:null,&quot;ads_client_id&quot;:null,&quot;ads_txt&quot;:null,&quot;android_app_id&quot;:null,&quot;ios_app_id&quot;:null,&quot;mailchimp_api_key&quot;:null,&quot;mailchimp_list_id&quot;:null,&quot;mailchimp_tag&quot;:null,&quot;light_surface_main_1&quot;:&quot;#FFFFFF&quot;,&quot;dark_surface_main_1&quot;:&quot;#FFFFFF&quot;,&quot;light_surface_main_2&quot;:&quot;#FFFFFF&quot;,&quot;dark_surface_main_2&quot;:&quot;#18181B&quot;,&quot;light_surface_main_3&quot;:&quot;#FFFFFF&quot;,&quot;dark_surface_main_3&quot;:&quot;#27272A&quot;,&quot;light_surface_main_4&quot;:&quot;#FFFFFF&quot;,&quot;dark_surface_main_4&quot;:&quot;#3F3F46&quot;,&quot;light_surface_dark_1&quot;:&quot;#27272A&quot;,&quot;dark_surface_dark_1&quot;:&quot;#27272A&quot;,&quot;light_text_main&quot;:&quot;#27272A&quot;,&quot;dark_text_main&quot;:&quot;#F4F4F5&quot;,&quot;light_text_secondary&quot;:&quot;#3F3F46&quot;,&quot;dark_text_secondary&quot;:&quot;#9F9FA9&quot;,&quot;light_text_tertiary&quot;:&quot;#9F9FA9&quot;,&quot;dark_text_tertiary&quot;:&quot;#9F9FA9&quot;,&quot;light_button_border&quot;:&quot;#E4E4E7&quot;,&quot;dark_button_border&quot;:&quot;#3F3F46&quot;,&quot;light_surface_medium_1&quot;:&quot;#E4E4E7&quot;,&quot;dark_surface_medium_1&quot;:&quot;#52525C&quot;,&quot;light_button_light&quot;:&quot;#F4F4F5&quot;,&quot;dark_button_light&quot;:&quot;#18181B&quot;,&quot;light_surface_light_3&quot;:&quot;#F4F4F5&quot;,&quot;dark_surface_light_3&quot;:&quot;#27272A&quot;,&quot;light_surface_light_2&quot;:&quot;#F4F4F5&quot;,&quot;dark_surface_light_2&quot;:&quot;#3F3F46&quot;,&quot;light_surface_light_1&quot;:&quot;#FAFAFA&quot;,&quot;dark_surface_light_1&quot;:&quot;#27272A&quot;,&quot;light_surface_background&quot;:&quot;#FAFAFA&quot;,&quot;dark_surface_background&quot;:&quot;#18181B&quot;,&quot;light_brand_dark&quot;:&quot;#003a71&quot;,&quot;dark_brand_dark&quot;:&quot;#003a71&quot;,&quot;light_brand_main&quot;:&quot;#014687&quot;,&quot;dark_brand_main&quot;:&quot;#014687&quot;,&quot;light_brand_secondary&quot;:&quot;#009ee2&quot;,&quot;dark_brand_secondary&quot;:&quot;#009ee2&quot;,&quot;light_brand_light&quot;:&quot;#EEF2FF&quot;,&quot;dark_brand_light&quot;:&quot;#1e1a4d&quot;,&quot;locale&quot;:&quot;nl-NL&quot;,&quot;tenant&quot;:&quot;omroepcastricum&quot;},{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;gojNy5rDRRwxO3OFUC60&quot;,&quot;name&quot;:&quot;components.weather-overview&quot;,&quot;path&quot;:&quot;nieuws\/de-woude&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;nl&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;42195221a794b88f6cd381ce40b3cfddd4f40c5973cbef2931e888d785f887ff&quot;}" wire:effects="[]" wire:id="gojNy5rDRRwxO3OFUC60" wire:name="components.weather-overview">
1918    <!--[if BLOCK]><![endif]-->        <div class="bg-surface-light-3 p-4 rounded-xl">
1919            <h3 class="font-bold mb-3">Weersverwachting</h3>
1920            <div class="grid gap-2 grid-cols-4">
1921                <!--[if BLOCK]><![endif]-->                    <div wire:key="weather-vr" class="p-3 bg-surface-main-4 flex flex-col gap-3 items-center rounded-lg">
1922                    <span class="font-bold text-lg text-text-main">
1923                        vr
1924                    </span>
1925                        <img src="https://omroepcastricum.nl/images/weather/01d.svg" width="32" height="32" alt="icon" />
1926                        <span class="text-lg font-bold text-text-main">
1927                        22°
1928                    </span>
1929                        <span class="text-xs text-text-main">
1930                        10°
1931                    </span>
1932                        <span class="text-xs text-text-main">
1933                        0.0 mm
1934                    </span>
1935                    </div>
1936                                    <div wire:key="weather-za" class="p-3 bg-surface-main-4 flex flex-col gap-3 items-center rounded-lg">
1937                    <span class="font-bold text-lg text-text-main">
1938                        za
1939                    </span>
1940                        <img src="https://omroepcastricum.nl/images/weather/04d.svg" width="32" height="32" alt="icon" />
1941                        <span class="text-lg font-bold text-text-main">
1942                        21°
1943                    </span>
1944                        <span class="text-xs text-text-main">
1945                        13°
1946                    </span>
1947                        <span class="text-xs text-text-main">
1948                        0.0 mm
1949                    </span>
1950                    </div>
1951                                    <div wire:key="weather-zo" class="p-3 bg-surface-main-4 flex flex-col gap-3 items-center rounded-lg">
1952                    <span class="font-bold text-lg text-text-main">
1953                        zo
1954                    </span>
1955                        <img src="https://omroepcastricum.nl/images/weather/04d.svg" width="32" height="32" alt="icon" />
1956                        <span class="text-lg font-bold text-text-main">
1957                        19°
1958                    </span>
1959                        <span class="text-xs text-text-main">
1960                        13°
1961                    </span>
1962                        <span class="text-xs text-text-main">
1963                        0.0 mm
1964                    </span>
1965                    </div>
1966                                    <div wire:key="weather-ma" class="p-3 bg-surface-main-4 flex flex-col gap-3 items-center rounded-lg">
1967                    <span class="font-bold text-lg text-text-main">
1968                        ma
1969                    </span>
1970                        <img src="https://omroepcastricum.nl/images/weather/10d.svg" width="32" height="32" alt="icon" />
1971                        <span class="text-lg font-bold text-text-main">
1972                        18°
1973                    </span>
1974                        <span class="text-xs text-text-main">
1975                        15°
1976                    </span>
1977                        <span class="text-xs text-text-main">
1978                        0.2 mm
1979                    </span>
1980                    </div>
1981                <!--[if ENDBLOCK]><![endif]-->            </div>
1982        </div>
1983    <!--[if ENDBLOCK]><![endif]--></div>
1984
1985            <div wire:key="banner-sidebar_middle" wire:snapshot="{&quot;data&quot;:{&quot;placeId&quot;:&quot;sidebar_middle&quot;,&quot;shouldRender&quot;:true,&quot;title&quot;:&quot;Advertentie&quot;,&quot;isSlider&quot;:false,&quot;duration&quot;:5000,&quot;slidesToShow&quot;:1,&quot;items&quot;:[[[{&quot;_id&quot;:&quot;28d1356b-4cae-420c-93fb-8060c444b80b&quot;,&quot;url&quot;:&quot;https:\/\/elanceuitvaart.nl&quot;,&quot;image&quot;:&quot;https:\/\/5mkcc1sh4vpo.b-cdn.net\/2c18wpv93a0b\/w_1920\/elance-advertentie-scherm-1920x1080-pixels.jpg&quot;,&quot;alt&quot;:null,&quot;type&quot;:&quot;image&quot;,&quot;slot_id&quot;:null},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;_id&quot;:&quot;4d5e73f0-c97e-4ad3-8624-483f009724fe&quot;,&quot;url&quot;:&quot;https:\/\/schalkoort-advies.nl&quot;,&quot;image&quot;:&quot;https:\/\/5mkcc1sh4vpo.b-cdn.net\/67pop2a5m1c8\/w_6000\/ehbo-reanimatie-tbv-sheet-7-met-logo.jpg&quot;,&quot;alt&quot;:null,&quot;type&quot;:&quot;image&quot;,&quot;slot_id&quot;:null},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;_id&quot;:&quot;754d46b1-fb4a-439d-81ca-bf8d1e24ad1b&quot;,&quot;url&quot;:&quot;https:\/\/www.clubmariz.nl&quot;,&quot;image&quot;:&quot;https:\/\/5mkcc1sh4vpo.b-cdn.net\/3wx7x3kuim9g\/w_1920\/omroep-castricum-2025.jpg&quot;,&quot;alt&quot;:null,&quot;type&quot;:&quot;image&quot;,&quot;slot_id&quot;:null},{&quot;s&quot;:&quot;arr&quot;}]],{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;1qEZ4eDPHmRZ5YJbk493&quot;,&quot;name&quot;:&quot;components.banner&quot;,&quot;path&quot;:&quot;nieuws\/de-woude&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;nl&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;
19850316b06d1c71fa92ef8cd376c4c4f4191324cffd0b67e350c56c660b80b63df0&quot;}" wire:effects="[]" wire:id="1qEZ4eDPHmRZ5YJbk493" wire:name="components.banner">
1986<!--[if BLOCK]><![endif]-->    <!--[if BLOCK]><![endif]-->        <div class="space-y-4">
1987            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1988            <!--[if BLOCK]><![endif]-->            <h3 class="mb-2 text-sm font-montserrat text-center font-normal text-text-secondary">
1989                Advertentie
1990            </h3>
1991            <!--[if ENDBLOCK]><![endif]-->
1992            <!--[if BLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->                    <a
1993                        href="https://elanceuitvaart.nl"
1994                        target="_blank"
1995                        rel="noopener noreferrer"
1996                        class="block"
1997                                                x-data
1998                        @click="if (typeof prepr !== 'undefined') { prepr('event', 'Click', { 'id': '28d1356b-4cae-420c-93fb-8060c444b80b' }); }"
1999                                            >
2000                        <img src="https://5mkcc1sh4vpo.b-cdn.net/2c18wpv93a0b/w_1920/elance-advertentie-scherm-1920x1080-pixels.jpg" alt="" class="w-full h-auto rounded-lg">
2001                    </a>
2002                <!--[if ENDBLOCK]><![endif]-->                            <!--[if BLOCK]><![endif]-->                    <a
2003                        href="https://schalkoort-advies.nl"
2004                        target="_blank"
2005                        rel="noopener noreferrer"
2006                        class="block"
2007                                                x-data
2008                        @click="if (typeof prepr !== 'undefined') { prepr('event', 'Click', { 'id': '4d5e73f0-c97e-4ad3-8624-483f009724fe' }); }"
2009                                            >
2010                        <img src="https://5mkcc1sh4vpo.b-cdn.net/67pop2a5m1c8/w_6000/ehbo-reanimatie-tbv-sheet-7-met-logo.jpg" alt="" class="w-full h-auto rounded-lg">
2011                    </a>
2012                <!--[if ENDBLOCK]><![endif]-->                            <!--[if BLOCK]><![endif]-->                    <a
2013                        href="https://www.clubmariz.nl"
2014                        target="_blank"
2015                        rel="noopener noreferrer"
2016                        class="block"
2017                                                x-data
2018                        @click="if (typeof prepr !== 'undefined') { prepr('event', 'Click', { 'id': '754d46b1-fb4a-439d-81ca-bf8d1e24ad1b' }); }"
2019                                            >
2020                        <img src="https://5mkcc1sh4vpo.b-cdn.net/3wx7x3kuim9g/w_1920/omroep-castricum-2025.jpg" alt="" class="w-full h-auto rounded-lg">
2021                    </a>
2022                <!--[if ENDBLOCK]><![endif]-->            <!--[if ENDBLOCK]><![endif]-->        </div>
2023    <!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
2024
2025            <div wire:key="banner-sidebar_bottom" wire:snapshot="{&quot;data&quot;:{&quot;placeId&quot;:&quot;sidebar_bottom&quot;,&quot;shouldRender&quot;:true,&quot;title&quot;:&quot;Advertentie&quot;,&quot;isSlider&quot;:false,&quot;duration&quot;:5000,&quot;slidesToShow&quot;:1,&quot;items&quot;:[[[{&quot;_id&quot;:&quot;4698344b-4d5e-4d0d-af01-2c15a18ff9ce&quot;,&quot;url&quot;:&quot;https:\/\/mystrengthpt.nl&quot;,&quot;image&quot;:&quot;https:\/\/5mkcc1sh4vpo.b-cdn.net\/dgmbpvas25r\/w_2513\/my-strenght-pt-ad.png&quot;,&quot;alt&quot;:null,&quot;type&quot;:&quot;image&quot;,&quot;slot_id&quot;:null},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;_id&quot;:&quot;a771ad25-5690-41a1-9089-8ef3a58b3359&quot;,&quot;url&quot;:&quot;https:\/\/omroepcastricum.nl\/televisie\/gemist\/couleur-locale&quot;,&quot;image&quot;:&quot;https:\/\/5mkcc1sh4vpo.b-cdn.net\/w_1920\/4b2849a3-d902-4d27-80af-767faa60f833.png&quot;,&quot;alt&quot;:null,&quot;type&quot;:&quot;image&quot;,&quot;slot_id&quot;:null},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;_id&quot;:&quot;c5365ebc-3bac-4817-bbda-723c4a0371bd&quot;,&quot;url&quot;:&quot;https:\/\/www.kantoorboek.nl&quot;,&quot;image&quot;:&quot;https:\/\/5mkcc1sh4vpo.b-cdn.net\/5rdei8sgp697\/w_1920\/laan-banner-op-tv-1920x1080px.jpg&quot;,&quot;alt&quot;:null,&quot;type&quot;:&quot;image&quot;,&quot;slot_id&quot;:null},{&quot;s&quot;:&quot;arr&quot;}]],{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;5W3BDg2jKATuZbwyb5CO&quot;,&quot;name&quot;:&quot;components.banner&quot;,&quot;path&quot;:&quot;nieuws\/de-woude&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;nl&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;b18ce528e27dbe40b393a79d4bf9eca9d959369ff3331da4f1773a274d33e94a&quot;}" wire:effects="[]" wire:id="5W3BDg2jKATuZbwyb5CO" wire:name="components.banner">
2026<!--[if BLOCK]><![endif]-->    <!--[if BLOCK]><![endif]-->        <div class="space-y-4">
2027            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2028            <!--[if BLOCK]><![endif]-->            <h3 class="mb-2 text-sm font-montserrat text-center font-normal text-text-secondary">
2029                Advertentie
2030            </h3>
2031            <!--[if ENDBLOCK]><![endif]-->
2032            <!--[if BLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->                    <a
2033                        href="https://mystrengthpt.nl"
2034                        target="_blank"
2035                        rel="noopener noreferrer"
2036                        class="block"
2037                                                x-data
2038                        @click="if (typeof prepr !== 'undefined') { prepr('event', 'Click', { 'id': '4698344b-4d5e-4d0d-af01-2c15a18ff9ce' }); }"
2039                                            >
2040                        <img src="https://5mkcc1sh4vpo.b-cdn.net/dgmbpvas25r/w_2513/my-strenght-pt-ad.png" alt="" class="w-full h-auto rounded-lg">
2041                    </a>
2042                <!--[if ENDBLOCK]><![endif]-->                            <!--[if BLOCK]><![endif]-->                    <a
2043                        href="https://omroepcastricum.nl/televisie/gemist/couleur-locale"
2044                        target="_blank"
2045                        rel="noopener noreferrer"
2046                        class="block"
2047                                                x-data
2048                        @click="if (typeof prepr !== 'undefined') { prepr('event', 'Click', { 'id': 'a771ad25-5690-41a1-9089-8ef3a58b3359' }); }"
2049                                            >
2050                        <img src="https://5mkcc1sh4vpo.b-cdn.net/w_1920/4b2849a3-d902-4d27-80af-767faa60f833.png" alt="" class="w-full h-auto rounded-lg">
2051                    </a>
2052                <!--[if ENDBLOCK]><![endif]-->                            <!--[if BLOCK]><![endif]-->                    <a
2053                        href="https://www.kantoorboek.nl"
2054                        target="_blank"
2055                        rel="noopener noreferrer"
2056                        class="block"
2057                                                x-data
2058                        @click="if (typeof prepr !== 'undefined') { prepr('event', 'Click', { 'id': 'c5365ebc-3bac-4817-bbda-723c4a0371bd' }); }"
2059                                            >
2060                        <img src="https://5mkcc1sh4vpo.b-cdn.net/5rdei8sgp697/w_1920/laan-banner-op-tv-1920x1080px.jpg" alt="" class="w-full h-auto rounded-lg">
2061                    </a>
2062                <!--[if ENDBLOCK]><![endif]-->            <!--[if ENDBLOCK]><![endif]-->        </div>
2063    <!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
2064
2065            <div wire:key="banner-sidebar_bottom_4" wire:snapshot="{&quot;data&quot;:{&quot;placeId&quot;:&quot;sidebar_bottom_4&quot;,&quot;shouldRender&quot;:false,&quot;title&quot;:null,&quot;isSlider&quot;:null,&quot;duration&quot;:null,&quot;slidesToShow&quot;:null,&quot;items&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;vc7UpoNqeSdCEarU43JE&quot;,&quot;name&quot;:&quot;components.banner&quot;,&quot;path&quot;:&quot;nieuws\/de-woude&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;nl&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;d45f10974d552ccac4d4fcd2a29d7cf057d5401cb3b3f56647d2453ac7c0138a&quot;}" wire:effects="[]" wire:id="vc7UpoNqeSdCEarU43JE" wire:name="components.banner">
2066<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
2067
2068            <div wire:key="banner-sidebar_bottom_5" wire:snapshot="{&quot;data&quot;:{&quot;placeId&quot;:&quot;sidebar_bottom_5&quot;,&quot;shouldRender&quot;:false,&quot;title&quot;:null,&quot;isSlider&quot;:null,&quot;duration&quot;:null,&quot;slidesToShow&quot;:null,&quot;items&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;j0wCR1oFF3fhg3xkBELy&quot;,&quot;name&quot;:&quot;components.banner&quot;,&quot;path&quot;:&quot;nieuws\/de-woude&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;nl&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;1ba6786912b65971b50653932b1612fe78dc25bcb2648020b55eb5f574bf2b8f&quot;}" wire:effects="[]" wire:id="j0wCR1oFF3fhg3xkBELy" wire:name="components.banner">
2069<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
2070
2071        </div>
2072    </div>
2073</main>
2074
2075                        </div>
2076
2077<div>
2078    
2079    
2080    
2081    <footer class="bg-surface-main-3 mt-16 pt-10 pb-[68px] lg:pb-0">
2082        <div class="lg:container mx-auto px-6 pb-8">
2083            <div class="grid grid-cols-1 md:grid-cols-4 xl:grid-cols-8 gap-8">
2084
2085                
2086                <div class="col-span-1 md:col-span-2 xl:col-span-2 space-y-6">
2087                    <img
2088            :src="$store.ui?.darkMode ? 'https://omroepcastricum.nl/tenants/omroepcastricum/logo-dark.svg?v=1789721948' : 'https://omroepcastricum.nl/tenants/omroepcastricum/logo-light.svg?v=1789721948'"
2089            src="https://omroepcastricum.nl/tenants/omroepcastricum/logo-light.svg?v=1789721948"
2090            alt="Logo"
2091            class="h-10 w-auto"
2092            loading="eager"
2093        >
2094    
2095                    
2096                    
2097                                            <div class="flex flex-row gap-3">
2098                                                            <a href="https://www.facebook.com/OmroepCastricum/"
2099                                   title="fa-facebook"
2100                                   aria-label="Volg ons op fa-facebook"
2101                                   target="_blank"
2102                                   rel="noopener noreferrer"
2103                                   class="p-2 rounded-full h-10 w-10 bg-surface-light-2 hover:bg-brand-main text-brand-secondary hover:text-surface-main-1 cursor-pointer flex items-center justify-center transition">
2104                                    <i class="fa-brands fa-facebook" aria-hidden="true"></i>
2105                                </a>
2106                                                            <a href="https://twitter.com/OmroepCastricum"
2107                                   title="fa-x-twitter"
2108                                   aria-label="Volg ons op fa-x-twitter"
2109                                   target="_blank"
2110                                   rel="noopener noreferrer"
2111                                   class="p-2 rounded-full h-10 w-10 bg-surface-light-2 hover:bg-brand-main text-brand-secondary hover:text-surface-main-1 cursor-pointer flex items-center justify-center transition">
2112                                    <i class="fa-brands fa-x-twitter" aria-hidden="true"></i>
2113                                </a>
2114                                                            <a href="https://youtube.com/OmroepCastricum"
2115                                   title="fa-youtube"
2116                                   aria-label="Volg ons op fa-youtube"
2117                                   target="_blank"
2118                                   rel="noopener noreferrer"
2119                                   class="p-2 rounded-full h-10 w-10 bg-surface-light-2 hover:bg-brand-main text-brand-secondary hover:text-surface-main-1 cursor-pointer flex items-center justify-center transition">
2120                                    <i class="fa-brands fa-youtube" aria-hidden="true"></i>
2121                                </a>
2122                                                            <a href="https://www.instagram.com/OmroepCastricum/"
2123                                   title="fa-instagram"
2124                                   aria-label="Volg ons op fa-instagram"
2125                                   target="_blank"
2126                                   rel="noopener noreferrer"
2127                                   class="p-2 rounded-full h-10 w-10 bg-surface-light-2 hover:bg-brand-main text-brand-secondary hover:text-surface-main-1 cursor-pointer flex items-center justify-center transition">
2128                                    <i class="fa-brands fa-instagram" aria-hidden="true"></i>
2129                                </a>
2130                                                            <a href="https://www.threads.net/@omroepcastricum"
2131                                   title="fa-threads"
2132                                   aria-label="Volg ons op fa-threads"
2133                                   target="_blank"
2134                                   rel="noopener noreferrer"
2135                                   class="p-2 rounded-full h-10 w-10 bg-surface-light-2 hover:bg-brand-main text-brand-secondary hover:text-surface-main-1 cursor-pointer flex items-center justify-center transition">
2136                                    <i class="fa-brands fa-threads" aria-hidden="true"></i>
2137                                </a>
2138                                                            <a href="https://bsky.app/profile/omroepcastricum.b
2138sky.social"
2139                                   title="fa-bluesky"
2140                                   aria-label="Volg ons op fa-bluesky"
2141                                   target="_blank"
2142                                   rel="noopener noreferrer"
2143                                   class="p-2 rounded-full h-10 w-10 bg-surface-light-2 hover:bg-brand-main text-brand-secondary hover:text-surface-main-1 cursor-pointer flex items-center justify-center transition">
2144                                    <i class="fa-brands fa-bluesky" aria-hidden="true"></i>
2145                                </a>
2146                                                    </div>
2147                                    </div>
2148
2149                
2150                <div class="col-span-1 md:col-span-4 xl:col-span-4">
2151                    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-16">
2152                                                                                                                        <div>
2153                                        <h4 class="text-xs font-bold text-text-tertiary mb-4 font-roboto-condensed">
2154                                            Nieuws
2155                                        </h4>
2156                                                                                    <div class="space-y-4 text-lg font-bold flex flex-col">
2157                                                                                                    <a
2158            wire:navigate href="https://omroepcastricum.nl/nieuws/akersloot"
2159    
2160    class="transition hover:underline"
2161>
2162    Akersloot
2163</a>
2164                                                                                                    <a
2165            wire:navigate href="https://omroepcastricum.nl/nieuws/bakkum"
2166    
2167    class="transition hover:underline"
2168>
2169    Bakkum
2170</a>
2171                                                                                                    <a
2172            wire:navigate href="https://omroepcastricum.nl/nieuws/castricum"
2173    
2174    class="transition hover:underline"
2175>
2176    Castricum
2177</a>
2178                                                                                                    <a
2179            wire:navigate href="https://omroepcastricum.nl/nieuws/de-woude"
2180    
2181    class="transition hover:underline"
2182>
2183    De Woude
2184</a>
2185                                                                                                    <a
2186            wire:navigate href="https://omroepcastricum.nl/nieuws/limmen"
2187    
2188    class="transition hover:underline"
2189>
2190    Limmen
2191</a>
2192                                                                                                    <a
2193            wire:navigate href="https://omroepcastricum.nl/nieuws/regio"
2194    
2195    class="transition hover:underline"
2196>
2197    Regio
2198</a>
2199                                                                                            </div>
2200                                                                            </div>
2201                                                                                                                                <div>
2202                                        <h4 class="text-xs font-bold text-text-tertiary mb-4 font-roboto-condensed">
2203                                            Televisie
2204                                        </h4>
2205                                                                                    <div class="space-y-4 text-lg font-bold flex flex-col">
2206                                                                                                    <a
2207            wire:navigate href="https://omroepcastricum.nl/televisie/live"
2208    
2209    class="transition hover:underline"
2210>
2211    Live
2212</a>
2213                                                                                                    <a
2214            wire:navigate href="https://omroepcastricum.nl/televisie/gids"
2215    
2216    class="transition hover:underline"
2217>
2218    Programmering
2219</a>
2220                                                                                                    <a
2221            wire:navigate href="https://omroepcastricum.nl/televisie/gemist"
2222    
2223    class="transition hover:underline"
2224>
2225    Gemist
2226</a>
2227                                                                                                    <a
2228            wire:navigate href="https://omroepcastricum.nl/televisie/frequenties"
2229    
2230    class="transition hover:underline"
2231>
2232    Frequenties
2233</a>
2234                                                                                            </div>
2235                                                                            </div>
2236                                                                                                                                <div>
2237                                        <h4 class="text-xs font-bold text-text-tertiary mb-4 font-roboto-condensed">
2238                                            Radio
2239                                        </h4>
2240                                                                                    <div class="space-y-4 text-lg font-bold flex flex-col">
2241                                                                                                    <a
2242            wire:navigate href="https://omroepcastricum.nl/radio/live"
2243    
2244    class="transition hover:underline"
2245>
2246    Live
2247</a>
2248                                                                                                    <a
2249            wire:navigate href="https://omroepcastricum.nl/radio/gids"
2250    
2251    class="transition hover:underline"
2252>
2253    Programmering
2254</a>
2255                                                                                                    <a
2256            wire:navigate href="https://omroepcastricum.nl/radio/gemist"
2257    
2258    class="transition hover:underline"
2259>
2260    Gemist
2261</a>
2262                                                                                                    <a
2263            wire:navigate href="https://omroepcastricum.nl/radio/frequenties"
2264    
2265    class="transition hover:underline"
2266>
2267    Frequenties
2268</a>
2269                                                                                            </div>
2270                                                                            </div>
2271                                                                                                                                <div>
2272                                        <h4 class="text-xs font-bold text-text-tertiary mb-4 font-roboto-condensed">
2273                                            Over Omroep Castricum
2274                                        </h4>
2275                                                                                    <div class="space-y-4 text-lg font-bold flex flex-col">
2276                                                                                                    <a
2277            wire:navigate href="https://omroepcastricum.nl/organisatie"
2278    
2279    class="transition hover:underline"
2280>
2281    Organisatie
2282</a>
2283                                                                                                    <a
2284            wire:navigate href="https://omroepcastricum.nl/adverteren"
2285    
2286    class="transition hover:underline"
2287>
2288    Adverteren
2289</a>
2290                                                                                                    <a
2291            wire:navigate href="https://omroepcastricum.nl/samenwerking"
2292    
2293    class="transition hover:underline"
2294>
2295    Samenwerking
2296</a>
2297                                                                                                    <a
2298            wire:navigate href="https://omroepcastricum.nl/vacatures"
2299    
2300    class="transition hover:underline"
2301>
2302    Vacatures
2303</a>
2304                                                                                                    <a
2305            wire:navigate href="https://omroepcastricum.nl/faq"
2306    
2307    class="transition hover:underline"
2308>
2309    FAQ
2310</a>
2311                                                                                                    <a
2312            wire:navigate href="https://omroepcastricum.nl/contact"
2313    
2314    class="transition hover:underline"
2315>
2316    Contact
2317</a>
2318                                                                                                    <a
2319            wire:navigate href="https://omroepcastricum.nl/tip-de-redactie"
2320    
2321    class="transition hover:underline"
2322>
2323    Tip de redactie
2324</a>
2325                                                                                            </div>
2326                                                                            </div>
2327                                                                                                        </div>
2328                </div>
2329
2330                
2331                <div class="col-span-1 md:col-span-2 xl:col-span-2 space-y-4 xl:pl-16">
2332                    
2333                                            
2334                                                    <h4 class="text-xs font-bold text-text-tertiary">
2335                                Tip de redactie
2336                            </h4>
2337                            <a wire:navigate
2338                               href="https://omroepcastricum.nl/tip-de-redactie"
2339                               class="w-full flex items-center justify-center h-10 gap-3 rounded-full text-surface-main-1 bg-brand-main hover:bg-brand-dark cursor-pointer px-4 py-2.5 font-medium transition">
2340                                Tip de redactie
2341                                <i class="fa-solid fa-chevron-right text-xs"></i>
2342                            </a>
2343                                            
2344                    <h4 class="text-xs font-bold text-text-tertiary">Weergaveopties</h4>
2345                    <button @click="$store.ui?.toggle && $store.ui.toggle()" type="button" :aria-checked="$store.ui?.darkMode ?? false" role="switch" class="relative inline-flex h-10 w-[75px] flex-shrink-0 cursor-pointer rounded-full p-1 transition-colors duration-300 ease-in-out bg-surface-light-2">
2346                        <span class="sr-only">Gebruik lichte of donkere modus</span>
2347                        <span aria-hidden="true" class="pointer-events-none absolute left-1 top-1 inline-block h-8 w-8 min-w-8 transform rounded-full shadow ring-0 transition duration-300 ease-in-out bg-surface-main-3" :class="$store.ui?.darkMode ? 'translate-x-[36px]' : ''"></span>
2348                        <span class="absolute inset-0 flex items-center">
2349                            <span class="h-[34px] w-[34px] flex items-center justify-center mr-[3px]"><i class="fa-solid fa-sun-bright text-[20px] duration-300 ease-in-out text-brand-secondary" :class="$store.ui?.darkMode ? 'text-text-tertiary group-hover:dark:text-zinc-100 ml-1.5' : 'ml-1.5'"></i></span>
2350                            <span class="h-[34px] w-[34px] flex items-center justify-center"><i class="fa-solid fa-moon text-[20px] duration-300 ease-in-out" :class="$store.ui?.darkMode ? 'text-white group-hover:text-zinc-600' : 'text-text-tertiary group-hover:text-zinc-600'"></i></span>
2351                        </span>
2352                    </button>
2353                </div>
2354            </div>
2355        </div>
2356
2357        
2358        <div class="py-3 text-sm font-medium font-montserrat text-text-tertiary bg-surface-background">
2359            <div class="lg:container mx-auto px-6 justify-between flex items-center">
2360                <p>&copy;  2026</p>
2361                                    <div class="flex flex-row gap-8 text-xs">
2362                                                                                    <a
2363            wire:navigate href="https://omroepcastricum.nl/meer-informatie-over-cookies"
2364    
2365    class="transition text-text-tertiary underline"
2366>
2367    Privacy en disclaimer
2368</a>
2369                                                                        </div>
2370                            </div>
2371        </div>
2372    </footer>
2373
2374    
2375    
2376    
2377    <div x-show="isMobileMenuOpen" x-cloak x-transition.opacity.duration.300 class="lg:hidden flex gap-y-1 fixed top-0 left-0 right-0 h-[calc(100%-68px)] w-full bg-surface-main-2 z-60 px-4 pt-4 pb-4 overflow-y-auto">
2378        <nav class="w-full">
2379            <ul class="space-y-2 pb-6">
2380                                                                                        <li x-data="{ isOpen: true }">
2381                                                                    <div class="w-full flex justify-between items-center p-2 rounded-lg transition !bg-transparent hover:!bg-transparent hover:text-brand-secondary">
2382                                        <a wire:navigate href="https://omroepcastricum.nl/nieuws" class="flex-grow">
2383                                            <span class="text-lg font-bold font-roboto-condensed">Nieuws</span>
2384                                        </a>
2385                                        <button @click="isOpen = !isOpen" class="h-8 w-8 min-w-8 min-w-8 rounded-full flex items-center justify-center text-brand-secondary bg-surface-light-1 text-sm flex-shrink-0 ml-2 z-10">
2386                                            <i class="fa-solid fa-chevron-up transition-transform duration-200" :class="{ 'rotate-180': !isOpen }"></i>
2387                                        </button>
2388                                    </div>
2389
2390                                    <ul x-show="isOpen" x-transition class="px-3 pt-2 space-y-2">
2391                                                                                    <li>
2392                                                <a
2393            wire:navigate href="https://omroepcastricum.nl/nieuws"
2394    
2395    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background"
2396>
2397    Nieuws
2398</a>
2399                                            </li>
2400                                                                                    <li>
2401                                                <a
2402            wire:navigate href="https://omroepcastricum.nl/nieuws/akersloot"
2403    
2404    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background"
2405>
2406    Akersloot
2407</a>
2408                                            </li>
2409                                                                                    <li>
2410                                                <a
2411            wire:navigate href="https://omroepcastricum.nl/nieuws/bakkum"
2412    
2413    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background"
2414>
2415    Bakkum
2416</a>
2417                                            </li>
2418                                                                                    <li>
2419                                                <a
2420            wire:navigate href="https://omroepcastricum.nl/nieuws/de-woude"
2421    
2422    class="transition rounded-lg bg-surface-light-2 text-brand-secondary hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent text-brand-secondary" no-background="no-background"
2423>
2424    De Woude
2425</a>
2426                                            </li>
2427                                                                                    <li>
2428                                                <a
2429            wire:navigate href="https://omroepcastricum.nl/nieuws/limmen"
2430    
2431    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background"
2432>
2433    Limmen
2434</a>
2435                                            </li>
2436                                                                                    <li>
2437                                                <a
2438            wire:navigate href="https://omroepcastricum.nl/nieuws/regio"
2439    
2440    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background"
2441>
2442    Regio
2443</a>
2444                                            </li>
2445                                                                                    <li>
2446                                                <a
2447    
2448    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background"
2449>
2450    
2451</a>
2452                                            </li>
2453                                                                                    <li>
2454                                                <a
2455            wire:navigate href="https://omroepcastricum.nl/nieuws/112"
2456    
2457    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background"
2458>
2459    112
2460</a>
2461                                            </li>
2462                                                                                    <li>
2463                                                <a
2464            wire:navigate href="https://omroepcastricum.nl/nieuws/cultuur"
2465    
2466    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background"
2467>
2468    Cultuur
2469</a>
2470                                            </li>
2471                                                                                    <li>
2472                                                <a
2473            wire:navigate href="https://omroepcastricum.nl/nieuws/economie"
2474    
2475    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background"
2476>
2477    Economie
2478</a>
2479                                            </li>
2480                                                                                    <li>
2481                                                <a
2482            wire:navigate href="https://omroepcastricum.nl/nieuws/gemeente"
2483    
2484    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background"
2485>
2486    Gemeente
2487</a>
2488                                            </li>
2489                                                                                    <li>
2490                                                <a
2491            wire:navigate href="https://omroepcastricum.nl/nieuws/natuur-en-milieu"
2492    
2493    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background"
2494>
2495    Natuur en Milieu
2496</a>
2497                                            </li>
2498                                                                                    <li>
2499                                                <a
2500            wire:navigate href="https://omroepcastricum.nl/nieuws/omroep-castricum"
2501    
2502    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background"
2503>
2504    Omroep Castricum
2505</a>
2506                                            </li>
2507                                                                                    <li>
2508                                                <a
2509            wire:navigate href="https://omroepcastricum.nl/nieuws/politiek"
2510    
2511    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background"
2512>
2513    Politiek
2514</a>
2515                                            </li>
2516                                                                                    <li>
2517                                                <a
2518            wire:navigate href="https://omroepcastricum.nl/nieuws/sport"
2519    
2520    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background"
2521>
2522    Sport
2523</a>
2524                                            </li>
2525                                                                                    <li>
2526                                                <a
2527            wire:navigate href="https://omroepcastricum.nl/nieuws/uitgaan"
2528    
2529    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background"
2530>
2531    Uitgaan
2532</a>
2533                                            </li>
2534                                                                                    <li>
2535                                                <a
2536            wire:navigate href="https://omroepcastricum.nl/nieuws/zorg-en-welzijn"
2537    
2538    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background"
2539>
2540    Zorg en Welzijn
2541</a>
2542                                            </li>
2543                                                                            </ul>
2544                                                            </li>
2545                            <hr class="border-surface-light-3 mt-2">
2546                                                                                                <li x-data="{ isOpen: true }">
2547                                                                    <div class="w-full flex justify-between items-center p-2 rounded-lg transition !bg-transparent hover:!bg-transparent hover:text-brand-secondary">
2548                                        <a wire:navigate href="https://omroepcastricum.nl/televisie/live" class="flex-grow">
2549                                            <span class="text-lg font-bold font-roboto-condensed">Televisie</span>
2550                                        </a>
2551                                        <button @click="isOpen = !isOpen" class="h-8 w-8 min-w-8 min-w-8 rounded-full flex items-center justify-center text-brand-secondary bg-surface-light-1 text-sm flex-shrink-0 ml-2 z-10">
2552                                            <i class="fa-solid fa-chevron-up transition-transform duration-200" :class="{ 'rotate-180': !isOpen }"></i>
2553                                        </button>
2554                                    </div>
2555
2556                                    <ul x-show="isOpen" x-transition class="px-3 pt-2 space-y-2">
2557                                                                                    <li>
2558                                                <a
2559            wire:navigate href="https://omroepcastricum.nl/televisie/live"
2560    
2561    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background"
2562>
2563    Live
2564</a>
2565                                            </li>
2566                                                                                    <li>
2567                                                <a
2568            wire:navigate href="https://omroepcastricum.nl/televisie/gids"
2569    
2570    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background"
2571>
2572    Programmering
2573</a>
2574                                            </li>
2575                                                                                    <li>
2576                                                <a
2577            wire:navigate href="https://omroepcastricum.nl/televisie/gemist"
2578    
2579    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background"
2580>
2581    Gemist
2582</a>
2583                                            </li>
2584                                                                                    <li>
2585                                                <a
2586            wire:navigate href="https://omroepcastricum.nl/televisie/frequenties"
2587    
2588    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background"
2589>
2590    Frequenties
2591</a>
2592                                            </li>
2593                                                                            </ul>
2594                                                            </li>
2595                            <hr class="border-surface-light-3 mt-2">
2596                                                                                                <li x-data="{ isOpen: true }">
2597                                                                    <div class="w-full flex justify-between items-center p-2 rounded-lg transition !bg-transparent hover:!bg-transparent hover:text-brand-secondary">
2598                                        <a wire:navigate href="https://omroepcastricum.nl/radio/live" class="flex-grow">
2599                                            <span class="text-lg font-bold font-roboto-condensed">Radio</span>
2600                                        </a>
2601                                        <button @click="isOpen = !isOpen" class="h-8 w-8 min-w-8 min-w-8 rounded-full flex items-center justify-center text-brand-secondary bg-surface-light-1 text-sm flex-shrink-0 ml-2 z-10">
2602                                            <i class="fa-solid fa-chevron-up transition-transform duration-200" :class="{ 'rotate-180': !isOpen }"></i>
2603                                        </button>
2604                                    </div>
2605
2606                                    <ul x-show="isOpen" x-transition class="px-3 pt-2 space-y-2">
2607                                                                                    <li>
2608                                                <a
2609            wire:navigate href="https://omroepcastricum.nl/radio/live"
2610    
2611    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background"
2612>
2613    Live
2614</a>
2615                                            </li>
2616                                                                                    <li>
2617                                                <a
2618            wire:navigate href="https://omroepcastricum.nl/radio/gids"
2619    
2620    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background"
2621>
2622    Programmering
2623</a>
2624                                            </li>
2625                                                                                    <li>
2626                                                <a
2627            wire:navigate href="https://omroepcastricum.nl/radio/gemist"
2628    
2629    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background"
2630>
2631    Gemist
2632</a>
2633                                            </li>
2634                                                                                    <li>
2635                                                <a
2636            wire:navigate href="https://omroepcastricum.nl/radio/frequenties"
2637    
2638    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background"
2639>
2640    Frequenties
2641</a>
2642                                            </li>
2643                                                                            </ul>
2644                                                            </li>
2645                            <hr class="border-surface-light-3 mt-2">
2646                                                                                                <li x-data="{ isOpen: true }">
2647                                                                    <div class="w-full flex justify-between items-center p-2 rounded-lg transition !bg-transparent hover:!bg-transparent hover:text-brand-secondary">
2648                                        <a wire:navigate href="https://omroepcastricum.nl/organisatie" class="flex-grow">
2649                                            <span class="text-lg font-bold font-roboto-condensed">Over ons</span>
2650                                        </a>
2651                                        <button @click="isOpen = !isOpen" class="h-8 w-8 min-w-8 min-w-8 rounded-full flex items-center justify-center text-brand-secondary bg-surface-light-1 text-sm flex-shrink-0 ml-2 z-10">
2652                                            <i class="fa-solid fa-chevron-up transition-transform duration-200" :class="{ 'rotate-180': !isOpen }"></i>
2653                                        </button>
2654                                    </div>
2655
2656                                    <ul x-show="isOpen" x-transition class="px-3 pt-2 space-y-2">
2657                                                                                    <li>
2658                                                <a
2659            wire:navigate href="https://omroepcastricum.nl/organisatie"
2660    
2661    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background"
2662>
2663    Organisatie
2664</a>
2665                                            </li>
2666                                                                                    <li>
2667                                                <a
2668            wire:navigate href="https://omroepcastricum.nl/samenwerking"
2669    
2670    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background"
2671>
2672    Samenwerking
2673</a>
2674                                            </li>
2675                                                                                    <li>
2676                                                <a
2677            wire:navigate href="https://omroepcastricum.nl/vacatures"
2678    
2679    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background"
2680>
2681    Vacatures
2682</a>
2683                                            </li>
2684                                                                                    <li>
2685                                                <a
2686            wire:navigate href="https://omroepcastricum.nl/faq"
2687    
2688    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background"
2689>
2690    FAQ
2691</a>
2692                                            </li>
2693                                                                                    <li>
2694                                                <a
2695            wire:navigate href="https://omroepcastricum.nl/meer-informatie-over-cookie
2695s"
2696    
2697    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background"
2698>
2699    Cookies
2700</a>
2701                                            </li>
2702                                                                                    <li>
2703                                                <a
2704            wire:navigate href="https://omroepcastricum.nl/disclaimer"
2705    
2706    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background"
2707>
2708    Disclaimer
2709</a>
2710                                            </li>
2711                                                                            </ul>
2712                                                            </li>
2713                            <hr class="border-surface-light-3 mt-2">
2714                                                                                                <li x-data="{ isOpen: true }">
2715                                                                    <a
2716            wire:navigate href="https://omroepcastricum.nl/adverteren"
2717    
2718    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary w-full flex justify-between items-center p-2 text-left rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background"
2719>
2720    <span class="text-lg font-bold font-roboto-condensed">Adverteren</span>
2721</a>
2722                                                            </li>
2723                            <hr class="border-surface-light-3 mt-2">
2724                                                                                                <li x-data="{ isOpen: true }">
2725                                                                    <div class="w-full flex justify-between items-center p-2 rounded-lg transition !bg-transparent hover:!bg-transparent hover:text-brand-secondary">
2726                                        <a wire:navigate href="https://omroepcastricum.nl/contact" class="flex-grow">
2727                                            <span class="text-lg font-bold font-roboto-condensed">Contact</span>
2728                                        </a>
2729                                        <button @click="isOpen = !isOpen" class="h-8 w-8 min-w-8 min-w-8 rounded-full flex items-center justify-center text-brand-secondary bg-surface-light-1 text-sm flex-shrink-0 ml-2 z-10">
2730                                            <i class="fa-solid fa-chevron-up transition-transform duration-200" :class="{ 'rotate-180': !isOpen }"></i>
2731                                        </button>
2732                                    </div>
2733
2734                                    <ul x-show="isOpen" x-transition class="px-3 pt-2 space-y-2">
2735                                                                                    <li>
2736                                                <a
2737            wire:navigate href="https://omroepcastricum.nl/contact"
2738    
2739    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background"
2740>
2741    Contact
2742</a>
2743                                            </li>
2744                                                                                    <li>
2745                                                <a
2746            wire:navigate href="https://omroepcastricum.nl/tip-de-redactie"
2747    
2748    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background"
2749>
2750    Tip de redactie
2751</a>
2752                                            </li>
2753                                                                            </ul>
2754                                                            </li>
2755                            <hr class="border-surface-light-3 mt-2">
2756                                                                        </ul>
2757        </nav>
2758    </div>
2759
2760    
2761    
2762    
2763    <nav class="lg:hidden fixed bottom-0 left-0 right-0 h-[68px] bg-surface-main-3 flex justify-around items-start px-3 z-61" style="box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.15);">
2764                                    <div class="flex items-center h-[68px] justify-center text-center w-1/5 text-text-secondary relative hover:text-brand-secondary">
2765                    <a
2766            wire:navigate href="https://omroepcastricum.nl/nieuws"
2767    
2768    class="transition w-full h-full flex flex-col gap-y-2.5 justify-center border-t-2 items-center border-t-transparent"
2769>
2770    <i class="fa-solid fa-newspaper text-base h-4"></i>
2771                        <span class="text-xs font-bold">Nieuws</span>
2772</a>
2773                </div>
2774                            <div class="flex items-center h-[68px] justify-center text-center w-1/5 text-text-secondary relative hover:text-brand-secondary">
2775                    <a
2776            wire:navigate href="https://omroepcastricum.nl/televisie/live"
2777    
2778    class="transition w-full h-full flex flex-col gap-y-2.5 justify-center border-t-2 items-center border-t-transparent"
2779>
2780    <i class="fa-solid fa-tv text-base h-4"></i>
2781                        <span class="text-xs font-bold">Live TV</span>
2782</a>
2783                </div>
2784                            <div class="flex items-center h-[68px] justify-center text-center w-1/5 text-text-secondary relative hover:text-brand-secondary">
2785                    <a
2786            wire:navigate href="https://omroepcastricum.nl/radio/live"
2787    
2788    class="transition w-full h-full flex flex-col gap-y-2.5 justify-center border-t-2 items-center border-t-transparent"
2789>
2790    <i class="fa-solid fa-radio text-base h-4"></i>
2791                        <span class="text-xs font-bold">Live radio</span>
2792</a>
2793                </div>
2794                            <div class="flex items-center h-[68px] justify-center text-center w-1/5 text-text-secondary relative hover:text-brand-secondary">
2795            <button @click.prevent="isMobileMenuOpen = !isMobileMenuOpen" class="w-full h-full flex flex-col gap-y-2.5 justify-center border-t-2 border-t-transparent items-center">
2796                <i class="fa-solid fa-bars text-base h-4"></i>
2797                <span class="text-xs font-bold">Menu</span>
2798            </button>
2799        </div>
2800    </nav>
2801</div>
2802
2803<div x-persist="radio-player">
2804    <div wire:key="lw-2254710295-0-5-4-3" wire:snapshot="{&quot;data&quot;:[],&quot;memo&quot;:{&quot;id&quot;:&quot;hcDMeVRNpNCDoPSTerVz&quot;,&quot;name&quot;:&quot;components.radio-player&quot;,&quot;path&quot;:&quot;nieuws\/de-woude&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;nl&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;41ea2cde35268b6f2eabbc446571fb301c80086559aae3256189762ea0cae115&quot;}" wire:effects="[]" wire:id="hcDMeVRNpNCDoPSTerVz" wire:name="components.radio-player">
2805    <div wire:poll.60000ms="getProgramName">
2806
2807        <div
2808            x-data="{
2809                volumeBeforeMute: 1,
2810                setupAndPlay() {
2811                    // Deze functie wordt alleen de eerste keer uitgevoerd.
2812                    if (this.$store.radio.initialized || !'https:\/\/omroepcastricum.ddns.net\/128MP3') return;
2813
2814                    let radioStore = this.$store.radio;
2815
2816                    // 1. Maak het Audio-object aan en laad de stream.
2817                    radioStore.audio = new Audio('https:\/\/omroepcastricum.ddns.net\/128MP3');
2818
2819                    // 2. Stel de watchers in voor TOEKOMSTIGE interacties.
2820                    this.$watch('$store.radio.playing', isPlaying => {
2821                        if (isPlaying) {
2822                            radioStore.audio.play().catch(e => console.error('Audio play failed:', e));
2823                        } else {
2824                            radioStore.audio.pause();
2825                        }
2826                    });
2827
2828                    this.$watch('$store.radio.volume', newVolume => {
2829                        radioStore.audio.volume = newVolume;
2830                        localStorage.setItem('radioPlayerVolume', newVolume);
2831                    });
2832
2833                    this.$watch('$store.radio.isMinimized', isMinimized => localStorage.setItem('radioPlayerMinimized', isMinimized));
2834
2835                    // 3. Pas de initiële instellingen toe.
2836                    radioStore.audio.volume = radioStore.volume;
2837                    radioStore.initialized = true;
2838
2839                    // AANGEPAST: Speel de audio nu DIRECT af.
2840                    // Omdat setupAndPlay() wordt aangeroepen als direct gevolg van een gebruikersklik, is dit toegestaan.
2841                    // We controleren of de status 'playing' is, wat het geval is als deze functie wordt aangeroepen.
2842                    if (radioStore.playing) {
2843                        radioStore.audio.play().catch(e => {
2844                            console.error('Initial audio play failed:', e);
2845                            // Als het afspelen om een of andere reden toch mislukt, zet de status terug.
2846                            radioStore.playing = false;
2847                        });
2848                    }
2849                },
2850                togglePlay() {
2851                    if (!this.$store.radio.initialized) {
2852                        // playing moet true zijn vóór setupAndPlay(), anders wordt audio.play()
2853                        // overgeslagen en werkt pas de tweede klik (wanneer playing wordt getoggled).
2854                        this.$store.radio.playing = true;
2855                        this.setupAndPlay();
2856                    } else {
2857                        this.$store.radio.playing = !this.$store.radio.playing;
2858                    }
2859                },
2860                toggleMute() {
2861                    if (this.$store.radio.volume > 0) {
2862                        this.volumeBeforeMute = this.$store.radio.volume;
2863                        this.$store.radio.volume = 0;
2864                    } else {
2865                        this.$store.radio.volume = this.volumeBeforeMute > 0 ? this.volumeBeforeMute : 1;
2866                    }
2867                }
2868            }"
2869            @setup-radio.window="setupAndPlay()"
2870        >
2871            <div x-effect="document.body.classList.toggle('radio-maximized', !$store.radio.isMinimized && $store.radio.initialized)"></div>
2872            <div x-effect="document.body.classList.toggle('radio-minimized', $store.radio.isMinimized && $store.radio.initialized)"></div>
2873
2874            <div
2875                x-show="'https:\/\/omroepcastricum.ddns.net\/128MP3'"
2876                x-transition:enter="transition ease-out duration-300"
2877                x-transition:enter-start="opacity-0"
2878                x-transition:enter-end="opacity-100"
2879                class="fixed left-1/2 -translate-x-1/2 z-50 transition-all duration-300 ease-in-out bg-surface-light-2 backdrop-blur-sm border border-button-border overflow-hidden"
2880                :class="{
2881                    'rounded-full lg:w-105.5 w-[calc(100%-16px)] h-[50px] shadow-lg bottom-20 lg:bottom-4': !$store.radio.isMinimized,
2882                    'rounded-full w-8 h-8 bottom-15 lg:-bottom-2 flex items-center justify-center': $store.radio.isMinimized
2883                }"
2884            >
2885                
2886                <div x-show="!$store.radio.isMinimized" x-transition class="flex items-center justify-between gap-4 p-2 w-full">
2887                    <div class="flex items-center gap-4 pl-1">
2888                        <button
2889                            @click="togglePlay()"
2890                            class="w-8 h-8 rounded-full flex items-center cursor-pointer justify-center transition text-white flex-shrink-0 disabled:opacity-40 disabled:cursor-not-allowed bg-brand-main hover:bg-brand-dark"
2891                            :aria-label="$store.radio.playing ? 'Pauzeer radio' : 'Start radio'"
2892                            :title="$store.radio.initialized ? ($store.radio.playing ? 'Pauzeren' : 'Afspelen') : 'Afspelen'"
2893                        >
2894                            <i x-show="!$store.radio.playing" class="fa-solid fa-play"></i>
2895                            <i x-show="$store.radio.playing" class="fa-solid fa-pause"></i>
2896                        </button>
2897                        <div class="flex-shrink-0 font-roboto-condensed">
2898                            <div class="font-bold text-sm text-text-main leading-[normal]">Nu Live</div>
2899                            <div class="text-xs text-text-tertiary leading-[normal]">Non-stop muziek</div>
2900                        </div>
2901                    </div>
2902                    <button @click="$store.radio.isMinimized = true" class="flex items-center justify-center h-8 w-8 cursor-pointer rounded-full text-text-tertiary hover:bg-surface-medium-1 hover:text-tertiary" aria-label="Minimaliseer" title="Minimaliseer">
2903                        <i class="fas fa-chevron-down text-sm"></i>
2904                    </button>
2905                    <div class="flex items-center gap-2 pr-1">
2906                        <button @click="toggleMute()" :title="$store.radio.volume > 0 ? 'Dempen' : 'Dempen opheffen'" class="w-6 flex items-center">
2907                            <i x-show="$store.radio.volume > 0" class="fas fa-volume-high text-base"></i>
2908                            <i x-show="$store.radio.volume == 0" class="fas fa-volume-mute text-base"></i>
2909                        </button>
2910                        <input
2911                            aria-label="Radio Player Volume"
2912                            type="range" min="0" max="1" step="0.01"
2913                            x-model.lazy="$store.radio.volume"
2914                            :disabled="!$store.radio.initialized"
2915                            class="w-24 h-1 accent-text-main disabled:opacity-40 disabled:cursor-not-allowed"
2916                        />
2917                    </div>
2918                </div>
2919                
2920                <button
2921                    x-show="$store.radio.isMinimized"
2922                    x-transition
2923                    @click="$store.radio.isMinimized = false"
2924                    class="w-8 h-8 cursor-pointer flex items-center justify-center bg-surface-medium-1 text-text-tertiary rounded-full"
2925                    aria-label="Open radioplayer" title="Open radioplayer"
2926                >
2927                    <i class="fas fa-chevron-up text-sm"></i>
2928                </button>
2929            </div>
2930        </div>
2931    </div>
2932
2933                </div>
2934</div>
2935
2936<div wire:key="lw-2254710295-1-5-4-3" wire:snapshot="{&quot;data&quot;:{&quot;showBanner&quot;:true,&quot;isOnCookiePage&quot;:false},&quot;memo&quot;:{&quot;id&quot;:&quot;DAl3hXrwIz0Y45WRatia&quot;,&quot;name&quot;:&quot;components.cookie-consent&quot;,&quot;path&quot;:&quot;nieuws\/de-woude&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;nl&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;1e3e484d43d06ec6c43677e49f9c1dd8767a95973c20f844bb8b88d1d55b0bee&quot;}" wire:effects="[]" wire:id="DAl3hXrwIz0Y45WRatia" wire:name="components.cookie-consent">
2937    <!--[if BLOCK]><![endif]-->        <!--[if BLOCK]><![endif]-->            
2938            <div class="fixed inset-0 z-62 bg-black/50">
2939                <div
2940                    class="absolute bottom-0 left-0 w-full z-50 px-4 py-6 md:p-8 font-roboto-condensed bg-surface-main-3 text-text-main shadow-lg"
2941                    x-data="{
2942                        shown: false,
2943                        init() {
2944                            this.$nextTick(() => { this.shown = true; });
2945                            document.body.classList.add('pb-17', 'md:pb-17');
2946                        },
2947                        destroy() {
2948                            document.body.classList.remove('pb-17', 'md:pb-17');
2949                        },
2950                        closeBanner() {
2951                            this.shown = false;
2952                            setTimeout(() => this.destroy(), 300);
2953                        }
2954                    }"
2955                    x-show="shown"
2956                    x-transition:enter="transition ease-out duration-300"
2957                    x-transition:enter-start="opacity-0 translate-y-4"
2958                    x-transition:enter-end="opacity-100 translate-y-0"
2959                    x-transition:leave="transition ease-in duration-200"
2960                    x-transition:leave-start="opacity-100 translate-y-0"
2961                    x-transition:leave-end="opacity-0 translate-y-4"
2962                >
2963                    <div class="container mx-auto flex flex-col md:flex-row md:items-center justify-between">
2964                        <p class="text-sm">
2965                            Omroep Castricum maakt gebruik van Functionele en Analytische cookies voor website optimalisatie en statistieken.
2966                            <!--[if BLOCK]><![endif]-->                            <a wire:navigate href="https://omroepcastricum.nl/meer-informatie-over-cookies" class="underline font-semibold hover:text-text-secondary">
2967                                Lees meer
2968                            </a>
2969                            <!--[if ENDBLOCK]><![endif]-->                        </p>
2970
2971                        <div class="flex items-center gap-x-6 mt-8 md:mt-0">
2972                            <button
2973                                @click="$wire.accept().then(() => closeBanner())"
2974                                class="rounded-full flex items-center h-12 py-2.5 px-6 gap-x-3 bg-button-border hover:bg-button-border/80 text-text-main text-base cursor-pointer font-roboto-condensed font-medium"
2975                            >
2976                                Sluiten
2977                            </button>
2978                        </div>
2979                    </div>
2980                </div>
2981            </div>
2982        <!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]--></div>
2983
2984<script src="https://omroepcastricum.nl/vendor/livewire/livewire.min.js?id=8642c1d5"   data-csrf="Ove3OPBjQja9etWY2OE0RahNDlvl30dQO83a5pHY" data-module-url="https://omroepcastricum.nl/livewire-1a5019f0" data-update-uri="https://omroepcastricum.nl/livewire-1a5019f0/update" data-navigate-once="true"></script>
2984
2985            
2985<script>
2986                document.addEventListener('alpine:init', () => {
2987                    if (!Alpine.store('radio')) {
2988                        Alpine.store('radio', {
2989                            initialized: false,
2990                            audio: null,
2991                            playing: false,
2992                            volume: parseFloat(localStorage.getItem('radioPlayerVolume')) || 1,
2993                            isMinimized: localStorage.getItem('radioPlayerMinimized') === 'true',
2994                            openAndPlay() {
2995                                this.isMinimized = false;
2996                                this.playing = true;
2997                            }
2998                        });
2999                    }
3000                });
3001            </script>
3001
3002        
3003</body>
3004
3005</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.