PageSourceSearch

https://beatfm.nl/nieuws

html beatfm.nl collected 2026-10-02 08:26:50 UTC 260,448 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=1790850667">
47        <link rel="icon" type="image/png" sizes="96x96" href="https://beatfm.nl/tenants/beatfm/favicons/favicon-96x96.png?v=1790850667">
48        <link rel="icon" type="image/svg+xml" href="https://beatfm.nl/tenants/beatfm/favicons/favicon.svg?v=1790850667">
49        <link rel="icon" type="image/x-icon" href="https://beatfm.nl/tenants/beatfm/favicons/favicon.ico?v=1790850667">
50        <link rel="manifest" href="https://beatfm.nl/tenants/beatfm/favicons/site.webmanifest?v=1790850667">
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="x-cloak"],[x-cloak=""] {display: none !important;}[wire\:cloak="wire:cloak"],[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=1790850667",
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=1790850667' : 'https://beatfm.nl/tenants/beatfm/logo-light.svg?v=1790850667'"
217                src="https://beatfm.nl/tenants/beatfm/logo-light.svg?v=1790850667"
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;ILZ5kOTH7WD2cJNQpk2n&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;5ab3eed763ecaedff35515bf7b9bf263752c730e5ff8374aa55781a7a565356b&quot;}" wire:effects="[]" wire:id="ILZ5kOTH7WD2cJNQpk2n" 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;cO2BmfNq7vBpIYhH6amV&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;tAEPhqDWjPQiyxFlWta9&quot;],&quot;banner-category_top_mobile&quot;:[&quot;div&quot;,&quot;G0ros3zc95qklkeea2QC&quot;],&quot;lw-71422695-2-1&quot;:[&quot;div&quot;,&quot;5hyN20EwYLxsGwzAXuUL&quot;],&quot;banner-category_middle&quot;:[&quot;div&quot;,&quot;9jYnbw64xqIW4ivPNHwM&quot;],&quot;banner-category_middle_mobile&quot;:[&quot;div&quot;,&quot;bhnspCqnaIUia2wSpkbo&quot;],&quot;banner-category_bottom&quot;:[&quot;div&quot;,&quot;t4C8fwvKwXGP4SybIFxl&quot;],&quot;banner-category_bottom_mobile&quot;:[&quot;div&quot;,&quot;5weyFKj4BYorTNm9PNly&quot;],&quot;banner-sidebar_top&quot;:[&quot;div&quot;,&quot;985jB7hDl4VIqMugmnq3&quot;],&quot;live-overview-component&quot;:[&quot;div&quot;,&quot;JaDnfDQXimXR4ow8kKdi&quot;],&quot;most-read-overview-component&quot;:[&quot;div&quot;,&quot;TKjoQaOw84Ev9kuXp4DR&quot;],&quot;weather-overview-component&quot;:[&quot;div&quot;,&quot;f8tz1ZdhLY0tAVftiXHX&quot;],&quot;banner-sidebar_middle&quot;:[&quot;div&quot;,&quot;9HqahHdtYQQwE2O7Ct07&quot;],&quot;banner-sidebar_bottom&quot;:[&quot;div&quot;,&quot;h1YuIeQfIEFvySmybBJA&quot;],&quot;banner-sidebar_bottom_4&quot;:[&quot;div&quot;,&quot;KlnGBIKHrPbAz5jbh4zz&quot;],&quot;banner-sidebar_bottom_5&quot;:[&quot;div&quot;,&quot;Zby8J1pV8pbnMOutHthy&quot;]},&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;nl&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;5ee51a307e0a966750dec09c72747b1842afffecb57d6fccf3d1e5202f2cbdf5&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;regionsUpdated&quot;]}" wire:id="cO2BmfNq7vBpIYhH6amV" 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/zondagmiddag-4-oktober-uitreiking-victoriefonds-cultuurprijzen-in-de-vest-in-alkmaar"
749        data-prepr-item-id="1571a446-9259-43c5-b889-ec2b9e34064f"
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/21nc8z337qnw-.jpg"
755                 alt="Zondagmiddag 4 oktober uitreiking Victoriefonds Cultuurprijzen in De Vest in Alkmaar"
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                    Zondagmiddag 4 oktober uitreiking Victoriefonds Cultuurprijzen in De Vest in Alkmaar
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            Zondagmiddag 4 oktober worden de Victoriefonds Cultuurprijzen uitgereikt!
774        </p>
775    </div>
776</a>
777                    <a
778            wire:navigate
779        href="https://beatfm.nl/nieuws/artikel/vragen-gemeentebelangen-heiloo-over-voorstel-uitbreiding-ypehove-met-20-nieuwe-koopappartementen"
780        data-prepr-item-id="c0153a5a-b981-4e3b-9d13-00c3a56ce5fb"
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/5qycvj9u5g4b/w_728,h_400/ypehove-12.jpg"
786                 alt="Vragen Gemeentebelangen Heiloo over voorstel uitbreiding Ypehove met 20 nieuwe koopappartementen"
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]--><!--[if ENDBLOCK]><![endif]-->                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </div>
796
797            <!--[if BLOCK]><![endif]-->                <h2 class="text-lg lg:text-[32px] font-bold line-clamp-2 leading-[normal] group-hover:underline">
798                    Vragen Gemeentebelangen Heiloo over voorstel uitbreiding Ypehove met 20 nieuwe koopappartementen
799                </h2>
800            <!--[if ENDBLOCK]><![endif]-->        </div>
801    </div>
802    <div class="p-6 flex-grow">
803        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <p class="text-text-main text-sm md:text-base font-montserrat line-clamp-2">
804            Gemeentebelangen Heiloo heeft naar aanleiding van het verzoek van het college om advies over het voorstel over uitbreiding van Ypehove met 20 nieuwe koopappartementen een aantal vragen gesteld.
805        </p>
806    </div>
807</a>
808        <!--[if ENDBLOCK]><![endif]-->    </section>
809
810    <div class="grid grid-cols-1 lg:grid-cols-[1fr_320px] gap-6">
811        <div class="space-y-3 lg:space-y-6 min-w-0">
812            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
813            
814            <!--[if BLOCK]><![endif]-->                <section>
815                    <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6">
816                        <!--[if BLOCK]><![endif]-->                            <a
817            wire:navigate
818        href="https://beatfm.nl/nieuws/artikel/comeback-louise-korthals-in-het-theater-in-alkmaar"
819        data-prepr-item-id="c62f5ba5-51fa-45db-aafe-5090092ed34e"
820    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">
821
822    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
823        <!--[if BLOCK]><![endif]-->            <img src="https://195j60ch0d7d.b-cdn.net/w_728,h_400/210i8d6y0rw0-.jpg"
824                 alt="Comeback Louise Korthals in het theater in Alkmaar"
825                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
826        <!--[if ENDBLOCK]><![endif]-->
827        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
828        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
829            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
830            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
831            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
832            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
833            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
834    </div>
835
836    <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">
837        <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">
838            Comeback Louise Korthals in het theater in Alkmaar
839        </h3>
840        <p class="line-clamp-3 font-montserrat max-md:hidden">
841            Met ‘Korthals in stukken’ maakte Louise Korthals afgelopen seizoen een geweldige comeback.
842        </p>
843    </div>
844</a>
845                                                    <a
846            wire:navigate
847        href="https://beatfm.nl/nieuws/artikel/alkmaar-deelt-gratis-vleermuizenkasten-uit"
848        data-prepr-item-id="f9f02567-1445-4f7f-89fe-ccadc1cdd0cb"
849    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">
850
851    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
852        <!--[if BLOCK]><![endif]-->            <img src="https://195j60ch0d7d.b-cdn.net/w_728,h_400/2acwppinv1g
8520-.jpg"
853                 alt="Alkmaar deelt gratis vleermuizenkasten uit"
854                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
855        <!--[if ENDBLOCK]><![endif]-->
856        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
857        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
858            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
859            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
860            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
861            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
862            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
863    </div>
864
865    <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">
866        <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">
867            Alkmaar deelt gratis vleermuizenkasten uit
868        </h3>
869        <p class="line-clamp-3 font-montserrat max-md:hidden">
870            Alkmaar deelt 100 vleermuizenkasten uit rond Dierendag.
871        </p>
872    </div>
873</a>
874                                                    <a
875            wire:navigate
876        href="https://beatfm.nl/nieuws/artikel/lange-file-op-a9-vanaf-knooppunt-kooimeer-in-alkmaar-door-ongeluk"
877        data-prepr-item-id="34d1a3ee-7065-4814-8772-07cfd4f3b644"
878    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">
879
880    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
881        <!--[if BLOCK]><![endif]-->            <img src="https://195j60ch0d7d.b-cdn.net/w_728,h_400/buq1f5al6uk-.jpg"
882                 alt="Lange file op A9 vanaf knooppunt Kooimeer in Alkmaar door ongeluk"
883                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
884        <!--[if ENDBLOCK]><![endif]-->
885        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
886        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
887            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
888            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
889            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
890            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
891            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
892    </div>
893
894    <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">
895        <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">
896            Lange file op A9 vanaf knooppunt Kooimeer in Alkmaar door ongeluk
897        </h3>
898        <p class="line-clamp-3 font-montserrat max-md:hidden">
899            Op de A9 richting Amsterdam staat er donderdagmorgen tussen knooppunt Kooimeer en knooppunt Rottepolderplein rond 9.00 uur 21 kilometer file.
900        </p>
901    </div>
902</a>
903                                                    <a
904            wire:navigate
905        href="https://beatfm.nl/nieuws/artikel/basisschool-meander-in-heiloo-bakt-1400-bij-elkaar"
906        data-prepr-item-id="89386667-6d58-405f-b737-08be6927b636"
907    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">
908
909    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
910        <!--[if BLOCK]><![endif]-->            <img src="https://195j60ch0d7d.b-cdn.net/w_728,h_400/6069pw35dqbp-.jpg"
911                 alt="Basisschool Meander in Heiloo bakt € 1.400 bij elkaar voor goed doel"
912                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
913        <!--[if ENDBLOCK]><![endif]-->
914        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
915        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
916            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
917            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
918            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
919            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
920            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
921    </div>
922
923    <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">
924        <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">
925            Basisschool Meander in Heiloo bakt € 1.400 bij elkaar voor goed doel
926        </h3>
927        <p class="line-clamp-3 font-montserrat max-md:hidden">
928            Leerlingen van basisschool Meander in Heiloo hebben meegedaan aan KlasBakken met Dr. Oetker voor Stichting Jarige Job.
929        </p>
930    </div>
931</a>
932                                                    <a
933            wire:navigate
934        href="https://beatfm.nl/nieuws/artikel/alle-evenementen-en-voorstellingen-in-heiloo-en-de-regio-alkmaar-in-online-agenda-betfm2"
935        data-prepr-item-id="e68d5de0-449d-4423-b908-dc82847f43f8"
936    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">
937
938    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
939        <!--[if BLOCK]><![endif]-->            <img src="https://195j60ch0d7d.b-cdn.net/1bcf6meyu9lo/w_728,h_400/agenda-okt.jpg"
940                 alt="Alle evenementen en voorstellingen in Heiloo en de regio Alkmaar in online agenda BE@TFM"
941                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
942        <!--[if ENDBLOCK]><![endif]-->
943        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
944        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
945            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
946            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
947            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
948            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
949            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
950    </div>
951
952    <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">
953        <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">
954            Alle evenementen en voorstellingen in Heiloo en de regio Alkmaar in online agenda BE@TFM
955        </h3>
956        <p class="line-clamp-3 font-montserrat max-md:hidden">
957            In de online agenda van BE@TFM zijn alle evenementen en voorstellingen in Heiloo en de regio Alkmaar terug te vinden.
958        </p>
959    </div>
960</a>
961                                                    <a
962            wire:navigate
963        href="https://beatfm.nl/nieuws/artikel/overal-in-de-stad-muziek-tijdens-alkmaar-live-fotos-video"
964        data-prepr-item-id="1b5ef6d1-f394-48ee-ac20-5c719bcf64b1"
965    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">
966
967    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
968        <!--[if BLOCK]><![endif]-->            <img src="https://195j60ch0d7d.b-cdn.net/7blzneky46cd/w_728,h_400/alkmaar-live-2026-2-ringersplein.jpg"
969                 alt="Overal in de stad muziek tijdens Alkmaar Live [FOTO&#039;S &amp; VIDEO]"
970                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
971        <!--[if ENDBLOCK]><![endif]-->
972        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
973        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
974            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
975            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
976            <!--[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">
977    <i class="fa-solid fa-video"></i>
978</span>
979            <!--[if ENDBLOCK]><![endif]-->
980            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
981            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
982    </div>
983
984    <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">
985        <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">
986            Overal in de stad muziek tijdens Alkmaar Live [FOTO&#039;S &amp; VIDEO]
987        </h3>
988        <p class="line-clamp-3 font-montserrat max-md:hidden">
989            In het lange weekend van 25, 26 en 27 september 2026 was er Alkmaar Live. Overal in de stad waren er live optredens, waaronder Ju Ju Junction, Dewi en Anna, Efvy, Carousel en H!er!.
990        </p>
991    </div>
992</a>
993                        <!--[if ENDBLOCK]><![endif]-->                    </div>
994                </section>
995
996                
997                <div class="hidden lg:block">
998                    <div wire:key="banner-category_top" wire:snapsh
998ot="{&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;tAEPhqDWjPQiyxFlWta9&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;83a64615800b4a4560bdd858cfb9afe21a2baafa3c47b8ad37643a1df7fa5060&quot;}" wire:effects="[]" wire:id="tAEPhqDWjPQiyxFlWta9" wire:name="components.banner">
999<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
1000
1001                </div>
1002                <div class="lg:hidden">
1003                    <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;G0ros3zc95qklkeea2QC&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;c092f84ae49fef082a8cae6d60405f25369ba7aaff65e8b7a70072d37ba4d24e&quot;}" wire:effects="[]" wire:id="G0ros3zc95qklkeea2QC" wire:name="components.banner">
1004<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
1005
1006                </div>
1007            <!--[if ENDBLOCK]><![endif]-->
1008            
1009            
1010            <div wire:key="lw-71422695-2-1" wire:snapshot="{&quot;data&quot;:[],&quot;memo&quot;:{&quot;id&quot;:&quot;5hyN20EwYLxsGwzAXuUL&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;3cd7910cf670584a0838bd887ba61ee3a8681acc68cccce48bb1eb025c0ce6f7&quot;}" wire:effects="[]" wire:id="5hyN20EwYLxsGwzAXuUL" wire:name="components.video-overview" x-data="{
1011    ...videoModalComponent(JSON.parse('[{\u0022title\u0022:\u0022Overal in de stad muziek tijdens Alkmaar Live (1 oktober 2026)\u0022,\u0022short_title\u0022:\u0022Overal in de stad muziek tijdens Alkmaar Live (1 oktober 2026)\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/5a00bgm8fnm8-overal-in-de-stad-muziek-tijdens-alkmaar-live-1-oktober-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/5a00bgm8fnm8-overal-in-de-stad-muziek-tijdens-alkmaar-live-1-oktober-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/5a00bgm8fnm8-overal-in-de-stad-muziek-tijdens-alkmaar-live-1-oktober-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/5a00bgm8fnm8-overal-in-de-stad-muziek-tijdens-alkmaar-live-1-oktober-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/5a00bgm8fnm8-overal-in-de-stad-muziek-tijdens-alkmaar-live-1-oktober-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/5a00bgm8fnm8-overal-in-de-stad-muziek-tijdens-alkmaar-live-1-oktober-2026_360.mp4\u0022,\u0022duration\u0022:\u002204:19\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Overal in de stad muziek tijdens Alkmaar Live (1 oktober 2026)\u0022},{\u0022title\u0022:\u0022CrossTown festival in Alkmaar trekt veel publiek (30 september 2026)\u0022,\u0022short_title\u0022:\u0022CrossTown festival in Alkmaar trekt veel publiek (29 september 2026)\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/7a28a8aoe14m-crosstown-festival-in-alkmaar-trekt-veel-publiek-29-september-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/7a28a8aoe14m-crosstown-festival-in-alkmaar-trekt-veel-publiek-29-september-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/7a28a8aoe14m-crosstown-festival-in-alkmaar-trekt-veel-publiek-29-september-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/7a28a8aoe14m-crosstown-festival-in-alkmaar-trekt-veel-publiek-29-september-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/7a28a8aoe14m-crosstown-festival-in-alkmaar-trekt-veel-publiek-29-september-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/7a28a8aoe14m-crosstown-festival-in-alkmaar-trekt-veel-publiek-29-september-2026_360.mp4\u0022,\u0022duration\u0022:\u002202:04\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022}
1011,\u0022display_title\u0022:\u0022CrossTown festival in Alkmaar trekt veel publiek (29 september 2026)\u0022},{\u0022title\u0022:\u0022Veel deelnemers zonnige 9e editie Bergermeerrun 2026 (29 september 2026)\u0022,\u0022short_title\u0022:\u0022Veel deelnemers zonnige 9e editie Bergermeerrun 2026 (30 september 2026)\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/18xkeeyi6rnx-veel-deelnemers-zonnige-negende-editie-bergermeerrun-2026-29-september-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/18xkeeyi6rnx-veel-deelnemers-zonnige-negende-editie-bergermeerrun-2026-29-september-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/18xkeeyi6rnx-veel-deelnemers-zonnige-negende-editie-bergermeerrun-2026-29-september-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/18xkeeyi6rnx-veel-deelnemers-zonnige-negende-editie-bergermeerrun-2026-29-september-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/18xkeeyi6rnx-veel-deelnemers-zonnige-negende-editie-bergermeerrun-2026-29-september-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/18xkeeyi6rnx-veel-deelnemers-zonnige-negende-editie-bergermeerrun-2026-29-september-2026_360.mp4\u0022,\u0022duration\u0022:\u002202:56\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022}
1011,\u0022display_title\u0022:\u0022Veel deelnemers zonnige 9e editie Bergermeerrun 2026 (30 september 2026)\u0022},{\u0022title\u0022:\u0022Buitenbad Zwembad Hoornse Vaart voor allerlaatste keer open (28 september 2026)\u0022,\u0022short_title\u0022:\u0022Buitenbad Zwembad Hoornse Vaart voor allerlaatste keer open (28 september 2026)\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/2vioo7aedv2f-buitenbad-zwembad-hoornse-vaart-voor-allerlaatste-keer-open-28-september-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/2vioo7aedv2f-buitenbad-zwembad-hoornse-vaart-voor-allerlaatste-keer-open-28-september-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/2vioo7aedv2f-buitenbad-zwembad-hoornse-vaart-voor-allerlaatste-keer-open-28-september-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/2vioo7aedv2f-buitenbad-zwembad-hoornse-vaart-voor-allerlaatste-keer-open-28-september-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/2vioo7aedv2f-buitenbad-zwembad-hoornse-vaart-voor-allerlaatste-keer-open-28-september-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/2vioo7aedv2f-buitenbad-zwembad-hoornse-vaart-voor-allerlaatste-keer-open-28-september-2026_360.mp4\u0022,\u0022duration\u0022:\u002201:39\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Buitenbad Zwembad Hoornse Vaart voor allerlaatste keer open (28 september 2026)\u0022},{\u0022title\u0022:\u0022Afsluiting Vredesweken in Grote Kerk Alkmaar met zangworkshop en burgemeester (28 september 2026)\u0022,\u0022short_title\u0022:\u0022Afsluiting Vredesweken in Grote Kerk Alkmaar met zangworkshop en burgemeester (28 september 2026)\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/26fvzlkoe9hw-afsluiting-vredesweken-in-grote-kerk-alkmaar-met-zangworkshop-en-burgemeester-28-september-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/26fvzlkoe9hw-afsluiting-vredesweken-in-grote-kerk-alkmaar-met-zangworkshop-en-burgemeester-28-september-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/26fvzlkoe9hw-afsluiting-vredesweken-in-grote-kerk-alkmaar-met-zangworkshop-en-burgemeester-28-september-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/26fvzlkoe9hw-afsluiting-vredesweken-in-grote-kerk-alkmaar-met-zangworkshop-en-burgemeester-28-september-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/26fvzlkoe9hw-afsluiting-vredesweken-in-grote-kerk-alkmaar-met-zangworkshop-en-burgemeester-28-september-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/26fvzlkoe9hw-afsluiting-vredesweken-in-grote-kerk-alkmaar-met-zangworkshop-en-burgemeester-28-september-2026_360.mp4\u0022,\u0022duration\u0022:\u002207:18\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Afsluiting Vredesweken in Grote Kerk Alkmaar met zangworkshop en burgemeester (28 september 2026)\u0022},{\u0022title\u0022:\u0022Volle Museumnacht Alkmaar mix van kunst, muziek en onverwachte ontmoetingen (27 september 2026)\u0022,\u0022short_title\u0022:\u0022Volle Museumnacht Alkmaar mix van kunst, muziek en onverwachte ontmoetingen (27 september 2026)\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/79ahdwyux4qz-volle-museumnacht-alkmaar-mix-van-kunst-muziek-en-onverwachte-ontmoetingen-27-september-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/79ahdwyux4qz-volle-museumnacht-alkmaar-mix-van-kunst-muziek-en-onverwachte-ontmoetingen-27-september-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/79ahdwyux4qz-volle-museumnacht-alkmaar-mix-van-kunst-muziek-en-onverwachte-ontmoetingen-27-september-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/79ahdwyux4qz-volle-museumnacht-alkmaar-mix-van-kunst-muziek-en-onverwachte-ontmoetingen-27-september-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/79ahdwyux4qz-volle-museumnacht-alkmaar-mix-van-kunst-muziek-en-onverwachte-ontmoetingen-27-september-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/79ahdwyux4qz-volle-museumnacht-alkmaar-mix-van-kunst-muziek-en-onverwachte-ontmoetingen-27-september-2026_360.mp4\u0022,\u0022duration\u0022:\u002206:04\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022}
1011,\u0022display_title\u0022:\u0022Volle Museumnacht Alkmaar mix van kunst, muziek en onverwachte ontmoetingen (27 september 2026)\u0022},{\u0022title\u0022:\u0022Drukte in Langestraat vanwege 100 jaar HEMA en Week tegen Eenzaamheid\u0022,\u0022short_title\u0022:\u0022Drukte in Langestraat vanwege 100 jaar HEMA en Week tegen Eenzaamheid\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/vub3b3cgob8-drukte-in-langestraat-vanwege-100-jaar-hema-en-week-tegen-eenzaamheid-26-september-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/vub3b3cgob8-drukte-in-langestraat-vanwege-100-jaar-hema-en-week-tegen-eenzaamheid-26-september-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/vub3b3cgob8-drukte-in-langestraat-vanwege-100-jaar-hema-en-week-tegen-eenzaamheid-26-september-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/vub3b3cgob8-drukte-in-langestraat-vanwege-100-jaar-hema-en-week-tegen-eenzaamheid-26-september-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/vub3b3cgob8-drukte-in-langestraat-vanwege-100-jaar-hema-en-week-tegen-eenzaamheid-26-september-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/vub3b3cgob8-drukte-in-langestraat-vanwege-100-jaar-hema-en-week-tegen-eenzaamheid-26-september-2026_360.mp4\u0022,\u0022duration\u0022:\u002201:15\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Drukte in Langestraat vanwege 100 jaar HEMA en Week tegen Eenzaamheid\u0022},{\u0022title\u0022:\u0022KNUS markten breiden uit naar Heiloo met succesvolle editie bij winkelcentrum Het Loo (26 september 2026)\u0022,\u0022short_title\u0022:\u0022KNUS markten breiden uit naar Heiloo met succesvolle editie bij winkelcentrum Het loo (26 september 2026)\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/2n9a8x8qhg90-knus-vintagemarkt-het-loo-heiloo-26-september-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/2n9a8x8qhg90-knus-vintagemarkt-het-loo-heiloo-26-september-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/2n9a8x8qhg90-knus-vintagemarkt-het-loo-heiloo-26-september-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/2n9a8x8qhg90-knus-vintagemarkt-het-loo-heiloo-26-september-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/2n9a8x8qhg90-knus-vintagemarkt-het-loo-heiloo-26-september-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/2n9a8x8qhg90-knus-vintagemarkt-het-loo-heiloo-26-september-2026_360.mp4\u0022,\u0022duration\u0022:\u002201:34\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022KNUS markten breiden uit naar Heiloo met succesvolle editie bij winkelcentrum Het loo (26 september 2026)\u0022},{\u0022title\u0022:\u0022Persoon zwaargewond bij brand in appartementencomplex Broek op Langedijk (26 september 2026)\u0022,\u0022short_title\u0022:\u0022Persoon zwaargewond bij brand in appartementencomplex Broek op Langedijk (26 september 2026)\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/1d355s0m23n6-persoon-zwaargewond-bij-brand-in-appartementencomplex-broek-op-langedijk-26-september-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/1d355s0m23n6-persoon-zwaargewond-bij-brand-in-appartementencomplex-broek-op-langedijk-26-september-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/1d355s0m23n6-persoon-zwaargewond-bij-brand-in-appartementencomplex-broek-op-langedijk-26-september-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/1d355s0m23n6-persoon-zwaargewond-bij-brand-in-appartementencomplex-broek-op-langedijk-26-september-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/1d355s0m23n6-persoon-zwaargewond-bij-brand-in-appartementencomplex-broek-op-langedijk-26-september-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/1d355s0m23n6-persoon-zwaargewond-bij-brand-in-appartementencomplex-broek-op-langedijk-26-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}
1011,\u0022display_title\u0022:\u0022Persoon zwaargewond bij brand in appartementencomplex Broek op Langedijk (26 september 2026)\u0022},{\u0022title\u0022:\u0022Drie mensen gewond bij ernstig verkeersongeval op Hoeverweg bij Egmond (25 september 2026)\u0022,\u0022short_title\u0022:\u0022Drie mensen gewond bij ernstig verkeersongeval op Hoeverweg bij Egmond (25 september 2026)\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/13vund000cdz-drie-mensen-gewond-bij-ernstig-verkeersongeval-op-hoeverweg-bij-egmond-25-september-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/13vund000cdz-drie-mensen-gewond-bij-ernstig-verkeersongeval-op-hoeverweg-bij-egmond-25-september-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/13vund000cdz-drie-mensen-gewond-bij-ernstig-verkeersongeval-op-hoeverweg-bij-egmond-25-september-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/13vund000cdz-drie-mensen-gewond-bij-ernstig-verkeersongeval-op-hoeverweg-bij-egmond-25-september-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/13vund000cdz-drie-mensen-gewond-bij-ernstig-verkeersongeval-op-hoeverweg-bij-egmond-25-september-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/13vund000cdz-drie-mensen-gewond-bij-ernstig-verkeersongeval-op-hoeverweg-bij-egmond-25-september-2026_360.mp4\u0022,\u0022duration\u0022:\u002200:42\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Drie mensen gewond bij ernstig verkeersongeval op Hoeverweg bij Egmond (25 september 2026)\u0022},{\u0022title\u0022:\u0022Zwembad De Hoornse Vaart ontruimd na brandmelding (25 september 2026)\u0022,\u0022short_title\u0022:\u0022Zwembad De Hoornse Vaart ontruimd na brandmelding (25 september 2026)\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/30nned5jxn83-zwembad-de-hoornse-vaart-ontruimd-na-brandmelding-25-setember-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/30nned5jxn83-zwembad-de-hoornse-vaart-ontruimd-na-brandmelding-25-setember-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/30nned5jxn83-zwembad-de-hoornse-vaart-ontruimd-na-brandmelding-25-setember-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/30nned5jxn83-zwembad-de-hoornse-vaart-ontruimd-na-brandmelding-25-setember-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/30nned5jxn83-zwembad-de-hoornse-vaart-ontruimd-na-brandmelding-25-setember-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/30nned5jxn83-zwembad-de-hoornse-vaart-ontruimd-na-brandmelding-25-setember-2026_360.mp4\u0022,\u0022duration\u0022:\u002200:49\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Zwembad De Hoornse Vaart ontruimd na brandmelding (25 september 2026)\u0022},{\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}
1011,\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}
1011,\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}
1011,\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}]'))
1012}" >
1013
1014    <section>
1015        <div class="border-y border-button-border py-6 relative">
1016            <div class="flex items-center justify-between text-text-main mb-6">
1017                <h2 class="font-bold text-xl">Kijken</h2>
1018                <div class="flex items-center space-x-2.5">
1019                    <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>
1020                    <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>
1021                </div>
1022            </div>
1023            <div class="relative">
1024                <style> [x-ref="scrollContainer"]::-webkit-scrollbar { display: none; } </style>
1025                <div x-ref="scrollContainer"
1026                     class="flex items-center gap-6 overflow-x-auto scroll-smooth snap-x snap-mandatory pr-6"
1027                     style="scrollbar-width: none; -ms-overflow-style: none;"
1028                     onwheel="this.scrollLeft += event.deltaY">
1029                    <template x-for="(video, index) in videos" :key="index">
1030                        <div class="snap-start flex-shrink-0 group text-left focus:outline-none cursor-pointer"
1031                             :class="{
1032                                '!w-[511px]': video.broadcast.width >= video.broadcast.height,
1033                                '!w-[162px]': video.broadcast.width < video.broadcast.height
1034                             }"
1035                             @click="openModal(index)">
1036                            <div class="flex flex-col overflow-hidden">
1037                                <div
1038                                    class="w-full relative h-72 mb-3"
1039                                    :class="{
1040                                        'aspect-video': video.broadcast.width >= video.broadcast.height,
1041                                        'aspect-[9/16]': video.broadcast.width < video.broadcast.height
1042                                    }"
1043                                >
1044                                    <img
1045                                        :src="video.broadcast.coverThumbUrl"
1046                                        alt=""
1047                                        class="object-cover w-auto h-72 rounded-xl group-hover:opacity-90"
1048                                    />
1049                                    <div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-center">
1050                                        <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>
1051                                        <span class="mt-2 font-bold text-white text-xs" x-text="video.broadcast.duration"></span>
1052                                    </div>
1053                                </div>
1054                                <p x-text="video.display_title" class="text-lg font-bold truncate leading-[normal] group-hover:underline group-hover:text-brand-secondary"></p>
1055                            </div>
1056                        </div>
1057                    </template>
1058                </div>
1059                <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>
1060            </div>
1061        </div>
1062    </section>
1063
1064    
1065    <div
1066        x-show="modalOpen"
1067        x-transition.opacity
1068        x-on:keydown.window.escape.prevent="modalOpen && closeModal()"
1069        x-on:keydown.window.arrow-right.prevent="modalOpen && nextVideo($event)"
1070        x-on:keydown.window.arrow-left.prevent="modalOpen && prevVideo($event)"
1071        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"
1072        style="display: none;"
1073        x-cloak
1074        role="dialog"
1075        aria-modal="true"
1076    >
1077        <div x-on:click="closeModal()" class="absolute inset-0 bg-text-main/10 dark:bg-black/40" aria-hidden="true"></div>
1078
1079        <button
1080            type="button"
1081            x-on:click="closeModal()"
1082            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"
1083            aria-label="Sluiten"
1084        >
1085            <i class="fa-solid fa-close text-sm"></i>
1086        </button>
1087
1088        <div
1089            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"
1090            :class="(modalOpen && !isPlayerReady) ? 'overflow-hidden' : 'overflow-y-auto md:overflow-hidden'"
1091        >
1092            <template x-if="activeVideo">
1093                <div class="relative flex min-h-[45dvh] w-full flex-1 flex-col items-center justify-center md:min-h-0">
1094                    
1095                    <div
1096                        x-show="!isPlayerReady"
1097                        x-transition.opacity
1098                        class="absolute inset-0 z-30 flex items-center justify-center"
1099                    >
1100                        <div class="h-10 w-10 animate-spin rounded-full border-2 border-text-main/20 border-t-text-main"></div>
1101                    </div>
1102
1103                    <div
1104                        x-show="isPlayerReady"
1105                        x-transition.opacity
1106                        class="flex min-h-0 w-full flex-col items-center gap-[16px]"
1107                    >
1108                    <h2
1109                        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]"
1110                        x-text="activeVideo.display_title"
1111                    ></h2>
1112
1113                    <template x-if="videos.length > 1 && activeVideoIndex > 0">
1114                        <button
1115                            type="button"
1116                            x-on:click="prevVideo($event)"
1117                            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"
1118                            aria-label="Vorige video"
1119                        >
1120                            <i class="fa-solid fa-chevron-left text-xs"></i>
1121                        </button>
1122                    </template>
1123                    <template x-if="videos.length > 1 && activeVideoIndex < videos.length - 1">
1124                        <button
1125                            type="button"
1126                            x-on:click="nextVideo($event)"
1127                            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"
1128                            aria-label="Volgende video"
1129                        >
1130                            <i class="fa-solid fa-chevron-right text-xs"></i>
1131                        </button>
1132                    </template>
1133
1134                    <div class="js-modal-card-container relative w-full min-w-0 max-w-full">
1135                        <div class="relative overflow-hidden rounded-xl">
1136                            <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>
1137
1138                            <template x-if="videos.length > 1 && activeVideoIndex > 0">
1139                                <button
1140                                    type="button"
1141                                    x-on:click="prevVideo($event)"
1142                                    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"
1143                                    aria-label="Vorige video"
1144                                >
1145                                    <i class="fa-solid fa-chevron-left text-xs"></i>
1146                                </button>
1147                            </template>
1148                            <template x-if="videos.length > 1 && activeVideoIndex < videos.length - 1">
1149                                <button
1150                                    type="button"
1151                                    x-on:click="nextVideo($event)"
1152                                    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"
1153                                    aria-label="Volgende video"
1154                                >
1155                                    <i class="fa-solid fa-chevron-right text-xs"></i>
1156                                </button>
1157                            </template>
1158                        </div>
1159                    </div>
1160
1161                    <template x-if="videos.length > 1">
1162                        <div
1163                            class="pointer-events-none flex w-full justify-center"
1164                            role="group"
1165                            aria-label="Fotonavigatie"
1166                        >
1167                            <span
1168                                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]"
1169                                role="status"
1170                                x-text="(activeVideoIndex + 1) + ' / ' + videos.length"
1171                            ></span>
1172                        </div>
1173                    </template>
1174                    </div>
1175                </div>
1176            </template>
1177        </div>
1178    </div>
1179</div>
1180
1181            
1182            <!--[if BLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->                    <section wire:key="group-extra-0">
1183                        <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6">
1184                            <!--[if BLOCK]><![endif]-->                                <a
1185            wire:navigate
1186        href="https://beatfm.nl/nieuws/artikel/afscheid-in-heiloo-van-cees-rootjes"
1187        data-prepr-item-id="2e93e228-5285-46f3-8672-89100015662b"
1188    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">
1189
1190    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1191        <!--[if BLOCK]><![endif]-->            <img src="https://195j60ch0d7d.b-cdn.net/35pigu0mxypc/w_728,h_400/cees-rootjes-1.jpg"
1192                 alt="Afscheid in Heiloo van Cees Rootjes"
1193                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1194        <!--[if ENDBLOCK]><![endif]-->
1195        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1196        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1197            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1198            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1199            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1200            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1201            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1202    </div>
1203
1204    <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">
1205        <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">
1206            Afscheid in Heiloo van Cees Rootjes
1207        </h3>
1208        <p class="line-clamp-3 font-montserrat max-md:hidden">
1209            Ook in Heiloo zijn de PvdA en GroenLinks gefuseerd in PRO Heiloo.
1210        </p>
1211    </div>
1212</a>
1213                                                            <a
1214            wire:navigate
1215        href="https://beatfm.nl/nieuws/artikel/podcast-op-je-eigen-tempo-met-terugblik-op-halve-marathon-van-antwerpen"
1216        data-prepr-item-id="859e1787-0409-41fe-a104-3694ab0849d5"
1217    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">
1218
1219    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1220        <!--[if BLOCK]><![endif]-->            <img src="https://195j60ch0d7d.b-cdn.net/4qrcdyyi51ut/w_728,h_400/op-je-eigen-tempo-88.jpg"
1221                 alt="Podcast &#039;Op je eigen tempo&#039; met terugblik op halve marathon van Antwerpen"
1222                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1223        <!--[if ENDBLOCK]><![endif]-->
1224        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1225        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1226            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1227            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1228            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1229            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1230            <!--[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">
1231    <i class="fa-solid fa-music"></i>
1232</span>
1233            <!--[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            Podcast &#039;Op je eigen tempo&#039; met terugblik op halve marathon van Antwerpen
1239        </h3>
1240        <p class="line-clamp-3 font-montserrat max-md:hidden">
1241            In de podcast &#039;Op je eigen tempo&#039; is een terugblik te horen op de halve marathon van Antwerpen.
1242        </p>
1243    </div>
1244</a>
1245                                                            <a
1246            wire:navigate
1247        href="https://beatfm.nl/nieuws/artikel/een-aanhouding-na-steekpartij-robonsbosweg-in-alkmaar-fotos"
1248        data-prepr-item-id="c07e4ad3-d91e-4967-975d-c7bc900d4b0c"
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/4x3yu4axdpa9/w_728,h_400/alkmaar-robonsbosweg-in-steekpartij-gemeld-6.jpg"
1253                 alt="Eén aanhouding na steekpartij Robonsbosweg in Alkmaar [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            Eén aanhouding na steekpartij Robonsbosweg in Alkmaar [FOTO&#039;S]
1268        </h3>
1269        <p class="line-clamp-3 font-montserrat max-md:hidden">
1270            Rond 17.38 uur kwam bij de was er een melding van een mogelijke steekpartij aan de Robonsbosweg.
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:snapshot="{&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;9jYnbw64xqIW4ivPNHwM&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;67bb60d87eb9a1abb69abe6a734b712c8f7494d38f7ab8e8115772cf18e1e085&quot;}" wire:effects="[]" wire:id="9jYnbw64xqIW4ivPNHwM" 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;bhnspCqnaIUia2wSpkbo&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;10ca3905dc93fdff199f00ff881700bfa618f0d690cffec8c23db4a213e6c688&quot;}" wire:effects="[]" wire:id="bhnspCqnaIUia2wSpkbo" 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/uitsupporters-israelische-hapoel-beer-sheva-niet-welkom-bij-wedstrijd-tegen-az"
1293        data-prepr-item-id="74730e06-2e92-4802-910b-288913fe45ac"
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/2tc7kce6f5s/w_728,h_400/alkmaar-az-stadion-bekerfinale-2026-1.jpg"
1298                 alt="Uitsupporters Israëlische Hapoel Be’er Sheva niet welkom bij wedstrijd tegen AZ"
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            Uitsupporters Israëlische Hapoel Be’er Sheva niet welkom bij wedstrijd tegen AZ
1313        </h3>
1314        <p class="line-clamp-3 font-montserrat max-md:hidden">
1315            De burgemeester van Alkmaar en de veiligheidsdriehoek hebben besloten dat de wedstrijd AZ–Hapoel Be’er Sheva op 15 oktober in Alkmaar wordt gespeeld zonder Israëlische uitsupporters.
1316        </p>
1317    </div>
1318</a>
1319                                                            <a
1320            wire:navigate
1321        href="https://beatfm.nl/nieuws/artikel/zondag-4-oktober-is-weer-rommelmarkt-op-wielerbaan-in-alkmaar"
1322        data-prepr-item-id="bad939d6-5d38-45e3-8438-1a723b22a56e"
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/w_728,h_400/3x0w4xefiprr-alkmaar-grote-rommelmarkt-wielerbaan-1.jpg"
1327                 alt="Zondag 4 oktober weer rommelmarkt op Wielerbaan in 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            Zondag 4 oktober weer rommelmarkt op Wielerbaan in Alkmaar
1342        </h3>
1343        <p class="line-clamp-3 font-montserrat max-md:hidden">
1344            Zondag 4 oktober is er van 10.00 tot 16.00 uur weer een rommelmarkt op de Wielerbaan in Alkmaar.
1345        </p>
1346    </div>
1347</a>
1348                                                            <a
1349            wire:navigate
1350        href="https://beatfm.nl/nieuws/artikel/incident-aan-stationsweg-bij-ns-station-in-alkmaar-fotos"
1351        data-prepr-item-id="73a75263-26b5-453c-acee-bbcb35cf7c31"
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/5d2408i1rs0t/w_728,h_400/alkmaar-station-ambulance-3.jpg"
1356                 alt="Incident aan Stationsweg bij NS Station in Alkmaar [FOTO&#039;S]"
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            Incident aan Stationsweg bij NS Station in Alkmaar [FOTO&#039;S]
1371        </h3>
1372        <p class="line-clamp-3 font-montserrat max-md:hidden">
1373            Een ambulance dinsdagavond rond 18.30 uur met spoed opgeroepen voor een melding aan de Stationsweg in Alkmaar.
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/crosstown-festival-in-alkmaar-trekt-veel-publiek-fotos-video"
1386        data-prepr-item-id="ad0535a8-4b4c-425f-b240-240f7ec4963e"
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/2eib3dim41ms/w_728,h_400/alkmaar-crosston-hal25-graffiti-2.jpg"
1391                 alt="CrossTown festival in Alkmaar trekt veel publiek [FOTO&#039;S &amp; VIDEO]"
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]-->                <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">
1399    <i class="fa-solid fa-video"></i>
1400</span>
1401            <!--[if ENDBLOCK]><![endif]-->
1402            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1403            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1404    </div>
1405
1406    <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">
1407        <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">
1408            CrossTown festival in Alkmaar trekt veel publiek [FOTO&#039;S &amp; VIDEO]
1409        </h3>
1410        <p class="line-clamp-3 font-montserrat max-md:hidden">
1411            Zaterdag 26 en zondag 27 september 2026 was in en rond Hal 25 het CrossTown festival.
1412        </p>
1413    </div>
1414</a>
1415                                                            <a
1416            wire:navigate
1417        href="https://beatfm.nl/nieuws/artikel/verdachte-situatie-in-omgeving-heilooer-bos-verdachten-na-bijna-uur-zoeken-niet-aangetroffen"
1418        data-prepr-item-id="9a5aeff1-46c1-4c90-89c6-389f28210090"
1419    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">
1420
1421    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1422        <!--[if BLOCK]><![endif]-->            <img src="https://195j60ch0d7d.b-cdn.net/w_728,h_400/1fngbjj9cygb-.jpg"
1423                 alt="Verdachte situatie In omgeving Heilooër Bos; verdachten na bijna uur zoeken niet aangetroffen"
1424                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1425        <!--[if ENDBLOCK]><![endif]-->
1426        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1427        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1428            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1429            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1430            <!--[if BLOCK]><![endif]--><!--[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            Verdachte situatie In omgeving Heilooër Bos; verdachten na bijna uur zoeken niet aangetroffen
1438        </h3>
1439        <p class="line-clamp-3 font-montserrat max-md:hidden">
1440            In de omgeving van het Heilooër Bos heeft zich dinsdagmiddag rond 16.13 uur een verdachte situatie voorgedaan. Het ging daarbij om twee jongens van 14 tot 15 jaar oud met donkere huidskleur.
1441        </p>
1442    </div>
1443</a>
1444                                                            <a
1445            wire:navigate
1446        href="https://beatfm.nl/nieuws/artikel/puzzelruilbeurs-in-het-trefpunt"
1447        data-prepr-item-id="66330ac1-1453-4648-8a2d-56bb7982f5c6"
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/5qslidzf9qqn/w_728,h_400/trefpunt-heiloo-spelmiddag-2025-23-maart-2025.jpg"
1452                 alt="Puzzelruilbeurs in het Trefpunt"
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            Puzzelruilbeurs in het Trefpunt
1467        </h3>
1468        <p class="line-clamp-3 font-montserrat max-md:hidden">
1469            Puzzelfans die thuis puzzels hebben liggen die je al eens gemaakt zijn, kunnen die tijdens de Puzzelruilbeurs op zaterdag 10 oktober in het Trefpunt ruilen voor een nieuwe uitdaging.
1470        </p>
1471    </div>
1472</a>
1473                                                            <a
1474            wire:navigate
1475        href="https://beatfm.nl/nieuws/artikel/start-werkzaamheden-bergerhoutrotonde-op-2-november"
1476        data-prepr-item-id="09eecd25-6081-4908-99e7-976e3b03652a"
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/17p02f941kv7/w_728,h_400/alkmaar-geesterweg-bomenkap-5.jpg"
1481                 alt="Start werkzaamheden Bergerhoutrotonde op 2 november; bypass voor doorgaand verkeer"
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            Start werkzaamheden Bergerhoutrotonde op 2 november; bypass voor doorgaand verkeer
1496        </h3>
1497        <p class="line-clamp-3 font-montserrat max-md:hidden">
1498            Voor het project ‘herinrichting Bergerhoutrotonde Scharlo’ is na de definitieve gunning aan aannemer Ballast Nedam bepaald dat de werkzaamheden op 2 november zullen starten.
1499        </p>
1500    </div>
1501</a>
1502                                                            <a
1503            wire:navigate
1504        href="https://beatfm.nl/nieuws/artikel/persoon-met-scootmobiel-te-water-in-koedijk-fotos"
1505        data-prepr-item-id="4fc2c0dd-57a1-4ef6-9824-0d5c74f3a60d"
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/4ukh3iflnfj0/w_728,h_400/koedik-persoon-op-scootmobiel-te-water-4.jpg"
1510                 alt="Persoon met scootmobiel te water in Koedijk [FOTO&#039;S]"
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            Persoon met scootmobiel te water in Koedijk [FOTO&#039;S]
1525        </h3>
1526        <p class="line-clamp-3 font-montserrat max-md:hidden">
1527            Rond 13:50 uur is er in Koedijk een persoon te water geraakt. Deze zat op een scootmobiel.
1528        </p>
1529    </div>
1530</a>
1531                                                            <a
1532            wire:navigate
1533        href="https://beatfm.nl/nieuws/artikel/lampionoptocht-in-alkmaar-met-meer-dan-2000-lichtjes"
1534        data-prepr-item-id="f0db714c-e803-4ef8-baf4-e2045de03ce1"
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/2w9o9xahlqc3/w_728,h_400/alkmaar-lampionnenoptocht-2025-1.jpg"
1539                 alt="Lampionoptocht in Alkmaar met meer dan 2000 lichtjes [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            Lampionoptocht in Alkmaar met meer dan 2000 lichtjes [VIDEO]
1557        </h3>
1558        <p class="line-clamp-3 font-montserrat max-md:hidden">
1559            Op de avond voorafgaand aan Alkmaar Ontzet, rond 19.00 uur, verzamelen honderden kinderen zich met hun zelfgemaakte lampions in de Langestraat.
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-gelijk-tegen-legmeervogels-volgende-week-dorpsderby-tegen-foresters"
1573        data-prepr-item-id="1f371348-2f63-4cf1-b86e-be3dc9cefc11"
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/9qtfdgi3crk/w_728,h_400/hsv-kampioen-2026-4.jpg"
1578                 alt="HSV Heiloo gelijk tegen Legmeervogels; zaterdag dorpsderby tegen Foresters"
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 gelijk tegen Legmeervogels; zaterdag dorpsderby tegen Foresters
1593        </h3>
1594        <p class="line-clamp-3 font-montserrat max-md:hidden">
1595            Voetbalclub HSV heeft zondag gelijk gespeeld tegen Legmeervogels.
1596        </p>
1597    </div>
1598</a>
1599                                                    <a
1600            wire:navigate
1601        href="https://beatfm.nl/nieuws/artikel/oud-vuurwerk-inleveren-zonder-gevolgen-in-alkmaar-op-zaterdag-3-oktober"
1602        data-prepr-item-id="55858887-838d-493e-ac3a-4695e0beac4e"
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/64htadpuhtbh/w_728,h_400/vuurwerk-62.jpg"
1607                 alt="Oud vuurwerk inleveren zonder gevolgen in Alkmaar op zaterdag 3 oktober"
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            Oud vuurwerk inleveren zonder gevolgen in Alkmaar op zaterdag 3 oktober
1622        </h3>
1623        <p class="line-clamp-3 font-montserrat max-md:hidden">
1624            Sinds 1 augustus gelden in Nederland nieuwe regels voor vuurwerk. Vuurwerk kopen, afsteken maar ook in bezit hebben is verboden.
1625        </p>
1626    </div>
1627</a>
1628                                                    <a
1629            wire:navigate
1630        href="https://beatfm.nl/nieuws/artikel/veel-deelnemers-zonnige-9e-editie-bergermeerrun-2026-fotos-video"
1631        data-prepr-item-id="fd2f37dd-e8c4-426e-97c0-58fd0686f229"
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/5t2pftpx4io3/w_728,h_400/bergermeerrun-2026-4.jpg"
1636                 alt="Veel deelnemers zonnige 9e editie Bergermeerrun 2026 [FOTO&#039;S &amp; 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]-->                <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            Veel deelnemers zonnige 9e editie Bergermeerrun 2026 [FOTO&#039;S &amp; VIDEO]
1654        </h3>
1655        <p class="line-clamp-3 font-montserrat max-md:hidden">
1656            In Alkmaar vond zaterdag 26 september de Bergermeerrun 2026 plaats. Het was de negende editie van deze sportieve en gezellige dag in de wijk, voor jong en oud.
1657        </p>
1658    </div>
1659</a>
1660                                                    <a
1661            wire:navigate
1662        href="https://beatfm.nl/nieuws/artikel/nog-steeds-verbetering-nodig-bestuurlijke-informatievoorziening-en-opvolging-aanbevelingen-in-heiloo"
1663        data-prepr-item-id="a801680d-1be3-4618-b141-20dd60f32aed"
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/w_728,h_400/6ji20liuogfx-gemeentehuis-toegang-2.jpg"
1668                 alt="Nog steeds verbetering nodig bestuurlijke informatievoorziening en opvolging aanbevelingen in Heiloo"
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            Nog steeds verbetering nodig bestuurlijke informatievoorziening en opvolging aanbevelingen in Heiloo
1683        </h3>
1684        <p class="line-clamp-3 font-montserrat max-md:hidden">
1685            De colleges van Bergen, Uitgeest, Castricum en Heiloo onderschrijven de strekking van het rekenkameronderzoek naar de controlemechanismen binnen de BUCH-gemeenten.
1686        </p>
1687    </div>
1688</a>
1689                                                    <a
1690            wire:navigate
1691        href="https://beatfm.nl/nieuws/artikel/drie-autos-op-elkaar-bij-ongeval-op-nollenweg-n508-in-alkmaar-fotos"
1692        data-prepr-item-id="1cd9379d-6c63-4647-a630-f85dc1d525f1"
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/3enipotceexh/w_728,h_400/alkmaar-nollenweg-n508-drie-autos-op-elkaar-7.jpg"
1697                 alt="Drie auto&#039;s op elkaar bij ongeval op Nollenweg N508 in Alkmaar [FOTO&#039;S["
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            Drie auto&#039;s op elkaar bij ongeval op Nollenweg N508 in Alkmaar [FOTO&#039;S[
1712        </h3>
1713        <p class="line-clamp-3 font-montserrat max-md:hidden">
1714            Op de N508 bij Alkmaar zijn maandagavond drie auto&#039;s betrokken geraakt bij een ongeval.
1715        </p>
1716    </div>
1717</a>
1718                                                    <a
1719            wire:navigate
1720        href="https://beatfm.nl/nieuws/artikel/zaterdag-3-oktober-nationale-kringloopdag-bij-kringloopboulevard-alkmaar"
1721        data-prepr-item-id="7bd50856-be79-47e8-af56-736d6f3cf1f5"
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/2kgqe96j4s2w-.jpg"
1726                 alt="Zaterdag 3 oktober Nationale Kringloopdag bij Kringloopboulevard Alkmaar"
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            Zaterdag 3 oktober Nationale Kringloopdag bij Kringloopboulevard Alkmaar
1741        </h3>
1742        <p class="line-clamp-3 font-montserrat max-md:hidden">
1743            Tijdens Nationale Kringloopdag op zaterdag 3 oktober is ook de Kringloopboulevard in Alkmaar geopend
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;t4C8fwvKwXGP4SybIFxl&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;6428c29654b5524e361dfadaf6c9527e9dbf28ca2efdfc417c958ec478825a37&quot;}" wire:effects="[]" wire:id="t4C8fwvKwXGP4SybIFxl" 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;5weyFKj4BYorTNm9PNly&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;304255244995c3a55f9f5b53efc67caaa6d8a14aef8b825edf6d194246e8a51b&quot;}" wire:effects="[]" wire:id="5weyFKj4BYorTNm9PNly" 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;689f4b6b-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;985jB7hDl4VIqMugmnq3&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;78086e5ae7fcd09396f9bf863d4d6ac6515fa32f7f466b56d48ecf130363cc79&quot;}" wire:effects="[]" wire:id="985jB7hDl4VIqMugmnq3" 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-49bdc
17865cdb4d4\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;JaDnfDQXimXR4ow8kKdi&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;60fe38e008266ceb7df6050a01c04a14cdfcdd94780e192a655d6c3ec2f27a66&quot;}" wire:effects="[]" wire:id="JaDnfDQXimXR4ow8kKdi" 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-6abf6ac95a61a">
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-6abf6ac95a61e">
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">BE@T Classics</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;TKjoQaOw84Ev9kuXp4DR&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;cda5b5865cf96a1fd389e49127472447d38748bcefe4a56779dce215e071ac15&quot;}" wire:effects="[]" wire:id="TKjoQaOw84Ev9kuXp4DR" 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-b07ba5c5-0b7e-468f-bd68-9825d209e0a9"
1938                                    wire:navigate
1939                    href="https://beatfm.nl/nieuws/artikel/grote-politie-inval-bij-woonwagenkamp-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="b07ba5c5-0b7e-468f-bd68-9825d209e0a9">
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                    Grote politie-inval bij woonwagenkamp in Heiloo
1946                </span>
1947
1948                <img
1949                    src="https://195j60ch0d7d.b-cdn.net/3rrghaucaniz/w_100,h_70/heiloo-politie-inval-woonwagenkamp1.jpg"
1950                    alt="Grote politie-inval bij woonwagenkamp in Heiloo"
1951                    class="w-[91px] h-[64px] object-cover rounded shrink-0">
1952            </a>
1953                                <a wire:key="most-read-5417d4f5-630f-4107-bd05-3640f1e0cf78"
1954                                    wire:navigate
1955                    href="https://beatfm.nl/nieuws/artikel/auto-inbrekers-actief-in-heiloo"
1956                                class="group flex items-start gap-2 rounded-lg bg-surface-main-4 p-4 cursor-pointer"
1957                data-prepr-item-id="5417d4f5-630f-4107-bd05-3640f1e0cf78">
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                    Auto-inbrekers actief in Heiloo
1962                </span>
1963
1964                <img
1965                    src="https://195j60ch0d7d.b-cdn.net/w_100,h_70/210mu9b6dcxw-.jpg"
1966                    alt="Auto-inbrekers actief in Heiloo"
1967                    class="w-[91px] h-[64px] object-cover rounded shrink-0">
1968            </a>
1969                                <a wire:key="most-read-73a75263-26b5-453c-acee-bbcb35cf7c31"
1970                                    wire:navigate
1971                    href="https://beatfm.nl/nieuws/artikel/incident-aan-stationsweg-bij-ns-station-in-alkmaar-fotos"
1972                                class="group flex items-start gap-2 rounded-lg bg-surface-main-4 p-4 cursor-pointer"
1973                data-prepr-item-id="73a75263-26b5-453c-acee-bbcb35cf7c31">
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                    Incident aan Stationsweg bij NS Station in Alkmaar [FOTO&#039;S]
1978                </span>
1979
1980                <img
1981                    src="https://195j60ch0d7d.b-cdn.net/5d2408i1rs0t/w_100,h_70/alkmaar-station-ambulance-3.jpg"
1982                    alt="Incident aan Stationsweg bij NS Station in Alkmaar [FOTO&#039;S]"
1983                    class="w-[91px] h-[64px] object-cover rounded shrink-0">
1984            </a>
1985                                <a wire:key="most-read-f05bc874-8b7c-4241-b31a-bf76759b992e"
1986                                    wire:navigate
1987                    href="https://beatfm.nl/nieuws/artikel/automobilist-onwel-en-belandt-in-berm-bij-oprit-n9-schoorl-fotos"
1988                                class="group flex items-start gap-2 rounded-lg bg-surface-main-4 p-4 cursor-pointer"
1989                data-prepr-item-id="f05bc874-8b7c-4241-b31a-bf76759b992e">
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                    Automobilist onwel en belandt in berm bij oprit N9 Schoorl [FOTO&#039;S]
1994                </span>
1995
1996                <img
1997                    src="https://195j60ch0d7d.b-cdn.net/79rcleaybbbp/w_100,h_70/schoorl-n9-automobilist-onwel-2.jpg"
1998                    alt="Automobilist onwel en belandt in berm bij oprit N9 Schoorl [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;f8tz1ZdhLY0tAVftiXHX&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;3c2190333c43022bd3a5ea4fea46160a293df035a4814863ae132acd1d766369&quot;}" wire:effects="[]" wire:id="f8tz1ZdhLY0tAVftiXHX" 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/10d.svg" width="32" height="32" alt="icon" />
2029                        <span class="text-lg font-bold text-text-main">
2030                        20°
2031                    </span>
2032                        <span class="text-xs text-text-main">
2033                        14°
2034                    </span>
2035                        <span class="text-xs text-text-main">
2036                        0.4 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/01d.svg" width="32" height="32" alt="icon" />
2059                        <span class="text-lg font-bold text-text-main">
2060                        16°
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/03d.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                        16°
2079                    </span>
2080                        <span class="text-xs text-text-main">
2081                        0.0 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;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;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;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;9HqahHdtYQQwE2O7Ct07&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;f6600944af9e4cb3d9bf4d241632e1c3349038364eadbcfcff2106f4bb4f49b4&quot;}" wire:effects="[]" wire:id="9HqahHdtYQQwE2O7Ct07" wire:name="components.banner">
2089<!--[if BLOCK]><![endif]-->    <!--[if BLOCK]><![endif]-->        
2090        <div
2091            x-data="{
2092                items: JSON.parse('[{\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:\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-d239aafa3a
20927b.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;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;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;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;h1YuIeQfIEFvySmybBJA&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;56dbda8ee7cbfe99f1d7bc120e9929e1f58eff21924def238416f11876bc8327&quot;}" wire:effects="[]" wire:id="h1YuIeQfIEFvySmybBJA" wire:name="components.banner">
2191<!--[if BLOCK]><![endif]-->    <!--[if BLOCK]><![endif]-->        
2192        <div
2193            x-data="{
2194                items: JSON.parse('[{\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:\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:\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;KlnGBIKHrPbAz5jbh4zz&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;a31fba34caf149f6bea9fc961ea0e999cab10583d54f8b30d8c365d83ac30677&quot;}" wire:effects="[]" wire:id="KlnGBIKHrPbAz5jbh4zz" 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;Zby8J1pV8pbnMOutHthy&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;4605f0bed8eda965e8c8992265a23f5a4e8452c890499e7bc349f13810ef8f21&quot;}" wire:effects="[]" wire:id="Zby8J1pV8pbnMOutHthy" 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=1790850667' : 'https://beatfm.nl/tenants/beatfm/logo-light.svg?v=1790850667'"
2316            src="https://beatfm.nl/tenants/beatfm/logo-light.svg?v=1790850667"
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;qmN5MYAVMuuPWVhu7v4O&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;3f77f842f4651a2f4516e83867ac270aa16a5e6bf2eb0deb3e2d5da6c82115a4&quot;}" wire:effects="[]" wire:id="qmN5MYAVMuuPWVhu7v4O" 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]">BE@T Classics</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;K0SnMxdKONt95LegzUc5&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;eb8a3f720e86508d9c0b063b6cfd337605e7fd7e43d047ebe6ea973963f2e7e7&quot;}" wire:effects="[]" wire:id="K0SnMxdKONt95LegzUc5" 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=8ea5922c"   data-csrf="I85a6oyOu0e2q3q1CYorZZoxI1Gphxj50SIdAISk" 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.