PageSourceSearch

https://beatfm.nl/nieuws

html beatfm.nl collected 2026-09-24 21:31:55 UTC 260,519 bytes, 3,347 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-39244144-17');</script>
25
26        <!-- End Google Tag Manager -->
27        <title>Nieuws | BeatFM</title>
28
29    
30    
31    <meta property="og:site_name" content="BeatFM" />
32    <meta name="prepr:locale" content="nl-NL">
33        <link rel="canonical" href="https://beatfm.nl/nieuws">
34    <meta property="og:url" content="https://beatfm.nl/nieuws" />
35            <meta property="prepr:id" content="a797e951-7f89-48bb-b719-6a618a9ab547">
36        <meta name="description" content="Het nieuws uit Heiloo">
37
38    <meta property="og:title" content="Nieuws" />
39    <meta property="og:description" content="Het nieuws uit Heiloo" />
40
41    <meta property="og:type" content="article">
42
43    <meta name="twitter:title" content="Nieuws">
44    <meta name="twitter:description" content="Het nieuws uit Heiloo">
45
46            <link rel="apple-touch-icon" href="https://beatfm.nl/tenants/beatfm/favicons/apple-touch-icon.png?v=1789721948">
47        <link rel="icon" type="image/png" sizes="96x96" href="https://beatfm.nl/tenants/beatfm/favicons/favicon-96x96.png?v=1789721948">
48        <link rel="icon" type="image/svg+xml" href="https://beatfm.nl/tenants/beatfm/favicons/favicon.svg?v=1789721948">
49        <link rel="icon" type="image/x-icon" href="https://beatfm.nl/tenants/beatfm/favicons/favicon.ico?v=1789721948">
50        <link rel="manifest" href="https://beatfm.nl/tenants/beatfm/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: #003365;
82            --brand-secondary: #2ea9d9;
83            --brand-dark: #00284e;
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: #27272a;
103            --brand-main: #003365;
104            --brand-secondary: #2ea9d9;
105            --brand-dark: #00284e;
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://beatfm.nl/build/assets/app-CBdtcaRl.css" /><link rel="preload" as="style" href="https://beatfm.nl/build/assets/app-BohhYLNy.css" /><link rel="modulepreload" as="script" href="https://beatfm.nl/build/assets/app-Bi0xsek7.js" /><link rel="stylesheet" href="https://beatfm.nl/build/assets/app-CBdtcaRl.css" data-navigate-track="reload" /><link rel="stylesheet" href="https://beatfm.nl/build/assets/app-BohhYLNy.css" data-navigate-track="reload" />
127<script type="module" src="https://beatfm.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": "BeatFM",
135    "url": "https://beatfm.nl",
136    "address": {
137        "@type": "PostalAddress",
138        "streetAddress": "De Spindel 6",
139        "addressLocality": "Heiloo",
140        "addressCountry": "Netherlands",
141        "postalCode": "1851 NR"
142    },
143    "email": "[email protected]",
144    "logo": "https://beatfm.nl/tenants/beatfm/logo-light.svg?v=1789721948",
145    "sameAs": [
146        "https://facebook.com/BeatFm1063",
147        "https://twitter.com/TheBigBeatFM",
148        "https://www.youtube.com/channel/UCDhzLQl2lGEJxAFWjH0x7nw",
149        "https://www.instagram.com/beatfmheiloo/?hl=en"
150    ]
151}
152    </script>
152
153
154    
154<script>
155        // Dark mode bij eerste paginalaad toepassen op <html>
156        if (localStorage.getItem('dark-mode') === 'true') {
157            document.documentElement.classList.add('dark');
158        }
159
160        window.__isDarkMode = localStorage.getItem('dark-mode') === 'true';
161    </script>
161
162
163    
163<script>
164        function initializePreprTracker() {
165            if (window.preprInitialized) {
166                return;
167            }
168            window.preprInitialized = true;
169
170            // De Prepr Tracking Code, nu in een functie
171            !function (e, t, p, r, n, a, s) {
172                e[r] || ((n = e[r] = function () {
173                    n.process ? n.process.apply(n, arguments) : n.queue.push(arguments)
174                }).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))
175            }(window, document, "script", "prepr"), prepr("init", "d5fa6d70885bd3f48df85f02bf8a761970235c29a7ad9fe52faa2f6321ee95a4"), prepr("event", "pageload");
176        }
177    </script>
177
178
179
180        
180<script>
181            initializePreprTracker();
182        </script>
182
183
184
185    
186    
186<script async src="https://www.instagram.com/embed.js"></script>
186
187</head>
188
189<body
190    x-data="{
191        isMobileMenuOpen: false,
192        isMobileView: false
193    }"
194    x-init="isMobileView = (window.innerWidth < 1024)"
195    @resize.window="isMobileView = (window.innerWidth < 1024)"
196    :class="{ 'overflow-hidden lg:overflow-auto': isMobileMenuOpen }"
197    :data-flyout-menu-open="isMobileMenuOpen"
198    :data-is-mobile-view="isMobileView"
199    @cookies-accepted.window="initializePreprTracker()"
200    class="font-roboto-condensed bg-surface-background text-text-main transition-colors duration-300"
201>
202
203
204    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=UA-39244144-17"
205                      height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
206<div id="fb-root"></div>
207<script async defer crossorigin="anonymous" src="https://connect.facebook.net/nl_NL/sdk.js#xfbml=1&version=v19.0"
208        nonce="GjV9R3sf"></script>
208
209
210<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)]">
211    <div class="lg:container mx-auto px-6">
212        <div class="flex items-center h-16 md:h-20">
213
214            <a href="/" wire:navigate>
215            <img
216                :src="$store.ui?.darkMode ? 'https://beatfm.nl/tenants/beatfm/logo-dark.svg?v=1789721948' : 'https://beatfm.nl/tenants/beatfm/logo-light.svg?v=1789721948'"
217                src="https://beatfm.nl/tenants/beatfm/logo-light.svg?v=1789721948"
218                alt="Logo"
219                class="h-10 w-auto"
220                loading="eager"
221            >
222        </a>
223    
224            
225            <nav class="hidden lg:flex items-center space-x-8 ml-10 text-xl">
226                <ul class="flex items-center justify-center space-x-1 xl:space-x-8 font-semibold text-text-secondary">
227                                                                                                        <li x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false" class="relative">
228
229                                    <a
230            wire:navigate href="https://beatfm.nl/nieuws"
231    
232    class="transition rounded-lg bg-surface-light-2 text-brand-secondary hover:bg-surface-light-2 hover:text-brand-secondary flex items-center gap-x-1 cursor-pointer px-[13px] py-[6px]"
233>
234    Nieuws
235                                                                                    <i class="fa-solid fa-chevron-down text-[11px]"></i>
236</a>
237
238                                    
239                                                                            <div x-show="open" x-transition x-cloak class="absolute left-0 z-10 w-56 pt-1">
240                                            
241                                            <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)]">
242                                                <div class="p-1">
243                                                                                                                                                                        <a
244            wire:navigate href="https://beatfm.nl/nieuws"
245    
246    class="transition rounded-lg text-brand-secondary hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
247>
248    Nieuws
249</a>
250                                                                                                                                                                                                                                <a
251            wire:navigate href="https://beatfm.nl/heiloo"
252    
253    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
254>
255    Heiloo
256</a>
257                                                                                                                                                                                                                                <a
258            wire:navigate href="https://beatfm.nl/regio"
259    
260    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
261>
262    Regio
263</a>
264                                                                                                                                                                                                                                <a
265            wire:navigate href="https://beatfm.nl/entertainment"
266    
267    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
268>
269    Entertainment
270</a>
271                                                                                                                                                                                                                                <a
272            wire:navigate href="https://beatfm.nl/agenda"
273    
274    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
275>
276    Agenda
277</a>
278                                                                                                                                                            </div>
279                                            </div>
280                                        </div>
281                                                                    </li>
282                                                                                                                <li x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false" class="relative">
283
284                                    <a
285            wire:navigate href="https://beatfm.nl/info"
286    
287    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]"
288>
289    Info
290                                                                                    <i class="fa-solid fa-chevron-down text-[11px]"></i>
291</a>
292
293                                    
294                                                                            <div x-show="open" x-transition x-cloak class="absolute left-0 z-10 w-56 pt-1">
295                                            
296                                            <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)]">
297                                                <div class="p-1">
298                                                                                                                                                                        <a
299            wire:navigate href="https://beatfm.nl/info"
300    
301    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
302>
303    Info
304</a>
305                                                                                                                                                                                                                                <a
306            wire:navigate href="https://beatfm.nl/theater"
307    
308    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
309>
310    Theater
311</a>
312                                                                                                                                                                                                                                <a
313            wire:navigate href="https://beatfm.nl/expositie"
314    
315    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
316>
317    Expositie
318</a>
319                                                                                                                                                                                                                                <a
320            wire:navigate href="https://beatfm.nl/film"
321    
322    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
323>
324    Film
325</a>
326                                                                                                                                                                                                                                <a
327            wire:navigate href="https://beatfm.nl/muziek"
328    
329    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
330>
331    Muziek
332</a>
333                                                                                                                                                            </div>
334                                            </div>
335                                        </div>
336                                                                    </li>
337                                                                                                                <li x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false" class="relative">
338
339                                    <a
340            wire:navigate href="https://beatfm.nl/radio/gemist/radio-gemist"
341    
342    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]"
343>
344    Radio
345                                                                                    <i class="fa-solid fa-chevron-down text-[11px]"></i>
346</a>
347
348                                    
349                                                                            <div x-show="open" x-transition x-cloak class="absolute left-0 z-10 w-56 pt-1">
350                                            
351                                            <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)]">
352                                                <div class="p-1">
353                                                                                                                                                                        <a
354            wire:navigate href="https://beatfm.nl/radio/gids"
355    
356    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
357>
358    Radiogids
359</a>
360                                                                                                                                                                                                                                <a
361            wire:navigate href="https://beatfm.nl/be-your-own-dj"
362    
363    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
364>
365    Be your own DJ
366</a>
367                                                                                                                                                                                                                                <a
368            wire:navigate href="https://beatfm.nl/muziek-beat"
369    
370    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
371>
372    Muziek BE@T
373</a>
374                                                                                                                                                                                                                                <a
375            wire:navigate href="https://beatfm.nl/jingles"
376    
377    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
378>
379    Jingles
380</a>
381                                                                                                                                                                                                                                <a
382            wire:navigate href="https://beatfm.nl/roadshow"
383    
384    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
385>
386    Roadshow
387</a>
388                                                                                                                                                                                                                                <a
389            wire:navigate href="https://beatfm.nl/radio/gemist/radio-gemist"
390    
391    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
392>
393    Radio gemist
394</a>
395                                                                                                                                                            </div>
396                                            </div>
397                                        </div>
398                                                                    </li>
399                                                                                                                <li x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false" class="relative">
400
401                                    <a
402            wire:navigate href="https://beatfm.nl/televisie/gemist/televisie-gemist"
403    
404    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]"
405>
406    Televisie
407                                                                                    <i class="fa-solid fa-chevron-down text-[11px]"></i>
408</a>
409
410                                    
411                                                                            <div x-show="open" x-transition x-cloak class="absolute left-0 z-10 w-56 pt-1">
412                                            
413                                            <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)]">
414                                                <div class="p-1">
415                                                                                                                                                                        <a
416            wire:navigate href="https://beatfm.nl/televisie/gids"
417    
418    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
419>
420    Televisiegids
421</a>
422                                                                                                                                                                                                                                <a
423            wire:navigate href="https://beatfm.nl/televisie/gemist/televisie-gemist"
424    
425    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
426>
427    Televisie gemist
428</a>
429                                                                                                                                                            </div>
430                                            </div>
431                                        </div>
432                                                                    </li>
433                                                                                                                <li x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false" class="relative">
434
435                                    <a
436            wire:navigate href="https://beatfm.nl/radio/gemist/radio-gemist"
437    
438    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]"
439>
440    Gemist
441</a>
442
443                                    
444                                                                    </li>
445                                                                                                                <li x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false" class="relative">
446
447                                    <a
448            wire:navigate href="https://beatfm.nl/a"
449    
450    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]"
451>
452    Artiesten
453                                                                                    <i class="fa-solid fa-chevron-down text-[11px]"></i>
454</a>
455
456                                    
457                                                                            <div x-show="open" x-transition x-cloak class="absolute left-0 z-10 w-56 pt-1">
458                                            
459                                            <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)]">
460                                                <div class="p-1">
461                                                                                                                                                                        <a
462            wire:navigate href="https://beatfm.nl/a"
463    
464    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
465>
466    A
467</a>
468                                                                                  
468                                                                                                                                              <a
469            wire:navigate href="https://beatfm.nl/b"
470    
471    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
472>
473    B
474</a>
475                                                                                                                                                                                                                                <a
476            wire:navigate href="https://beatfm.nl/c"
477    
478    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
479>
480    C
481</a>
482                                                                                                                                                                                                                                <a
483            wire:navigate href="https://beatfm.nl/d"
484    
485    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
486>
487    D
488</a>
489                                                                                                                                                                                                                                <a
490            wire:navigate href="https://beatfm.nl/e"
491    
492    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
493>
494    E
495</a>
496                                                                                                                                                                                                                                <a
497            wire:navigate href="https://beatfm.nl/f"
498    
499    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
500>
501    F
502</a>
503                                                                                                                                                                                                                                <a
504            wire:navigate href="https://beatfm.nl/g"
505    
506    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
507>
508    G
509</a>
510                                                                                                                                                                                                                                <a
511            wire:navigate href="https://beatfm.nl/h"
512    
513    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
514>
515    H
516</a>
517                                                                                                                                                                                                                                <a
518            wire:navigate href="https://beatfm.nl/i"
519    
520    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
521>
522    I
523</a>
524                                                                                                                                                                                                                                <a
525            wire:navigate href="https://beatfm.nl/j"
526    
527    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
528>
529    J
530</a>
531                                                                                                                                                                                                                                <a
532            wire:navigate href="https://beatfm.nl/k"
533    
534    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
535>
536    K
537</a>
538                                                                                                                                                                                                                                <a
539            wire:navigate href="https://beatfm.nl/l"
540    
541    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
542>
543    L
544</a>
545                                                                                                                                                                                                                                <a
546            wire:navigate href="https://beatfm.nl/m"
547    
548    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
549>
550    M
551</a>
552                                                                                                                                                                                                                                <a
553            wire:navigate href="https://beatfm.nl/n"
554    
555    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
556>
557    N
558</a>
559                                                                                                                                                                                                                                <a
560            wire:navigate href="https://beatfm.nl/o"
561    
562    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
563>
564    O
565</a>
566                                                                                                                                                                                                                                <a
567            wire:navigate href="https://beatfm.nl/p"
568    
569    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
570>
571    P
572</a>
573                                                                                                                                                                                                                                <a
574            wire:navigate href="https://beatfm.nl/q"
575    
576    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
577>
578    Q
579</a>
580                                                                                                                                                                                                                                <a
581            wire:navigate href="https://beatfm.nl/r"
582    
583    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
584>
585    R
586</a>
587                                                                                                                                                                                                                                <a
588            wire:navigate href="https://beatfm.nl/s"
589    
590    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
591>
592    S
593</a>
594                                                                                                                                                                                                                                <a
595            wire:navigate href="https://beatfm.nl/t"
596    
597    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
598>
599    T
600</a>
601                                                                                                                                                                                                                                <a
602            wire:navigate href="https://beatfm.nl/u"
603    
604    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
605>
606    U
607</a>
608                                                                                                                                                                                                                                <a
609            wire:navigate href="https://beatfm.nl/v"
610    
611    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
612>
613    V
614</a>
615                                                                                                                                                                                                                                <a
616            wire:navigate href="https://beatfm.nl/w"
617    
618    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
619>
620    W
621</a>
622                                                                                                                                                                                                                                <a
623            wire:navigate href="https://beatfm.nl/nieuws"
624    
625    class="transition rounded-lg text-brand-secondary hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
626>
627    X
628</a>
629                                                                                                                                                                                                                                <a
630            wire:navigate href="https://beatfm.nl/y"
631    
632    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
633>
634    Y
635</a>
636                                                                                                                                                                                                                                <a
637            wire:navigate href="https://beatfm.nl/z"
638    
639    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
640>
641    Z
642</a>
643                                                                                                                                                            </div>
644                                            </div>
645                                        </div>
646                                                                    </li>
647                                                                                                                <li x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false" class="relative">
648
649                                    <a
650            wire:navigate href="https://beatfm.nl/beat"
651    
652    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]"
653>
654    BEAT
655                                                                                    <i class="fa-solid fa-chevron-down text-[11px]"></i>
656</a>
657
658                                    
659                                                                            <div x-show="open" x-transition x-cloak class="absolute left-0 z-10 w-56 pt-1">
660                                            
661                                            <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)]">
662                                                <div class="p-1">
663                                                                                                                                                                        <a
664            wire:navigate href="https://beatfm.nl/beat/wij"
665    
666    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
667>
668    Wij
669</a>
670                                                                                                                                                                                                                                <a
671            wire:navigate href="https://beatfm.nl/beat/geschiedenis"
672    
673    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
674>
675    Geschiedenis
676</a>
677                                                                                                                                                                                                                                <a
678            wire:navigate href="https://beatfm.nl/beat/contact"
679    
680    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
681>
682    Contact
683</a>
684                                                                                                                                                                                                                                <a
685            wire:navigate href="https://beatfm.nl/beat/informatie"
686    
687    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
688>
689    Informatie
690</a>
691                                                                                                                                                                                                                                <a
692            wire:navigate href="https://beatfm.nl/beat/adverteren"
693    
694    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
695>
696    Adverteren
697</a>
698                                                                                                                                                            </div>
699                                            </div>
700                                        </div>
701                                                                    </li>
702                                                                                        </ul>
703            </nav>
704
705            
706            <div class="flex items-center ml-auto space-x-2"
707                 x-data="{
708                    storageKey: 'article-bookmarks-' + window.location.host,
709                    bookmarkCount: 0,
710                    init() {
711                        this.syncCount();
712                        window.addEventListener('bookmark-toggled', 
712() => this.syncCount());
713                        window.addEventListener('bookmarks-cleared', () => this.bookmarkCount = 0);
714                        window.addEventListener('bookmark-removed', () => this.syncCount());
715                    },
716                    syncCount() {
717                        const ids = JSON.parse(localStorage.getItem(this.storageKey) || '[]');
718                        this.bookmarkCount = ids.length;
719                    },
720                    openDrawer() {
721                        const ids = JSON.parse(localStorage.getItem(this.storageKey) || '[]');
722                        $dispatch('bookmarks-open', { ids });
723                    },
724                 }">
725
726                                    <a wire:navigate href="https://beatfm.nl/zoeken" title="Zoeken"
727                       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">
728                        <i class="fa-solid fa-search"></i>
729                    </a>
730                
731                
732                <div wire:key="lw-1330329823-0-5-4-0" wire:snapshot="{&quot;data&quot;:{&quot;selectedTenants&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;tenantNavigation&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;9ev5Zla6hfNN9rASSla2&quot;,&quot;name&quot;:&quot;components.tenant-selector&quot;,&quot;path&quot;:&quot;nieuws&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;03a3415d423ee03e3af70dfa41e33f3a9f039dc1533a2d5c2d774bbfa7bd9f24&quot;}" wire:effects="[]" wire:id="9ev5Zla6hfNN9rASSla2" wire:name="components.tenant-selector">
733    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
734            </div>
735
736        </div>
737    </div>
738</header>
739
740
741<div>
742        
743                                    <main wire:key="lw-1662490603-15" wire:snapshot="{&quot;data&quot;:{&quot;pageData&quot;:[{&quot;__typename&quot;:&quot;Pagina&quot;,&quot;_id&quot;:&quot;a797e951-7f89-48bb-b719-6a618a9ab547&quot;,&quot;_slug&quot;:&quot;nieuws&quot;,&quot;title&quot;:&quot;Nieuws&quot;,&quot;type&quot;:&quot;overview&quot;,&quot;guide_id&quot;:null,&quot;tags&quot;:[[[{&quot;slug&quot;:&quot;nieuws&quot;},{&quot;s&quot;:&quot;arr&quot;}]],{&quot;s&quot;:&quot;arr&quot;}],&quot;subtitle&quot;:null,&quot;all_content&quot;:false,&quot;limit&quot;:10,&quot;seo&quot;:[{&quot;title&quot;:&quot;Nieuws&quot;,&quot;description&quot;:&quot;Het nieuws uit Heiloo&quot;},{&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;nzdLshvH1TrhKkWChXPB&quot;,&quot;name&quot;:&quot;pages.overview&quot;,&quot;path&quot;:&quot;nieuws&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;attributes&quot;:{&quot;slug&quot;:&quot;nieuws&quot;,&quot;id&quot;:&quot;a797e951-7f89-48bb-b719-6a618a9ab547&quot;},&quot;children&quot;:{&quot;banner-category_top&quot;:[&quot;div&quot;,&quot;otrpiJIkEi6vRBgVva6p&quot;],&quot;banner-category_top_mobile&quot;:[&quot;div&quot;,&quot;JMGTtQjZvzmXw78voPZS&quot;],&quot;lw-71422695-2-1&quot;:[&quot;div&quot;,&quot;ZGkB7XpfncG3EweJDRFH&quot;],&quot;banner-category_middle&quot;:[&quot;div&quot;,&quot;zb2VpEtvElk21X2tk1EO&quot;],&quot;banner-category_middle_mobile&quot;:[&quot;div&quot;,&quot;SYhaHQddKP6KYOpX29s0&quot;],&quot;banner-category_bottom&quot;:[&quot;div&quot;,&quot;pzSR0TWn8BHHYZ838UTW&quot;],&quot;banner-category_bottom_mobile&quot;:[&quot;div&quot;,&quot;GZTc50rQ7PkkjrunjVla&quot;],&quot;banner-sidebar_top&quot;:[&quot;div&quot;,&quot;9b3pZWr6tpklzjNFEIKp&quot;],&quot;live-overview-component&quot;:[&quot;div&quot;,&quot;N4SHWZsQwmchu2EX3RJu&quot;],&quot;most-read-overview-component&quot;:[&quot;div&quot;,&quot;QfFV1TktkwxZIbpnz9C8&quot;],&quot;weather-overview-component&quot;:[&quot;div&quot;,&quot;0cRXWjDw4EO8Z9e16dAx&quot;],&quot;banner-sidebar_middle&quot;:[&quot;div&quot;,&quot;y68OK1wdzQQgGW4Gl53S&quot;],&quot;banner-sidebar_bottom&quot;:[&quot;div&quot;,&quot;f1cY4itHFyMZpS1TxDSU&quot;],&quot;banner-sidebar_bottom_4&quot;:[&quot;div&quot;,&quot;56PEvZx6Hvj53o8HsA0e&quot;],&quot;banner-sidebar_bottom_5&quot;:[&quot;div&quot;,&quot;n4z8bIc6Xsj1qzBlzwTw&quot;]},&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;nl&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;801da7095ebffa55433bcc256e6cee1ceaefabcad4d9136cb8bb2e7463c4e3e4&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;regionsUpdated&quot;]}" wire:id="nzdLshvH1TrhKkWChXPB" wire:name="pages.overview" class="lg:container px-4 w-full md:mx-auto md:px-6 mt-8">
744    
745    <section class="grid grid-cols-1 lg:grid-cols-2 gap-8 mb-14">
746        <!--[if BLOCK]><![endif]-->            <a
747            wire:navigate
748        href="https://beatfm.nl/nieuws/artikel/noord-holland-ziet-nog-steeda-kansen-in-waterstof"
749        data-prepr-item-id="5bfdb1cd-08c9-4a31-bc41-ffd98cb42d66"
750    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">
751
752    <div class="relative group overflow-hidden">
753        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
754        <!--[if BLOCK]><![endif]-->            <img src="https://195j60ch0d7d.b-cdn.net/w_728,h_400/b61dfd26-5e76-4dde-b53f-3d71cf1c000d.jpg"
755                 alt="Noord-Holland ziet nog steeds kansen voor waterstof"
756                 class="w-full h-[206px] md:h-[400px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
757        <!--[if ENDBLOCK]><![endif]-->
758        <div class="absolute inset-0 bg-gradient-to-t to-transparent from-black/70"></div>
759
760        <div class="absolute bottom-0 w-full px-6 pb-6 pt-10 text-white">
761            <div class="absolute top-0 flex flex-row gap-x-2">
762                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
763                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
764                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </div>
765
766            <!--[if BLOCK]><![endif]-->                <h2 class="text-lg lg:text-[32px] font-bold line-clamp-2 leading-[normal] group-hover:underline">
767                    Noord-Holland ziet nog steeds kansen voor waterstof
768                </h2>
769            <!--[if ENDBLOCK]><![endif]-->        </div>
770    </div>
771    <div class="p-6 flex-grow">
772        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <p class="text-text-main text-sm md:text-base font-montserrat line-clamp-2">
773            De provincie Noord-Holland ziet ondanks eerdere tegenvallers nog steeda kansen in het toepassen van waterstofoplossingen.
774        </p>
775    </div>
776</a>
777                    <a
778            wire:navigate
779        href="https://beatfm.nl/nieuws/artikel/architectuur-roosmarijn-ten-hoopen-in-grafisch-atelier-alkmaar-video"
780        data-prepr-item-id="34a0dd89-e89f-4e2d-baf7-2ec052cfac58"
781    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">
782
783    <div class="relative group overflow-hidden">
784        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
785        <!--[if BLOCK]><![endif]-->            <img src="https://195j60ch0d7d.b-cdn.net/3h4dgd6nblj0/w_728,h_400/roosmarijn-ten-hoopen-1.jpg"
786                 alt="Architectuur Roosmarijn Ten Hoopen in Grafisch Atelier Alkmaar [VIDEO]"
787                 class="w-full h-[206px] md:h-[400px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
788        <!--[if ENDBLOCK]><![endif]-->
789        <div class="absolute inset-0 bg-gradient-to-t to-transparent from-black/70"></div>
790
791        <div class="absolute bottom-0 w-full px-6 pb-6 pt-10 text-white">
792            <div class="absolute top-0 flex flex-row gap-x-2">
793                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
794                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
795                <!--[if BLOCK]><![endif]-->
795                    <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">
796    <i class="fa-solid fa-video"></i>
797</span>
798                <!--[if ENDBLOCK]><![endif]-->                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </div>
799
800            <!--[if BLOCK]><![endif]-->                <h2 class="text-lg lg:text-[32px] font-bold line-clamp-2 leading-[normal] group-hover:underline">
801                    Architectuur Roosmarijn Ten Hoopen in Grafisch Atelier Alkmaar [VIDEO]
802                </h2>
803            <!--[if ENDBLOCK]><![endif]-->        </div>
804    </div>
805    <div class="p-6 flex-grow">
806        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <p class="text-text-main text-sm md:text-base font-montserrat line-clamp-2">
807            Een belangrijke inspiratiebron in het werk van Roosmarijn Ten Hoopen is architectuur en de manier waarop menselijke aanwezigheid daarin zichtbaar wordt.
808        </p>
809    </div>
810</a>
811        <!--[if ENDBLOCK]><![endif]-->    </section>
812
813    <div class="grid grid-cols-1 lg:grid-cols-[1fr_320px] gap-6">
814        <div class="space-y-3 lg:space-y-6 min-w-0">
815            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
816            
817            <!--[if BLOCK]><![endif]-->                <section>
818                    <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6">
819                        <!--[if BLOCK]><![endif]-->                            <a
820            wire:navigate
821        href="https://beatfm.nl/nieuws/artikel/fietser-botst-met-vrachtwagen-op-koelmaalaan-in-alkmaar-fotos"
822        data-prepr-item-id="cdae93d4-638d-4286-b1e8-467d9b873200"
823    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">
824
825    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
826        <!--[if BLOCK]><![endif]-->            <img src="https://195j60ch0d7d.b-cdn.net/1dcg4v0uspfb/w_728,h_400/alkmaar-koelmaalaan-fietser-botst-met-vrachtwagen-1.jpg"
827                 alt="Fietser botst met vrachtwagen op Koelmalaan in Alkmaar [FOTO&#039;S]"
828                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
829        <!--[if ENDBLOCK]><![endif]-->
830        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
831        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
832            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
833            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
834            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
835            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
836            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
837    </div>
838
839    <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">
840        <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">
841            Fietser botst met vrachtwagen op Koelmalaan in Alkmaar [FOTO&#039;S]
842        </h3>
843        <p class="line-clamp-3 font-montserrat max-md:hidden">
844            Rond tien voor half drie zijn er op de Koelmalaan in Alkmaar een vrachtwagen en een fietser met elkaar in botsing gekomen.
845        </p>
846    </div>
847</a>
848                                                    <a
849            wire:navigate
850        href="https://beatfm.nl/nieuws/artikel/participatie-herinrichting-stationsplein-in-heiloo-voor-iedereen"
851        data-prepr-item-id="91d778ff-7b6b-43dd-8303-a5e8a3f59422"
852    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">
853
854    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
855        <!--[if BLOCK]><![endif]-->            <img src="https://195j60ch0d7d.b-cdn.net/w_728,h_400/272fb011-336f-4342-ae93-99ababd22c01.jpg"
856                 alt="Participatie herinrichting Stationsplein in Heiloo voor iedereen"
857                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
858        <!--[if ENDBLOCK]><![endif]-->
859        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
860        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
861            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
862            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
863            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
864            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
865            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
866    </div>
867
868    <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">
869        <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">
870            Participatie herinrichting Stationsplein in Heiloo voor iedereen
871        </h3>
872        <p class="line-clamp-3 font-montserrat max-md:hidden">
873            Tijdens de behandeling van de Kadernota in Heiloo hebben meerdere fracties aandacht gevraagd voor de herinrichting van het Stationsplein.
874        </p>
875    </div>
876</a>
877                                                    <a
878            wire:navigate
879        href="https://beatfm.nl/nieuws/artikel/traditionele-kranslegging-voor-victorien-weer-in-victoriepark"
880        data-prepr-item-id="b51cd610-c83f-46f9-aab1-90284c380f83"
881    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">
882
883    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
884        <!--[if BLOCK]><![endif]-->            <img src="https://195j60ch0d7d.b-cdn.net/w_728,h_400/21913bed-9ab4-4471-8cd8-31fce6a38da5.jpg"
885                 alt="Traditionele kranslegging voor Victorien weer in Victoriepark"
886                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
887        <!--[if ENDBLOCK]><![endif]-->
888        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
889        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
890            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
891            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
892            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
893            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
894            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
895    </div>
896
897    <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">
898        <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">
899            Traditionele kranslegging voor Victorien weer in Victoriepark
900        </h3>
901        <p class="line-clamp-3 font-montserrat max-md:hidden">
902            Aan de vooravond van Alkmaar Ontzet wordt in het Victoriepark een korte voorstelling opgevoerd door leerlingen van de Adelbertusschool met medewerking van het Trompetterkorps Alkmaar.
903        </p>
904    </div>
905</a>
906                                                    <a
907            wire:navigate
908        href="https://beatfm.nl/nieuws/artikel/alkmaar-wil-duidelijkheid-over-stikstofsituatie-in-eilandspolder"
909        data-prepr-item-id="2d357cb4-5197-4323-908a-67293cdb0858"
910    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">
911
912    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
913        <!--[if BLOCK]><![endif]-->            <img src="https://195j60ch0d7d.b-cdn.net/w_728,h_400/310gx3nw6d34-schapen-in-weiland-10.jpg"
914                 alt="Alkmaar wil duidelijkheid van provincie over stikstofsituatie in Eilandspolder"
915                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
916        <!--[if ENDBLOCK]><![endif]-->
917        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
918        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
919            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
920            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
921            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
922            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
923            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
924    </div>
925
926    <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">
927        <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">
928            Alkmaar wil duidelijkheid van provincie over stikstofsituatie in Eilandspolder
929        </h3>
930        <p class="line-clamp-3 font-montserrat max-md:hidden">
931            Op 26 juni 2026 heeft het kabinet het maatregelenpakket “Weer ruimte voor boer, natuur en bouw” gepresenteerd.
932        </p>
933    </div>
934</a>
935                                                    <a
936            wire:navigate
937        href="https://beatfm.nl/nieuws/artikel/oratoriumkoor-brengt-meesterwerken-van-mozart-naar-heiloo"
938        data-prepr-item-id="8cb774db-59e4-49e8-a876-7ef986319d67"
939    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">
940
941    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
942        <!--[if BLOCK]><![endif]-->            <img src="https://195j60ch0d7d.b-cdn.net/w_728,h_400/5dzrymap51m-oratoriumkoor-heiloo-cultuurkoepel-3.jpg"
943                 alt="Oratoriumkoor brengt meesterwerken van Mozart naar Heiloo"
944                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
945        <!--[if ENDBLOCK]><![endif]-->
946        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
947        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
948            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
949            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
950            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
951            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
952            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
953    </div>
954
955    <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">
956        <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">
957            Oratoriumkoor brengt meesterwerken van Mozart naar Heiloo
958        </h3>
959        <p class="line-clamp-3 font-montserrat max-md:hidden">
960            Beleef een bijzondere muzikale avond met het Oratoriumkoor Heiloo op zaterdag 31 oktober in de Cultuurkoepel Heiloo.
961        </p>
962    </div>
963</a>
964                                                    <a
965            wire:navigate
966        href="https://beatfm.nl/nieuws/artikel/laatste-platenbeurs-van-het-jaar-in-alkmaar-in-open-lucht-fotos-video"
967        data-prepr-item-id="0540153e-7205-4448-af30-2a6fb9c14a21"
968    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">
969
970    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
971        <!--[if BLOCK]><![endif]-->
971            <img src="https://195j60ch0d7d.b-cdn.net/75d36w1esmx7/w_728,h_400/alkmaar-paardenmarkt-platenbeurs-2026-4.jpg"
972                 alt="Laatste platenbeurs van het jaar in Alkmaar in open lucht op Paardenmarkt [FOTO&#039;S &amp; VIDEO]"
973                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
974        <!--[if ENDBLOCK]><![endif]-->
975        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
976        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
977            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
978            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
979            <!--[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">
980    <i class="fa-solid fa-video"></i>
981</span>
982            <!--[if ENDBLOCK]><![endif]-->
983            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
984            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
985    </div>
986
987    <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">
988        <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">
989            Laatste platenbeurs van het jaar in Alkmaar in open lucht op Paardenmarkt [FOTO&#039;S &amp; VIDEO]
990        </h3>
991        <p class="line-clamp-3 font-montserrat max-md:hidden">
992            Op de Paardenmarkt in Alkmaar was zondag de laatste platenbeurs van het jaar in de open lucht.
993        </p>
994    </div>
995</a>
996                        <!--[if ENDBLOCK]><![endif]-->                    </div>
997                </section>
998
999                
1000                <div class="hidden lg:block">
1001                    <div wire:key="banner-category_top" wire:snapshot="{&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;otrpiJIkEi6vRBgVva6p&quot;,&quot;name&quot;:&quot;components.banner&quot;,&quot;path&quot;:&quot;nieuws&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;5a3c446d0a6a5a56d8185788360ec281212f6f7aeb1d34b951fa371a5cfe89c4&quot;}" wire:effects="[]" wire:id="otrpiJIkEi6vRBgVva6p" wire:name="components.banner">
1002<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
1003
1004                </div>
1005                <div class="lg:hidden">
1006                    <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;JMGTtQjZvzmXw78voPZS&quot;,&quot;name&quot;:&quot;components.banner&quot;,&quot;path&quot;:&quot;nieuws&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;e56203b8612ce00c59b2ec3cbbf94202679524a0017deaff91726847316cd8a6&quot;}" wire:effects="[]" wire:id="JMGTtQjZvzmXw78voPZS" wire:name="components.banner">
1007<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
1008
1009                </div>
1010            <!--[if ENDBLOCK]><![endif]-->
1011            
1012            
1013            <div wire:key="lw-71422695-2-1" wire:snapshot="{&quot;data&quot;:[],&quot;memo&quot;:{&quot;id&quot;:&quot;ZGkB7XpfncG3EweJDRFH&quot;,&quot;name&quot;:&quot;components.video-overview&quot;,&quot;path&quot;:&quot;nieuws&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;b0fa26531b144d2c94aaee6bacf0d9af5f82b27001f1b5111f5b6c383f379f24&quot;}" wire:effects="[]" wire:id="ZGkB7XpfncG3EweJDRFH" wire:name="components.video-overview" x-data="{
1014    ...videoModalComponent(JSON.parse('[{\u0022title\u0022:\u0022Architectuur Roosmarijn Ten Hoopen in Grafisch Atelier Alkmaar (24 september 2026)\u0022,\u0022short_title\u0022:\u0022Architectuur Roosmarijn Ten Hoopen in Grafisch Atelier Alkmaar (24 september 2026)\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/1gn59xkjttxb-architectuur-roosmarijn-ten-hoopen-in-grafisch-atelier-alkmaar-24-september-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/1gn59xkjttxb-architectuur-roosmarijn-ten-hoopen-in-grafisch-atelier-alkmaar-24-september-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/1gn59xkjttxb-architectuur-roosmarijn-ten-hoopen-in-grafisch-atelier-alkmaar-24-september-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/1gn59xkjttxb-architectuur-roosmarijn-ten-hoopen-in-grafisch-atelier-alkmaar-24-september-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/1gn59xkjttxb-architectuur-roosmarijn-ten-hoopen-in-grafisch-atelier-alkmaar-24-september-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/1gn59xkjttxb-architectuur-roosmarijn-ten-hoopen-in-grafisch-atelier-alkmaar-24-september-2026_360.mp4\u0022,\u0022duration\u0022:\u002201:06\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022}
1014,\u0022display_title\u0022:\u0022Architectuur Roosmarijn Ten Hoopen in Grafisch Atelier Alkmaar (24 september 2026)\u0022},{\u0022title\u0022:\u0022Laatste platenbeurs van het jaar in Alkmaar in open lucht pp Paardenmarkt (23 september 2026)\u0022,\u0022short_title\u0022:\u0022Laatste platenbeurs van het jaar in Alkmaar in open lucht pp de Paardenmarkt (22 september 2026)\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/2emsqd0w4o9m-laatste-platenbeurs-van-het-jaar-in-alkmaar-in-open-lucht-22-september-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/2emsqd0w4o9m-laatste-platenbeurs-van-het-jaar-in-alkmaar-in-open-lucht-22-september-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/2emsqd0w4o9m-laatste-platenbeurs-van-het-jaar-in-alkmaar-in-open-lucht-22-september-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/2emsqd0w4o9m-laatste-platenbeurs-van-het-jaar-in-alkmaar-in-open-lucht-22-september-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/2emsqd0w4o9m-laatste-platenbeurs-van-het-jaar-in-alkmaar-in-open-lucht-22-september-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/2emsqd0w4o9m-laatste-platenbeurs-van-het-jaar-in-alkmaar-in-open-lucht-22-september-2026_360.mp4\u0022,\u0022duration\u0022:\u002200:27\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Laatste platenbeurs van het jaar in Alkmaar in open lucht pp de Paardenmarkt (22 september 2026)\u0022},{\u0022title\u0022:\u0022Machine in brand in bedrijfspand in Oudkarspel (22 september 2026)\u0022,\u0022short_title\u0022:\u0022Machine in brand in bedrijfspand in Oudkarspel (22 september 2026)\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/462tgmwhdwpz-machine-in-brand-in-bedrijfspand-in-oudkarspel-22-september-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/462tgmwhdwpz-machine-in-brand-in-bedrijfspand-in-oudkarspel-22-september-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/462tgmwhdwpz-machine-in-brand-in-bedrijfspand-in-oudkarspel-22-september-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/462tgmwhdwpz-machine-in-brand-in-bedrijfspand-in-oudkarspel-22-september-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/462tgmwhdwpz-machine-in-brand-in-bedrijfspand-in-oudkarspel-22-september-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/462tgmwhdwpz-machine-in-brand-in-bedrijfspand-in-oudkarspel-22-september-2026_360.mp4\u0022,\u0022duration\u0022:\u002200:40\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Machine in brand in bedrijfspand in Oudkarspel (22 september 2026)\u0022},{\u0022title\u0022:\u0022Verzamelaars en liefhebbers naar munten- en postzegelbeurs (21 september 2026)\u0022,\u0022short_title\u0022:\u0022Verzamelaars en liefhebbers naar munten- en postzegelbeurs (21 september 2026)\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/1lf9f2pnhvab-verzamelaars-en-liefhebbers-naar-munten-en-postzegelbeurs-21-september-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/1lf9f2pnhvab-verzamelaars-en-liefhebbers-naar-munten-en-postzegelbeurs-21-september-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/1lf9f2pnhvab-verzamelaars-en-liefhebbers-naar-munten-en-postzegelbeurs-21-september-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/1lf9f2pnhvab-verzamelaars-en-liefhebbers-naar-munten-en-postzegelbeurs-21-september-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/1lf9f2pnhvab-verzamelaars-en-liefhebbers-naar-munten-en-postzegelbeurs-21-september-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/1lf9f2pnhvab-verzamelaars-en-liefhebbers-naar-munten-en-postzegelbeurs-21-september-2026_360.mp4\u0022,\u0022duration\u0022:\u002200:55\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022}
1014,\u0022display_title\u0022:\u0022Verzamelaars en liefhebbers naar munten- en postzegelbeurs (21 september 2026)\u0022},{\u0022title\u0022:\u0022Demolition Day in PEN-dorp in Alkmaar niet alleen slopen, maar ook nieuw begin (26 september 2026)\u0022,\u0022short_title\u0022:\u0022Demolition Day in PEN-dorp niet alleen slopen, maar ook nieuw begin (26 september 2026)\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/7afheg5r9ins-demolition-day-in-pen-dorp-niet-alleen-slopen-maar-ook-nieuw-begin-20-september-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/7afheg5r9ins-demolition-day-in-pen-dorp-niet-alleen-slopen-maar-ook-nieuw-begin-20-september-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/7afheg5r9ins-demolition-day-in-pen-dorp-niet-alleen-slopen-maar-ook-nieuw-begin-20-september-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/7afheg5r9ins-demolition-day-in-pen-dorp-niet-alleen-slopen-maar-ook-nieuw-begin-20-september-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/7afheg5r9ins-demolition-day-in-pen-dorp-niet-alleen-slopen-maar-ook-nieuw-begin-20-september-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/7afheg5r9ins-demolition-day-in-pen-dorp-niet-alleen-slopen-maar-ook-nieuw-begin-20-september-2026_360.mp4\u0022,\u0022duration\u0022:\u002201:22\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Demolition Day in PEN-dorp niet alleen slopen, maar ook nieuw begin (26 september 2026)\u0022},{\u0022title\u0022:\u0022Totaal installatie Jacqueline Kooter \\u0026 Tara-Eva Kuijpers Wentink in Kunstuitleen Alkmaar (19 september 2026)\u0022,\u0022short_title\u0022:\u0022Totaal installatie Jacqueline Kooter \\u0026 Tara-Eva Kuijpers Wentink in Kunstuitleen Alkmaar (19 september 2026)\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/6j20xsopo4vd-kunstinstallatie-dwaalland-jacqueline-kooter-tara-eva-kuijpers-wentink-in-kunstuitleen-19-september-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/6j20xsopo4vd-kunstinstallatie-dwaalland-jacqueline-kooter-tara-eva-kuijpers-wentink-in-kunstuitleen-19-september-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/6j20xsopo4vd-kunstinstallatie-dwaalland-jacqueline-kooter-tara-eva-kuijpers-wentink-in-kunstuitleen-19-september-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/6j20xsopo4vd-kunstinstallatie-dwaalland-jacqueline-kooter-tara-eva-kuijpers-wentink-in-kunstuitleen-19-september-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/6j20xsopo4vd-kunstinstallatie-dwaalland-jacqueline-kooter-tara-eva-kuijpers-wentink-in-kunstuitleen-19-september-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/6j20xsopo4vd-kunstinstallatie-dwaalland-jacqueline-kooter-tara-eva-kuijpers-wentink-in-kunstuitleen-19-september-2026_360.mp4\u0022,\u0022duration\u0022:\u002200:57\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Totaal installatie Jacqueline Kooter \\u0026 Tara-Eva Kuijpers Wentink in Kunstuitleen Alkmaar (19 september 2026)\u0022},{\u0022title\u0022:\u0022Bibliotheek Heiloo brengt werken Eerlijk \\u0026 Werelds en Heidi Schepers (17 september 2026)\u0022,\u0022short_title\u0022:\u0022Bibliotheek Heiloo brengt werke Eerlijk \\u0026 Werelds en Heidi Schepers (17 september 2026)\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/60aysuvyfu20-bibliotheek-heiloo-brengt-werke-eerlijk-werelds-en-heidi-schepers-17-september-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/60aysuvyfu20-bibliotheek-heiloo-brengt-werke-eerlijk-werelds-en-heidi-schepers-17-september-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/60aysuvyfu20-bibliotheek-heiloo-brengt-werke-eerlijk-werelds-en-heidi-schepers-17-september-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/60aysuvyfu20-bibliotheek-heiloo-brengt-werke-eerlijk-werelds-en-heidi-schepers-17-september-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/60aysuvyfu20-bibliotheek-heiloo-brengt-werke-eerlijk-werelds-en-heidi-schepers-17-september-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/60aysuvyfu20-bibliotheek-heiloo-brengt-werke-eerlijk-werelds-en-heidi-schepers-17-september-2026_360.mp4\u0022,\u0022duration\u0022:\u002201:00\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022}
1014,\u0022display_title\u0022:\u0022Bibliotheek Heiloo brengt werke Eerlijk \\u0026 Werelds en Heidi Schepers (17 september 2026)\u0022},{\u0022title\u0022:\u0022Wandkleed Draden Nederlandse slavernijverleden in Alkmaar af (16 september 2026)\u0022,\u0022short_title\u0022:\u0022Wandkleed Draden Nederlandse slavernijverleden in Alkmaar af (16 september 2026)\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/2fgnu9zm14x4-wandkleed-draden-nederlandse-slavernijverleden-in-alkmaar-af-16-september-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/2fgnu9zm14x4-wandkleed-draden-nederlandse-slavernijverleden-in-alkmaar-af-16-september-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/2fgnu9zm14x4-wandkleed-draden-nederlandse-slavernijverleden-in-alkmaar-af-16-september-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/2fgnu9zm14x4-wandkleed-draden-nederlandse-slavernijverleden-in-alkmaar-af-16-september-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/2fgnu9zm14x4-wandkleed-draden-nederlandse-slavernijverleden-in-alkmaar-af-16-september-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/2fgnu9zm14x4-wandkleed-draden-nederlandse-slavernijverleden-in-alkmaar-af-16-september-2026_360.mp4\u0022,\u0022duration\u0022:\u002201:09\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Wandkleed Draden Nederlandse slavernijverleden in Alkmaar af (16 september 2026)\u0022},{\u0022title\u0022:\u0022Reizende fototentoonstelling Onderweg te zien in Mare Nostrum in Alkmaar (15 september 2026)\u0022,\u0022short_title\u0022:\u0022Reizende fototentoonstelling Onderweg te zien in Mare Nostrum in Alkmaar (14 september 2026)\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/6s97judfg0fh-reizende-fototentoonstelling-onderweg-te-zien-in-mare-nostrum-in-alkmaar-15-september-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/6s97judfg0fh-reizende-fototentoonstelling-onderweg-te-zien-in-mare-nostrum-in-alkmaar-15-september-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/6s97judfg0fh-reizende-fototentoonstelling-onderweg-te-zien-in-mare-nostrum-in-alkmaar-15-september-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/6s97judfg0fh-reizende-fototentoonstelling-onderweg-te-zien-in-mare-nostrum-in-alkmaar-15-september-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/6s97judfg0fh-reizende-fototentoonstelling-onderweg-te-zien-in-mare-nostrum-in-alkmaar-15-september-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/6s97judfg0fh-reizende-fototentoonstelling-onderweg-te-zien-in-mare-nostrum-in-alkmaar-15-september-2026_360.mp4\u0022,\u0022duration\u0022:\u002204:17\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Reizende fototentoonstelling Onderweg te zien in Mare Nostrum in Alkmaar (14 september 2026)\u0022},{\u0022title\u0022:\u0022Drukte tijdens Open Monumentendag Grote Kerk in Alkmaar (14 september 2026)\u0022,\u0022short_title\u0022:\u0022Drukte tijdens Open Monumentendag Grote Kerk in Alkmaar (14 september 2026)\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/34xbm9z2hpgl-drukte-tijdens-open-monumentendag-grote-kerk-in-alkmaar-14-september-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/34xbm9z2hpgl-drukte-tijdens-open-monumentendag-grote-kerk-in-alkmaar-14-september-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/34xbm9z2hpgl-drukte-tijdens-open-monumentendag-grote-kerk-in-alkmaar-14-september-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/34xbm9z2hpgl-drukte-tijdens-open-monumentendag-grote-kerk-in-alkmaar-14-september-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/34xbm9z2hpgl-drukte-tijdens-open-monumentendag-grote-kerk-in-alkmaar-14-september-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/34xbm9z2hpgl-drukte-tijdens-open-monumentendag-grote-kerk-in-alkmaar-14-september-2026_360.mp4\u0022,\u0022duration\u0022:\u002201:14\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022}
1014,\u0022display_title\u0022:\u0022Drukte tijdens Open Monumentendag Grote Kerk in Alkmaar (14 september 2026)\u0022},{\u0022title\u0022:\u0022Obstacle Run weer magneet voor sportievelingen uit de wijde omgeving (14 september 2026)\u0022,\u0022short_title\u0022:\u0022Obstacle Run weer magneet voor sportievelingen uit de wijde omgeving (14 september 2026)\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/6q51d9191okr-obstacle-run-weer-magneet-voor-sportievelingen-uit-de-wijde-omgeving-14-september-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/6q51d9191okr-obstacle-run-weer-magneet-voor-sportievelingen-uit-de-wijde-omgeving-14-september-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/6q51d9191okr-obstacle-run-weer-magneet-voor-sportievelingen-uit-de-wijde-omgeving-14-september-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/6q51d9191okr-obstacle-run-weer-magneet-voor-sportievelingen-uit-de-wijde-omgeving-14-september-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/6q51d9191okr-obstacle-run-weer-magneet-voor-sportievelingen-uit-de-wijde-omgeving-14-september-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/6q51d9191okr-obstacle-run-weer-magneet-voor-sportievelingen-uit-de-wijde-omgeving-14-september-2026_360.mp4\u0022,\u0022duration\u0022:\u002201:13\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Obstacle Run weer magneet voor sportievelingen uit de wijde omgeving (14 september 2026)\u0022},{\u0022title\u0022:\u0022Kunstroute voert door heel Sint Pancras (13 september 2026)\u0022,\u0022short_title\u0022:\u0022Kunstroute te zien door heel Sint Pancras (13 september 2026)\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/351ffl4nv83s-kunstroute-te-zien-door-heel-sint-pancras-13-september-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/351ffl4nv83s-kunstroute-te-zien-door-heel-sint-pancras-13-september-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/351ffl4nv83s-kunstroute-te-zien-door-heel-sint-pancras-13-september-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/351ffl4nv83s-kunstroute-te-zien-door-heel-sint-pancras-13-september-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/351ffl4nv83s-kunstroute-te-zien-door-heel-sint-pancras-13-september-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/351ffl4nv83s-kunstroute-te-zien-door-heel-sint-pancras-13-september-2026_360.mp4\u0022,\u0022duration\u0022:\u002201:17\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Kunstroute te zien door heel Sint Pancras (13 september 2026)\u0022},{\u0022title\u0022:\u0022Open Monumentendag in Alkmaar met middeleeuws kampement en zwaardvechten bij De Nieuwburg [FOTO\\u0027S \\u0026 VIDEO]\u0022,\u0022short_title\u0022:\u0022Open Monumentendag in Alkmaar met middeleeuws kampement en zwaardvechten bij De Nieuwburg [FOTO\\u0027S \\u0026 VIDEO]\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/22du4ng0bwwv-open-monumentendag-in-alkmaar-met-middeleeuws-kampement-en-zwaarvechten-bij-de-nieuwburg-13-september-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/22du4ng0bwwv-open-monumentendag-in-alkmaar-met-middeleeuws-kampement-en-zwaarvechten-bij-de-nieuwburg-13-september-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/22du4ng0bwwv-open-monumentendag-in-alkmaar-met-middeleeuws-kampement-en-zwaarvechten-bij-de-nieuwburg-13-september-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/22du4ng0bwwv-open-monumentendag-in-alkmaar-met-middeleeuws-kampement-en-zwaarvechten-bij-de-nieuwburg-13-september-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/22du4ng0bwwv-open-monumentendag-in-alkmaar-met-middeleeuws-kampement-en-zwaarvechten-bij-de-nieuwburg-13-september-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/22du4ng0bwwv-open-monumentendag-in-alkmaar-met-middeleeuws-kampement-en-zwaarvechten-bij-de-nieuwburg-13-september-2026_360.mp4\u0022,\u0022duration\u0022:\u002201:51\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022}
1014,\u0022display_title\u0022:\u0022Open Monumentendag in Alkmaar met middeleeuws kampement en zwaardvechten bij De Nieuwburg [FOTO\\u0027S \\u0026 VIDEO]\u0022},{\u0022title\u0022:\u0022Kanaalkade bij Kaarsemakersgracht afgesloten tijdens laatste werkzaamheden (12 september 2026)\u0022,\u0022short_title\u0022:\u0022Kanaalkade bij Kaarsemakersgracht afgesloten tijdens laatste werkzaamheden (12 september 2026)\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/1crnuj0ekv7v-kanaalkade-bij-kaarsemakersgracht-afgesloten-tijdens-laatste-werkzaamheden-12-september-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/1crnuj0ekv7v-kanaalkade-bij-kaarsemakersgracht-afgesloten-tijdens-laatste-werkzaamheden-12-september-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/1crnuj0ekv7v-kanaalkade-bij-kaarsemakersgracht-afgesloten-tijdens-laatste-werkzaamheden-12-september-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/1crnuj0ekv7v-kanaalkade-bij-kaarsemakersgracht-afgesloten-tijdens-laatste-werkzaamheden-12-september-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/1crnuj0ekv7v-kanaalkade-bij-kaarsemakersgracht-afgesloten-tijdens-laatste-werkzaamheden-12-september-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/1crnuj0ekv7v-kanaalkade-bij-kaarsemakersgracht-afgesloten-tijdens-laatste-werkzaamheden-12-september-2026_360.mp4\u0022,\u0022duration\u0022:\u002200:47\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Kanaalkade bij Kaarsemakersgracht afgesloten tijdens laatste werkzaamheden (12 september 2026)\u0022},{\u0022title\u0022:\u0022De Vest in Alkmaar brengt  Speelkwartier previews nieuwe theaterseizoen (12 september 2026)\u0022,\u0022short_title\u0022:\u0022De Vest in Alkmaar brengt  Speelkwartier previews nieuwe theaterseizoen (12 september 2026)\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/3ehs22b857wc-de-vest-in-alkmaar-brengt-speelkwartier-previews-nieuwe-theaterseizoen-12-september-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/3ehs22b857wc-de-vest-in-alkmaar-brengt-speelkwartier-previews-nieuwe-theaterseizoen-12-september-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/3ehs22b857wc-de-vest-in-alkmaar-brengt-speelkwartier-previews-nieuwe-theaterseizoen-12-september-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/3ehs22b857wc-de-vest-in-alkmaar-brengt-speelkwartier-previews-nieuwe-theaterseizoen-12-september-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/3ehs22b857wc-de-vest-in-alkmaar-brengt-speelkwartier-previews-nieuwe-theaterseizoen-12-september-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/3ehs22b857wc-de-vest-in-alkmaar-brengt-speelkwartier-previews-nieuwe-theaterseizoen-12-september-2026_360.mp4\u0022,\u0022duration\u0022:\u002202:58\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022De Vest in Alkmaar brengt  Speelkwartier previews nieuwe theaterseizoen (12 september 2026)\u0022},{\u0022title\u0022:\u0022Startsein gegeven voor renovatie en verduurzaming van zwembad Het Baafje (10 september 2026)\u0022,\u0022short_title\u0022:\u0022Startsein gegeven voor renovatie en verduurzaming van zwembad Het Baafje (10 september 2026)\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/27bpmxvjqdwz-startsein-slopen-filterinstallatie-het-baafje-10-september-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/27bpmxvjqdwz-startsein-slopen-filter
1014installatie-het-baafje-10-september-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/27bpmxvjqdwz-startsein-slopen-filterinstallatie-het-baafje-10-september-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/27bpmxvjqdwz-startsein-slopen-filterinstallatie-het-baafje-10-september-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/27bpmxvjqdwz-startsein-slopen-filterinstallatie-het-baafje-10-september-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/27bpmxvjqdwz-startsein-slopen-filterinstallatie-het-baafje-10-september-2026_360.mp4\u0022,\u0022duration\u0022:\u002203:45\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Startsein gegeven voor renovatie en verduurzaming van zwembad Het Baafje (10 september 2026)\u0022},{\u0022title\u0022:\u0022Verkeersoverlast Kanaalkade door wegwerkzaamheden (9 september 2026)\u0022,\u0022short_title\u0022:\u0022Verkeersoverlast Kanaalkade door wegwerkzaamheden (9 september 2026)\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/164igxufuf86-verkeersoverlast-kanaalkade-door-wegwerkzaamheden-9-september-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/164igxufuf86-verkeersoverlast-kanaalkade-door-wegwerkzaamheden-9-september-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/164igxufuf86-verkeersoverlast-kanaalkade-door-wegwerkzaamheden-9-september-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/164igxufuf86-verkeersoverlast-kanaalkade-door-wegwerkzaamheden-9-september-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/164igxufuf86-verkeersoverlast-kanaalkade-door-wegwerkzaamheden-9-september-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/164igxufuf86-verkeersoverlast-kanaalkade-door-wegwerkzaamheden-9-september-2026_360.mp4\u0022,\u0022duration\u0022:\u002200:37\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Verkeersoverlast Kanaalkade door wegwerkzaamheden (9 september 2026)\u0022},{\u0022title\u0022:\u0022Kinderen en ouders ontspannen zich tijdens Familiefestival in de Alkmaarderhout (8 september 2026)\u0022,\u0022short_title\u0022:\u0022Kinderen en ouders ontspannen zich tijdens Familiefestival in de Alkmaarderhout (8 september 2026)\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/2tk9ur8mphgq-kinderen-en-ouders-ontspannen-zich-tijdens-familiefestival-in-de-hout-8-september-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/2tk9ur8mphgq-kinderen-en-ouders-ontspannen-zich-tijdens-familiefestival-in-de-hout-8-september-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/2tk9ur8mphgq-kinderen-en-ouders-ontspannen-zich-tijdens-familiefestival-in-de-hout-8-september-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/2tk9ur8mphgq-kinderen-en-ouders-ontspannen-zich-tijdens-familiefestival-in-de-hout-8-september-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/2tk9ur8mphgq-kinderen-en-ouders-ontspannen-zich-tijdens-familiefestival-in-de-hout-8-september-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/2tk9ur8mphgq-kinderen-en-ouders-ontspannen-zich-tijdens-familiefestival-in-de-hout-8-september-2026_360.mp4\u0022,\u0022duration\u0022:\u002201:03\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022}
1014,\u0022display_title\u0022:\u0022Kinderen en ouders ontspannen zich tijdens Familiefestival in de Alkmaarderhout (8 september 2026)\u0022},{\u0022title\u0022:\u0022HSV Heiloo in eerste bekerwedstrijd gelijk tegen Always Forward (7 september 2026)\u0022,\u0022short_title\u0022:\u0022HSV Heiloo in eerste bekerwedstrijd gelijk tegen Always Forward (7 september 2026)\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/3rlqvyiqi583-hsv-always-forward-beker_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/3rlqvyiqi583-hsv-always-forward-beker_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/3rlqvyiqi583-hsv-always-forward-beker_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/3rlqvyiqi583-hsv-always-forward-beker_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/3rlqvyiqi583-hsv-always-forward-beker_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/3rlqvyiqi583-hsv-always-forward-beker_360.mp4\u0022,\u0022duration\u0022:\u002203:22\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022HSV Heiloo in eerste bekerwedstrijd gelijk tegen Always Forward (7 september 2026)\u0022},{\u0022title\u0022:\u0022Veel meezingers tijdens Popweekend Alkmaar (7 september 2026)\u0022,\u0022short_title\u0022:\u0022Veel meezingers tijdens Popweekend Alkmaar (7 september 2026)\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/74pg3vv620qz-veel-meezingers-tijdens-popweekend-alkmaar-7-september-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/74pg3vv620qz-veel-meezingers-tijdens-popweekend-alkmaar-7-september-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/74pg3vv620qz-veel-meezingers-tijdens-popweekend-alkmaar-7-september-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/74pg3vv620qz-veel-meezingers-tijdens-popweekend-alkmaar-7-september-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/74pg3vv620qz-veel-meezingers-tijdens-popweekend-alkmaar-7-september-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/74pg3vv620qz-veel-meezingers-tijdens-popweekend-alkmaar-7-september-2026_360.mp4\u0022,\u0022duration\u0022:\u002205:37\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Veel meezingers tijdens Popweekend Alkmaar (7 september 2026)\u0022}]'))
1015}" >
1016
1017    <section>
1018        <div class="border-y border-button-border py-6 relative">
1019            <div class="flex items-center justify-between text-text-main mb-6">
1020                <h2 class="font-bold text-xl">Kijken</h2>
1021                <div class="flex items-center space-x-2.5">
1022                    <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>
1023                    <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>
1024                </div>
1025            </div>
1026            <div class="relative">
1027                <style> [x-ref="scrollContainer"]::-webkit-scrollbar { display: none; } </style>
1028                <div x-ref="scrollContainer"
1029                     class="flex items-center gap-6 overflow-x-auto scroll-smooth snap-x snap-mandatory pr-6"
1030                     style="scrollbar-width: none; -ms-overflow-style: none;"
1031                     onwheel="this.scrollLeft += event.deltaY">
1032                    <template x-for="(video, index) in videos" :key="index">
1033                        <div class="snap-start flex-shrink-0 group text-left focus:outline-none cursor-pointer"
1034                             :class="{
1035                                '!w-[511px]': video.broadcast.width >= video.broadcast.height,
1036                                '!w-[162px]': video.broadcast.width < video.broadcast.height
1037                             }"
1038                             @click="openModal(index)">
1039                            <div class="flex flex-col overflow-hidden">
1040                                <div
1041                                    class="w-full relative h-72 mb-3"
1042                                    :class="{
1043                                        'aspect-video': video.broadcast.width >= video.broadcast.height,
1044                                        'aspect-[9/16]': video.broadcast.width < video.broadcast.height
1045                                    }"
1046                                >
1047                                    <img
1048                                        :src="video.broadcast.coverThumbUrl"
1049                                        alt=""
1050                                        class="object-cover w-auto h-72 rounded-xl group-hover:opacity-90"
1051                                    />
1052                                    <div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-center">
1053                                        <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>
1054                                        <span class="mt-2 font-bold text-white text-xs" x-text="video.broadcast.duration"></span>
1055                                    </div>
1056                                </div>
1057                                <p x-text="video.display_title" class="text-lg font-bold truncate leading-[normal] group-hover:underline group-hover:text-brand-secondary"></p>
1058                            </div>
1059                        </div>
1060                    </template>
1061                </div>
1062                <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>
1063            </div>
1064        </div>
1065    </section>
1066
1067    
1068    <div
1069        x-show="modalOpen"
1070        x-transition.opacity
1071        x-on:keydown.window.escape.prevent="modalOpen && closeModal()"
1072        x-on:keydown.window.arrow-right.prevent="modalOpen && nextVideo($event)"
1073        x-on:keydown.window.arrow-left.prevent="modalOpen && prevVideo($event)"
1074        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"
1075        style="display: none;"
1076        x-cloak
1077        role="dialog"
1078        aria-modal="true"
1079    >
1080        <div x-on:click="closeModal()" class="absolute inset-0 bg-text-main/10 dark:bg-black/40" aria-hidden="true"></div>
1081
1082        <button
1083            type="button"
1084            x-on:click="closeModal()"
1085            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"
1086            aria-label="Sluiten"
1087        >
1088            <i class="fa-solid fa-close text-sm"></i>
1089        </button>
1090
1091        <div
1092            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"
1093            :class="(modalOpen && !isPlayerReady) ? 'overflow-hidden' : 'overflow-y-auto md:overflow-hidden'"
1094        >
1095            <template x-if="activeVideo">
1096                <div class="relative flex min-h-[45dvh] w-full flex-1 flex-col items-center justify-center md:min-h-0">
1097                    
1098                    <div
1099                        x-show="!isPlayerReady"
1100                        x-transition.opacity
1101                        class="absolute inset-0 z-30 flex items-center justify-center"
1102                    >
1103                        <div class="h-10 w-10 animate-spin rounded-full border-2 border-text-main/20 border-t-text-main"></div>
1104                    </div>
1105
1106                    <div
1107                        x-show="isPlayerReady"
1108                        x-transition.opacity
1109                        class="flex min-h-0 w-full flex-col items-center gap-[16px]"
1110                    >
1111                    <h2
1112                        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]"
1113                        x-text="activeVideo.display_title"
1114                    ></h2>
1115
1116                    <template x-if="videos.length > 1 && activeVideoIndex > 0">
1117                        <button
1118                            type="button"
1119                            x-on:click="prevVideo($event)"
1120                            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"
1121                            aria-label="Vorige video"
1122                        >
1123                            <i class="fa-solid fa-chevron-left text-xs"></i>
1124                        </button>
1125                    </template>
1126                    <template x-if="videos.length > 1 && activeVideoIndex < videos.length - 1">
1127                        <button
1128                            type="button"
1129                            x-on:click="nextVideo($event)"
1130                            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"
1131                            aria-label="Volgende video"
1132                        >
1133                            <i class="fa-solid fa-chevron-right text-xs"></i>
1134                        </button>
1135                    </template>
1136
1137                    <div class="js-modal-card-container relative w-full min-w-0 max-w-full">
1138                        <div class="relative overflow-hidden rounded-xl">
1139                            <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>
1140
1141                            <template x-if="videos.length > 1 && activeVideoIndex > 0">
1142                                <button
1143                                    type="button"
1144                                    x-on:click="prevVideo($event)"
1145                                    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"
1146                                    aria-label="Vorige video"
1147                                >
1148                                    <i class="fa-solid fa-chevron-left text-xs"></i>
1149                                </button>
1150                            </template>
1151                            <template x-if="videos.length > 1 && activeVideoIndex < videos.length - 1">
1152                                <button
1153                                    type="button"
1154                                    x-on:click="nextVideo($event)"
1155                                    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"
1156                                    aria-label="Volgende video"
1157                                >
1158                                    <i class="fa-solid fa-chevron-right text-xs"></i>
1159                                </button>
1160                            </template>
1161                        </div>
1162                    </div>
1163
1164                    <template x-if="videos.length > 1">
1165                        <div
1166                            class="pointer-events-none flex w-full justify-center"
1167                            role="group"
1168                            aria-label="Fotonavigatie"
1169                        >
1170                            <span
1171                                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]"
1172                                role="status"
1173                                x-text="(activeVideoIndex + 1) + ' / ' + videos.length"
1174                            ></span>
1175                        </div>
1176                    </template>
1177                    </div>
1178                </div>
1179            </template>
1180        </div>
1181    </div>
1182</div>
1183
1184            
1185            <!--[if BLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->                    <section wire:key="group-extra-0">
1186                        <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6">
1187                            <!--[if BLOCK]><![endif]-->                                <a
1188            wire:navigate
1189        href="https://beatfm.nl/nieuws/artikel/door-spoorvernieuwing-begin-oktober-geen-treinen-tussen-alkmaar-en-hoorn"
1190        data-prepr-item-id="b43d853a-9af7-48f4-8901-81f8778ad8bd"
1191    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">
1192
1193    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1194        <!--[if BLOCK]><![endif]-->            <img src="https://195j60ch0d7d.b-cdn.net/2z7vy4ov48rz/w_728,h_400/onderhoud-spoor-heiloo-vanwege-geluidsoverlast-6.jpg"
1195                 alt="Door spoorvernieuwing begin oktober geen treinen tussen Alkmaar en Hoorn"
1196                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1197        <!--[if ENDBLOCK]><![endif]-->
1198        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1199        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1200            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1201            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1202            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1203            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1204            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1205    </div>
1206
1207    <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">
1208        <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">
1209            Door spoorvernieuwing begin oktober geen treinen tussen Alkmaar en Hoorn
1210        </h3>
1211        <p class="line-clamp-3 font-montserrat max-md:hidden">
1212            In Hoorn, Heerhugowaard, Obdam, Zuidermeer, Berkhout en Spierdijk vinden binnenkort spoorwerkzaamheden plaats.
1213        </p>
1214    </div>
1215</a>
1216                                                            <a
1217            wire:navigate
1218        href="https://beatfm.nl/nieuws/artikel/asielopvang-in-alkmaar-in-samenhang-met-realisatie-woonplekken-jongeren-en-spoedzoekers"
1219        data-prepr-item-id="30caec12-3679-420c-bb69-fe0f0f14cf49"
1220    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">
1221
1222    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1223        <!--[if BLOCK]><![endif]-->            <img src="https://195j60ch0d7d.b-cdn.net/4xmtajri3xgt/w_728,h_400/alkmaar-robonsbosweg-asielzokerscentrum-20.jpg"
1224                 alt="Asielopvang in Alkmaar in samenhang met realisatie woonplekken jongeren en spoedzoekers"
1225                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1226        <!--[if ENDBLOCK]><![endif]-->
1227        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1228        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1229            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1230            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1231            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1232            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1233            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1234    </div>
1235
1236    <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">
1237        <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">
1238            Asielopvang in Alkmaar in samenhang met realisatie woonplekken jongeren en spoedzoekers
1239        </h3>
1240        <p class="line-clamp-3 font-montserrat max-md:hidden">
1241            Wat betreft de uitvoering van de Spreidingswet volgens het Nieuw Alkmaars Perspectief was het onduidelijk in hoeverre er sprake is van een resultaatsverplichting ten aanzien van de realisatie van woonplekken voor jongeren en spoedzoekers.
1242        </p>
1243    </div>
1244</a>
1245                                                            <a
1246            wire:navigate
1247        href="https://beatfm.nl/nieuws/artikel/aostaa"
1248        data-prepr-item-id="08098803-00dd-4f0a-971f-94db194d60e7"
1249    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">
1250
1251    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1252        <!--[if BLOCK]><![endif]-->            <img src="https://195j60ch0d7d.b-cdn.net/3y4tiipmxtmk/w_728,h_400/img-7220.jpg"
1253                 alt="Fietser buiten bewustzijn na val op Aostastraat in Heiloo [FOTO&#039;S]"
1254                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1255        <!--[if ENDBLOCK]><![endif]-->
1256        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1257        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1258            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1259            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1260            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1261            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1262            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1263    </div>
1264
1265    <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">
1266        <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">
1267            Fietser buiten bewustzijn na val op Aostastraat in Heiloo [FOTO&#039;S]
1268        </h3>
1269        <p class="line-clamp-3 font-montserrat max-md:hidden">
1270            Woensdagmorgen rond tien voor acht vond er een ongeval met letsel plaats op de Aostastraat in Heiloo.
1271        </p>
1272    </div>
1273</a>
1274                            <!--[if ENDBLOCK]><![endif]-->                        </div>
1275                    </section>
1276                <!--[if ENDBLOCK]><![endif]-->
1277                
1278                <!--[if BLOCK]><![endif]-->                    <div class="hidden lg:block">
1279                        <div wire:key="banner-category_middle" wire:snapsh
1279ot="{&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;zb2VpEtvElk21X2tk1EO&quot;,&quot;name&quot;:&quot;components.banner&quot;,&quot;path&quot;:&quot;nieuws&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;94a84e082800516eda64b4fe4b6dcb8ea05b7546bee6c619e19399c3298ac1be&quot;}" wire:effects="[]" wire:id="zb2VpEtvElk21X2tk1EO" wire:name="components.banner">
1280<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
1281
1282                    </div>
1283                    <div class="lg:hidden">
1284                        <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;SYhaHQddKP6KYOpX29s0&quot;,&quot;name&quot;:&quot;components.banner&quot;,&quot;path&quot;:&quot;nieuws&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;57364f2be179817d1dd8b45d4ce2f4aeaae9d82755866d37296f589dc0ddf3bb&quot;}" wire:effects="[]" wire:id="SYhaHQddKP6KYOpX29s0" wire:name="components.banner">
1285<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
1286
1287                    </div>
1288                <!--[if ENDBLOCK]><![endif]-->                            <!--[if BLOCK]><![endif]-->                    <section wire:key="group-extra-1">
1289                        <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6">
1290                            <!--[if BLOCK]><![endif]-->                                <a
1291            wire:navigate
1292        href="https://beatfm.nl/nieuws/artikel/alkmaar-verschaft-inzicht-in-totstandkoming-canonherziening-van-erfpachtrechten"
1293        data-prepr-item-id="10b5ffd4-88f1-4813-a813-01590bd72a57"
1294    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">
1295
1296    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1297        <!--[if BLOCK]><![endif]-->            <img src="https://195j60ch0d7d.b-cdn.net/w_728,h_400/175bhbb0i4ro-alkmaar-kortenaerkade-1.jpg"
1298                 alt="Alkmaar verschaft inzicht in totstandkoming canonherziening van erfpachtrechten"
1299                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1300        <!--[if ENDBLOCK]><![endif]-->
1301        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1302        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1303            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1304            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1305            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1306            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1307            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1308    </div>
1309
1310    <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">
1311        <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">
1312            Alkmaar verschaft inzicht in totstandkoming canonherziening van erfpachtrechten
1313        </h3>
1314        <p class="line-clamp-3 font-montserrat max-md:hidden">
1315            De gemeente Alkmaar heeft inzicht verschaft in de totstandkoming van het besluit tot canonherziening ten behoeve van de erfpachtrechten.
1316        </p>
1317    </div>
1318</a>
1319                                                            <a
1320            wire:navigate
1321        href="https://beatfm.nl/nieuws/artikel/ook-teveel-pfas-in-kraanwater-in-heiloo-en-alkmaar"
1322        data-prepr-item-id="27cc40b5-94aa-4840-8cd8-69c08fe2e91b"
1323    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">
1324
1325    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1326        <!--[if BLOCK]><![endif]-->            <img src="https://195j60ch0d7d.b-cdn.net/27tez3nq858k/w_728,h_400/pwn-bus-water.jpg"
1327                 alt="Ook teveel PFAS in kraanwater in Heiloo en Alkmaar"
1328                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1329        <!--[if ENDBLOCK]><![endif]-->
1330        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1331        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1332            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1333            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1334            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1335            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1336            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1337    </div>
1338
1339    <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">
1340        <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">
1341            Ook teveel PFAS in kraanwater in Heiloo en Alkmaar
1342        </h3>
1343        <p class="line-clamp-3 font-montserrat max-md:hidden">
1344            Het kraanwater in de gemeenten Heiloo en Alkmaar bevat meer PFAS dan volgens het RIVM gezond is.
1345        </p>
1346    </div>
1347</a>
1348                                                            <a
1349            wire:navigate
1350        href="https://beatfm.nl/nieuws/artikel/bert-visscher-viert-65e-verjaardag-in-de-cultuurkoepel-in-heiloo"
1351        data-prepr-item-id="470c9dee-9c27-46fd-8233-1e068f994611"
1352    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">
1353
1354    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1355        <!--[if BLOCK]><![endif]-->            <img src="https://195j60ch0d7d.b-cdn.net/w_728,h_400/2zl
1355c5ke0blew-cultuurkoepel-publiek-3.jpg"
1356                 alt="Bert Visscher viert 65e verjaardag in de Cultuurkoepel in Heiloo"
1357                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1358        <!--[if ENDBLOCK]><![endif]-->
1359        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1360        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1361            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1362            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1363            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1364            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1365            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1366    </div>
1367
1368    <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">
1369        <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">
1370            Bert Visscher viert 65e verjaardag in de Cultuurkoepel in Heiloo
1371        </h3>
1372        <p class="line-clamp-3 font-montserrat max-md:hidden">
1373            Bert Visscher is 65 geworden en dat laat hij natuurlijk niet stilletjes voorbijgaan.
1374        </p>
1375    </div>
1376</a>
1377                            <!--[if ENDBLOCK]><![endif]-->                        </div>
1378                    </section>
1379                <!--[if ENDBLOCK]><![endif]-->
1380                
1381                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                            <!--[if BLOCK]><![endif]-->                    <section wire:key="group-extra-2">
1382                        <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6">
1383                            <!--[if BLOCK]><![endif]-->                                <a
1384            wire:navigate
1385        href="https://beatfm.nl/nieuws/artikel/zes-schaatsters-van-deen-figure-skatinguit-alkmaar-succesvol-in-actie-tijdens-international-skate-dordrecht"
1386        data-prepr-item-id="3703b422-1bf5-418c-8919-cdd192fb20a5"
1387    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">
1388
1389    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1390        <!--[if BLOCK]><![endif]-->            <img src="https://195j60ch0d7d.b-cdn.net/w_728,h_400/2i19mvaziet8-kunstschaatsen-10.jpg"
1391                 alt="Zes schaatssters van Deen Figure Skating uit Alkmaar in actie tijdens International Skate Dordrecht"
1392                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1393        <!--[if ENDBLOCK]><![endif]-->
1394        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1395        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1396            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1397            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1398            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1399            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1400            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1401    </div>
1402
1403    <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">
1404        <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">
1405            Zes schaatssters van Deen Figure Skating uit Alkmaar in actie tijdens International Skate Dordrecht
1406        </h3>
1407        <p class="line-clamp-3 font-montserrat max-md:hidden">
1408            Afgelopen weekend vond de vierde editie van International Skate Dordrecht plaats.
1409        </p>
1410    </div>
1411</a>
1412                                                            <a
1413            wire:navigate
1414        href="https://beatfm.nl/nieuws/artikel/traditionele-vlettenroeiwedstrijd-op-zaterdag-3-oktober-video"
1415        data-prepr-item-id="44d65062-d6b6-4cd2-9818-4ecf781b5c8f"
1416    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">
1417
1418    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1419        <!--[if BLOCK]><![endif]-->            <img src="https://195j60ch0d7d.b-cdn.net/w_728,h_400/362nbx4ms7zr-alkmaar-vlettenwedstrijden-2024-2.jpg"
1420                 alt="Traditionele vlettenroeiwedstrijd op zaterdag 3 oktober [VIDEO]"
1421                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1422        <!--[if ENDBLOCK]><![endif]-->
1423        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1424        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1425            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1426            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1427            <!--[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">
1428    <i class="fa-solid fa-video"></i>
1429</span>
1430            <!--[if ENDBLOCK]><![endif]-->
1431            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1432            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1433    </div>
1434
1435    <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">
1436        <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">
1437            Traditionele vlettenroeiwedstrijd op zaterdag 3 oktober [VIDEO]
1438        </h3>
1439        <p class="line-clamp-3 font-montserrat max-md:hidden">
1440            Sinds 1985 wordt traditiegetrouw de zaterdag voor Alkmaar Ontzet de vlettenroeiwedstrijd op het Noordhollandsch Kanaal georganiseerd. In stalen vletten roeien per heat twee ploegen tegen elkaar een vast traject.
1441        </p>
1442    </div>
1443</a>
1444                                                            <a
1445            wire:navigate
1446        href="https://beatfm.nl/nieuws/artikel/automobilist-onwel-en-belandt-in-berm-bij-oprit-n9-schoorl-fotos"
1447        data-prepr-item-id="f05bc874-8b7c-4241-b31a-bf76759b992e"
1448    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">
1449
1450    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1451        <!--[if BLOCK]><![endif]-->            <img src="https://195j60ch0d7d.b-cdn.net/79rcleaybbbp/w_728,h_400/schoorl-n9-automobilist-onwel-2.jpg"
1452                 alt="Automobilist onwel en belandt in berm bij oprit N9 Schoorl [FOTO&#039;S]"
1453                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1454        <!--[if ENDBLOCK]><![endif]-->
1455        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1456        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1457            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1458            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1459            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1460            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1461            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1462    </div>
1463
1464    <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">
1465        <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">
1466            Automobilist onwel en belandt in berm bij oprit N9 Schoorl [FOTO&#039;S]
1467        </h3>
1468        <p class="line-clamp-3 font-montserrat max-md:hidden">
1469            Een automobilist is dinsdagochtend rond 09.50 uur met zijn auto van de weg geraakt bij de oprit naar de N9 bij Schoorl.
1470        </p>
1471    </div>
1472</a>
1473                                                            <a
1474            wire:navigate
1475        href="https://beatfm.nl/nieuws/artikel/heiloo-verzoekt-landbouworganisaties-kavb-en-lto-te-stoppen-met-het-gebruik-van-glyfosaat"
1476        data-prepr-item-id="7a11ee9b-ca0e-428d-8b43-d66eed5f5547"
1477    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">
1478
1479    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1480        <!--[if BLOCK]><![endif]-->            <img src="https://195j60ch0d7d.b-cdn.net/w_728,h_400/5ckq0f8suqdb-az-stadion-weiland-koeien-1.jpg"
1481                 alt="Heiloo verzoekt landbouworganisaties KAVB en LTO te stoppen met het gebruik van glyfosaat"
1482                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1483        <!--[if ENDBLOCK]><![endif]-->
1484        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1485        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1486            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1487            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1488            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1489            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1490            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1491    </div>
1492
1493    <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">
1494        <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">
1495            Heiloo verzoekt landbouworganisaties KAVB en LTO te stoppen met het gebruik van glyfosaat
1496        </h3>
1497        <p class="line-clamp-3 font-montserrat max-md:hidden">
1498            De gemeente Heiloo heeft landbouworganisaties KAVB en LTO verzocht te stoppen met het gebruik van glyfosaat
1499        </p>
1500    </div>
1501</a>
1502                                                            <a
1503            wire:navigate
1504        href="https://beatfm.nl/nieuws/artikel/nederlandse-singer-songwriter-dotan-naar-alkmaar"
1505        data-prepr-item-id="ead0e1be-6021-4f0b-8f1f-0e108daaf3d7"
1506    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">
1507
1508    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1509        <!--[if BLOCK]><![endif]-->            <img src="https://195j60ch0d7d.b-cdn.net/w_728,h_400/247hdsxo7k7f-dotan-2.jpg"
1510                 alt="Nederlandse singer-songwriter Dotan naar Alkmaar"
1511                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1512        <!--[if ENDBLOCK]><![endif]-->
1513        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1514        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1515            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1516            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1517            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1518            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1519            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1520    </div>
1521
1522    <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">
1523        <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">
1524            Nederlandse singer-songwriter Dotan naar Alkmaar
1525        </h3>
1526        <p class="line-clamp-3 font-montserrat max-md:hidden">
1527            Woensdag 21 oktober komt de Nederlandse singer-songwriter Dotan naar Alkmaar.
1528        </p>
1529    </div>
1530</a>
1531                                                            <a
1532            wire:navigate
1533        href="https://beatfm.nl/nieuws/artikel/machine-in-brand-in-bedrijfspand-in-oudkarspel-fotos-video"
1534        data-prepr-item-id="596a8b94-b3c5-4562-99bf-c2c9520c500e"
1535    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">
1536
1537    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1538        <!--[if BLOCK]><![endif]-->            <img src="https://195j60ch0d7d.b-cdn.net/2ep3bnqwbl8w/w_728,h_400/oudkarspel-machine-in-brand-in-bedrijfspand-5.jpg"
1539                 alt="Machine in brand in bedrijfspand in Oudkarspel [FOTO&#039;S &amp; VIDEO]"
1540                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1541        <!--[if ENDBLOCK]><![endif]-->
1542        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1543        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1544            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1545            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1546            <!--[if BLOCK]><![endif]-->
1546                <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">
1547    <i class="fa-solid fa-video"></i>
1548</span>
1549            <!--[if ENDBLOCK]><![endif]-->
1550            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1551            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1552    </div>
1553
1554    <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">
1555        <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">
1556            Machine in brand in bedrijfspand in Oudkarspel [FOTO&#039;S &amp; VIDEO]
1557        </h3>
1558        <p class="line-clamp-3 font-montserrat max-md:hidden">
1559            Vanaf De Schuit in Oudkarspel is maandagavond rond 22.45 uur een melding binnengekomen van een grote brand.
1560        </p>
1561    </div>
1562</a>
1563                            <!--[if ENDBLOCK]><![endif]-->                        </div>
1564                    </section>
1565                <!--[if ENDBLOCK]><![endif]-->
1566                
1567                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <!--[if ENDBLOCK]><![endif]-->
1568            <!--[if BLOCK]><![endif]-->                <section>
1569                    <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6">
1570                        <!--[if BLOCK]><![endif]-->                            <a
1571            wire:navigate
1572        href="https://beatfm.nl/nieuws/artikel/hsv-heiloo-verslaat-amateurs-van-afc-ajax"
1573        data-prepr-item-id="e4547c49-9261-4aaf-9c0f-0c1fed2fbec8"
1574    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">
1575
1576    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1577        <!--[if BLOCK]><![endif]-->            <img src="https://195j60ch0d7d.b-cdn.net/w_728,h_400/uam7gieekpy-hsv-ajax-2.jpg"
1578                 alt="HSV Heiloo verslaat amateurs van AFC Ajax"
1579                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1580        <!--[if ENDBLOCK]><![endif]-->
1581        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1582        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1583            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1584            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1585            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1586            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1587            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1588    </div>
1589
1590    <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">
1591        <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">
1592            HSV Heiloo verslaat amateurs van AFC Ajax
1593        </h3>
1594        <p class="line-clamp-3 font-montserrat max-md:hidden">
1595            Voetbalclub HSV heeft zaterdag de amateurs van AFC Ajax verslagen.
1596        </p>
1597    </div>
1598</a>
1599                                                    <a
1600            wire:navigate
1601        href="https://beatfm.nl/nieuws/artikel/paul-haenen-op-16-oktober-met-zijn-jubileumvoorstelling-50-jaar-margreet-dolman-naar-de-beun-in-heiloo"
1602        data-prepr-item-id="496ed4b2-96a3-41f5-a8cb-a917981447c4"
1603    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">
1604
1605    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1606        <!--[if BLOCK]><![endif]-->            <img src="https://195j60ch0d7d.b-cdn.net/4v5gh2askhty/w_728,h_400/de-beun-logo-11.jpg"
1607                 alt="Paul Haenen op 16 oktober met zijn jubileumvoorstelling 50 jaar Margreet Dolman naar De Beun in Heiloo"
1608                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1609        <!--[if ENDBLOCK]><![endif]-->
1610        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1611        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1612            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1613            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1614            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1615            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1616            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1617    </div>
1618
1619    <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">
1620        <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">
1621            Paul Haenen op 16 oktober met zijn jubileumvoorstelling 50 jaar Margreet Dolman naar De Beun in Heiloo
1622        </h3>
1623        <p class="line-clamp-3 font-montserrat max-md:hidden">
1624            Paul Haenen brengt op 16 oktober zijn jubileumvoorstelling 50 jaar Margreet Dolman naar De Beun in Heiloo.
1625        </p>
1626    </div>
1627</a>
1628                                                    <a
1629            wire:navigate
1630        href="https://beatfm.nl/nieuws/artikel/30-september-121e-editie-landbouwdag-alkmaar-video"
1631        data-prepr-item-id="72369036-75f1-41c0-a429-fa6be1ca6815"
1632    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">
1633
1634    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1635        <!--[if BLOCK]><![endif]-->            <img src="https://195j60ch0d7d.b-cdn.net/w_728,h_400/5tvatkuewksf-landbouw-en-lappendag-2022-1.jpg"
1636                 alt="30 september 121e editie Landbouwdag Alkmaar [VIDEO]"
1637                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1638        <!--[if ENDBLOCK]><![endif]-->
1639        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1640        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1641            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1642            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1643            <!--[if BLOCK]><![endif]-->
1643                <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">
1644    <i class="fa-solid fa-video"></i>
1645</span>
1646            <!--[if ENDBLOCK]><![endif]-->
1647            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1648            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1649    </div>
1650
1651    <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">
1652        <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">
1653            30 september 121e editie Landbouwdag Alkmaar [VIDEO]
1654        </h3>
1655        <p class="line-clamp-3 font-montserrat max-md:hidden">
1656            Op 30 september wordt er in Alkmaar stilgestaan bij de 121e editie van Landbouwdag Alkmaar.
1657        </p>
1658    </div>
1659</a>
1660                                                    <a
1661            wire:navigate
1662        href="https://beatfm.nl/nieuws/artikel/vrouw-gewond-naar-ziekenhuis-na-botsing-met-fatbike-in-alkmaar"
1663        data-prepr-item-id="b7495498-8b62-4fc9-af8f-8ee1b32f65d6"
1664    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">
1665
1666    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1667        <!--[if BLOCK]><![endif]-->            <img src="https://195j60ch0d7d.b-cdn.net/3ughfjy5co0d/w_728,h_400/img-7207.jpg"
1668                 alt="Fietsster gewond naar ziekenhuis na botsing met fatbike in Alkmaar [FOTO&#039;S]"
1669                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1670        <!--[if ENDBLOCK]><![endif]-->
1671        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1672        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1673            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1674            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1675            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1676            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1677            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1678    </div>
1679
1680    <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">
1681        <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">
1682            Fietsster gewond naar ziekenhuis na botsing met fatbike in Alkmaar [FOTO&#039;S]
1683        </h3>
1684        <p class="line-clamp-3 font-montserrat max-md:hidden">
1685            Een vrouw op een elektrische fiets is maandagochtendgewond geraakt bij een aanrijding met een fatbike op de Zijperstraat in Alkmaar.
1686        </p>
1687    </div>
1688</a>
1689                                                    <a
1690            wire:navigate
1691        href="https://beatfm.nl/nieuws/artikel/tijdens-burendag-koffie-repair-cafe-en-boekenmarkt-in-trefpunt-heiloo"
1692        data-prepr-item-id="139e5e22-cdd0-49e9-9f11-3436f2c38627"
1693    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">
1694
1695    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1696        <!--[if BLOCK]><![endif]-->            <img src="https://195j60ch0d7d.b-cdn.net/5j5y9moj6sv3/w_728,h_400/trefpunt-heiloo-spelmiddag-2025-5-23-maart-2025.jpg"
1697                 alt="Tijdens Burendag koffie, Repair Café en boekenmarkt in Trefpunt Heiloo"
1698                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1699        <!--[if ENDBLOCK]><![endif]-->
1700        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1701        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1702            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1703            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1704            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1705            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1706            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1707    </div>
1708
1709    <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">
1710        <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">
1711            Tijdens Burendag koffie, Repair Café en boekenmarkt in Trefpunt Heiloo
1712        </h3>
1713        <p class="line-clamp-3 font-montserrat max-md:hidden">
1714            Op 26 september wort er ook in Het Trefpunt in Heiloo Burendag gevierd. Inwoners van Heiloo zijn die ochtend van 10.00 tot 12.30 uur welkom voor een gezellige ochtend vol ontmoeting, activiteiten en kennismaking.
1715        </p>
1716    </div>
1717</a>
1718                                                    <a
1719            wire:navigate
1720        href="https://beatfm.nl/nieuws/artikel/periodiek-onderzoek-naar-gevoerde-bestuur-in-alkmaar-vereist-vebetering"
1721        data-prepr-item-id="35b14699-9d32-418d-bdf0-5d1d2827926c"
1722    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">
1723
1724    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1725        <!--[if BLOCK]><![endif]-->            <img src="https://195j60ch0d7d.b-cdn.net/w_728,h_400/fc8fdfc7-a7c6-485a-9ea7-d36201bda01d.jpg"
1726                 alt="Periodiek onderzoek naar gevoerde bestuur in Alkmaar vereist verbetering"
1727                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1728        <!--[if ENDBLOCK]><![endif]-->
1729        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1730        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1731            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1732            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1733            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1734            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1735            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1736    </div>
1737
1738    <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">
1739        <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">
1740            Periodiek onderzoek naar gevoerde bestuur in Alkmaar vereist verbetering
1741        </h3>
1742        <p class="line-clamp-3 font-montserrat max-md:hidden">
1743            Gemeenten moeten in lijn met artikel 213a van de Gemeentewet periodiek onderzoek uitvoeren naar de doelmatigheid en de doeltreffendheid van het gevoerde bestuur.
1744        </p>
1745    </div>
1746</a>
1747                        <!--[if ENDBLOCK]><![endif]-->                    </div>
1748                </section>
1749            <!--[if ENDBLOCK]><![endif]-->
1750            <!--[if BLOCK]><![endif]-->                <section>
1751                    <div class="w-full flex justify-center">
1752                        <button
1753                            wire:click="loadMore"
1754                            wire:loading.attr="disabled"
1755                            wire:loading.class="opacity-70 cursor-not-allowed"
1756                            wire:target="loadMore"
1757                            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"
1758                        >
1759                            <svg wire:loading wire:target="loadMore" class="animate-spin h-4 w-4 text-text-main" fill="none" viewBox="0 0 24 24">
1760                                <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
1761                                <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8v8H4z"></path>
1762                            </svg>
1763                            <span>Toon meer</span>
1764                        </button>
1765                    </div>
1766                </section>
1767            <!--[if ENDBLOCK]><![endif]-->
1768            <div class="hidden lg:block">
1769                <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;pzSR0TWn8BHHYZ838UTW&quot;,&quot;name&quot;:&quot;components.banner&quot;,&quot;path&quot;:&quot;nieuws&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;1c3afff6898d8878c8f3d0429c2fde85bbab4996a27b371b250485ca5d8b317f&quot;}" wire:effects="[]" wire:id="pzSR0TWn8BHHYZ838UTW" wire:name="components.banner">
1770<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
1771
1772            </div>
1773            <div class="lg:hidden">
1774                <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;GZTc50rQ7PkkjrunjVla&quot;,&quot;name&quot;:&quot;components.banner&quot;,&quot;path&quot;:&quot;nieuws&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;de701038046d56d13fec64acd3ec99cd6d04ee2d6948cc0b40731787a5c4566a&quot;}" wire:effects="[]" wire:id="GZTc50rQ7PkkjrunjVla" wire:name="components.banner">
1775<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
1776
1777            </div>
1778        </div>
1779
1780        
1781        <div class="space-y-8 shrink-0">
1782            <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;
1782689f4b6b-2203-4d73-a0b4-49bdc5cdb4d4&quot;,&quot;url&quot;:&quot;https:\/\/tv.beatfm.nl\/player\/&quot;,&quot;image&quot;:&quot;https:\/\/195j60ch0d7d.b-cdn.net\/w_1280\/cf9cb870-f926-497a-a5cb-c42b0a0faec1.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;9b3pZWr6tpklzjNFEIKp&quot;,&quot;name&quot;:&quot;components.banner&quot;,&quot;path&quot;:&quot;nieuws&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;6b7f424888209aa1b9e12f54ea54aa7921199c643da095a060f4f311a36db4c7&quot;}" wire:effects="[]" wire:id="9b3pZWr6tpklzjNFEIKp" wire:name="components.banner">
1783<!--[if BLOCK]><![endif]-->    <!--[if BLOCK]><![endif]-->        
1784        <div
1785            x-data="{
1786                items: JSON.parse('[{\u0022_id\u0022:\u0022689f4b6b-2203-4d73-a0b4-49bdc5cdb4d4\u0022,\u0022url\u0022:\u0022https:\\\/\\\/tv.beatfm.nl\\\/player\\\/\u0022,\u0022image\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/w_1280\\\/cf9cb870-f926-497a-a5cb-c42b0a0faec1.jpg\u0022,\u0022alt\u0022:null,\u0022type\u0022:\u0022image\u0022,\u0022slot_id\u0022:null}]'),
1787                duration: 5000,
1788                current: 0,
1789                interval: null,
1790                containerHeight: 0,
1791
1792                recordImpression(item) {
1793                    if (item?._id) {
1794                        $wire.recordImpression(item._id);
1795                    }
1796                },
1797
1798                startAutoplay() {
1799                    this.stopAutoplay();
1800                    if (this.items.length <= 1) return;
1801
1802                    this.interval = setInterval(() => {
1803                        this.current = (this.current + 1) % this.items.length;
1804                    }, this.duration);
1805                },
1806
1807                stopAutoplay() {
1808                    clearInterval(this.interval);
1809                    this.interval = null;
1810                },
1811
1812                trackClick(item) {
1813                    if (typeof prepr !== 'undefined') {
1814                        prepr('event', 'Click', { 'id': item._id });
1815                    }
1816                    window.open(item.url, '_blank');
1817                },
1818
1819                updateHeight(img) {
1820                    if (img && img.complete) {
1821                        this.containerHeight = img.offsetHeight;
1822                    }
1823                },
1824
1825                init() {
1826                    if (this.items.length === 0) return;
1827
1828                    this.recordImpression(this.items[this.current]);
1829                    this.$watch('current', (index) => this.recordImpression(this.items[index]));
1830
1831                    this.$nextTick(() => {
1832                        const firstImg = this.$el.querySelector('img');
1833                        if (firstImg) {
1834                            if (firstImg.complete) {
1835                                this.updateHeight(firstImg);
1836                            } else {
1837                                firstImg.addEventListener('load', () => this.updateHeight(firstImg));
1838                            }
1839                        }
1840                    });
1841
1842                    this.startAutoplay();
1843                }
1844            }"
1845            x-init="init()"
1846            x-on:mouseenter="stopAutoplay()"
1847            x-on:mouseleave="startAutoplay()"
1848            x-show="items.length > 0"
1849        >
1850            <!--[if BLOCK]><![endif]-->            <h3 class="mb-2 text-sm font-montserrat text-center font-normal text-text-secondary">
1851                Advertentie
1852            </h3>
1853            <!--[if ENDBLOCK]><![endif]-->
1854            <div class="relative w-full overflow-hidden" :style="containerHeight > 0 ? `height: ${containerHeight}px` : ''">
1855                <template x-for="(item, index) in items" :key="item._id || index">
1856                    <a
1857                        x-show="current === index"
1858                        x-transition:enter="transition ease-out duration-500"
1859                        x-transition:enter-start="opacity-0"
1860                        x-transition:enter-end="opacity-100"
1861                        x-transition:leave="transition ease-in duration-400"
1862                        x-transition:leave-start="opacity-100"
1863                        x-transition:leave-end="opacity-0"
1864                        :href="item.url"
1865                        @click.prevent="trackClick(item)"
1866                        target="_blank"
1867                        rel="noopener noreferrer"
1868                        class="absolute top-0 left-0 w-full"
1869                    >
1870                        <template x-if="item.image">
1871                            <img
1872                                :src="item.image"
1873                                :alt="item.alt"
1874                                class="w-full h-auto rounded-lg"
1875                                @load="if (current === index) updateHeight($el)"
1876                            >
1877                        </template>
1878                    </a>
1879                </template>
1880            </div>
1881        </div>
1882    <!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
1883
1884
1885            <div wire:key="live-overview-component" wire:snapshot="{&quot;data&quot;:{&quot;config&quot;:[{&quot;menu&quot;:[{&quot;_id&quot;:&quot;761e1209-f66b-4a41-9e6b-5c028f09d8d1&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;website_title&quot;:&quot;{title} | BeatFM&quot;,&quot;copyright&quot;:&quot;BeatFM&quot;,&quot;email&quot;:&quot;[email protected]&quot;,&quot;phone&quot;:null,&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;Heiloo&quot;,&quot;live&quot;:[[[{&quot;title&quot;:&quot;Live TV&quot;,&quot;page&quot;:[{&quot;_slug&quot;:&quot;televisie\/live&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;guide_id&quot;:&quot;1aa301d5-fcfb-44b9-be44-db956e88c54b&quot;,&quot;icon&quot;:&quot;fa-tv-retro&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;title&quot;:&quot;Live Radio&quot;,&quot;page&quot;:[{&quot;_slug&quot;:&quot;radio\/live&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;guide_id&quot;:&quot;bc1475f3-6d72-41dc-af5c-5cb25832ceb4&quot;,&quot;icon&quot;:&quot;fa-radio-tuner&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-39244144-17&quot;,&quot;title_under_photo&quot;:false,&quot;tolkie_token&quot;:null,&quot;radio_player_stream_url&quot;:&quot;https:\/\/radioheiloo.nl:7443\/bfm1&quot;,&quot;radio_player_guide_id&quot;:&quot;bc1475f3-6d72-41dc-af5c-5cb25832ceb4&quot;,&quot;tracking_code&quot;:&quot;d5fa6d70885bd3f48df85f02bf8a761970235c29a7ad9fe52faa2f6321ee95a4&quot;,&quot;openweather_app_id&quot;:&quot;91479e6e983b8c052b49193853a2f58e&quot;,&quot;street&quot;:&quot;De Spindel 6&quot;,&quot;place&quot;:&quot;Heiloo&quot;,&quot;zip_code&quot;:&quot;1851 NR&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;#27272a&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;#00284e&quot;,&quot;dark_brand_dark&quot;:&quot;#00284e&quot;,&quot;light_brand_main&quot;:&quot;#003365&quot;,&quot;dark_brand_main&quot;:&quot;#003365&quot;,&quot;light_brand_secondary&quot;:&quot;#2ea9d9&quot;,&quot;dark_brand_secondary&quot;:&quot;#2ea9d9&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;beatfm&quot;},{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;N4SHWZsQwmchu2EX3RJu&quot;,&quot;name&quot;:&quot;components.live-overview&quot;,&quot;path&quot;:&quot;nieuws&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;b30a675d32f1f792597a6e5164d60178ff3209109164ebb4c5fff08f48aa3482&quot;}" wire:effects="[]" wire:id="N4SHWZsQwmchu2EX3RJu" wire:name="components.live-overview" wire:poll.60s="getLiveItems" >
1886
1887    <!--[if BLOCK]><![endif]-->        <div class="bg-surface-light-3 p-4 rounded-lg">
1888            <h3 class="font-bold mb-3">Nu Live</h3>
1889            <div class="space-y-3">
1890                <!--[if BLOCK]><![endif]-->                    <div wire:key="live-6ab596cb2c29c">
1891                        
1892                        
1893                        <!--[if BLOCK]><![endif]-->                            <a
1894                                href="https://beatfm.nl/televisie/live"
1895                                                                class="bg-surface-main-4 p-4 flex flex-row gap-x-4 roun
1895ded-lg justify-between items-center group"
1896                            >
1897                                <div class="flex flex-row gap-x-4 group-hover:text-brand-secondary">
1898                                    <i class="fa-solid text-xl fa-tv-retro"></i>
1899                                    <div class="flex flex-col leading-[24px]">
1900                                        <span class="text-lg font-bold group-hover:underline">Live TV</span>
1901                                        <!--[if BLOCK]><![endif]-->                                            <span class="text-sm font-montserrat">BE@TTV lokaal en regionaal nieuws</span>
1902                                        <!--[if ENDBLOCK]><![endif]-->                                    </div>
1903                                </div>
1904                                <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">
1905                                    <i class="fa-solid fa-play"></i>
1906                                </div>
1907                            </a>
1908                            
1909                        <!--[if ENDBLOCK]><![endif]-->                    </div>
1910                                    <div wire:key="live-6ab596cb2c2a0">
1911                        
1912                        
1913                        <!--[if BLOCK]><![endif]-->                            <a
1914                                href="https://beatfm.nl/radio/live"
1915                                                                class="bg-surface-main-4 p-4 flex flex-row gap-x-4 rounded-lg justify-between items-center group"
1916                            >
1917                                <div class="flex flex-row gap-x-4 group-hover:text-brand-secondary">
1918                                    <i class="fa-solid text-xl fa-radio-tuner"></i>
1919                                    <div class="flex flex-col leading-[24px]">
1920                                        <span class="text-lg font-bold group-hover:underline">Live Radio</span>
1921                                        <!--[if BLOCK]><![endif]-->                                            <span class="text-sm font-montserrat">Night Beats</span>
1922                                        <!--[if ENDBLOCK]><![endif]-->                                    </div>
1923                                </div>
1924                                <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">
1925                                    <i class="fa-solid fa-play"></i>
1926                                </div>
1927                            </a>
1928                            
1929                        <!--[if ENDBLOCK]><![endif]-->                    </div>
1930                <!--[if ENDBLOCK]><![endif]-->            </div>
1931        </div>
1932    <!--[if ENDBLOCK]><![endif]--></div>
1933            <div wire:key="most-read-overview-component" wire:snapshot="{&quot;data&quot;:[],&quot;memo&quot;:{&quot;id&quot;:&quot;QfFV1TktkwxZIbpnz9C8&quot;,&quot;name&quot;:&quot;components.most-read-overview&quot;,&quot;path&quot;:&quot;nieuws&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;f06776adedb3c9374890416f02ccec96af82bbb0dbed0962854360479416bfb7&quot;}" wire:effects="[]" wire:id="QfFV1TktkwxZIbpnz9C8" wire:name="components.most-read-overview" class="bg-surface-light-3 p-4 rounded-lg" >
1934    <h3 class="font-bold mb-3">Meest gelezen</h3>
1935    <div class="space-y-3">
1936
1937        <!--[if BLOCK]><![endif]-->                        <a wire:key="most-read-5417d4f5-630f-4107-bd05-3640f1e0cf78"
1938                                    wire:navigate
1939                    href="https://beatfm.nl/nieuws/artikel/auto-inbrekers-actief-in-heiloo"
1940                                class="group flex items-start gap-2 rounded-lg bg-surface-main-4 p-4 cursor-pointer"
1941                data-prepr-item-id="5417d4f5-630f-4107-bd05-3640f1e0cf78">
1942
1943                
1944                <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">
1945                    Auto-inbrekers actief in Heiloo
1946                </span>
1947
1948                <img
1949                    src="https://195j60ch0d7d.b-cdn.net/w_100,h_70/210mu9b6dcxw-.jpg"
1950                    alt="Auto-inbrekers actief in Heiloo"
1951                    class="w-[91px] h-[64px] object-cover rounded shrink-0">
1952            </a>
1953                                <a wire:key="most-read-a15fd145-6098-457b-b391-a77e6e97195d"
1954                                    wire:navigate
1955                    href="https://beatfm.nl/nieuws/artikel/geen-treinen-tussen-alkmaar-en-uitgeest-na-aanrijding-met-persoon-bij-heiloo"
1956                                class="group flex items-start gap-2 rounded-lg bg-surface-main-4 p-4 cursor-pointer"
1957                data-prepr-item-id="a15fd145-6098-457b-b391-a77e6e97195d">
1958
1959                
1960                <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">
1961                    Geen treinen tussen Alkmaar en Uitgeest na aanrijding met persoon bij Heiloo
1962                </span>
1963
1964                <img
1965                    src="https://195j60ch0d7d.b-cdn.net/5z11wm9cvv7n/w_100,h_70/trein-spoor-heiloo-10.jpg"
1966                    alt="Geen treinen tussen Alkmaar en Uitgeest na aanrijding met persoon bij Heiloo"
1967                    class="w-[91px] h-[64px] object-cover rounded shrink-0">
1968            </a>
1969                                <a wire:key="most-read-9437c495-c518-411e-a857-3202a3880ab3"
1970                                    wire:navigate
1971                    href="https://beatfm.nl/nieuws/artikel/zeven"
1972                                class="group flex items-start gap-2 rounded-lg bg-surface-main-4 p-4 cursor-pointer"
1973                data-prepr-item-id="9437c495-c518-411e-a857-3202a3880ab3">
1974
1975                
1976                <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">
1977                    Rijbewijs ingevorderd na aanrijding Zevenhuizerlaan in Heiloo [FOTO&#039;S]
1978                </span>
1979
1980                <img
1981                    src="https://195j60ch0d7d.b-cdn.net/2qikp6husdxx/w_100,h_70/img-7158.jpg"
1982                    alt="Rijbewijs ingevorderd na aanrijding Zevenhuizerlaan in Heiloo [FOTO&#039;S]"
1983                    class="w-[91px] h-[64px] object-cover rounded shrink-0">
1984            </a>
1985                                <a wire:key="most-read-882b33fa-1db7-4325-8e78-efd6b5a7c3a7"
1986                                    wire:navigate
1987                    href="https://beatfm.nl/nieuws/artikel/meerdere-autos-aangereden-in-schoorl-door-beschonken-automobilist-fotos"
1988                                class="group flex items-start gap-2 rounded-lg bg-surface-main-4 p-4 cursor-pointer"
1989                data-prepr-item-id="882b33fa-1db7-4325-8e78-efd6b5a7c3a7">
1990
1991                
1992                <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">
1993                    Meerdere auto’s aangereden in Schoorl door beschonken automobilist [FOTO&#039;S]
1994                </span>
1995
1996                <img
1997                    src="https://195j60ch0d7d.b-cdn.net/414urhxdc63v/w_100,h_70/schoorl-laanweg-meerdere-autos-aangereden-2.jpg"
1998                    alt="Meerdere auto’s aangereden in Schoorl door beschonken automobilist [FOTO&#039;S]"
1999                    class="w-[91px] h-[64px] object-cover rounded shrink-0">
2000            </a>
2001                                <a wire:key="most-read-20487b9b-ac36-4321-a0b9-647432519c85"
2002                                    wire:navigate
2003                    href="https://beatfm.nl/nieuws/artikel/aanrijding-op-n245-bij-alkmaar-richting-schagen-fotos"
2004                                class="group flex items-start gap-2 rounded-lg bg-surface-main-4 p-4 cursor-pointer"
2005                data-prepr-item-id="20487b9b-ac36-4321-a0b9-647432519c85">
2006
2007                
2008                <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">
2009                    Aanrijding op N245 bij Alkmaar richting Schagen [FOTO´S]
2010                </span>
2011
2012                <img
2013                    src="https://195j60ch0d7d.b-cdn.net/3elv5uohjn00/w_100,h_70/alkmaar-n245-aanrijding-richting-schagen-5.jpg"
2014                    alt="Aanrijding op N245 bij Alkmaar richting Schagen [FOTO´S]"
2015                    class="w-[91px] h-[64px] object-cover rounded shrink-0">
2016            </a>
2017        <!--[if ENDBLOCK]><![endif]-->
2018    </div>
2019</div>
2020            <div wire:key="weather-overview-component" wire:snapshot="{&quot;data&quot;:{&quot;config&quot;:[{&quot;menu&quot;:[{&quot;_id&quot;:&quot;761e1209-f66b-4a41-9e6b-5c028f09d8d1&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;website_title&quot;:&quot;{title} | BeatFM&quot;,&quot;copyright&quot;:&quot;BeatFM&quot;,&quot;email&quot;:&quot;[email protected]&quot;,&quot;phone&quot;:null,&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;Heiloo&quot;,&quot;live&quot;:[[[{&quot;title&quot;:&quot;Live TV&quot;,&quot;page&quot;:[{&quot;_slug&quot;:&quot;televisie\/live&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;guide_id&quot;:&quot;1aa301d5-fcfb-44b9-be44-db956e88c54b&quot;,&quot;icon&quot;:&quot;fa-tv-retro&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;title&quot;:&quot;Live Radio&quot;,&quot;page&quot;:[{&quot;_slug&quot;:&quot;radio\/live&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;guide_id&quot;:&quot;bc1475f3-6d72-41dc-af5c-5cb25832ceb4&quot;,&quot;icon&quot;:&quot;fa-radio-tuner&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-39244144-17&quot;,&quot;title_under_photo&quot;:false,&quot;tolkie_token&quot;:null,&quot;radio_player_stream_url&quot;:&quot;https:\/\/radioheiloo.nl:7443\/bfm1&quot;,&quot;radio_player_guide_id&quot;:&quot;bc1475f3-6d72-41dc-af5c-5cb25832ceb4&quot;,&quot;tracking_code&quot;:&quot;d5fa6d70885bd3f48df85f02bf8a761970235c29a7ad9fe52faa2f6321ee95a4&quot;,&quot;openweather_app_id&quot;:&quot;91479e6e983b8c052b49193853a2f58e&quot;,&quot;street&quot;:&quot;De Spindel 6&quot;,&quot;place&quot;:&quot;Heiloo&quot;,&quot;zip_code&quot;:&quot;1851 NR&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;#27272a&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;#00284e&quot;,&quot;dark_brand_dark&quot;:&quot;#00284e&quot;,&quot;light_brand_main&quot;:&quot;#003365&quot;,&quot;dark_brand_main&quot;:&quot;#003365&quot;,&quot;light_brand_secondary&quot;:&quot;#2ea9d9&quot;,&quot;dark_brand_secondary&quot;:&quot;#2ea9d9&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;beatfm&quot;},{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;0cRXWjDw4EO8Z9e16dAx&quot;,&quot;name&quot;:&quot;components.weather-overview&quot;,&quot;path&quot;:&quot;nieuws&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;91cf7ce4457718f9b17d05550732016b12bd0e613995efe95b04a47343ccd4cd&quot;}" wire:effects="[]" wire:id="0cRXWjDw4EO8Z9e16dAx" wire:name="components.weather-overview">
2021    <!--[if BLOCK]><![endif]-->        <div class="bg-surface-light-3 p-4 rounded-xl">
2022            <h3 class="font-bold mb-3">Weersverwachting</h3>
2023            <div class="grid gap-2 grid-cols-4">
2024                <!--[if BLOCK]><![endif]-->                    <div wire:key="weather-vr" class="p-3 bg-surface-main-4 flex flex-col gap-3 items-center rounded-lg">
2025                    <span class="font-bold text-lg text-text-main">
2026                        vr
2027                    </span>
2028                        <img src="https://beatfm.nl/images/weather/01d.svg" width="32" height="32" alt="icon" />
2029                        <span class="text-lg font-bold text-text-main">
2030                        22°
2031                    </span>
2032                        <span class="text-xs text-text-main">
2033                        11°
2034                    </span>
2035                        <span class="text-xs text-text-main">
2036                        0.0 mm
2037                    </span>
2038                    </div>
2039                                    <div wire:key="weather-za" class="p-3 bg-surface-main-4 flex flex-col gap-3 items-center rounded-lg">
2040                    <span class="font-bold text-lg text-text-main">
2041                        za
2042                    </span>
2043                        <img src="https://beatfm.nl/images/weather/04d.svg" width="32" height="32" alt="icon" />
2044                        <span class="text-lg font-bold text-text-main">
2045                        20°
2046                    </span>
2047                        <span class="text-xs text-text-main">
2048                        13°
2049                    </span>
2050                        <span class="text-xs text-text-main">
2051                        0.0 mm
2052                    </span>
2053                    </div>
2054                                    <div wire:key="weather-zo" class="p-3 bg-surface-main-4 flex flex-col gap-3 items-center rounded-lg">
2055                    <span class="font-bold text-lg text-text-main">
2056                        zo
2057                    </span>
2058                        <img src="https://beatfm.nl/images/weather/04d.svg" width="32" height="32" alt="icon" />
2059                        <span class="text-lg font-bold text-text-main">
2060                        19°
2061                    </span>
2062                        <span class="text-xs text-text-main">
2063                        13°
2064                    </span>
2065                        <span class="text-xs text-text-main">
2066                        0.0 mm
2067                    </span>
2068                    </div>
2069                                    <div wire:key="weather-ma" class="p-3 bg-surface-main-4 flex flex-col gap-3 items-center rounded-lg">
2070                    <span class="font-bold text-lg text-text-main">
2071                        ma
2072                    </span>
2073                        <img src="https://beatfm.nl/images/weather/10d.svg" width="32" height="32" alt="icon" />
2074                        <span class="text-lg font-bold text-text-main">
2075                        18°
2076                    </span>
2077                        <span class="text-xs text-text-main">
2078                        15°
2079                    </span>
2080                        <span class="text-xs text-text-main">
2081                        0.2 mm
2082                    </span>
2083                    </div>
2084                <!--[if ENDBLOCK]><![endif]-->            </div>
2085        </div>
2086    <!--[if ENDBLOCK]><![endif]--></div>
2087
2088            <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;:true,&quot;duration&quot;:5000,&quot;slidesToShow&quot;:1,&quot;items&quot;:[[[{&quot;_id&quot;:&quot;8264c52c-b292-48a7-89a9-be67113c87ad&quot;,&quot;url&quot;:&quot;https:\/\/www.aluminiumplafond.nl&quot;,&quot;image&quot;:&quot;https:\/\/195j60ch0d7d.b-cdn.net\/w_1635\/015e8ece-d7d2-41a2-9674-d239aafa3a7b.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;5bd98ca5-e24b-46cd-b095-680a064d69fc&quot;,&quot;url&quot;:&quot;radio\/playlist&quot;,&quot;image&quot;:&quot;https:\/\/195j60ch0d7d.b-cdn.net\/1j2srrw11l27\/w_1076\/nummer-gemist-1.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;f4ea43cd-c07e-4f58-8f95-4dc2ac29e4ec&quot;,&quot;url&quot;:&quot;http:\/\/beatfm.nl\/beat\/adverteren&quot;,&quot;image&quot;:&quot;https:\/\/195j60ch0d7d.b-cdn.net\/w_1280\/a4b30f6d-bdb2-4ca2-a704-e218505d6382.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;y68OK1wdzQQgGW4Gl53S&quot;,&quot;name&quot;:&quot;components.banner&quot;,&quot;path&quot;:&quot;nieuws&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;
208885e2b4948d986b028385e6e58c14434c91f7354f1d69213d59d197a11580bcfc&quot;}" wire:effects="[]" wire:id="y68OK1wdzQQgGW4Gl53S" wire:name="components.banner">
2089<!--[if BLOCK]><![endif]-->    <!--[if BLOCK]><![endif]-->        
2090        <div
2091            x-data="{
2092                items: JSON.parse('[{\u0022_id\u0022:\u00228264c52c-b292-48a7-89a9-be67113c87ad\u0022,\u0022url\u0022:\u0022https:\\\/\\\/www.aluminiumplafond.nl\u0022,\u0022image\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/w_1635\\\/015e8ece-d7d2-41a2-9674-d239aafa3a7b.jpg\u0022,\u0022alt\u0022:null,\u0022type\u0022:\u0022image\u0022,\u0022slot_id\u0022:null},{\u0022_id\u0022:\u00225bd98ca5-e24b-46cd-b095-680a064d69fc\u0022,\u0022url\u0022:\u0022radio\\\/playlist\u0022,\u0022image\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/1j2srrw11l27\\\/w_1076\\\/nummer-gemist-1.jpg\u0022,\u0022alt\u0022:null,\u0022type\u0022:\u0022image\u0022,\u0022slot_id\u0022:null},{\u0022_id\u0022:\u0022f4ea43cd-c07e-4f58-8f95-4dc2ac29e4ec\u0022,\u0022url\u0022:\u0022http:\\\/\\\/beatfm.nl\\\/beat\\\/adverteren\u0022,\u0022image\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/w_1280\\\/a4b30f6d-bdb2-4ca2-a704-e218505d6382.jpg\u0022,\u0022alt\u0022:null,\u0022type\u0022:\u0022image\u0022,\u0022slot_id\u0022:null}]'),
2093                duration: 5000,
2094                current: 0,
2095                interval: null,
2096                containerHeight: 0,
2097
2098                recordImpression(item) {
2099                    if (item?._id) {
2100                        $wire.recordImpression(item._id);
2101                    }
2102                },
2103
2104                startAutoplay() {
2105                    this.stopAutoplay();
2106                    if (this.items.length <= 1) return;
2107
2108                    this.interval = setInterval(() => {
2109                        this.current = (this.current + 1) % this.items.length;
2110                    }, this.duration);
2111                },
2112
2113                stopAutoplay() {
2114                    clearInterval(this.interval);
2115                    this.interval = null;
2116                },
2117
2118                trackClick(item) {
2119                    if (typeof prepr !== 'undefined') {
2120                        prepr('event', 'Click', { 'id': item._id });
2121                    }
2122                    window.open(item.url, '_blank');
2123                },
2124
2125                updateHeight(img) {
2126                    if (img && img.complete) {
2127                        this.containerHeight = img.offsetHeight;
2128                    }
2129                },
2130
2131                init() {
2132                    if (this.items.length === 0) return;
2133
2134                    this.recordImpression(this.items[this.current]);
2135                    this.$watch('current', (index) => this.recordImpression(this.items[index]));
2136
2137                    this.$nextTick(() => {
2138                        const firstImg = this.$el.querySelector('img');
2139                        if (firstImg) {
2140                            if (firstImg.complete) {
2141                                this.updateHeight(firstImg);
2142                            } else {
2143                                firstImg.addEventListener('load', () => this.updateHeight(firstImg));
2144                            }
2145                        }
2146                    });
2147
2148                    this.startAutoplay();
2149                }
2150            }"
2151            x-init="init()"
2152            x-on:mouseenter="stopAutoplay()"
2153            x-on:mouseleave="startAutoplay()"
2154            x-show="items.length > 0"
2155        >
2156            <!--[if BLOCK]><![endif]-->            <h3 class="mb-2 text-sm font-montserrat text-center font-normal text-text-secondary">
2157                Advertentie
2158            </h3>
2159            <!--[if ENDBLOCK]><![endif]-->
2160            <div class="relative w-full overflow-hidden" :style="containerHeight > 0 ? `height: ${containerHeight}px` : ''">
2161                <template x-for="(item, index) in items" :key="item._id || index">
2162                    <a
2163                        x-show="current === index"
2164                        x-transition:enter="transition ease-out duration-500"
2165                        x-transition:enter-start="opacity-0"
2166                        x-transition:enter-end="opacity-100"
2167                        x-transition:leave="transition ease-in duration-400"
2168                        x-transition:leave-start="opacity-100"
2169                        x-transition:leave-end="opacity-0"
2170                        :href="item.url"
2171                        @click.prevent="trackClick(item)"
2172                        target="_blank"
2173                        rel="noopener noreferrer"
2174                        class="absolute top-0 left-0 w-full"
2175                    >
2176                        <template x-if="item.image">
2177                            <img
2178                                :src="item.image"
2179                                :alt="item.alt"
2180                                class="w-full h-auto rounded-lg"
2181                                @load="if (current === index) updateHeight($el)"
2182                            >
2183                        </template>
2184                    </a>
2185                </template>
2186            </div>
2187        </div>
2188    <!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
2189
2190            <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;:true,&quot;duration&quot;:5000,&quot;slidesToShow&quot;:1,&quot;items&quot;:[[[{&quot;_id&quot;:&quot;3e28fa51-2ce4-4e82-9387-e92f3f8093e0&quot;,&quot;url&quot;:&quot;https:\/\/beatfm.nl\/be-your-own-dj&quot;,&quot;image&quot;:&quot;https:\/\/195j60ch0d7d.b-cdn.net\/w_1121\/672ddd00-fecf-4c58-8d10-0dcd6ee1edae.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;2a8ef3a8-9e57-42c4-a313-163a2b59cf3a&quot;,&quot;url&quot;:&quot;https:\/\/beatfm.nl\/nieuws\/artikel\/dagelijks-nieuws-in-makkelijke-taal-bij-bettv&quot;,&quot;image&quot;:&quot;https:\/\/195j60ch0d7d.b-cdn.net\/w_943\/4jn3amz7gap2-nieuws-van-de-week-iris-de-graaf-1.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;861e3249-873f-4c17-a769-6ef32606b1e4&quot;,&quot;url&quot;:&quot;https:\/\/www.radiodeblauwetegel.nl&quot;,&quot;image&quot;:&quot;https:\/\/195j60ch0d7d.b-cdn.net\/w_1172\/d11e384a-be7f-4a1f-a104-bcf82f3dbf17.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;f1cY4itHFyMZpS1TxDSU&quot;,&quot;name&quot;:&quot;components.banner&quot;,&quot;path&quot;:&quot;nieuws&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;7f28ded8a208bfd9b517aa018958b4b71e33561e19441f1e868895779dc6f62b&quot;}" wire:effects="[]" wire:id="f1cY4itHFyMZpS1TxDSU" wire:name="components.banner">
2191<!--[if BLOCK]><![endif]-->    <!--[if BLOCK]><![endif]-->        
2192        <div
2193            x-data="{
2194                items: JSON.parse('[{\u0022_id\u0022:\u00223e28fa51-2ce4-4e82-9387-e92f3f8093e0\u0022,\u0022url\u0022:\u0022https:\\\/\\\/beatfm.nl\\\/be-your-own-dj\u0022,\u0022image\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/w_1121\\\/672ddd00-fecf-4c58-8d10-0dcd6ee1edae.jpg\u0022,\u0022alt\u0022:null,\u0022type\u0022:\u0022image\u0022,\u0022slot_id\u0022:null},{\u0022_id\u0022:\u00222a8ef3a8-9e57-42c4-a313-163a2b59cf3a\u0022,\u0022url\u0022:\u0022https:\\\/\\\/beatfm.nl\\\/nieuws\\\/artikel\\\/dagelijks-nieuws-in-makkelijke-taal-bij-bettv\u0022,\u0022image\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/w_943\\\/4jn3amz7gap2-nieuws-van-de-week-iris-de-graaf-1.jpg\u0022,\u0022alt\u0022:null,\u0022type\u0022:\u0022image\u0022,\u0022slot_id\u0022:null},{\u0022_id\u0022:\u0022861e3249-873f-4c17-a769-6ef32606b1e4\u0022,\u0022url\u0022:\u0022https:\\\/\\\/www.radiodeblauwetegel.nl\u0022,\u0022image\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/w_1172\\\/d11e384a-be7f-4a1f-a104-bcf82f3dbf17.jpg\u0022,\u0022alt\u0022:null,\u0022type\u0022:\u0022image\u0022,\u0022slot_id\u0022:null}]'),
2195                duration: 5000,
2196                current: 0,
2197                interval: null,
2198                containerHeight: 0,
2199
2200                recordImpression(item) {
2201                    if (item?._id) {
2202                        $wire.recordImpression(item._id);
2203                    }
2204                },
2205
2206                startAutoplay() {
2207                    this.stopAutoplay();
2208                    if (this.items.length <= 1) return;
2209
2210                    this.interval = setInterval(() => {
2211                        this.current = (this.current + 1) % this.items.length;
2212                    }, this.duration);
2213                },
2214
2215                stopAutoplay() {
2216                    clearInterval(this.interval);
2217                    this.interval = null;
2218                },
2219
2220                trackClick(item) {
2221                    if (typeof prepr !== 'undefined') {
2222                        prepr('event', 'Click', { 'id': item._id });
2223                    }
2224                    window.open(item.url, '_blank');
2225                },
2226
2227                updateHeight(img) {
2228                    if (img && img.complete) {
2229                        this.containerHeight = img.offsetHeight;
2230                    }
2231                },
2232
2233                init() {
2234                    if (this.items.length === 0) return;
2235
2236                    this.recordImpression(this.items[this.current]);
2237                    this.$watch('current', (index) => this.recordImpression(this.items[index]));
2238
2239                    this.$nextTick(() => {
2240                        const firstImg = this.$el.querySelector('img');
2241                        if (firstImg) {
2242                            if (firstImg.complete) {
2243                                this.updateHeight(firstImg);
2244                            } else {
2245                                firstImg.addEventListener('load', () => this.updateHeight(firstImg));
2246                            }
2247                        }
2248                    });
2249
2250                    this.startAutoplay();
2251                }
2252            }"
2253            x-init="init()"
2254            x-on:mouseenter="stopAutoplay()"
2255            x-on:mouseleave="startAutoplay()"
2256            x-show="items.length > 0"
2257        >
2258            <!--[if BLOCK]><![endif]-->            <h3 class="mb-2 text-sm font-montserrat text-center font-normal text-text-secondary">
2259                Advertentie
2260            </h3>
2261            <!--[if ENDBLOCK]><![endif]-->
2262            <div class="relative w-full overflow-hidden" :style="containerHeight > 0 ? `height: ${containerHeight}px` : ''">
2263                <template x-for="(item, index) in items" :key="item._id || index">
2264                    <a
2265                        x-show="current === index"
2266                        x-transition:enter="transition ease-out duration-500"
2267                        x-transition:enter-start="opacity-0"
2268                        x-transition:enter-end="opacity-100"
2269                        x-transition:leave="transition ease-in duration-400"
2270                        x-transition:leave-start="opacity-100"
2271                        x-transition:leave-end="opacity-0"
2272                        :href="item.url"
2273                        @click.prevent="trackClick(item)"
2274                        target="_blank"
2275                        rel="noopener noreferrer"
2276                        class="absolute top-0 left-0 w-full"
2277                    >
2278                        <template x-if="item.image">
2279                            <img
2280                                :src="item.image"
2281                                :alt="item.alt"
2282                                class="w-full h-auto rounded-lg"
2283                                @load="if (current === index) updateHeight($el)"
2284                            >
2285                        </template>
2286                    </a>
2287                </template>
2288            </div>
2289        </div>
2290    <!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
2291
2292            <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;56PEvZx6Hvj53o8HsA0e&quot;,&quot;name&quot;:&quot;components.banner&quot;,&quot;path&quot;:&quot;nieuws&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;775fb558441d75a11eeba986dc8fde8c065846b1f21ce5bd065dfc86b88e46af&quot;}" wire:effects="[]" wire:id="56PEvZx6Hvj53o8HsA0e" wire:name="components.banner">
2293<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
2294
2295            <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;n4z8bIc6Xsj1qzBlzwTw&quot;,&quot;name&quot;:&quot;components.banner&quot;,&quot;path&quot;:&quot;nieuws&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;ceb2fb3f91b49d65a86a02e069ef4f2a298fb713eed22e24a991d3b1261e5ceb&quot;}" wire:effects="[]" wire:id="n4z8bIc6Xsj1qzBlzwTw" wire:name="components.banner">
2296<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
2297
2298        </div>
2299    </div>
2300</main>
2301
2302                        </div>
2303
2304<div>
2305    
2306    
2307    
2308    <footer class="bg-surface-main-3 mt-16 pt-10 pb-[68px] lg:pb-0">
2309        <div class="lg:container mx-auto px-6 pb-8">
2310            <div class="grid grid-cols-1 md:grid-cols-4 xl:grid-cols-8 gap-8">
2311
2312                
2313                <div class="col-span-1 md:col-span-2 xl:col-span-2 space-y-6">
2314                    <img
2315            :src="$store.ui?.darkMode ? 'https://beatfm.nl/tenants/beatfm/logo-dark.svg?v=1789721948' : 'https://beatfm.nl/tenants/beatfm/logo-light.svg?v=1789721948'"
2316            src="https://beatfm.nl/tenants/beatfm/logo-light.svg?v=1789721948"
2317            alt="Logo"
2318            class="h-10 w-auto"
2319            loading="eager"
2320        >
2321    
2322                    
2323                    
2324                                            <div class="flex flex-row gap-3">
2325                                                            <a href="https://facebook.com/BeatFm1063"
2326                                   title="fa-facebook-f"
2327                                   aria-label="Volg ons op fa-facebook-f"
2328                                   target="_blank"
2329                                   rel="noopener noreferrer"
2330                                   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">
2331                                    <i class="fa-brands fa-facebook-f" aria-hidden="true"></i>
2332                                </a>
2333                                                            <a href="https://twitter.com/TheBigBeatFM"
2334                                   title="fa-x-twitter"
2335                                   aria-label="Volg ons op fa-x-twitter"
2336                                   target="_blank"
2337                                   rel="noopener noreferrer"
2338                                   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">
2339                                    <i class="fa-brands fa-x-twitter" aria-hidden="true"></i>
2340                                </a>
2341                                                            <a href="https://www.youtube.com/channel/UCDhzLQl2lGEJxAFWjH0x7nw"
2342                                   title="fa-youtube"
2343                                   aria-label="Volg ons op fa-youtube"
2344                                   target="_blank"
2345                                   rel="noopener noreferrer"
2346                                   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">
2347                                    <i class="fa-brands fa-youtube" aria-hidden="true"></i>
2348                                </a>
2349                                                            <a href="https://www.instagram.com/beatfmheiloo/?hl=en"
2350                                   title="fa-instagram"
2351                                   aria-label="Volg ons op fa-instagram"
2352                                   target="_blank"
2353                                   rel="noopener noreferrer"
2354                                   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">
2355                                    <i class="fa-brands fa-instagram" aria-hidden="true"></i>
2356                                </a>
2357                                                    </div>
2358                                    </div>
2359
2360                
2361                <div class="col-span-1 md:col-span-4 xl:col-span-4">
2362                    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-16">
2363                                                                                                                        <div>
2364                                        <h4 class="text-xs font-bold text-text-tertiary mb-4 font-roboto-condensed">
2365                                            Nieuws
2366                                        </h4>
2367                                                                                    <div class="space-y-4 text-lg font-bold flex flex-col">
2368                                                                                                    <a
2369            wire:navigate href="https://beatfm.nl/nieuws"
2370    
2371    class="transition hover:underline"
2372>
2373    Nieuws
2374</a>
2375                                                                                                    <a
2376            wire:navigate href="https://beatfm.nl/heiloo"
2377    
2378    class="transition hover:underline"
2379>
2380    Heiloo
2381</a>
2382                                                                                                    <a
2383            wire:navigate href="https://beatfm.nl/regio"
2384    
2385    class="transition hover:underline"
2386>
2387    Regio
2388</a>
2389                                                                                                    <a
2390            wire:navigate href="https://beatfm.nl/entertainment"
2391    
2392    class="transition hover:underline"
2393>
2394    Entertainment
2395</a>
2396                                                                                                    <a
2397            wire:navigate href="https://beatfm.nl/agenda"
2398    
2399    class="transition hover:underline"
2400>
2401    Agenda
2402</a>
2403                                                                                            </div>
2404                                                                            </div>
2405                                                                                                                                <div>
2406                                        <h4 class="text-xs font-bold text-text-tertiary mb-4 font-roboto-condensed">
2407                                            Radio
2408                                        </h4>
2409                                                                                    <div class="space-y-4 text-lg font-bold flex flex-col">
2410                                                                                                    <a
2411            wire:navigate href="https://beatfm.nl/radio/live"
2412    
2413    class="transition hover:underline"
2414>
2415    Livestream
2416</a>
2417                                                                                                    <a
2418            wire:navigate href="https://beatfm.nl/radio/gids"
2419    
2420    class="transition hover:underline"
2421>
2422    Radiogids
2423</a>
2424                                                                                                    <a
2425            wire:navigate href="https://beatfm.nl/be-your-own-dj"
2426    
2427    class="transition hover:underline"
2428>
2429    Be your own DJ
2430</a>
2431                                                                                                    <a
2432            wire:navigate href="https://beatfm.nl/a"
2433    
2434    class="transition hover:underline"
2435>
2436    Artiesten
2437</a>
2438                                                                                                    <a
2439            wire:navigate href="https://beatfm.nl/radio/gemist"
2440    
2441    class="transition hover:underline"
2442>
2443    Radio gemist
2444</a>
2445                                                                                            </div>
2446                                                                            </div>
2447                                                                                                                                <div>
2448                                        <h4 class="text-xs font-bold text-text-tertiary mb-4 font-roboto-condensed">
2449                                            Televisie
2450                                        </h4>
2451                                                                                    <div class="space-y-4 text-lg font-bold flex flex-col">
2452                                                                                                    <a
2453            wire:navigate href="https://beatfm.nl/televisie/live"
2454    
2455    class="transition hover:underline"
2456>
2457    Live TV
2458</a>
2459                                                                                                    <a
2460            wire:navigate href="https://beatfm.nl/televisie/gids"
2461    
2462    class="transition hover:underline"
2463>
2464    Televisiegids
2465</a>
2466                                                                                                    <a
2467            wire:navigate href="https://beatfm.nl/televisie/gemist"
2468    
2469    class="transition hover:underline"
2470>
2471    Televisie gemist
2472</a>
2473                                                                                            </div>
2474                                                                            </div>
2475                                                                                                                                <div>
2476                                        <h4 class="text-xs font-bold text-text-tertiary mb-4 font-roboto-condensed">
2477                                            BEAT
2478                                        </h4>
2479                                                                                    <div class="space-y-4 text-lg font-bold flex flex-col">
2480                                                                                                    <a
2481            wire:navigate href="https://beatfm.nl/beat/contact"
2482    
2483    class="transition hover:underline"
2484>
2485    Contact
2486</a>
2487                                                                                                    <a
2488            wire:navigate href="https://beatfm.nl/beat/geschiedenis"
2489    
2490    class="transition hover:underline"
2491>
2492    Geschiedenis
2493</a>
2494                                                                                                    <a
2495            wire:navigate href="https://beatfm.nl/beat/wij"
2496    
2497    class="transition hover:underline"
2498>
2499    Wij
2500</a>
2501                                                                                                    <a
2502            wire:navigate href="https://beatfm.nl/beat/adverteren"
2503    
2504    class="transition hover:underline"
2505>
2506    Adverteren
2507</a>
2508                                                                                            </div>
2509                                                                            </div>
2510                                                                                                        </div>
2511                </div>
2512
2513                
2514                <div class="col-span-1 md:col-span-2 xl:col-span-2 space-y-4 xl:pl-16">
2515                    
2516                                            
2517                                                    <h4 class="text-xs font-bold text-text-tertiary">
2518                                Neem contact met ons op
2519                            </h4>
2520                            <a wire:navigate
2521                               href="https://beatfm.nl/tip-de-redactie"
2522                               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">
2523                                Neem contact met ons op
2524                                <i class="fa-solid fa-chevron-right text-xs"></i>
2525                            </a>
2526                                            
2527                    <h4 class="text-xs font-bold text-text-tertiary">Weergaveopties</h4>
2528                    <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">
2529                        <span class="sr-only">Gebruik lichte of donkere modus</span>
2530                        <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>
2531                        <span class="absolute inset-0 flex items-center">
2532                            <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>
2533                            <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>
2534                        </span>
2535                    </button>
2536                </div>
2537            </div>
2538        </div>
2539
2540        
2541        <div class="py-3 text-sm font-medium font-montserrat text-text-tertiary bg-surface-background">
2542            <div class="lg:container mx-auto px-6 justify-between flex items-center">
2543                <p>&copy;  2026</p>
2544                                    <div class="flex flex-row gap-8 text-xs">
2545                                                                                    <a
2546            wire:navigate href="https://beatfm.nl/meer-informatie-over-cookies"
2547    
2548    class="transition text-text-tertiary underline"
2549>
2550    Cookies
2551</a>
2552                                                                        </div>
2553                            </div>
2554        </div>
2555    </footer>
2556
2557    
2558    
2559    
2560    <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">
2561        <nav class="w-full">
2562            <ul class="space-y-2 pb-6">
2563                                                                                        <li x-data="{ isOpen: true }">
2564                                                                    <div class="w-full flex justify-between items-center p-2 rounded-lg transition !bg-transparent hover:!bg-transparent text-brand-secondary">
2565                                        <a wire:navigate href="https://beatfm.nl/nieuws" class="flex-grow">
2566                                            <span class="text-lg font-bold font-roboto-condensed">Nieuws</span>
2567                                        </a>
2568                                        <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">
2569                                            <i class="fa-solid fa-chevron-up transition-transform duration-200" :class="{ 'rotate-180': !isOpen }"></i>
2570                                        </button>
2571                                    </div>
2572
2573                                    <ul x-show="isOpen" x-transition class="px-3 pt-2 space-y-2">
2574                                                                                    <li>
2575                                                <a
2576            wire:navigate href="https://beatfm.nl/nieuws"
2577    
2578    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"
2579>
2580    Nieuws
2581</a>
2582                                            </li>
2583                                                                                    <li>
2584                                                <a
2585            wire:navigate href="https://beatfm.nl/heiloo"
2586    
2587    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"
2588>
2589    Heiloo
2590</a>
2591                                            </li>
2592                                                                                    <li>
2593                                                <a
2594            wire:navigate href="https://beatfm.nl/regio"
2595    
2596    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"
2597>
2598    Regio
2599</a>
2600                                            </li>
2601                                                                                    <li>
2602                                                <a
2603            wire:navigate href="https://beatfm.nl/entertainment"
2604    
2605    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"
2606>
2607    Entertainment
2608</a>
2609                                            </li>
2610                                                                                    <li>
2611                                                <a
2612            wire:navigate href="https://beatfm.nl/agenda"
2613    
2614    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"
2615>
2616    Agenda
2617</a>
2618                                            </li>
2619                                                                            </ul>
2620                                                            </li>
2621                            <hr class="border-surface-light-3 mt-2">
2622                                                                                                <li x-data="{ isOpen: true }">
2623                                                                    <div class="w-full flex justify-between items-center p-2 rounded-lg transition !bg-transparent hover:!bg-transparent hover:text-brand-secondary">
2624                                        <a wire:navigate href="https://beatfm.nl/info" class="flex-grow">
2625                                            <span class="text-lg font-bold font-roboto-condensed">Info</span>
2626                                        </a>
2627                                        <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">
2628                                            <i class="fa-solid fa-chevron-up transition-transform duration-200" :class="{ 'rotate-180': !isOpen }"></i>
2629                                        </button>
2630                                    </div>
2631
2632                                    <ul x-show="isOpen" x-transition class="px-3 pt-2 space-y-2">
2633                                                                                    <li>
2634                                                <a
2635            wire:navigate href="https://beatfm.nl/info"
2636    
2637    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"
2638>
2639    Info
2640</a>
2641                                            </li>
2642                                                                                    <li>
2643                                                <a
2644            wire:navigate href="https://beatfm.nl/theater"
2645    
2646    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"
2647>
2648    Theater
2649</a>
2650                                            </li>
2651                                                                                    <li>
2652                                                <a
2653            wire:navigate href="https://beatfm.nl/expositie"
2654    
2655    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"
2656>
2657    Expositie
2658</a>
2659                                            </li>
2660                                                                                    <li>
2661                                                <a
2662            wire:navigate href="https://beatfm.nl/film"
2663    
2664    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"
2665>
2666    Film
2667</a>
2668                                            </li>
2669                                                                                    <li>
2670                                                <a
2671            wire:navigate href="https://beatfm.nl/muziek"
2672    
2673    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"
2674>
2675    Muziek
2676</a>
2677                                            </li>
2678                                                                            </ul>
2679                                                            </li>
2680                            <hr class="border-surface-light-3 mt-2">
2681                                                                                                <li x-data="{ isOpen: true }">
2682                                                                    <div class="w-full flex justify-between items-center p-2 rounded-lg transition !bg-transparent hover:!bg-transparent hover:text-brand-secondary">
2683                                        <a wire:navigate href="https://beatfm.nl/radio/gemist/radio-gemist" class="flex-grow">
2684                                            <span class="text-lg font-bold font-roboto-condensed">Radio</span>
2685                                        </a>
2686                                        <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">
2687                                            <i class="fa-solid fa-chevron-up transition-transform duration-200" :class="{ 'rotate-180': !isOpen }"></i>
2688                                        </button>
2689                                    </div>
2690
2691                                    <ul x-show="isOpen" x-transition class="px-3 pt-2 space-y-2">
2692                                                                                    <li>
2693                                                <a
2694            wire:navigate href="https://beatfm.nl/radio/gids"
2695    
2696    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"
2697>
2698    Radiogids
2699</a>
2700                                            </li>
2701                                                                                    <li>
2702                                                <a
2703            wire:navigate href="https://beatfm.nl/be-your-own-dj"
2704    
2705    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"
2706>
2707    Be your own DJ
2708</a>
2709                                            </li>
2710                                                                                    <li>
2711                                                <a
2712            wire:navigate href="https://beatfm.nl/muziek-beat"
2713    
2714    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"
2715>
2716    Muziek BE@T
2717</a>
2718                                            </li>
2719                                                                                    <li>
2720                                                <a
2721            wire:navigate href="https://beatfm.nl/jingles"
2722    
2723    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"
2724>
2725    Jingles
2726</a>
2727                                            </li>
2728                                                                                    <li>
2729                                                <a
2730            wire:navigate href="https://beatfm.nl/roadshow"
2731    
2732    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"
2733>
2734    Roadshow
2735</a>
2736                                            </li>
2737                                                                                    <li>
2738                                                <a
2739            wire:navigate href="https://beatfm.nl/radio/gemist/radio-gemist"
2740    
2741    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"
2742>
2743    Radio gemist
2744</a>
2745                                            </li>
2746                                                                            </ul>
2747                                                            </li>
2748                            <hr class="border-surface-light-3 mt-2">
2749                                                                                                <li x-data="{ isOpen: true }">
2750                                                                    <div class="w-full flex justify-between items-center p-2 rounded-lg transition !bg-transparent hover:!bg-transparent hover:text-brand-secondary">
2751                                        <a wire:navigate href="https://beatfm.nl/televisie/gemist/televisie-gemist" class="flex-grow">
2752                                            <span class="text-lg font-bold font-roboto-condensed">Televisie</span>
2753                                        </a>
2754                                        <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">
2755                                            <i class="fa-solid fa-chevron-up transition-transform duration-200" :class="{ 'rotate-180': !isOpen }"></i>
2756                                        </button>
2757                                    </div>
2758
2759                                    <ul x-show="isOpen" x-transition class="px-3 pt-2 space-y-2">
2760                                                                                    <li>
2761                                                <a
2762            wire:navigate href="https://beatfm.nl/televisie/gids"
2763    
2764    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"
2765>
2766    Televisiegids
2767</a>
2768                                            </li>
2769                                                                                    <li>
2770                                                <a
2771            wire:navigate href="https://beatfm.nl/televisie/gemist/televisie-gemist"
2772    
2773    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"
2774>
2775    Televisie gemist
2776</a>
2777                                            </li>
2778                                                                            </ul>
2779                                                            </li>
2780                            <hr class="border-surface-light-3 mt-2">
2781                                                                                                <li x-data="{ isOpen: true }">
2782                                                                    <a
2783            wire:navigate href="https://beatfm.nl/radio/gemist/radio-gemist"
2784    
2785    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"
2786>
2787    <span class="text-lg font-bold font-roboto-condensed">Gemist</span>
2788</a>
2789                                                            </li>
2790                            <hr class="border-surface-light-3 mt-2">
2791                                                                                                <li x-data="{ isOpen: true }">
2792                                                                    <div class="w-full flex justify-between items-center p-2 rounded-lg transition !bg-transparent hover:!bg-transparent hover:text-brand-secondary">
2793                                        <a wire:navigate href="https://beatfm.nl/a" class="flex-grow">
2794                                            <span class="text-lg font-bold font-roboto-condensed">Artiesten</span>
2795                                        </a>
2796                                        <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">
2797                                            <i class="fa-solid fa-chevron-up transition-transform duration-200" :class="{ 'rotate-180': !isOpen }"></i>
2798                                        </button>
2799                                    </div>
2800
2801                                    <ul x-show="isOpen" x-transition class="px-3 pt-2 space-y-2">
2802                                                                                    <li>
2803                                                <a
2804            wire:navigate href="https://beatfm.nl/a"
2805    
2806    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"
2807>
2808    A
2809</a>
2810                                            </li>
2811                                                                                    <li>
2812                                                <a
2813            wire:navigate href="https://beatfm.nl/b"
2814    
2815    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"
2816>
2817    B
2818</a>
2819                                            </li>
2820                                                                                    <li>
2821                                                <a
2822            wire:navigate href="https://beatfm.nl/c"
2823    
2824    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"
2825>
2826    C
2827</a>
2828                                            </li>
2829                                                                                    <li>
2830                                                <a
2831            wire:navigate href="https://beatfm.nl/d"
2832    
2833    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"
2834>
2835    D
2836</a>
2837                                            </li>
2838                                                                                    <li>
2839                                                <a
2840            wire:navigate href="https://beatfm.nl/e"
2841    
2842    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"
2843>
2844    E
2845</a>
2846                                            </li>
2847                                                                                    <li>
2848                                                <a
2849            wire:navigate href="https://beatfm.nl/f"
2850    
2851    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"
2852>
2853    F
2854</a>
2855                                            </li>
2856                                                                                    <li>
2857                                                <a
2858            wire:navigate href="https://beatfm.nl/g"
2859    
2860    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"
2861>
2862    G
2863</a>
2864                                            </li>
2865                                                                                    <li>
2866                                                <a
2867            wire:navigate href="https://beatfm.nl/h"
2868    
2869    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"
2870>
2871    H
2872</a>
2873                                            </li>
2874                                                                                    <li>
2875                                                <a
2876            wire:navigate href="https://beatfm.nl/i"
2877    
2878    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"
2879>
2880    I
2881</a>
2882                                            </li>
2883                                                                                    <li>
2884                                                <a
2885            wire:navigate href="https://beatfm.nl/j"
2886    
2887    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"
2888>
2889    J
2890</a>
2891                                            </li>
2892                                                                                    <li>
2893                                                <a
2894            wire:navigate href="https://beatfm.nl/k"
2895    
2896    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"
2897>
2898    K
2899</a>
2900                                            </li>
2901                                                                                    <li>
2902                                                <a
2903            wire:navigate href="https://beatfm.nl/l"
2904    
2905    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"
2906>
2907    L
2908</a>
2909                                            </li>
2910                                                                                    <li>
2911                                                <a
2912            wire:navigate href="https://beatfm.nl/m"
2913    
2914    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"
2915>
2916    M
2917</a>
2918                                            </li>
2919                                                                                    <li>
2920                                                <a
2921            wire:navigate href="https://beatfm.nl/n"
2922    
2923    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"
2924>
2925    N
2926</a>
2927                                            </li>
2928                                                                                    <li>
2929                                                <a
2930            wire:navigate href="https://beatfm.nl/o"
2931    
2932    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"
2933>
2934    O
2935</a>
2936                                            </li>
2937                                                                                    <li>
2938                                                <a
2939            wire:navigate href="https://beatfm.nl/p"
2940    
2941    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"
2942>
2943    P
2944</a>
2945                                            </li>
2946                                                                                    <li>
2947                                                <a
2948            wire:navigate href="https://beatfm.nl/q"
2949    
2950    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"
2951>
2952    Q
2953</a>
2954                                            </li>
2955                                                                                    <li>
2956                                                <a
2957            wire:navigate href="https://beatfm.nl/r"
2958    
2959    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"
2960>
2961    R
2962</a>
2963                                            </li>
2964                                                                                    <li>
2965                                                <a
2966            wire:navigate href="https://beatfm.nl/s"
2967    
2968    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"
2969>
2970    S
2971</a>
2972                                            </li>
2973                                                                                    <li>
2974                                                <a
2975            wire:navigate href="https://beatfm.nl/t"
2976    
2977    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"
2978>
2979    T
2980</a>
2981                                            </li>
2982                                                                                    <li>
2983                                                <a
2984            wire:navigate href="https://beatfm.nl/u"
2985    
2986    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"
2987>
2988    U
2989</a>
2990                                            </li>
2991                                                                                    <li>
2992                                                <a
2993            wire:navigate href="https://beatfm.nl/v"
2994    
2995    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"
2996>
2997    V
2998</a>
2999                                            </li>
3000                                                                                    <li>
3001                                                <a
3002            wire:navigate href="https://beatfm.nl/w"
3003    
3004    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"
3005>
3006    W
3007</a>
3008                                            </li>
3009                                                                                    <li>
3010                                                <a
3011            wire:navigate href="https://beatfm.nl/nieuws"
3012    
3013    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"
3014>
3015    X
3016</a>
3017                                            </li>
3018                                                                                    <li>
3019                                                <a
3020            wire:navigate href="https://beatfm.nl/y"
3021    
3022    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"
3023>
3024    Y
3025</a>
3026                                            </li>
3027                                                                                    <li>
3028                                                <a
3029            wire:navigate href="https://beatfm.nl/z"
3030    
3031    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-backgro
3031und="no-background"
3032>
3033    Z
3034</a>
3035                                            </li>
3036                                                                            </ul>
3037                                                            </li>
3038                            <hr class="border-surface-light-3 mt-2">
3039                                                                                                <li x-data="{ isOpen: true }">
3040                                                                    <div class="w-full flex justify-between items-center p-2 rounded-lg transition !bg-transparent hover:!bg-transparent hover:text-brand-secondary">
3041                                        <a wire:navigate href="https://beatfm.nl/beat" class="flex-grow">
3042                                            <span class="text-lg font-bold font-roboto-condensed">BEAT</span>
3043                                        </a>
3044                                        <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">
3045                                            <i class="fa-solid fa-chevron-up transition-transform duration-200" :class="{ 'rotate-180': !isOpen }"></i>
3046                                        </button>
3047                                    </div>
3048
3049                                    <ul x-show="isOpen" x-transition class="px-3 pt-2 space-y-2">
3050                                                                                    <li>
3051                                                <a
3052            wire:navigate href="https://beatfm.nl/beat/wij"
3053    
3054    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"
3055>
3056    Wij
3057</a>
3058                                            </li>
3059                                                                                    <li>
3060                                                <a
3061            wire:navigate href="https://beatfm.nl/beat/geschiedenis"
3062    
3063    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"
3064>
3065    Geschiedenis
3066</a>
3067                                            </li>
3068                                                                                    <li>
3069                                                <a
3070            wire:navigate href="https://beatfm.nl/beat/contact"
3071    
3072    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"
3073>
3074    Contact
3075</a>
3076                                            </li>
3077                                                                                    <li>
3078                                                <a
3079            wire:navigate href="https://beatfm.nl/beat/informatie"
3080    
3081    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"
3082>
3083    Informatie
3084</a>
3085                                            </li>
3086                                                                                    <li>
3087                                                <a
3088            wire:navigate href="https://beatfm.nl/beat/adverteren"
3089    
3090    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"
3091>
3092    Adverteren
3093</a>
3094                                            </li>
3095                                                                            </ul>
3096                                                            </li>
3097                            <hr class="border-surface-light-3 mt-2">
3098                                                                        </ul>
3099        </nav>
3100    </div>
3101
3102    
3103    
3104    
3105    <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);">
3106                                    <div class="flex items-center h-[68px] justify-center text-center w-1/5 text-text-secondary relative hover:text-brand-secondary">
3107                    <a
3108            wire:navigate href="https://beatfm.nl/nieuws"
3109    
3110    class="transition w-full h-full flex flex-col gap-y-2.5 justify-center border-t-2 items-center border-t-brand-secondary text-brand-secondary"
3111>
3112    <i class="fa-solid fa-newspaper text-base h-4"></i>
3113                        <span class="text-xs font-bold">Nieuws</span>
3114</a>
3115                </div>
3116                            <div class="flex items-center h-[68px] justify-center text-center w-1/5 text-text-secondary relative hover:text-brand-secondary">
3117                    <a
3118            wire:navigate href="https://beatfm.nl/radio/gemist/radio-gemist"
3119    
3120    class="transition w-full h-full flex flex-col gap-y-2.5 justify-center border-t-2 items-center border-t-transparent"
3121>
3122    <i class="fa-solid fa-radio text-base h-4"></i>
3123                        <span class="text-xs font-bold">Radio gemist</span>
3124</a>
3125                </div>
3126                            <div class="flex items-center h-[68px] justify-center text-center w-1/5 text-text-secondary relative hover:text-brand-secondary">
3127                    <a
3128            wire:navigate href="https://beatfm.nl/televisie/gemist/televisie-gemist"
3129    
3130    class="transition w-full h-full flex flex-col gap-y-2.5 justify-center border-t-2 items-center border-t-transparent"
3131>
3132    <i class="fa-solid fa-tv text-base h-4"></i>
3133                        <span class="text-xs font-bold">TV gemist</span>
3134</a>
3135                </div>
3136                            <div class="flex items-center h-[68px] justify-center text-center w-1/5 text-text-secondary relative hover:text-brand-secondary">
3137            <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">
3138                <i class="fa-solid fa-bars text-base h-4"></i>
3139                <span class="text-xs font-bold">Menu</span>
3140            </button>
3141        </div>
3142    </nav>
3143</div>
3144
3145<div x-persist="radio-player">
3146    <div wire:key="lw-2254710295-0-5-4-0" wire:snapshot="{&quot;data&quot;:[],&quot;memo&quot;:{&quot;id&quot;:&quot;wgOvxykVQRm4UtRJYvaN&quot;,&quot;name&quot;:&quot;components.radio-player&quot;,&quot;path&quot;:&quot;nieuws&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;6d0f0b60406ffbc035ca1df061bf2571dc3eafc421f6301bee493cbd982b9b78&quot;}" wire:effects="[]" wire:id="wgOvxykVQRm4UtRJYvaN" wire:name="components.radio-player">
3147    <div wire:poll.60000ms="getProgramName">
3148
3149        <div
3150            x-data="{
3151                volumeBeforeMute: 1,
3152                setupAndPlay() {
3153                    // Deze functie wordt alleen de eerste keer uitgevoerd.
3154                    if (this.$store.radio.initialized || !'https:\/\/radioheiloo.nl:7443\/bfm1') return;
3155
3156                    let radioStore = this.$store.radio;
3157
3158                    // 1. Maak het Audio-object aan en laad de stream.
3159                    radioStore.audio = new Audio('https:\/\/radioheiloo.nl:7443\/bfm1');
3160
3161                    // 2. Stel de watchers in voor TOEKOMSTIGE interacties.
3162                    this.$watch('$store.radio.playing', isPlaying => {
3163                        if (isPlaying) {
3164                            radioStore.audio.play().catch(e => console.error('Audio play failed:', e));
3165                        } else {
3166                            radioStore.audio.pause();
3167                        }
3168                    });
3169
3170                    this.$watch('$store.radio.volume', newVolume => {
3171                        radioStore.audio.volume = newVolume;
3172                        localStorage.setItem('radioPlayerVolume', newVolume);
3173                    });
3174
3175                    this.$watch('$store.radio.isMinimized', isMinimized => localStorage.setItem('radioPlayerMinimized', isMinimized));
3176
3177                    // 3. Pas de initiële instellingen toe.
3178                    radioStore.audio.volume = radioStore.volume;
3179                    radioStore.initialized = true;
3180
3181                    // AANGEPAST: Speel de audio nu DIRECT af.
3182                    // Omdat setupAndPlay() wordt aangeroepen als direct gevolg van een gebruikersklik, is dit toegestaan.
3183                    // We controleren of de status 'playing' is, wat het geval is als deze functie wordt aangeroepen.
3184                    if (radioStore.playing) {
3185                        radioStore.audio.play().catch(e => {
3186                            console.error('Initial audio play failed:', e);
3187                            // Als het afspelen om een of andere reden toch mislukt, zet de status terug.
3188                            radioStore.playing = false;
3189                        });
3190                    }
3191                },
3192                togglePlay() {
3193                    if (!this.$store.radio.initialized) {
3194                        // playing moet true zijn vóór setupAndPlay(), anders wordt audio.play()
3195                        // overgeslagen en werkt pas de tweede klik (wanneer playing wordt getoggled).
3196                        this.$store.radio.playing = true;
3197                        this.setupAndPlay();
3198                    } else {
3199                        this.$store.radio.playing = !this.$store.radio.playing;
3200                    }
3201                },
3202                toggleMute() {
3203                    if (this.$store.radio.volume > 0) {
3204                        this.volumeBeforeMute = this.$store.radio.volume;
3205                        this.$store.radio.volume = 0;
3206                    } else {
3207                        this.$store.radio.volume = this.volumeBeforeMute > 0 ? this.volumeBeforeMute : 1;
3208                    }
3209                }
3210            }"
3211            @setup-radio.window="setupAndPlay()"
3212        >
3213            <div x-effect="document.body.classList.toggle('radio-maximized', !$store.radio.isMinimized && $store.radio.initialized)"></div>
3214            <div x-effect="document.body.classList.toggle('radio-minimized', $store.radio.isMinimized && $store.radio.initialized)"></div>
3215
3216            <div
3217                x-show="'https:\/\/radioheiloo.nl:7443\/bfm1'"
3218                x-transition:enter="transition ease-out duration-300"
3219                x-transition:enter-start="opacity-0"
3220                x-transition:enter-end="opacity-100"
3221                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"
3222                :class="{
3223                    'rounded-full lg:w-105.5 w-[calc(100%-16px)] h-[50px] shadow-lg bottom-20 lg:bottom-4': !$store.radio.isMinimized,
3224                    'rounded-full w-8 h-8 bottom-15 lg:-bottom-2 flex items-center justify-center': $store.radio.isMinimized
3225                }"
3226            >
3227                
3228                <div x-show="!$store.radio.isMinimized" x-transition class="flex items-center justify-between gap-4 p-2 w-full">
3229                    <div class="flex items-center gap-4 pl-1">
3230                        <button
3231                            @click="togglePlay()"
3232                            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"
3233                            :aria-label="$store.radio.playing ? 'Pauzeer radio' : 'Start radio'"
3234                            :title="$store.radio.initialized ? ($store.radio.playing ? 'Pauzeren' : 'Afspelen') : 'Afspelen'"
3235                        >
3236                            <i x-show="!$store.radio.playing" class="fa-solid fa-play"></i>
3237                            <i x-show="$store.radio.playing" class="fa-solid fa-pause"></i>
3238                        </button>
3239                        <div class="flex-shrink-0 font-roboto-condensed">
3240                            <div class="font-bold text-sm text-text-main leading-[normal]">Nu Live</div>
3241                            <div class="text-xs text-text-tertiary leading-[normal]">Night Beats</div>
3242                        </div>
3243                    </div>
3244                    <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">
3245                        <i class="fas fa-chevron-down text-sm"></i>
3246                    </button>
3247                    <div class="flex items-center gap-2 pr-1">
3248                        <button @click="toggleMute()" :title="$store.radio.volume > 0 ? 'Dempen' : 'Dempen opheffen'" class="w-6 flex items-center">
3249                            <i x-show="$store.radio.volume > 0" class="fas fa-volume-high text-base"></i>
3250                            <i x-show="$store.radio.volume == 0" class="fas fa-volume-mute text-base"></i>
3251                        </button>
3252                        <input
3253                            aria-label="Radio Player Volume"
3254                            type="range" min="0" max="1" step="0.01"
3255                            x-model.lazy="$store.radio.volume"
3256                            :disabled="!$store.radio.initialized"
3257                            class="w-24 h-1 accent-text-main disabled:opacity-40 disabled:cursor-not-allowed"
3258                        />
3259                    </div>
3260                </div>
3261                
3262                <button
3263                    x-show="$store.radio.isMinimized"
3264                    x-transition
3265                    @click="$store.radio.isMinimized = false"
3266                    class="w-8 h-8 cursor-pointer flex items-center justify-center bg-surface-medium-1 text-text-tertiary rounded-full"
3267                    aria-label="Open radioplayer" title="Open radioplayer"
3268                >
3269                    <i class="fas fa-chevron-up text-sm"></i>
3270                </button>
3271            </div>
3272        </div>
3273    </div>
3274
3275                </div>
3276</div>
3277
3278<div wire:key="lw-2254710295-1-5-4-0" wire:snapshot="{&quot;data&quot;:{&quot;showBanner&quot;:true,&quot;isOnCookiePage&quot;:false},&quot;memo&quot;:{&quot;id&quot;:&quot;K2p5qTHEcxVPJVMn7epp&quot;,&quot;name&quot;:&quot;components.cookie-consent&quot;,&quot;path&quot;:&quot;nieuws&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;c04042e0506e70b508dc99e1a8fb3528ad2f17a06d09d0981e6092193668aecf&quot;}" wire:effects="[]" wire:id="K2p5qTHEcxVPJVMn7epp" wire:name="components.cookie-consent">
3279    <!--[if BLOCK]><![endif]-->        <!--[if BLOCK]><![endif]-->            
3280            <div class="fixed inset-0 z-62 bg-black/50">
3281                <div
3282                    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"
3283                    x-data="{
3284                        shown: false,
3285                        init() {
3286                            this.$nextTick(() => { this.shown = true; });
3287                            document.body.classList.add('pb-17', 'md:pb-17');
3288                        },
3289                        destroy() {
3290                            document.body.classList.remove('pb-17', 'md:pb-17');
3291                        },
3292                        closeBanner() {
3293                            this.shown = false;
3294                            setTimeout(() => this.destroy(), 300);
3295                        }
3296                    }"
3297                    x-show="shown"
3298                    x-transition:enter="transition ease-out duration-300"
3299                    x-transition:enter-start="opacity-0 translate-y-4"
3300                    x-transition:enter-end="opacity-100 translate-y-0"
3301                    x-transition:leave="transition ease-in duration-200"
3302                    x-transition:leave-start="opacity-100 translate-y-0"
3303                    x-transition:leave-end="opacity-0 translate-y-4"
3304                >
3305                    <div class="container mx-auto flex flex-col md:flex-row md:items-center justify-between">
3306                        <p class="text-sm">
3307                            BeatFM maakt gebruik van Functionele en Analytische cookies voor website optimalisatie en statistieken.
3308                            <!--[if BLOCK]><![endif]-->                            <a wire:navigate href="https://beatfm.nl/meer-informatie-over-cookies" class="underline font-semibold hover:text-text-secondary">
3309                                Lees meer
3310                            </a>
3311                            <!--[if ENDBLOCK]><![endif]-->                        </p>
3312
3313                        <div class="flex items-center gap-x-6 mt-8 md:mt-0">
3314                            <button
3315                                @click="$wire.accept().then(() => closeBanner())"
3316                                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"
3317                            >
3318                                Sluiten
3319                            </button>
3320                        </div>
3321                    </div>
3322                </div>
3323            </div>
3324        <!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]--></div>
3325
3326<script src="https://beatfm.nl/vendor/livewire/livewire.min.js?id=8642c1d5"   data-csrf="WlSIMEBRnkkE1RxU7FxAer4R40Gu4xMXBAnUhAYZ" data-module-url="https://beatfm.nl/livewire-1a5019f0" data-update-uri="https://beatfm.nl/livewire-1a5019f0/update" data-navigate-once="true"></script>
3326
3327            
3327<script>
3328                document.addEventListener('alpine:init', () => {
3329                    if (!Alpine.store('radio')) {
3330                        Alpine.store('radio', {
3331                            initialized: false,
3332                            audio: null,
3333                            playing: false,
3334                            volume: parseFloat(localStorage.getItem('radioPlayerVolume')) || 1,
3335                            isMinimized: localStorage.getItem('radioPlayerMinimized') === 'true',
3336                            openAndPlay() {
3337                                this.isMinimized = false;
3338                                this.playing = true;
3339                            }
3340                        });
3341                    }
3342                });
3343            </script>
3343
3344        
3345</body>
3346
3347</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.