PageSourceSearch

https://1almere.nl/nieuws

html 1almere.nl collected 2026-09-25 23:41:14 UTC 244,197 bytes, 3,113 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>
vendor: 391 bytes, lines 21-25
21(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','
25GTM-K7CJJQ8V
vendor: 3 bytes, line 25
25');
25</script>
25
26        <!-- End Google Tag Manager -->
27        <title>Het laatste nieuws uit Almere | 1Almere</title>
28
29    
30        <meta name="apple-itunes-app" content="app-id=6444025740">
31    
32    <meta property="og:site_name" content="1Almere" />
33    <meta name="prepr:locale" content="nl-NL">
34        <link rel="canonical" href="https://1almere.nl/nieuws">
35    <meta property="og:url" content="https://1almere.nl/nieuws" />
36            <meta property="prepr:id" content="8635bb66-bf53-4349-82f5-0758e498800e">
37        <meta name="description" content="Blijf op de hoogte van het laatste nieuws uit Almere. 1Almere.nl brengt je dagelijks actueel en lokaal nieuws, reportages en achtergronden uit jouw stad.">
38
39    <meta property="og:title" content="Het laatste nieuws uit Almere" />
40    <meta property="og:description" content="Blijf op de hoogte van het laatste nieuws uit Almere. 1Almere.nl brengt je dagelijks actueel en lokaal nieuws, reportages en achtergronden uit jouw stad." />
41
42    <meta property="og:type" content="article">
43
44    <meta name="twitter:title" content="Het laatste nieuws uit Almere">
45    <meta name="twitter:description" content="Blijf op de hoogte van het laatste nieuws uit Almere. 1Almere.nl brengt je dagelijks actueel en lokaal nieuws, reportages en achtergronden uit jouw stad.">
46
47            <link rel="apple-touch-icon" href="https://1almere.nl/tenants/1almere/favicons/apple-touch-icon.png?v=1789721948">
48        <link rel="icon" type="image/png" sizes="96x96" href="https://1almere.nl/tenants/1almere/favicons/favicon-96x96.png?v=1789721948">
49        <link rel="icon" type="image/svg+xml" href="https://1almere.nl/tenants/1almere/favicons/favicon.svg?v=1789721948">
50        <link rel="icon" type="image/x-icon" href="https://1almere.nl/tenants/1almere/favicons/favicon.ico?v=1789721948">
51        <link rel="manifest" href="https://1almere.nl/tenants/1almere/favicons/site.webmanifest?v=1789721948">
52    
53    
54    <style>
55        body {
56            padding-left: env(safe-area-inset-left);
57            padding-right: env(safe-area-inset-right);
58            padding-bottom: env(safe-area-inset-bottom);
59        }
60        .site-header-safe {
61            padding-top: min(env(safe-area-inset-top), 3rem);
62        }
63    </style>
64
65    <style>
66        :root {
67            --surface-background: #FAFAFA;
68            --surface-main-1: #ffffff;
69            --surface-main-2: #FFFFFF;
70            --surface-main-3: #FFFFFF;
71            --surface-main-4: #FFFFFF;
72            --surface-dark-1: #27272A;
73            --surface-medium-1: #E4E4E7;
74            --surface-light-1: #FAFAFA;
75            --surface-light-2: #F4F4F5;
76            --surface-light-3: #F4F4F5;
77            --text-main: #27272A;
78            --text-secondary: #3F3F46;
79            --text-tertiary: #9F9FA9;
80            --button-border: #E4E4E7;
81            --button-light: #F4F4F5;
82            --brand-main: #ff751a;
83            --brand-secondary: #ff6600;
84            --brand-dark: #cc5200;
85            --brand-light: #fff3e6;
86        }
87
88        .dark {
89            --surface-background: #1b2d3e;
90            --surface-main-1: #ffffff;
91            --surface-main-2: #18181B;
92            --surface-main-3: #102538;
93            --surface-main-4: #273e55;
94            --surface-dark-1: #27272A;
95            --surface-medium-1: #52525C;
96            --surface-light-1: #27272A;
97            --surface-light-2: #203448;
98            --surface-light-3: #203448;
99            --text-main: #F4F4F5;
100            --text-secondary: #9F9FA9;
101            --text-tertiary: #9F9FA9;
102            --button-border: #3F3F46;
103            --button-light: #102334;
104            --brand-main: #ff751a;
105            --brand-secondary: #ff944d;
106            --brand-dark: #cc5200;
107            --brand-light: #273e55;
108        }
109
110        /* Change all text and icon colors in the player. */
111        .vjs-matrix.video-js {
112            color: var(--brand-dark);
113        }
114
115        /* Change the border of the big play button. */
116        .vjs-matrix .vjs-big-play-button {
117            border-color: var(--brand-dark);
118        }
119
120        /* Change the color of various "bars". */
121        .vjs-matrix .vjs-volume-level,
122        .vjs-matrix .vjs-play-progress,
123        .vjs-matrix .vjs-slider-bar {
124            background: var(--brand-dark);
125        }
126    </style>
127
128    <link rel="preload" as="style" href="https://1almere.nl/build/assets/app-CBdtcaRl.css" /><link rel="preload" as="style" href="https://1almere.nl/build/assets/app-BohhYLNy.css" /><link rel="modulepreload" as="script" href="https://1almere.nl/build/assets/app-Bi0xsek7.js" /><link rel="stylesheet" href="https://1almere.nl/build/assets/app-CBdtcaRl.css" data-navigate-track="reload" /><link rel="stylesheet" href="https://1almere.nl/build/assets/app-BohhYLNy.css" data-navigate-track="reload" />
128<script type="module" src="https://1almere.nl/build/assets/app-Bi0xsek7.js" data-navigate-track="reload"></script>
128
129    <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.list-item][wire\:loading\.list-item], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style>
130
131        
131<script type="application/ld+json">
132        {
133    "@context": "https://schema.org",
134    "@type": "Organization",
135    "legalName": "1Almere",
136    "url": "https://1almere.nl",
137    "address": {
138        "@type": "PostalAddress",
139        "streetAddress": "P.J. Oudweg 4",
140        "addressLocality": "Almere",
141        "addressCountry": "Netherlands",
142        "postalCode": "1314CH"
143    },
144    "email": "[email protected]",
145    "logo": "https://1almere.nl/tenants/1almere/logo-light.svg?v=1789721948",
146    "sameAs": [
147        "https://facebook.com/1almere",
148        "https://x.com/1almere",
149        "https://www.youtube.com/channel/UCR92iLXI5UDRquXu96il3wQ#",
150        "https://instagram.com/1almere",
151        "https://wa.me/31623836979"
152    ]
153}
154    </script>
154
155
156    
156<script>
157        // Dark mode bij eerste paginalaad toepassen op <html>
158        if (localStorage.getItem('dark-mode') === 'true') {
159            document.documentElement.classList.add('dark');
160        }
161
162        window.__isDarkMode = localStorage.getItem('dark-mode') === 'true';
163    </script>
163
164
165    
165<script>
166        function initializePreprTracker() {
167            if (window.preprInitialized) {
168                return;
169            }
170            window.preprInitialized = true;
171
172            // De Prepr Tracking Code, nu in een functie
173            !function (e, t, p, r, n, a, s) {
174                e[r] || ((n = e[r] = function () {
175                    n.process ? n.process.apply(n, arguments) : n.queue.push(arguments)
176                }).queue = [], n.t = +new Date, (a = t.createElement(p)).async = 1, a.src = "https://cdn.tracking.prepr.io/js/prepr_v2.min.js?t=" + 864e5 * Math.ceil(new Date / 864e5), (s = t.getElementsByTagName(p)[0]).parentNode.insertBefore(a, s))
177            }(window, document, "script", "prepr"), prepr("init", "ac_fb7c69998f7090d38bbf489513704d299a9d65cd6a72f46185142b0e72943342"), prepr("event", "pageload");
178        }
179    </script>
179
180
181
182        
182<script>
183            initializePreprTracker();
184        </script>
184
185
186
187    
188    
188<script async src="https://www.instagram.com/embed.js"></script>
188
189</head>
190
191<body
192    x-data="{
193        isMobileMenuOpen: false,
194        isMobileView: false
195    }"
196    x-init="isMobileView = (window.innerWidth < 1024)"
197    @resize.window="isMobileView = (window.innerWidth < 1024)"
198    :class="{ 'overflow-hidden lg:overflow-auto': isMobileMenuOpen }"
199    :data-flyout-menu-open="isMobileMenuOpen"
200    :data-is-mobile-view="isMobileView"
201    @cookies-accepted.window="initializePreprTracker()"
202    class="font-roboto-condensed bg-surface-background text-text-main transition-colors duration-300"
203>
vendor: 74 bytes, lines 203-206
203
204
205
206    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
206GTM-K7CJJQ8V
vendor: 105 bytes, lines 206-207
206"
207                      height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
208<div id="fb-root"></div>
209<script async defer crossorigin="anonymous" src="https://connect.facebook.net/nl_NL/sdk.js#xfbml=1&version=v19.0"
210        nonce="GjV9R3sf"></script>
210
211
212<header class="site-header-safe bg-surface-main-3 sticky top-0 z-50 shadow-[0_4px_24px_0_rgba(0,0,0,0.10)]">
213    <div class="lg:container mx-auto px-6">
214        <div class="flex items-center h-16 md:h-20">
215
216            <a href="/" wire:navigate>
217            <img
218                :src="$store.ui?.darkMode ? 'https://1almere.nl/tenants/1almere/logo-dark.svg?v=1789721948' : 'https://1almere.nl/tenants/1almere/logo-light.svg?v=1789721948'"
219                src="https://1almere.nl/tenants/1almere/logo-light.svg?v=1789721948"
220                alt="Logo"
221                class="h-10 w-auto"
222                loading="eager"
223            >
224        </a>
225    
226            
227            <nav class="hidden lg:flex items-center space-x-8 ml-10 text-xl">
228                <ul class="flex items-center justify-center space-x-1 xl:space-x-8 font-semibold text-text-secondary">
229                                                                                                        <li x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false" class="relative">
230
231                                    <a
232            wire:navigate href="https://1almere.nl/nieuws"
233    
234    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]"
235>
236    Nieuws
237                                                                                    <i class="fa-solid fa-chevron-down text-[11px]"></i>
238</a>
239
240                                    
241                                                                            <div x-show="open" x-transition x-cloak class="absolute left-0 z-10 w-56 pt-1">
242                                            
243                                            <div class="origin-top-left max-h-[calc(100dvh-6rem)] overflow-y-auto overscroll-contain rounded-xl bg-surface-main-3 shadow-[0_4px_24px_0_rgba(0,0,0,0.15)]">
244                                                <div class="p-1">
245                                                                                                                                                                        <a
246            wire:navigate href="https://1almere.nl/nieuws"
247    
248    class="transition rounded-lg text-brand-secondary hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
249>
250    Nieuws
251</a>
252                                                                                                                                                                                                                                <a
253            wire:navigate href="https://1almere.nl/nieuws/economie"
254    
255    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
256>
257    Economie
258</a>
259                                                                                                                                                                                                                                <a
260            wire:navigate href="https://1almere.nl/nieuws/112"
261    
262    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
263>
264    112
265</a>
266                                                                                                                                                                                                                                <a
267            wire:navigate href="https://1almere.nl/nieuws/politiek"
268    
269    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
270>
271    Politiek
272</a>
273                                                                                                                                                                                                                                <a
274            wire:navigate href="https://1almere.nl/nieuws/kunst-en-cultuur"
275    
276    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
277>
278    Kunst en Cultuur
279</a>
280                                                                                                                                                                                                                                <a
281            wire:navigate href="https://1almere.nl/nieuws/onderwijs"
282    
283    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
284>
285    Onderwijs
286</a>
287                                                                                                                                                                                                                                <a
288            wire:navigate href="https://1almere.nl/nieuws/wonen-in-almere"
289    
290    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
291>
292    Wonen in Almere
293</a>
294                                                                                                                                                                                                                                <a
295            wire:navigate href="https://1almere.nl/goed-om-te-weten-in-almere"
296    
297    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
298>
299    Goed om te weten in Almere
300</a>
301                                                                                                                                                                                                                                <a
302            wire:navigate href="https://1almere.nl/embed/stemmen-van-vrijheid"
303    
304    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
305>
306    Home
307</a>
308                                                                                                                                                            </div>
309                                            </div>
310                                        </div>
311                                                                    </li>
312                                                                                                                <li x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false" class="relative">
313
314                                    <a
315            wire:navigate href="https://1almere.nl/sport"
316    
317    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]"
318>
319    Sport
320</a>
321
322                                    
323                                                                    </li>
324                                                                                                                <li x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false" class="relative">
325
326                                    <a
327            wire:navigate href="https://1almere.nl/embed/opiniepanel"
328    
329    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]"
330>
331    Opiniepanel
332</a>
333
334                                    
335                                                                    </li>
336                                                                                                                <li x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false" class="relative">
337
338                                    <a
339            wire:navigate href="https://1almere.nl/embed/easy-fm-homepage"
340    
341    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]"
342>
343    Easy FM
344                                                                                    <i class="fa-solid fa-chevron-down text-[11px]"></i>
345</a>
346
347                                    
348                                                                            <div x-show="open" x-transition x-cloak class="absolute left-0 z-10 w-56 pt-1">
349                                            
350                                            <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)]">
351                                                <div class="p-1">
352                                                                                                                                                                        <a
353            wire:navigate href="https://1almere.nl/easy-fm/luister-live"
354    
355    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
356>
357    Luister live
358</a>
359                                                                                                                                                                                                                                <a
360            wire:navigate href="https://1almere.nl/easy-fm/radio-gids"
361    
362    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
363>
364    Programmering
365</a>
366                                                                                                                                                                                                                                <a
367            wire:navigate href="https://1almere.nl/easy-fm/frequenties"
368    
369    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
370>
371    Frequenties
372</a>
373                                                                                                                                                                                                                                <a
374            wire:navigate href="https://1almere.nl/easy-fm/contact"
375    
376    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
377>
378    Contact
379</a>
380                                                                                                                                                            </div>
381                                            </div>
382                                        </div>
383                                                                    </li>
384                                                                                                                <li x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false" class="relative">
385
386                                    <a
387            wire:navigate href="https://1almere.nl/1almere/tip-de-redactie"
388    
389    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]"
390>
391    Tip de redactie
392</a>
393
394                                    
395                                                                    </li>
396                                                                                        </ul>
397            </nav>
398
399            
400            <div class="flex items-center ml-auto space-x-2"
401                 x-data="{
402                    storageKey: 'article-bookmarks-' + window.location.host,
403                    bookmarkCount: 0,
404                    init() {
405                        this.syncCount();
406                        window.addEventListener('bookmark-toggled', 
406() => this.syncCount());
407                        window.addEventListener('bookmarks-cleared', () => this.bookmarkCount = 0);
408                        window.addEventListener('bookmark-removed', () => this.syncCount());
409                    },
410                    syncCount() {
411                        const ids = JSON.parse(localStorage.getItem(this.storageKey) || '[]');
412                        this.bookmarkCount = ids.length;
413                    },
414                    openDrawer() {
415                        const ids = JSON.parse(localStorage.getItem(this.storageKey) || '[]');
416                        $dispatch('bookmarks-open', { ids });
417                    },
418                 }">
419
420                                    <a wire:navigate href="https://1almere.nl/zoeken" title="Zoeken"
421                       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">
422                        <i class="fa-solid fa-search"></i>
423                    </a>
424                
425                
426                <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;parant&quot;:[{&quot;title&quot;:&quot;Kies stadsdeel&quot;,&quot;internal_link&quot;:true,&quot;reference&quot;:null,&quot;url&quot;:null},{&quot;s&quot;:&quot;arr&quot;}],&quot;submenu&quot;:[[[{&quot;__typename&quot;:&quot;NavigationNew&quot;,&quot;title&quot;:&quot;Almere Stad&quot;,&quot;internal_link&quot;:true,&quot;reference&quot;:null,&quot;url&quot;:null},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;__typename&quot;:&quot;NavigationNew&quot;,&quot;title&quot;:&quot;Almere Buiten&quot;,&quot;internal_link&quot;:true,&quot;reference&quot;:null,&quot;url&quot;:null},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;__typename&quot;:&quot;NavigationNew&quot;,&quot;title&quot;:&quot;Almere Haven&quot;,&quot;internal_link&quot;:true,&quot;reference&quot;:null,&quot;url&quot;:null},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;__typename&quot;:&quot;NavigationNew&quot;,&quot;title&quot;:&quot;Almere Hout&quot;,&quot;internal_link&quot;:true,&quot;reference&quot;:null,&quot;url&quot;:null},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;__typename&quot;:&quot;NavigationNew&quot;,&quot;title&quot;:&quot;Almere Poort&quot;,&quot;internal_link&quot;:true,&quot;reference&quot;:null,&quot;url&quot;:null},{&quot;s&quot;:&quot;arr&quot;}]],{&quot;s&quot;:&quot;arr&quot;}]},{&quot;s&quot;:&quot;arr&quot;}]],{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;Iut9V4zkH5icpnWesbYj&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;dc59cac4672eafe8017cd252934d62465719d2d7efd9f2fd7427fec70d621b31&quot;}" wire:effects="[]" wire:id="Iut9V4zkH5icpnWesbYj" wire:name="components.tenant-selector">
427    <!--[if BLOCK]><![endif]-->        <!--[if BLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->                <div x-data="{ open: false }" class="relative">
428
429                    <button @click="open = !open" @click.outside="open = false"
430                        class="flex w-full items-center justify-between h-10 gap-3 rounded-full text-text-main hover:bg-brand-main hover:text-surface-main-1 cursor-pointer px-4 py-2.5 font-bold transition bg-surface-light-2">
431
432                        <div class="flex items-center gap-3">
433                            <i class="fas fa-location-dot text-base"></i>
434                            <span class="truncate">
435                                <!--[if BLOCK]><![endif]-->                                    Kies stadsdeel
436                                <!--[if ENDBLOCK]><![endif]-->                            </span>
437                        </div>
438
439                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    </button>
440
441                    <!--[if BLOCK]><![endif]-->                        <div x-show="open" x-transition x-cloak
442                             class="absolute right-0 mt-3 w-64 bg-surface-main-3 rounded-xl shadow-[0_4px_24px_0_rgba(0,0,0,0.15)] p-1 space-y-1 z-50">
443                            <!--[if BLOCK]><![endif]-->                                <label for="almere-stad-checkbox" wire:key="tenant-almere-stad"
444                                       class="group flex items-center cursor-pointer p-2 transition relative rounded-lg hover:bg-surface-light-2">
445
446                                    <input
447                                        type="checkbox"
448                                        id="almere-stad-checkbox"
449                                        value="almere-stad"
450                                        wire:model.live="selectedTenants"
451                                        class="peer sr-only">
452
453                                    <span aria-hidden="true" class="h-6 w-6 rounded-md border border-surface-medium-1 bg-surface-main-4 transition peer-checked:bg-brand-color"></span>
454
455                                    <i aria-hidden="true" class="fa-solid text-sm fa-check absolute left-[0.9rem] top-1/2 -translate-y-1/2 text-text-tertiary opacity-0 transition group-hover:opacity-50 peer-checked:text-brand-main peer-checked:opacity-100"></i>
456
457                                    <span class="ml-2 text-lg font-semibold text-text-secondary transition group-hover:text-brand-secondary peer-checked:text-brand-main">
458                                        Almere Stad
459                                    </span>
460                                </label>
461                                                            <label for="almere-buiten-checkbox" wire:key="tenant-almere-buiten"
462                                       class="group flex items-center cursor-pointer p-2 transition relative rounded-lg hover:bg-surface-light-2">
463
464                                    <input
465                                        type="checkbox"
466                                        id="almere-buiten-checkbox"
467                                        value="almere-buiten"
468                                        wire:model.live="selectedTenants"
469                                        class="peer sr-only">
470
471                                    <span aria-hidden="true" class="h-6 w-6 rounded-md border border-surface-medium-1 bg-surface-main-4 transition peer-checked:bg-brand-color"></span>
472
473                                    <i aria-hidden="true" class="fa-solid text-sm fa-check absolute left-[0.9rem] top-1/2 -translate-y-1/2 text-text-tertiary opacity-0 transition group-hover:opacity-50 peer-checked:text-brand-main peer-checked:opacity-100"></i>
474
475                                    <span class="ml-2 text-lg font-semibold text-text-secondary transition group-hover:text-brand-secondary peer-checked:text-brand-main">
476                                        Almere Buiten
477                                    </span>
478                                </label>
479                                                            <label for="almere-haven-checkbox" wire:key="tenant-almere-haven"
480                                       class="group flex items-center cursor-pointer p-2 transition relative rounded-lg hover:bg-surface-light-2">
481
482                                    <input
483                                        type="checkbox"
484                                        id="almere-haven-checkbox"
485                                        value="almere-haven"
486                                        wire:model.live="selectedTenants"
487                                        class="peer sr-only">
488
489                                    <span aria-hidden="true" class="h-6 w-6 rounded-md border border-surface-medium-1 bg-surface-main-4 transition peer-checked:bg-brand-color"></span>
490
491                                    <i aria-hidden="true" class="fa-solid text-sm fa-check absolute left-[0.9rem] top-1/2 -translate-y-1/2 text-text-tertiary opacity-0 transition group-hover:opacity-50 peer-checked:text-brand-main peer-checked:opacity-100"></i>
492
493                                    <span class="ml-2 text-lg font-semibold text-text-secondary transition group-hover:text-brand-secondary peer-checked:text-brand-main">
494                                        Almere Haven
495                                    </span>
496                                </label>
497                                                            <label for="almere-hout-checkbox" wire:key="tenant-almere-hout"
498                                       class="group flex items-center cursor-pointer p-2 transition relative rounded-lg hover:bg-surface-light-2">
499
500                                    <input
501                                        type="checkbox"
502                                        id="almere-hout-checkbox"
503                                        value="almere-hout"
504                                        wire:model.live="selectedTenants"
505                                        class="peer sr-only">
506
507                                    <span aria-hidden="true" class="h-6 w-6 rounded-md border border-surface-medium-1 bg-surface-main-4 transition peer-checked:bg-brand-color"></span>
508
509                                    <i aria-hidden="true" class="fa-solid text-sm fa-check absolute left-[0.9rem] top-1/2 -translate-y-1/2 text-text-tertiary opacity-0 transition group-hover:opacity-50 peer-checked:text-brand-main peer-checked:opacity-100"></i>
510
511                                    <span class="ml-2 text-lg font-semibold text-text-secondary transition group-hover:text-brand-secondary peer-checked:text-brand-main">
512                                        Almere Hout
513                                    </span>
514                                </label>
515                                                            <label for="almere-poort-checkbox" wire:key="tenant-almere-poort"
516                                       class="group flex items-center cursor-pointer p-2 transition relative rounded-lg hover:bg-surface-light-2">
517
518                                    <input
519                                        type="checkbox"
520                                        id="almere-poort-checkbox"
521                                        value="almere-poort"
522                                        wire:model.live="selectedTenants"
523                                        class="peer sr-only">
524
525                                    <span aria-hidden="true" class="h-6 w-6 rounded-md border border-surface-medium-1 bg-surface-main-4 transition peer-checked:bg-brand-color"></span>
526
527                                    <i aria-hidden="true" class="fa-solid text-sm fa-check absolute left-[0.9rem] top-1/2 -translate-y-1/2 text-text-tertiary opacity-0 transition group-hover:opacity-50 peer-checked:text-brand-main peer-checked:opacity-100"></i>
528
529                                    <span class="ml-2 text-lg font-semibold text-text-secondary transition group-hover:text-brand-secondary peer-checked:text-brand-main">
530                                        Almere Poort
531                                    </span>
532                                </label>
533                            <!--[if ENDBLOCK]><![endif]-->                        </div>
534                    <!--[if ENDBLOCK]><![endif]-->                </div>
535            <!--[if ENDBLOCK]><![endif]-->        <!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]--></div>
536            </div>
537
538        </div>
539    </div>
540</header>
541
542<div id="app-install-banner" class="hidden bg-brand-main text-white text-sm py-2 px-4 flex items-center justify-between gap-3 shadow-md" style="display: none;">
543    <span>Download onze app</span>
544    <div class="flex items-center gap-2 shrink-0">
545        <a href="https://play.google.com/store/apps/details?id=almere.almere2.app.android" target="_blank" rel="noopener" class="underline font-medium">
546            Open in Play Store
547        </a>
548        <button type="button" id="app-install-banner-close" aria-label="Sluiten" class="p-1 rounded hover:bg-white/20">
549            <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"/></svg>
550        </button>
551    </div>
552</div>
553<script>
554(function() {
555    var banner = document.getElementById('app-install-banner');
556    if (!banner || localStorage.getItem('app-install-banner-dismissed') === 'true') return;
557    if (!/Android/i.test(navigator.userAgent)) return;
558    banner.classList.remove('hidden');
559    banner.style.display = 'flex';
560    document.getElementById('app-install-banner-close').addEventListener('click', function() {
561        banner.style.display = 'none';
562        localStorage.setItem('app-install-banner-dismissed', 'true');
563    });
564})();
565</script>
565
566
567<div>
568        
569                                    <main wire:key="lw-1662490603-15" wire:snapshot="{&quot;data&quot;:{&quot;pageData&quot;:[{&quot;__typename&quot;:&quot;Pagina&quot;,&quot;_id&quot;:&quot;8635bb66-bf53-4349-82f5-0758e498800e&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;:&quot;Laatste nieuws&quot;,&quot;all_content&quot;:false,&quot;limit&quot;:10,&quot;seo&quot;:[{&quot;title&quot;:&quot;Het laatste nieuws uit Almere&quot;,&quot;description&quot;:&quot;Blijf op de hoogte van het laatste nieuws uit Almere. 1Almere.nl brengt je dagelijks actueel en lokaal nieuws, reportages en achtergronden uit jouw stad.&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;lblLKbX2Byg1NPUJPEbO&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;8635bb66-bf53-4349-82f5-0758e498800e&quot;},&quot;children&quot;:{&quot;banner-category_top&quot;:[&quot;div&quot;,&quot;gEFNKcDKX2oplvQMsMMS&quot;],&quot;banner-category_top_mobile&quot;:[&quot;div&quot;,&quot;YdfQ897kPskr8m7ZrSHH&quot;],&quot;lw-71422695-2-1&quot;:[&quot;div&quot;,&quot;woAmmSMNi2RjfAfudKQf&quot;],&quot;banner-category_middle&quot;:[&quot;div&quot;,&quot;rZtBAODL7qahLvUzj43R&quot;],&quot;banner-category_middle_mobile&quot;:[&quot;div&quot;,&quot;C27YggRcnfXbrxwgPIdu&quot;],&quot;banner-category_bottom&quot;:[&quot;div&quot;,&quot;H1Bog85HsHVlxb7067FZ&quot;],&quot;banner-category_bottom_mobile&quot;:[&quot;div&quot;,&quot;0UK7nEkuXtolnkmcEvh1&quot;],&quot;banner-sidebar_top&quot;:[&quot;div&quot;,&quot;mLjq45llEsObaeF4jxkw&quot;],&quot;live-overview-component&quot;:[&quot;div&quot;,&quot;Q599pFBkegktGDzPmcN4&quot;],&quot;most-read-overview-component&quot;:[&quot;div&quot;,&quot;S2tbu32RM1OqQuMJvels&quot;],&quot;weather-overview-component&quot;:[&quot;div&quot;,&quot;8mciThpjZIL7wiE2Dymi&quot;],&quot;banner-sidebar_middle&quot;:[&quot;div&quot;,&quot;RH0foxwIVcZyRfjYXVhf&quot;],&quot;banner-sidebar_bottom&quot;:[&quot;div&quot;,&quot;difWOeauLgKRoJFp8Q6D&quot;],&quot;banner-sidebar_bottom_4&quot;:[&quot;div&quot;,&quot;DKWfe1hBdrMV0FIEGzMQ&quot;],&quot;banner-sidebar_bottom_5&quot;:[&quot;div&quot;,&quot;a9qPwnfUzUD4O2ZCIXaU&quot;]},&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;nl&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;c569202d513d4e6a84b68faa286c21db77bf1d8385a295cd81728b3e344ee182&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;regionsUpdated&quot;]}" wire:id="lblLKbX2Byg1NPUJPEbO" wire:name="pages.overview" class="lg:container px-4 w-full md:mx-auto md:px-6 mt-8">
570    
571    <section class="grid grid-cols-1 lg:grid-cols-2 gap-8 mb-14">
572        <!--[if BLOCK]><![endif]-->            <a
573            wire:navigate
574        href="https://1almere.nl/nieuws/artikel/almere-city-verliest-na-late-tegentreffer-bij-fc-dordrecht"
575        data-prepr-item-id="4b30ff62-9d47-4ee7-abf1-cb9a16a36f9f"
576    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">
577
578    <div class="relative group overflow-hidden">
579        <!--[if BLOCK]><![endif]-->            <span class="absolute top-5 left-5 bg-brand-main text-white text-xs font-bold px-2 py-1.5 rounded-md leading-[normal] z-10 uppercase">
580                Voetbal
581            </span>
582        <!--[if ENDBLOCK]><![endif]-->
583        <!--[if BLOCK]><![endif]-->            <img src="https://1almere.stream.prepr.io/1konzsfx57qa/w_728,h_400/schermafbeelding-2026-09-18-om-192236.png"
584                 alt="Almere City verliest na late tegentreffer bij FC Dordrecht"
585                 class="w-full h-[206px] md:h-[400px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
586        <!--[if ENDBLOCK]><![endif]-->
587        <div class="absolute inset-0 bg-gradient-to-t to-transparent from-black/20"></div>
588
589        <div class="absolute bottom-0 w-full px-6 pb-6 pt-10 text-white">
590            <div class="absolute top-0 flex flex-row gap-x-2">
591                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
592                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
593                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </div>
594
595            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
596    </div>
597    <div class="p-6 flex-grow">
598        <!--[if BLOCK]><![endif]-->            <h2 class="text-lg lg:text-[32px] font-bold mb-3 line-clamp-2 leading-[normal] group-hover:underline group-hover:text-brand-secondary">
599                Almere City verliest na late tegentreffer bij FC Dordrecht
600            </h2>
601        <!--[if ENDBLOCK]><![endif]-->        <p class="text-text-main text-sm md:text-base font-montserrat line-clamp-2">
602            Almere City verliest met 3-2 bij FC Dordrecht. De late gelijkmaker van Joey Jacobs bleek niet genoeg.
603        </p>
604    </div>
605</a>
606                    <a
607            wire:navigate
608        href="https://1almere.nl/nieuws/liveblog/live-almere-city-op-bezoek-bij-laagvlieger-fc-dordrecht"
609        data-prepr-item-id="a4c94eec-3d5f-4ee0-b58b-d8dbefc25718"
610    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">
611
612    <div class="relative group overflow-hidden">
613        <!--[if BLOCK]><![endif]-->
613            <span class="absolute top-5 left-5 bg-brand-main text-white text-xs font-bold px-2 py-1.5 rounded-md leading-[normal] z-10 uppercase">
614                live
615            </span>
616        <!--[if ENDBLOCK]><![endif]-->
617        <!--[if BLOCK]><![endif]-->            <img src="https://1almere.stream.prepr.io/3oggpehhrrrl/w_728,h_400/schermafbeelding-2026-09-25-om-190719.png"
618                 alt="LIVE | Almere City verliest na krankzinnige slotfase van FC Dordrecht"
619                 class="w-full h-[206px] md:h-[400px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
620        <!--[if ENDBLOCK]><![endif]-->
621        <div class="absolute inset-0 bg-gradient-to-t to-transparent from-black/20"></div>
622
623        <div class="absolute bottom-0 w-full px-6 pb-6 pt-10 text-white">
624            <div class="absolute top-0 flex flex-row gap-x-2">
625                <!--[if BLOCK]><![endif]-->                    <div class="rounded-full px-2 py-1.5 flex items-center justify-between bg-red-700 font-roboto-condensed font-bold text-sm leading-[normal] text-white gap-x-1">
626                        <i class="fas fa-signal-stream"></i>Liveblog
627                    </div>
628                <!--[if ENDBLOCK]><![endif]-->
629                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
630                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </div>
631
632            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
633    </div>
634    <div class="p-6 flex-grow">
635        <!--[if BLOCK]><![endif]-->            <h2 class="text-lg lg:text-[32px] font-bold mb-3 line-clamp-2 leading-[normal] group-hover:underline group-hover:text-brand-secondary">
636                LIVE | Almere City verliest na krankzinnige slotfase van FC Dordrecht
637            </h2>
638        <!--[if ENDBLOCK]><![endif]-->        <p class="text-text-main text-sm md:text-base font-montserrat line-clamp-2">
639            Almere City heeft met 3-2 verloren op bezoek bij FC Dordrecht. Joey Jacobs maakte vlak voor tijd nog de gelijkmaker, maar Ayoub Ouarghi bezorgde de thuisploeg kort daarna met een schitterend afstandsschot alsnog de overwinning.
640        </p>
641    </div>
642</a>
643        <!--[if ENDBLOCK]><![endif]-->    </section>
644
645    <div class="grid grid-cols-1 lg:grid-cols-[1fr_320px] gap-6">
646        <div class="space-y-3 lg:space-y-6 min-w-0">
647            <!--[if BLOCK]><![endif]-->                <section>
648                    <div class="flex flex-row justify-between items-end">
649                        <h2 class="text-lg lg:text-[32px] leading-[normal] font-bold font-roboto-condensed">
650                            Laatste nieuws
651                        </h2>
652                    </div>
653                </section>
654            <!--[if ENDBLOCK]><![endif]-->
655            
656            <!--[if BLOCK]><![endif]-->                <section>
657                    <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6">
658                        <!--[if BLOCK]><![endif]-->                            <a
659            wire:navigate
660        href="https://1almere.nl/nieuws/artikel/eerste-profcontract-voor-jereno-van-gom-bij-almere-city-fc"
661        data-prepr-item-id="c45ed6c5-2efd-4701-b6f2-fdab2dabfc59"
662    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">
663
664    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
665        <!--[if BLOCK]><![endif]-->            <img src="https://1almere.stream.prepr.io/7a4iirmi5t0c/w_728,h_400/jerenoo.jpg"
666                 alt="Eerste profcontract voor Jereno van Gom bij Almere City FC"
667                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
668        <!--[if ENDBLOCK]><![endif]-->
669        <!--[if BLOCK]><![endif]-->            <span class="hidden md:block absolute top-2 left-2 bg-brand-main text-white text-xs font-bold px-2 py-1.5 rounded-md leading-[normal] z-10">
670                Almere City FC
671            </span>
672        <!--[if ENDBLOCK]><![endif]-->
673        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
674            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
675            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
676            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
677            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
678            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
679    </div>
680
681    <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">
682        <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">
683            Eerste profcontract voor Jereno van Gom bij Almere City FC
684        </h3>
685        <p class="line-clamp-3 font-montserrat max-md:hidden">
686            De 21-jarige verdediger Jereno van Gom verlengt zijn ontwikkeling bij Almere City FC met een driejarig profc
686ontract.
687        </p>
688    </div>
689</a>
690                                                    <a
691            wire:navigate
692        href="https://1almere.nl/nieuws/artikel/stadspas-met-kortingen-binnenkort-beschikbaar-voor-alle-almeerders-maar-mogelijk-niet-voor-iedereen-gratis"
693        data-prepr-item-id="654fc705-ca26-4da0-8bb9-8cd0933a7f59"
694    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">
695
696    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
697        <!--[if BLOCK]><![endif]-->            <img src="https://1almere.stream.prepr.io/3szpgxxchxuq/w_728,h_400/250206-kunstlinie3-36123522cbe8cecec1258c2700573fef.jpg"
698                 alt="Stadspas met kortingen binnenkort beschikbaar voor alle Almeerders, maar mogelijk niet voor iedereen gratis"
699                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
700        <!--[if ENDBLOCK]><![endif]-->
701        <!--[if BLOCK]><![endif]-->            <span class="hidden md:block absolute top-2 left-2 bg-brand-main text-white text-xs font-bold px-2 py-1.5 rounded-md leading-[normal] z-10">
702                Stadspas
703            </span>
704        <!--[if ENDBLOCK]><![endif]-->
705        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
706            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
707            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
708            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
709            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
710            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
711    </div>
712
713    <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">
714        <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">
715            Stadspas met kortingen binnenkort beschikbaar voor alle Almeerders, maar mogelijk niet voor iedereen gratis
716        </h3>
717        <p class="line-clamp-3 font-montserrat max-md:hidden">
718            Iedere Almeerder kan binnenkort een Stadspas aanvragen. Minima houden hem mogelijk gratis; anderen betalen wellicht.
719        </p>
720    </div>
721</a>
722                                                    <a
723            wire:navigate
724        href="https://1almere.nl/nieuws/artikel/almere-blijft-betrokken-bij-uitbreiding-bedrijventerrein-lelystad-airport"
725        data-prepr-item-id="77e62356-047c-41a6-8270-0c474032388b"
726    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">
727
728    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
729        <!--[if BLOCK]><![endif]-->            <img src="https://1almere.stream.prepr.io/222ov9tod0bq/w_728,h_400/200131-inditex-31-45655a5d5cdb9e88c12585040032bd1d.jpg"
730                 alt="Almere blijft betrokken bij uitbreiding bedrijventerrein Lelystad Airport"
731                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
732        <!--[if ENDBLOCK]><![endif]-->
733        <!--[if BLOCK]><![endif]-->            <span class="hidden md:block absolute top-2 left-2 bg-brand-main text-white text-xs font-bold px-2 py-1.5 rounded-md leading-[normal] z-10">
734                Bedrijventerrein
735            </span>
736        <!--[if ENDBLOCK]><![endif]-->
737        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
738            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
739            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
740            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
741            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
742            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
743    </div>
744
745    <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">
746        <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">
747            Almere blijft betrokken bij uitbreiding bedrijventerrein Lelystad Airport
748        </h3>
749        <p class="line-clamp-3 font-montserrat max-md:hidden">
750            Almere gaat meedenken over een mogelijke uitbreiding van Lelystad Airport Businesspark (LAB). Het college doet mee aan de voorbereidingen voor een tweede fase van het bedrijventerrein en stopt met het proces om uit ontwikkelingsmaatschappij OMALA te stappen.
751        </p>
752    </div>
753</a>
754                                                    <a
755            wire:navigate
756        href="https://1almere.nl/nieuws/artikel/vuurwerk-bij-triathlon-paste-volgens-gemeente-almereniet-bij-dierenbeleid-gemeente-kon-show-niet-tegenhouden"
757        data-prepr-item-id="9186bcaf-21ee-4db7-b629-6bf45da086be"
758    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">
759
760    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
761        <!--[if BLOCK]><![endif]-->            <img src="https://1almere.stream.prepr.io/1s5740a76ln7/w_728,h_400/saveclipapp-814660735-18623335489065206-76
76178623611813934624-n.jpg"
762                 alt="Vuurwerk bij triathlon paste volgens gemeente Almere niet bij dierenbeleid, gemeente kon show niet tegenhouden"
763                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
764        <!--[if ENDBLOCK]><![endif]-->
765        <!--[if BLOCK]><![endif]-->            <span class="hidden md:block absolute top-2 left-2 bg-brand-main text-white text-xs font-bold px-2 py-1.5 rounded-md leading-[normal] z-10">
766                Vuurwerk
767            </span>
768        <!--[if ENDBLOCK]><![endif]-->
769        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
770            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
771            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
772            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
773            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
774            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
775    </div>
776
777    <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">
778        <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">
779            Vuurwerk bij triathlon paste volgens gemeente Almere niet bij dierenbeleid, gemeente kon show niet tegenhouden
780        </h3>
781        <p class="line-clamp-3 font-montserrat max-md:hidden">
782            De korte vuurwerkshow bij de afsluiting van Challenge Almere-Amsterdam op 12 september paste niet bij het Almeerse dierenbeleid. Toch kon de gemeente de show naar eigen zeggen niet tegenhouden. Dat schrijft het college in antwoord op vragen van de Partij voor de Dieren.
783        </p>
784    </div>
785</a>
786                                                    <a
787            wire:navigate
788        href="https://1almere.nl/nieuws/artikel/almeerse-schoenenkoning-adri-bax-stopt-ermee-en-zoekt-opvolger-voor-oudste-schoenenzaak-van-de-stad"
789        data-prepr-item-id="34ac9b39-8b5d-4146-9b11-b6dc71d0cf64"
790    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)] bg-brand-light">
791
792    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
793        <!--[if BLOCK]><![endif]-->            <img src="https://1almere.stream.prepr.io/1wd2go2bfxtt/w_728,h_400/dji-20251126155842-0019-d.jpg"
794                 alt="Almeerse schoenenkoning Adri Bax stopt ermee en zoekt opvolger voor oudste schoenenzaak van de stad"
795                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
796        <!--[if ENDBLOCK]><![endif]-->
797        <!--[if BLOCK]><![endif]-->            <span class="hidden md:block absolute top-2 left-2 bg-brand-main text-white text-xs font-bold px-2 py-1.5 rounded-md leading-[normal] z-10">
798                Schoenenwinkel
799            </span>
800        <!--[if ENDBLOCK]><![endif]-->
801        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
802            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
803            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
804            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
805            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
806            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
807    </div>
808
809    <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">
810        <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">
811            Almeerse schoenenkoning Adri Bax stopt ermee en zoekt opvolger voor oudste schoenenzaak van de stad
812        </h3>
813        <p class="line-clamp-3 font-montserrat max-md:hidden">
814            Na bijna veertig jaar wil Adri Bax zijn schoenenzaak aan de Kerkgracht in Almere Haven overdragen. De eigenaar heeft de pensioengerechtigde leeftijd bereikt en zoekt een opvolger.
815        </p>
816    </div>
817</a>
818                                                    <a
819            wire:navigate
820        href="https://1almere.nl/nieuws/artikel/dirk-verhuist-naar-voormalig-pit-museum-pand-aan-korte-promenade-wordt-gesloopt-voor-woontoren"
821        data-prepr-item-id="f257ed20-54da-4687-8955-8ff86f9ea034"
822    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">
823
824    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
825        <!--[if BLOCK]><![endif]-->            <img src="https://1almere.stream.prepr.io/1ziymehxrs5q/w_728,h_400/260303-dirk-schipperplein1-188a34515ea3d72ec1258daf004a9433.jpg"
826                 alt="Dirk verhuist naar voormalig PIT museum: pand aan Korte Promenade wordt gesloopt voor woontoren"
827                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
828        <!--[if ENDBLOCK]><![endif]-->
829        <!--[if BLOCK]><![endif]-->
829            <span class="hidden md:block absolute top-2 left-2 bg-brand-main text-white text-xs font-bold px-2 py-1.5 rounded-md leading-[normal] z-10">
830                Supermarkt
831            </span>
832        <!--[if ENDBLOCK]><![endif]-->
833        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
834            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
835            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
836            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
837            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
838            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
839    </div>
840
841    <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">
842        <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">
843            Dirk verhuist naar voormalig PIT museum: pand aan Korte Promenade wordt gesloopt voor woontoren
844        </h3>
845        <p class="line-clamp-3 font-montserrat max-md:hidden">
846            Supermarkt Dirk aan de Korte Promenade sluit op zaterdag 10 oktober. De winkel opent vier dagen later, op woensdag 14 oktober, opnieuw in het voormalige PIT museum aan het Schipperplein. De verhuizing is tijdelijk: zodra de nieuwe woontoren Skytower klaar is, keert Dirk terug naar de Korte Promenade.
847        </p>
848    </div>
849</a>
850                        <!--[if ENDBLOCK]><![endif]-->                    </div>
851                </section>
852
853                
854                <div class="hidden lg:block">
855                    <div wire:key="banner-category_top" wire:snapshot="{&quot;data&quot;:{&quot;placeId&quot;:&quot;category_top&quot;,&quot;shouldRender&quot;:true,&quot;title&quot;:&quot;Advertentie&quot;,&quot;isSlider&quot;:true,&quot;duration&quot;:9000,&quot;slidesToShow&quot;:1,&quot;items&quot;:[[[{&quot;_id&quot;:&quot;e9c2a9c6-7e76-4113-8c3d-e9e6fda8e403&quot;,&quot;url&quot;:&quot;http:\/\/www.jouw-honc.nl\/&quot;,&quot;image&quot;:&quot;https:\/\/1almere.stream.prepr.io\/5zd6m38pvpi7\/w_984\/49-appartementen-vanaf-eur-285000-984-x-250-px.png&quot;,&quot;alt&quot;:null,&quot;type&quot;:&quot;image&quot;,&quot;slot_id&quot;:null},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;_id&quot;:&quot;25bba0e5-c911-4bbc-a3d8-b8011efa44f5&quot;,&quot;url&quot;:&quot;https:\/\/www.eduvier.nl\/werkenbij&quot;,&quot;image&quot;:&quot;https:\/\/1almere.stream.prepr.io\/773ivz7xcvw3\/w_2050\/advertentiebanners-eduvier-984x250-v2-01.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;gEFNKcDKX2oplvQMsMMS&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;f44e875f8411ecfd783d1fe0d3485333a1f24191c979af914ab9a5d994dbdf1e&quot;}" wire:effects="[]" wire:id="gEFNKcDKX2oplvQMsMMS" wire:name="components.banner">
856<!--[if BLOCK]><![endif]-->    <!--[if BLOCK]><![endif]-->        
857        <div
858            x-data="{
859                items: JSON.parse('[{\u0022_id\u0022:\u0022e9c2a9c6-7e76-4113-8c3d-e9e6fda8e403\u0022,\u0022url\u0022:\u0022http:\\\/\\\/www.jouw-honc.nl\\\/\u0022,\u0022image\u0022:\u0022https:\\\/\\\/1almere.stream.prepr.io\\\/5zd6m38pvpi7\\\/w_984\\\/49-appartementen-vanaf-eur-285000-984-x-250-px.png\u0022,\u0022alt\u0022:null,\u0022type\u0022:\u0022image\u0022,\u0022slot_id\u0022:null},{\u0022_id\u0022:\u002225bba0e5-c911-4bbc-a3d8-b8011efa44f5\u0022,\u0022url\u0022:\u0022https:\\\/\\\/www.eduvier.nl\\\/werkenbij\u0022,\u0022image\u0022:\u0022https:\\\/\\\/1almere.stream.prepr.io\\\/773ivz7xcvw3\\\/w_2050\\\/advertentiebanners-eduvier-984x250-v2-01.jpg\u0022,\u0022alt\u0022:null,\u0022type\u0022:\u0022image\u0022,\u0022slot_id\u0022:null}]'),
860                duration: 9000,
861                current: 0,
862                interval: null,
863                containerHeight: 0,
864
865                recordImpression(item) {
866                    if (item?._id) {
867                        $wire.recordImpression(item._id);
868                    }
869                },
870
871                startAutoplay() {
872                    this.stopAutoplay();
873                    if (this.items.length <= 1) return;
874
875                    this.interval = setInterval(() => {
876                        this.current = (this.current + 1) % this.items.length;
877                    }, this.duration);
878                },
879
880                stopAutoplay() {
881                    clearInterval(this.interval);
882                    this.interval = null;
883                },
884
885                trackClick(item) {
886                    if (typeof prepr !== 'undefined') {
887                        prepr('event', 'Click', { 'id': item._id });
888                    }
889                    window.open(item.url, '_blank');
890                },
891
892                updateHeight(img) {
893                    if (img && img.complete) {
894                        this.containerHeight = img.offsetHeight;
895                    }
896                },
897
898                init() {
899                    if (this.items.length === 0) return;
900
901                    this.recordImpression(this.items[this.current]);
902                    this.$watch('current', (index) => this.recordImpression(this.items[index]));
903
904                    this.$nextTick(() => {
905                        const firstImg = this.$el.querySelector('img');
906                        if (firstImg) {
907                            if (firstImg.complete) {
908                                this.updateHeight(firstImg);
909                            } else {
910                                firstImg.addEventListener('load', () => this.updateHeight(firstImg));
911                            }
912                        }
913                    });
914
915                    this.startAutoplay();
916                }
917            }"
918            x-init="init()"
919            x-on:mouseenter="stopAutoplay()"
920            x-on:mouseleave="startAutoplay()"
921            x-show="items.length > 0"
922        >
923            <!--[if BLOCK]><![endif]-->            <h3 class="mb-2 text-sm font-montserrat text-center font-normal text-text-secondary">
924                Advertentie
925            </h3>
926            <!--[if ENDBLOCK]><![endif]-->
927            <div class="relative w-full overflow-hidden" :style="containerHeight > 0 ? `height: ${containerHeight}px` : ''">
928                <template x-for="(item, index) in items" :key="item._id || index">
929                    <a
930                        x-show="current === index"
931                        x-transition:enter="transition ease-out duration-500"
932                        x-transition:enter-start="opacity-0"
933                        x-transition:enter-end="opacity-100"
934                        x-transition:leave="transition ease-in duration-400"
935                        x-transition:leave-start="opacity-100"
936                        x-transition:leave-end="opacity-0"
937                        :href="item.url"
938                        @click.prevent="trackClick(item)"
939                        target="_blank"
940                        rel="noopener noreferrer"
941                        class="absolute top-0 left-0 w-full"
942                    >
943                        <template x-if="item.image">
944                            <img
945                                :src="item.image"
946                                :alt="item.alt"
947                                class="w-full h-auto rounded-lg"
948                                @load="if (current === index) updateHeight($el)"
949                            >
950                        </template>
951                    </a>
952                </template>
953            </div>
954        </div>
955    <!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
956
957                </div>
958                <div class="lg:hidden">
959                    <div wire:key="banner-category_top_mobile" wire:snapsh
959ot="{&quot;data&quot;:{&quot;placeId&quot;:&quot;category_top_mobile&quot;,&quot;shouldRender&quot;:true,&quot;title&quot;:null,&quot;isSlider&quot;:true,&quot;duration&quot;:8000,&quot;slidesToShow&quot;:1,&quot;items&quot;:[[[{&quot;_id&quot;:&quot;f5a2173a-9135-4d3d-af19-60b38b7e0189&quot;,&quot;url&quot;:&quot;https:\/\/www.eduvier.nl\/werkenbij&quot;,&quot;image&quot;:&quot;https:\/\/1almere.stream.prepr.io\/5mmtnt2i0vru\/w_665\/advertentiebanners-eduvier-984x250-v2-02.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;3e3243ad-6698-4500-b761-cb8b97cf79e8&quot;,&quot;url&quot;:&quot;http:\/\/www.jouw-honc.nl\/&quot;,&quot;image&quot;:&quot;https:\/\/1almere.stream.prepr.io\/73fmehryvy15\/w_319\/49-appartementen-vanaf-eur-285000-319-x-250-px.png&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;YdfQ897kPskr8m7ZrSHH&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;e9e605eb71c016544144ab2c18e58e5b995b0a5400e66d0fc0c28fda9a142bce&quot;}" wire:effects="[]" wire:id="YdfQ897kPskr8m7ZrSHH" wire:name="components.banner">
960<!--[if BLOCK]><![endif]-->    <!--[if BLOCK]><![endif]-->        
961        <div
962            x-data="{
963                items: JSON.parse('[{\u0022_id\u0022:\u0022f5a2173a-9135-4d3d-af19-60b38b7e0189\u0022,\u0022url\u0022:\u0022https:\\\/\\\/www.eduvier.nl\\\/werkenbij\u0022,\u0022image\u0022:\u0022https:\\\/\\\/1almere.stream.prepr.io\\\/5mmtnt2i0vru\\\/w_665\\\/advertentiebanners-eduvier-984x250-v2-02.jpg\u0022,\u0022alt\u0022:null,\u0022type\u0022:\u0022image\u0022,\u0022slot_id\u0022:null},{\u0022_id\u0022:\u00223e3243ad-6698-4500-b761-cb8b97cf79e8\u0022,\u0022url\u0022:\u0022http:\\\/\\\/www.jouw-honc.nl\\\/\u0022,\u0022image\u0022:\u0022https:\\\/\\\/1almere.stream.prepr.io\\\/73fmehryvy15\\\/w_319\\\/49-appartementen-vanaf-eur-285000-319-x-250-px.png\u0022,\u0022alt\u0022:null,\u0022type\u0022:\u0022image\u0022,\u0022slot_id\u0022:null}]'),
964                duration: 8000,
965                current: 0,
966                interval: null,
967                containerHeight: 0,
968
969                recordImpression(item) {
970                    if (item?._id) {
971                        $wire.recordImpression(item._id);
972                    }
973                },
974
975                startAutoplay() {
976                    this.stopAutoplay();
977                    if (this.items.length <= 1) return;
978
979                    this.interval = setInterval(() => {
980                        this.current = (this.current + 1) % this.items.length;
981                    }, this.duration);
982                },
983
984                stopAutoplay() {
985                    clearInterval(this.interval);
986                    this.interval = null;
987                },
988
989                trackClick(item) {
990                    if (typeof prepr !== 'undefined') {
991                        prepr('event', 'Click', { 'id': item._id });
992                    }
993                    window.open(item.url, '_blank');
994                },
995
996                updateHeight(img) {
997                    if (img && img.complete) {
998                        this.containerHeight = img.offsetHeight;
999                    }
1000                },
1001
1002                init() {
1003                    if (this.items.length === 0) return;
1004
1005                    this.recordImpression(this.items[this.current]);
1006                    this.$watch('current', (index) => this.recordImpression(this.items[index]));
1007
1008                    this.$nextTick(() => {
1009                        const firstImg = this.$el.querySelector('img');
1010                        if (firstImg) {
1011                            if (firstImg.complete) {
1012                                this.updateHeight(firstImg);
1013                            } else {
1014                                firstImg.addEventListener('load', () => this.updateHeight(firstImg));
1015                            }
1016                        }
1017                    });
1018
1019                    this.startAutoplay();
1020                }
1021            }"
1022            x-init="init()"
1023            x-on:mouseenter="stopAutoplay()"
1024            x-on:mouseleave="startAutoplay()"
1025            x-show="items.length > 0"
1026        >
1027            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1028            <div class="relative w-full overflow-hidden" :style="containerHeight > 0 ? `height: ${containerHeight}px` : ''">
1029                <template x-for="(item, index) in items" :key="item._id || index">
1030                    <a
1031                        x-show="current === index"
1032                        x-transition:enter="transition ease-out duration-500"
1033                        x-transition:enter-start="opacity-0"
1034                        x-transition:enter-end="opacity-100"
1035                        x-transition:leave="transition ease-in duration-400"
1036                        x-transition:leave-start="opacity-100"
1037                        x-transition:leave-end="opacity-0"
1038                        :href="item.url"
1039                        @click.prevent="trackClick(item)"
1040                        target="_blank"
1041                        rel="noopener noreferrer"
1042                        class="absolute top-0 left-0 w-full"
1043                    >
1044                        <template x-if="item.image">
1045                            <img
1046                                :src="item.image"
1047                                :alt="item.alt"
1048                                class="w-full h-auto rounded-lg"
1049                                @load="if (current === index) updateHeight($el)"
1050                            >
1051                        </template>
1052                    </a>
1053                </template>
1054            </div>
1055        </div>
1056    <!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
1057
1058                </div>
1059            <!--[if ENDBLOCK]><![endif]-->
1060            
1061            
1062            <div wire:key="lw-71422695-2-1" wire:snapshot="{&quot;data&quot;:[],&quot;memo&quot;:{&quot;id&quot;:&quot;woAmmSMNi2RjfAfudKQf&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;deedc35f6b840845d82c96f83669695ac220cb8600e947a85561248daa662c2b&quot;}" wire:effects="[]" wire:id="woAmmSMNi2RjfAfudKQf" wire:name="components.video-overview" x-data="{
1063    ...videoModalComponent(JSON.parse('[{\u0022title\u0022:\u0022Eenzaamheid\u0022,\u0022short_title\u0022:\u0022Eenzaamheid\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/1almere.stream.prepr.io\\\/16rkzt6qb7ma\\\/h_600\\\/eenzaamheid-echte-def00-00-00-00still001.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/w2WSSBzIEMetntXABIRnv79UrQURvuXDdUPlRvFWg2Q.m3u8\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/w2WSSBzIEMetntXABIRnv79UrQURvuXDdUPlRvFWg2Q.m3u8\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/w2WSSBzIEMetntXABIRnv79UrQURvuXDdUPlRvFWg2Q.m3u8\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/w2WSSBzIEMetntXABIRnv79UrQURvuXDdUPlRvFWg2Q.m3u8\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/w2WSSBzIEMetntXABIRnv79UrQURvuXDdUPlRvFWg2Q.m3u8\u0022,\u0022duration\u0022:\u002201:17\u0022,\u0022mime_type\u0022:null,\u0022height\u0022:1920,\u0022width\u0022:1080,\u0022aspect_ratio\u0022:\u00229:16\u0022},\u0022display_title\u0022:\u0022Eenzaamheid\u0022},{\u0022title\u0022:\u0022Strandafval\u0022,\u0022short_title\u0022:\u0022Strandafval\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/1almere.stream.prepr.io\\\/2n234oh88sup\\\/h_600\\\/vieze-stranden-v100-00-00-00still001.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/XYORlNsR600dUKC6clX701lXEH98S56A9lViDgBGjUXUk.m3u8\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/XYORlNsR600dUKC6clX701lXEH98S56A9lViDgBGjUXUk.m3u8\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/XYORlNsR600dUKC6clX701lXEH98S56A9lViDgBGjUXUk\\\/high.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/XYORlNsR600dUKC6clX701lXEH98S56A9lViDgBGjUXUk\\\/high.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/XYORlNsR600dUKC6clX701lXEH98S56A9lViDgBGjUXUk\\\/high.mp4\u0022,\u0022duration\u0022:\u002201:04\u0022,\u0022mime_type\u0022:null,\u0022height\u0022:1920,\u0022width\u0022:1080,\u0022aspect_ratio\u0022:\u00229:16\u0022},\u0022display_title\u0022:\u0022Strandafval\u0022},{\u0022title\u0022:\u0022Hyves\u0022,\u0022short_title\u0022:\u0022Hyves\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/1almere.stream.prepr.io\\\/4yru0lqs23fq\\\/h_600\\\/hyves-comeback-finished00-00-00-00still001.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/CcqeE01GRN6OXGXfTe6GpZkGD5hiH5D02Cu5Zt8008CfwM.m3u8\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/CcqeE01GRN6OXGXfTe6GpZkGD5hiH5D02Cu5Zt8008CfwM.m3u8\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/CcqeE01GRN6OXGXfTe6GpZkGD5hiH5D02Cu5Zt8008CfwM.m3u8\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/CcqeE01GRN6OXGXfTe6GpZkGD5hiH5D02Cu5Zt8008CfwM.m3u8\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/CcqeE01GRN6OXGXfTe6GpZkGD5hiH5D02Cu5Zt8008CfwM.m3u8\u0022,\u0022duration\u0022:\u002201:11\u0022,\u0022mime_type\u0022:null,\u0022height\u0022:1920,\u0022width\u0022:1080,\u0022aspect_ratio\u0022:\u00229:16\u0022},\u0022display_title\u0022:\u0022Hyves\u0022},{\u0022title\u0022:\u0022TBS\u0022,\u0022short_title\u0022:\u0022TBS\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/1almere.stream.prepr.io\\\/6uwexbnhrc3g\\\/h_600\\\/mezzanine00-00-00-00still001.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/MMBg2Gz5CFKTjmjytbT5uCdJnmHu701mzcIBYwhcN007k.m3u8\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/MMBg2Gz5CFKTjmjytbT5uCdJnmHu701mzcIBYwhcN007k.m3u8\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/MMBg2Gz5CFKTjmjytbT5uCdJnmHu701mzcIBYwhcN007k.m3u8\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/MMBg2Gz5CFKTjmjytbT5uCdJnmHu701mzcIBYwhcN007k.m3u8\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/MMBg2Gz5CFKTjmjytbT5uCdJnmHu701mzcIBYwhcN007k.m3u8\u0022,\u0022duration\u0022:\u002203:36\u0022,\u0022mime_type\u0022:null,\u0022height\u0022:1920,\u0022width\u0022:1080,\u0022aspect_ratio\u0022:\u00229:16\u0022}
1063,\u0022display_title\u0022:\u0022TBS\u0022},{\u0022title\u0022:\u0022Huis van Vrede\u0022,\u0022short_title\u0022:\u0022Huis van Vrede\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/1almere.stream.prepr.io\\\/35nlcg94x1ih\\\/h_600\\\/huis-v-vrede-v100-00-00-00still002.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/wDRTt2qcCORAnLY6RF01sjoI66LTGav1mYOB6TULByCA.m3u8\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/wDRTt2qcCORAnLY6RF01sjoI66LTGav1mYOB6TULByCA.m3u8\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/wDRTt2qcCORAnLY6RF01sjoI66LTGav1mYOB6TULByCA.m3u8\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/wDRTt2qcCORAnLY6RF01sjoI66LTGav1mYOB6TULByCA.m3u8\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/wDRTt2qcCORAnLY6RF01sjoI66LTGav1mYOB6TULByCA.m3u8\u0022,\u0022duration\u0022:\u002201:35\u0022,\u0022mime_type\u0022:null,\u0022height\u0022:1920,\u0022width\u0022:1080,\u0022aspect_ratio\u0022:\u00229:16\u0022},\u0022display_title\u0022:\u0022Huis van Vrede\u0022},{\u0022title\u0022:\u0022Kasteel\u0022,\u0022short_title\u0022:\u0022Kasteel\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/1almere.stream.prepr.io\\\/6jt7zhywf4ce\\\/h_600\\\/kasteel-v100-00-00-00still001.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/XxIJApuTCTAkfRutYAnZmYxBowt2CnupdqtO9tOVj02A.m3u8\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/XxIJApuTCTAkfRutYAnZmYxBowt2CnupdqtO9tOVj02A.m3u8\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/XxIJApuTCTAkfRutYAnZmYxBowt2CnupdqtO9tOVj02A.m3u8\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/XxIJApuTCTAkfRutYAnZmYxBowt2CnupdqtO9tOVj02A.m3u8\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/XxIJApuTCTAkfRutYAnZmYxBowt2CnupdqtO9tOVj02A.m3u8\u0022,\u0022duration\u0022:\u002200:54\u0022,\u0022mime_type\u0022:null,\u0022height\u0022:1920,\u0022width\u0022:1080,\u0022aspect_ratio\u0022:\u00229:16\u0022},\u0022display_title\u0022:\u0022Kasteel\u0022},{\u0022title\u0022:\u0022Loopvoetbal\u0022,\u0022short_title\u0022:\u0022Loopvoetbal\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/1almere.stream.prepr.io\\\/1z82xkihog5w\\\/h_600\\\/loopvoetbal00-00-00-00still003.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/SbDmYIk2TKg6iW3nI01UPSI6s2uwaAtscjzmxqOo8j8U.m3u8\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/SbDmYIk2TKg6iW3nI01UPSI6s2uwaAtscjzmxqOo8j8U.m3u8\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/SbDmYIk2TKg6iW3nI01UPSI6s2uwaAtscjzmxqOo8j8U.m3u8\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/SbDmYIk2TKg6iW3nI01UPSI6s2uwaAtscjzmxqOo8j8U.m3u8\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/SbDmYIk2TKg6iW3nI01UPSI6s2uwaAtscjzmxqOo8j8U.m3u8\u0022,\u0022duration\u0022:\u002201:29\u0022,\u0022mime_type\u0022:null,\u0022height\u0022:1920,\u0022width\u0022:1080,\u0022aspect_ratio\u0022:\u00229:16\u0022},\u0022display_title\u0022:\u0022Loopvoetbal\u0022},{\u0022title\u0022:\u0022SP Almere\u0022,\u0022short_title\u0022:\u0022SP Almere\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/1almere.stream.prepr.io\\\/321ji0tgr0k2\\\/h_600\\\/sp-v100-00-00-00still001.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/MiC00OpaDF02Owm8qBLn9ExjGuGPlGcgpCtgOasGLeohc.m3u8\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/MiC00OpaDF02Owm8qBLn9ExjGuGPlGcgpCtgOasGLeohc.m3u8\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/MiC00OpaDF02Owm8qBLn9ExjGuGPlGcgpCtgOasGLeohc.m3u8\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/MiC00OpaDF02Owm8qBLn9ExjGuGPlGcgpCtgOasGLeohc.m3u8\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/MiC00OpaDF02Owm8qBLn9ExjGuGPlGcgpCtgOasGLeohc.m3u8\u0022,\u0022duration\u0022:\u002202:45\u0022,\u0022mime_type\u0022:null,\u0022height\u0022:1920,\u0022width\u0022:1080,\u0022aspect_ratio\u0022:\u00229:16\u0022}
1063,\u0022display_title\u0022:\u0022SP Almere\u0022},{\u0022title\u0022:\u0022Coffeeshop\u0022,\u0022short_title\u0022:\u0022Coffeeshop\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/1almere.stream.prepr.io\\\/18725z8a9m0e\\\/h_600\\\/coffeeshop-v100-00-00-00still001.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/71uqAnSfkkDhbdtB7QTfXWBcCmX6qmtx9IwDG3oiowg.m3u8\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/71uqAnSfkkDhbdtB7QTfXWBcCmX6qmtx9IwDG3oiowg.m3u8\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/71uqAnSfkkDhbdtB7QTfXWBcCmX6qmtx9IwDG3oiowg.m3u8\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/71uqAnSfkkDhbdtB7QTfXWBcCmX6qmtx9IwDG3oiowg.m3u8\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/71uqAnSfkkDhbdtB7QTfXWBcCmX6qmtx9IwDG3oiowg.m3u8\u0022,\u0022duration\u0022:\u002200:43\u0022,\u0022mime_type\u0022:null,\u0022height\u0022:1920,\u0022width\u0022:1080,\u0022aspect_ratio\u0022:\u00229:16\u0022},\u0022display_title\u0022:\u0022Coffeeshop\u0022},{\u0022title\u0022:\u0022Afvaldumpingen\u0022,\u0022short_title\u0022:\u0022Afvaldumpingen\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/1almere.stream.prepr.io\\\/3i6mxcxsrw9s\\\/h_600\\\/afvaldumping.png\u0022,\u0022url\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/jcY1KEVrzCQRCrkvuXP947EFB4jeOD2C3QwMQLCfePs.m3u8\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/jcY1KEVrzCQRCrkvuXP947EFB4jeOD2C3QwMQLCfePs.m3u8\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/jcY1KEVrzCQRCrkvuXP947EFB4jeOD2C3QwMQLCfePs.m3u8\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/jcY1KEVrzCQRCrkvuXP947EFB4jeOD2C3QwMQLCfePs.m3u8\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/jcY1KEVrzCQRCrkvuXP947EFB4jeOD2C3QwMQLCfePs.m3u8\u0022,\u0022duration\u0022:\u002201:30\u0022,\u0022mime_type\u0022:null,\u0022height\u0022:1920,\u0022width\u0022:1080,\u0022aspect_ratio\u0022:\u00229:16\u0022},\u0022display_title\u0022:\u0022Afvaldumpingen\u0022},{\u0022title\u0022:\u0022Zomermarkt\u0022,\u0022short_title\u0022:\u0022Zomermarkt\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/1almere.stream.prepr.io\\\/gjtppur8p3h\\\/h_600\\\/thumbnail-marktvoxpop.png\u0022,\u0022url\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/SBKW02bWVTr7tb8z37vhmw02e9xcV4aSYCLxdxgniJvSE.m3u8\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/SBKW02bWVTr7tb8z37vhmw02e9xcV4aSYCLxdxgniJvSE.m3u8\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/SBKW02bWVTr7tb8z37vhmw02e9xcV4aSYCLxdxgniJvSE.m3u8\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/SBKW02bWVTr7tb8z37vhmw02e9xcV4aSYCLxdxgniJvSE.m3u8\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/SBKW02bWVTr7tb8z37vhmw02e9xcV4aSYCLxdxgniJvSE.m3u8\u0022,\u0022duration\u0022:\u002201:48\u0022,\u0022mime_type\u0022:null,\u0022height\u0022:1920,\u0022width\u0022:1080,\u0022aspect_ratio\u0022:\u00229:16\u0022},\u0022display_title\u0022:\u0022Zomermarkt\u0022},{\u0022title\u0022:\u0022Flexwoningen\u0022,\u0022short_title\u0022:\u0022Flexwoningen\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/1almere.stream.prepr.io\\\/2vrxvhbqqygc\\\/h_600\\\/witte-lijn00-00-00-00still001.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/C00KdKTm7kZnrA9Uzzy3ttUC3Sa02692kg7gTXKjuVNs8.m3u8\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/C00KdKTm7kZnrA9Uzzy3ttUC3Sa02692kg7gTXKjuVNs8.m3u8\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/C00KdKTm7kZnrA9Uzzy3ttUC3Sa02692kg7gTXKjuVNs8.m3u8\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/C00KdKTm7kZnrA9Uzzy3ttUC3Sa02692kg7gTXKjuVNs8.m3u8\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/C00KdKTm7kZnrA9Uzzy3ttUC3Sa02692kg7gTXKjuVNs8.m3u8\u0022,\u0022duration\u0022:\u002201:48\u0022,\u0022mime_type\u0022:null,\u0022height\u0022:1920,\u0022width\u0022:1080,\u0022aspect_ratio\u0022:\u00229:16\u0022}
1063,\u0022display_title\u0022:\u0022Flexwoningen\u0022},{\u0022title\u0022:\u0022Straatvoetballen\u0022,\u0022short_title\u0022:\u0022Straatvoetballen\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/1almere.stream.prepr.io\\\/7e4y8x6ybd16\\\/h_600\\\/touzani-v100-00-00-00still001.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/qPkHSKe2Wx1zUD7hI01BYe9m8HNe3w2U9l9YS01GDkgf4.m3u8\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/qPkHSKe2Wx1zUD7hI01BYe9m8HNe3w2U9l9YS01GDkgf4.m3u8\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/qPkHSKe2Wx1zUD7hI01BYe9m8HNe3w2U9l9YS01GDkgf4\\\/low.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/qPkHSKe2Wx1zUD7hI01BYe9m8HNe3w2U9l9YS01GDkgf4\\\/low.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/qPkHSKe2Wx1zUD7hI01BYe9m8HNe3w2U9l9YS01GDkgf4\\\/low.mp4\u0022,\u0022duration\u0022:\u002201:31\u0022,\u0022mime_type\u0022:null,\u0022height\u0022:1920,\u0022width\u0022:1080,\u0022aspect_ratio\u0022:\u00229:16\u0022},\u0022display_title\u0022:\u0022Straatvoetballen\u0022},{\u0022title\u0022:\u0022Woningnood\u0022,\u0022short_title\u0022:\u0022Woningnood\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/1almere.stream.prepr.io\\\/75fds6rdmcoy\\\/h_600\\\/woningnood-v100-00-00-00still001.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/9PZn7WL8TxYFfJKKZDkV5Vk02G2X5IkD4E3dqeG9CadA.m3u8\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/9PZn7WL8TxYFfJKKZDkV5Vk02G2X5IkD4E3dqeG9CadA.m3u8\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/9PZn7WL8TxYFfJKKZDkV5Vk02G2X5IkD4E3dqeG9CadA\\\/low.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/9PZn7WL8TxYFfJKKZDkV5Vk02G2X5IkD4E3dqeG9CadA\\\/low.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/9PZn7WL8TxYFfJKKZDkV5Vk02G2X5IkD4E3dqeG9CadA\\\/low.mp4\u0022,\u0022duration\u0022:\u002201:32\u0022,\u0022mime_type\u0022:null,\u0022height\u0022:1920,\u0022width\u0022:1080,\u0022aspect_ratio\u0022:\u00229:16\u0022},\u0022display_title\u0022:\u0022Woningnood\u0022},{\u0022title\u0022:\u0022Fantasy Festival\u0022,\u0022short_title\u0022:\u0022Fantasy Festival\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/1almere.stream.prepr.io\\\/2xgu9v3mkwwe\\\/h_600\\\/almera-v100-00-00-00still001.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/u01AyyXpk5f02ZKFy01ne2AWudjaVvlBJf4t1UzE1DdgWY.m3u8\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/u01AyyXpk5f02ZKFy01ne2AWudjaVvlBJf4t1UzE1DdgWY.m3u8\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/u01AyyXpk5f02ZKFy01ne2AWudjaVvlBJf4t1UzE1DdgWY.m3u8\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/u01AyyXpk5f02ZKFy01ne2AWudjaVvlBJf4t1UzE1DdgWY.m3u8\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/u01AyyXpk5f02ZKFy01ne2AWudjaVvlBJf4t1UzE1DdgWY.m3u8\u0022,\u0022duration\u0022:\u002201:52\u0022,\u0022mime_type\u0022:null,\u0022height\u0022:1920,\u0022width\u0022:1080,\u0022aspect_ratio\u0022:\u00229:16\u0022},\u0022display_title\u0022:\u0022Fantasy Festival\u0022},{\u0022title\u0022:\u0022Boete of Bureau Halt?\u0022,\u0022short_title\u0022:\u0022Boete of Bureau Halt?\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/1almere.stream.prepr.io\\\/1hchbtg99um9\\\/h_600\\\/bureau-halt-0100-00-00-00still001.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/PYe7486ZNSfNGB1DnhE6uc02hYD1pW0113ZUwuc02CcS8I.m3u8\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/PYe7486ZNSfNGB1DnhE6uc02hYD1pW0113ZUwuc02CcS8I.m3u8\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/PYe7486ZNSfNGB1DnhE6uc02hYD1pW0113ZUwuc02CcS8I.m3u8\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/PYe7486ZNSfNGB1DnhE6uc02hYD1pW0113ZUwuc02CcS8I.m3u8\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/PYe7486ZNSfNGB1DnhE6uc02hYD1pW0113ZUwuc02CcS8I.m3u8\u0022,\u0022duration\u0022:\u002201:26\u0022,\u0022mime_type\u0022:null,\u0022height\u0022:1920,\u0022width\u0022:1080,\u0022aspect_ratio\u0022:\u00229:16\u0022}
1063,\u0022display_title\u0022:\u0022Boete of Bureau Halt?\u0022},{\u0022title\u0022:\u0022Leegstandsbelasting\u0022,\u0022short_title\u0022:\u0022Leegstandsbelasting\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/1almere.stream.prepr.io\\\/pms9bnsm0y4\\\/h_600\\\/leegstandsbelasting-v100-00-00-00still001.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/C4mUZLI4RaeHIU7cVB1w6FrrW2q33N3gCXZWNHJ58a4.m3u8\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/C4mUZLI4RaeHIU7cVB1w6FrrW2q33N3gCXZWNHJ58a4.m3u8\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/C4mUZLI4RaeHIU7cVB1w6FrrW2q33N3gCXZWNHJ58a4\\\/medium.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/C4mUZLI4RaeHIU7cVB1w6FrrW2q33N3gCXZWNHJ58a4\\\/medium.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/C4mUZLI4RaeHIU7cVB1w6FrrW2q33N3gCXZWNHJ58a4\\\/medium.mp4\u0022,\u0022duration\u0022:\u002200:57\u0022,\u0022mime_type\u0022:null,\u0022height\u0022:1920,\u0022width\u0022:1080,\u0022aspect_ratio\u0022:\u00229:16\u0022},\u0022display_title\u0022:\u0022Leegstandsbelasting\u0022},{\u0022title\u0022:\u0022Zonsverduistering\u0022,\u0022short_title\u0022:\u0022Zonsverduistering\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/1almere.stream.prepr.io\\\/51klb91lmo24\\\/h_600\\\/eclipse00-00-00-00still002.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/4jZdLq6XRywXTN8PSrHBtBeVrdyYdcFR1X9VnHexaTQ.m3u8\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/4jZdLq6XRywXTN8PSrHBtBeVrdyYdcFR1X9VnHexaTQ.m3u8\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/4jZdLq6XRywXTN8PSrHBtBeVrdyYdcFR1X9VnHexaTQ\\\/medium.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/4jZdLq6XRywXTN8PSrHBtBeVrdyYdcFR1X9VnHexaTQ\\\/medium.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/4jZdLq6XRywXTN8PSrHBtBeVrdyYdcFR1X9VnHexaTQ\\\/medium.mp4\u0022,\u0022duration\u0022:\u002202:14\u0022,\u0022mime_type\u0022:null,\u0022height\u0022:1920,\u0022width\u0022:1080,\u0022aspect_ratio\u0022:\u00229:16\u0022},\u0022display_title\u0022:\u0022Zonsverduistering\u0022},{\u0022title\u0022:\u0022Zlatan Ibrahimović\u0022,\u0022short_title\u0022:\u0022Zlatan Ibrahimović\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/1almere.stream.prepr.io\\\/39wqs17ioplt\\\/h_600\\\/zlatan-v100-00-00-00still001.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/jsz1MsXNN6D3hzC6cP01UDzwSvx1aX02rxQUIC02PtR01y00.m3u8\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/jsz1MsXNN6D3hzC6cP01UDzwSvx1aX02rxQUIC02PtR01y00.m3u8\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/jsz1MsXNN6D3hzC6cP01UDzwSvx1aX02rxQUIC02PtR01y00.m3u8\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/jsz1MsXNN6D3hzC6cP01UDzwSvx1aX02rxQUIC02PtR01y00.m3u8\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/jsz1MsXNN6D3hzC6cP01UDzwSvx1aX02rxQUIC02PtR01y00.m3u8\u0022,\u0022duration\u0022:\u002201:12\u0022,\u0022mime_type\u0022:null,\u0022height\u0022:1920,\u0022width\u0022:1080,\u0022aspect_ratio\u0022:\u00229:16\u0022},\u0022display_title\u0022:\u0022Zlatan Ibrahimović\u0022},{\u0022title\u0022:\u0022Woningbouw\u0022,\u0022short_title\u0022:\u0022Woningbouw\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/1almere.stream.prepr.io\\\/7g12h2int39v\\\/h_600\\\/woningbouw-v100-00-00-00still001.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/QCE4z5rXTHyyCojcXvOrjtU1IqetSrGvYbnaTkEm1Ko.m3u8\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/QCE4z5rXTHyyCojcXvOrjtU1IqetSrGvYbnaTkEm1Ko.m3u8\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/QCE4z5rXTHyyCojcXvOrjtU1IqetSrGvYbnaTkEm1Ko\\\/high.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/QCE4z5rXTHyyCojcXvOrjtU1IqetSrGvYbnaTkEm1Ko\\\/high.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/stream.mux.com\\\/QCE4z5rXTHyyCojcXvOrjtU1IqetSrGvYbnaTkEm1Ko\\\/high.mp4\u0022,\u0022duration\u0022:\u002201:26\u0022,\u0022mime_type\u0022:null,\u0022height\u0022:1920,\u0022width\u0022:1080,\u0022aspect_ratio\u0022:\u00229:16\u0022}
1063,\u0022display_title\u0022:\u0022Woningbouw\u0022}]'))
1064}" >
1065
1066    <section>
1067        <div class="border-y border-button-border py-6 relative">
1068            <div class="flex items-center justify-between text-text-main mb-6">
1069                <h2 class="font-bold text-xl">Kijken</h2>
1070                <div class="flex items-center space-x-2.5">
1071                    <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>
1072                    <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>
1073                </div>
1074            </div>
1075            <div class="relative">
1076                <style> [x-ref="scrollContainer"]::-webkit-scrollbar { display: none; } </style>
1077                <div x-ref="scrollContainer"
1078                     class="flex items-center gap-6 overflow-x-auto scroll-smooth snap-x snap-mandatory pr-6"
1079                     style="scrollbar-width: none; -ms-overflow-style: none;"
1080                     onwheel="this.scrollLeft += event.deltaY">
1081                    <template x-for="(video, index) in videos" :key="index">
1082                        <div class="snap-start flex-shrink-0 group text-left focus:outline-none cursor-pointer"
1083                             :class="{
1084                                '!w-[511px]': video.broadcast.width >= video.broadcast.height,
1085                                '!w-[162px]': video.broadcast.width < video.broadcast.height
1086                             }"
1087                             @click="openModal(index)">
1088                            <div class="flex flex-col overflow-hidden">
1089                                <div
1090                                    class="w-full relative h-72 mb-3"
1091                                    :class="{
1092                                        'aspect-video': video.broadcast.width >= video.broadcast.height,
1093                                        'aspect-[9/16]': video.broadcast.width < video.broadcast.height
1094                                    }"
1095                                >
1096                                    <img
1097                                        :src="video.broadcast.coverThumbUrl"
1098                                        alt=""
1099                                        class="object-cover w-auto h-72 rounded-xl group-hover:opacity-90"
1100                                    />
1101                                    <div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-center">
1102                                        <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>
1103                                        <span class="mt-2 font-bold text-white text-xs" x-text="video.broadcast.duration"></span>
1104                                    </div>
1105                                </div>
1106                                <p x-text="video.display_title" class="text-lg font-bold truncate leading-[normal] group-hover:underline group-hover:text-brand-secondary"></p>
1107                            </div>
1108                        </div>
1109                    </template>
1110                </div>
1111                <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>
1112            </div>
1113        </div>
1114    </section>
1115
1116    
1117    <div
1118        x-show="modalOpen"
1119        x-transition.opacity
1120        x-on:keydown.window.escape.prevent="modalOpen && closeModal()"
1121        x-on:keydown.window.arrow-right.prevent="modalOpen && nextVideo($event)"
1122        x-on:keydown.window.arrow-left.prevent="modalOpen && prevVideo($event)"
1123        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"
1124        style="display: none;"
1125        x-cloak
1126        role="dialog"
1127        aria-modal="true"
1128    >
1129        <div x-on:click="closeModal()" class="absolute inset-0 bg-text-main/10 dark:bg-black/40" aria-hidden="true"></div>
1130
1131        <button
1132            type="button"
1133            x-on:click="closeModal()"
1134            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"
1135            aria-label="Sluiten"
1136        >
1137            <i class="fa-solid fa-close text-sm"></i>
1138        </button>
1139
1140        <div
1141            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"
1142            :class="(modalOpen && !isPlayerReady) ? 'overflow-hidden' : 'overflow-y-auto md:overflow-hidden'"
1143        >
1144            <template x-if="activeVideo">
1145                <div class="relative flex min-h-[45dvh] w-full flex-1 flex-col items-center justify-center md:min-h-0">
1146                    
1147                    <div
1148                        x-show="!isPlayerReady"
1149                        x-transition.opacity
1150                        class="absolute inset-0 z-30 flex items-center justify-center"
1151                    >
1152                        <div class="h-10 w-10 animate-spin rounded-full border-2 border-text-main/20 border-t-text-main"></div>
1153                    </div>
1154
1155                    <div
1156                        x-show="isPlayerReady"
1157                        x-transition.opacity
1158                        class="flex min-h-0 w-full flex-col items-center gap-[16px]"
1159                    >
1160                    <h2
1161                        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]"
1162                        x-text="activeVideo.display_title"
1163                    ></h2>
1164
1165                    <template x-if="videos.length > 1 && activeVideoIndex > 0">
1166                        <button
1167                            type="button"
1168                            x-on:click="prevVideo($event)"
1169                            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"
1170                            aria-label="Vorige video"
1171                        >
1172                            <i class="fa-solid fa-chevron-left text-xs"></i>
1173                        </button>
1174                    </template>
1175                    <template x-if="videos.length > 1 && activeVideoIndex < videos.length - 1">
1176                        <button
1177                            type="button"
1178                            x-on:click="nextVideo($event)"
1179                            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"
1180                            aria-label="Volgende video"
1181                        >
1182                            <i class="fa-solid fa-chevron-right text-xs"></i>
1183                        </button>
1184                    </template>
1185
1186                    <div class="js-modal-card-container relative w-full min-w-0 max-w-full">
1187                        <div class="relative overflow-hidden rounded-xl">
1188                            <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>
1189
1190                            <template x-if="videos.length > 1 && activeVideoIndex > 0">
1191                                <button
1192                                    type="button"
1193                                    x-on:click="prevVideo($event)"
1194                                    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"
1195                                    aria-label="Vorige video"
1196                                >
1197                                    <i class="fa-solid fa-chevron-left text-xs"></i>
1198                                </button>
1199                            </template>
1200                            <template x-if="videos.length > 1 && activeVideoIndex < videos.length - 1">
1201                                <button
1202                                    type="button"
1203                                    x-on:click="nextVideo($event)"
1204                                    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"
1205                                    aria-label="Volgende video"
1206                                >
1207                                    <i class="fa-solid fa-chevron-right text-xs"></i>
1208                                </button>
1209                            </template>
1210                        </div>
1211                    </div>
1212
1213                    <template x-if="videos.length > 1">
1214                        <div
1215                            class="pointer-events-none flex w-full justify-center"
1216                            role="group"
1217                            aria-label="Fotonavigatie"
1218                        >
1219                            <span
1220                                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]"
1221                                role="status"
1222                                x-text="(activeVideoIndex + 1) + ' / ' + videos.length"
1223                            ></span>
1224                        </div>
1225                    </template>
1226                    </div>
1227                </div>
1228            </template>
1229        </div>
1230    </div>
1231</div>
1232
1233            
1234            <!--[if BLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->                    <section wire:key="group-extra-0">
1235                        <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6">
1236                            <!--[if BLOCK]><![endif]-->                                <a
1237            wire:navigate
1238        href="https://1almere.nl/nieuws/artikel/almere-heeft-een-van-de-langste-wachtlijsten-voor-hulp-aan-toeslagengedupeerden"
1239        data-prepr-item-id="9fb320db-775f-4305-b894-f68f6c97c63e"
1240    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">
1241
1242    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1243        <!--[if BLOCK]><![endif]-->            <img src="https://1almere.stream.prepr.io/61ubzlet5f5d/w_728,h_400/toeslagenaffaire-54f2045154ba9682c125879c0049b184-scaled.jpg"
1244                 alt="Almere heeft een van de langste wachtlijsten voor hulp aan toeslagengedupeerden"
1245                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1246        <!--[if ENDBLOCK]><![endif]-->
1247        <!--[if BLOCK]><![endif]-->            <span class="hidden md:block absolute top-2 left-2 bg-brand-main text-white text-xs font-bold px-2 py-1.5 rounded-md leading-[normal] z-10">
1248                Toeslagenaffaire
1249            </span>
1250        <!--[if ENDBLOCK]><![endif]-->
1251        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1252            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1253            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1254            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1255            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1256            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1257    </div>
1258
1259    <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">
1260        <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">
1261            Almere heeft een van de langste wachtlijsten voor hulp aan toeslagengedupeerden
1262        </h3>
1263        <p class="line-clamp-3 font-montserrat max-md:hidden">
1264            Almere behoort tot de drie gemeenten met de langste wachtlijst gedupeerden ouders en kinderen die nog op hulp van de gemeenten wachten.
1265        </p>
1266    </div>
1267</a>
1268                                                            <a
1269            wire:navigate
1270        href="https://1almere.nl/nieuws/artikel/almere-houdt-vast-aan-leegstandsbelasting-ook-bij-weinig-lege-huizen-elke-woning-is-er-een-te-veel"
1271        data-prepr-item-id="b31e6d84-adda-4c8d-bb8e-11193843acbe"
1272    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">
1273
1274    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1275        <!--[if BLOCK]><![endif]-->            <img src="https://1almere.stream.prepr.io/5e1f4y5nn5uu/w_728,h_400/anp-557217686.jpg"
1276                 alt="Almere houdt vast aan leegstandsbelasting, ook bij weinig lege huizen: “Elke woning is er één te veel”"
1277                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1278        <!--[if ENDBLOCK]><![endif]-->
1279        <!--[if BLOCK]><![endif]-->
1279            <span class="hidden md:block absolute top-2 left-2 bg-brand-main text-white text-xs font-bold px-2 py-1.5 rounded-md leading-[normal] z-10">
1280                Leegstandsbelasting
1281            </span>
1282        <!--[if ENDBLOCK]><![endif]-->
1283        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1284            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1285            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1286            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1287            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1288            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1289    </div>
1290
1291    <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">
1292        <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">
1293            Almere houdt vast aan leegstandsbelasting, ook bij weinig lege huizen: “Elke woning is er één te veel”
1294        </h3>
1295        <p class="line-clamp-3 font-montserrat max-md:hidden">
1296            Almere houdt vast aan de leegstandsbelasting, ook als uiteindelijk maar een klein aantal woningen onder de maatregel valt. Dat schrijft het college in antwoord op schriftelijke vragen van JA21 en Forum voor Democratie.
1297        </p>
1298    </div>
1299</a>
1300                                                            <a
1301            wire:navigate
1302        href="https://1almere.nl/nieuws/artikel/van-artiesten-van-almeerse-bodem-tot-landelijke-musici-muziek-verknoopt-zich-met-natuur-tijdens-muziekfestival-het-groene-geheim"
1303        data-prepr-item-id="acccd68e-cc99-4873-8077-0fd523099fd2"
1304    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">
1305
1306    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1307        <!--[if BLOCK]><![endif]-->            <img src="https://1almere.stream.prepr.io/6teulu5igaja/w_728,h_400/unnamed-1.jpg"
1308                 alt="Van artiesten van Almeerse bodem tot landelijke musici: muziek verknoopt zich met natuur tijdens muziekfestival Het Groene Geheim"
1309                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1310        <!--[if ENDBLOCK]><![endif]-->
1311        <!--[if BLOCK]><![endif]-->            <span class="hidden md:block absolute top-2 left-2 bg-brand-main text-white text-xs font-bold px-2 py-1.5 rounded-md leading-[normal] z-10">
1312                Muziek
1313            </span>
1314        <!--[if ENDBLOCK]><![endif]-->
1315        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1316            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1317            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1318            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1319            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1320            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1321    </div>
1322
1323    <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">
1324        <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">
1325            Van artiesten van Almeerse bodem tot landelijke musici: muziek verknoopt zich met natuur tijdens muziekfestival Het Groene Geheim
1326        </h3>
1327        <p class="line-clamp-3 font-montserrat max-md:hidden">
1328            Tijdens de derde editie van muziekfestival Het Groene Geheim vinden verspreid over stadslandgoed De Kemphaan verschillende muzikale optredens plaats.
1329        </p>
1330    </div>
1331</a>
1332                            <!--[if ENDBLOCK]><![endif]-->                        </div>
1333                    </section>
1334                <!--[if ENDBLOCK]><![endif]-->
1335                
1336                <!--[if BLOCK]><![endif]-->                    <div class="hidden lg:block">
1337                        <div wire:key="banner-category_middle" wire:snapsh
1337ot="{&quot;data&quot;:{&quot;placeId&quot;:&quot;category_middle&quot;,&quot;shouldRender&quot;:true,&quot;title&quot;:&quot;Advertentie&quot;,&quot;isSlider&quot;:true,&quot;duration&quot;:9000,&quot;slidesToShow&quot;:1,&quot;items&quot;:[[[{&quot;_id&quot;:&quot;e9c2a9c6-7e76-4113-8c3d-e9e6fda8e403&quot;,&quot;url&quot;:&quot;http:\/\/www.jouw-honc.nl\/&quot;,&quot;image&quot;:&quot;https:\/\/1almere.stream.prepr.io\/5zd6m38pvpi7\/w_984\/49-appartementen-vanaf-eur-285000-984-x-250-px.png&quot;,&quot;alt&quot;:null,&quot;type&quot;:&quot;image&quot;,&quot;slot_id&quot;:null},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;_id&quot;:&quot;3d6508bb-71fa-46c9-a7c6-f96511cd29ea&quot;,&quot;url&quot;:&quot;https:\/\/adverteren-op-1almere.lovable.app\/&quot;,&quot;image&quot;:&quot;https:\/\/1almere.stream.prepr.io\/1ii8mxy2mv75\/w_3074\/1almere-panel-984-x-250-px-1.png&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;rZtBAODL7qahLvUzj43R&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;3249495bab44b7afe4f95a5cc9fd67e2b25ffb92114ec789c1aa4af5e1aa03c7&quot;}" wire:effects="[]" wire:id="rZtBAODL7qahLvUzj43R" wire:name="components.banner">
1338<!--[if BLOCK]><![endif]-->    <!--[if BLOCK]><![endif]-->        
1339        <div
1340            x-data="{
1341                items: JSON.parse('[{\u0022_id\u0022:\u0022e9c2a9c6-7e76-4113-8c3d-e9e6fda8e403\u0022,\u0022url\u0022:\u0022http:\\\/\\\/www.jouw-honc.nl\\\/\u0022,\u0022image\u0022:\u0022https:\\\/\\\/1almere.stream.prepr.io\\\/5zd6m38pvpi7\\\/w_984\\\/49-appartementen-vanaf-eur-285000-984-x-250-px.png\u0022,\u0022alt\u0022:null,\u0022type\u0022:\u0022image\u0022,\u0022slot_id\u0022:null},{\u0022_id\u0022:\u00223d6508bb-71fa-46c9-a7c6-f96511cd29ea\u0022,\u0022url\u0022:\u0022https:\\\/\\\/adverteren-op-1almere.lovable.app\\\/\u0022,\u0022image\u0022:\u0022https:\\\/\\\/1almere.stream.prepr.io\\\/1ii8mxy2mv75\\\/w_3074\\\/1almere-panel-984-x-250-px-1.png\u0022,\u0022alt\u0022:null,\u0022type\u0022:\u0022image\u0022,\u0022slot_id\u0022:null}]'),
1342                duration: 9000,
1343                current: 0,
1344                interval: null,
1345                containerHeight: 0,
1346
1347                recordImpression(item) {
1348                    if (item?._id) {
1349                        $wire.recordImpression(item._id);
1350                    }
1351                },
1352
1353                startAutoplay() {
1354                    this.stopAutoplay();
1355                    if (this.items.length <= 1) return;
1356
1357                    this.interval = setInterval(() => {
1358                        this.current = (this.current + 1) % this.items.length;
1359                    }, this.duration);
1360                },
1361
1362                stopAutoplay() {
1363                    clearInterval(this.interval);
1364                    this.interval = null;
1365                },
1366
1367                trackClick(item) {
1368                    if (typeof prepr !== 'undefined') {
1369                        prepr('event', 'Click', { 'id': item._id });
1370                    }
1371                    window.open(item.url, '_blank');
1372                },
1373
1374                updateHeight(img) {
1375                    if (img && img.complete) {
1376                        this.containerHeight = img.offsetHeight;
1377                    }
1378                },
1379
1380                init() {
1381                    if (this.items.length === 0) return;
1382
1383                    this.recordImpression(this.items[this.current]);
1384                    this.$watch('current', (index) => this.recordImpression(this.items[index]));
1385
1386                    this.$nextTick(() => {
1387                        const firstImg = this.$el.querySelector('img');
1388                        if (firstImg) {
1389                            if (firstImg.complete) {
1390                                this.updateHeight(firstImg);
1391                            } else {
1392                                firstImg.addEventListener('load', () => this.updateHeight(firstImg));
1393                            }
1394                        }
1395                    });
1396
1397                    this.startAutoplay();
1398                }
1399            }"
1400            x-init="init()"
1401            x-on:mouseenter="stopAutoplay()"
1402            x-on:mouseleave="startAutoplay()"
1403            x-show="items.length > 0"
1404        >
1405            <!--[if BLOCK]><![endif]-->            <h3 class="mb-2 text-sm font-montserrat text-center font-normal text-text-secondary">
1406                Advertentie
1407            </h3>
1408            <!--[if ENDBLOCK]><![endif]-->
1409            <div class="relative w-full overflow-hidden" :style="containerHeight > 0 ? `height: ${containerHeight}px` : ''">
1410                <template x-for="(item, index) in items" :key="item._id || index">
1411                    <a
1412                        x-show="current === index"
1413                        x-transition:enter="transition ease-out duration-500"
1414                        x-transition:enter-start="opacity-0"
1415                        x-transition:enter-end="opacity-100"
1416                        x-transition:leave="transition ease-in duration-400"
1417                        x-transition:leave-start="opacity-100"
1418                        x-transition:leave-end="opacity-0"
1419                        :href="item.url"
1420                        @click.prevent="trackClick(item)"
1421                        target="_blank"
1422                        rel="noopener noreferrer"
1423                        class="absolute top-0 left-0 w-full"
1424                    >
1425                        <template x-if="item.image">
1426                            <img
1427                                :src="item.image"
1428                                :alt="item.alt"
1429                                class="w-full h-auto rounded-lg"
1430                                @load="if (current === index) updateHeight($el)"
1431                            >
1432                        </template>
1433                    </a>
1434                </template>
1435            </div>
1436        </div>
1437    <!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
1438
1439                    </div>
1440                    <div class="lg:hidden">
1441                        <div wire:key="banner-category_middle_mobile" wire:snapsh
1441ot="{&quot;data&quot;:{&quot;placeId&quot;:&quot;category_middle_mobile&quot;,&quot;shouldRender&quot;:true,&quot;title&quot;:null,&quot;isSlider&quot;:true,&quot;duration&quot;:8000,&quot;slidesToShow&quot;:1,&quot;items&quot;:[[[{&quot;_id&quot;:&quot;3e3243ad-6698-4500-b761-cb8b97cf79e8&quot;,&quot;url&quot;:&quot;http:\/\/www.jouw-honc.nl\/&quot;,&quot;image&quot;:&quot;https:\/\/1almere.stream.prepr.io\/73fmehryvy15\/w_319\/49-appartementen-vanaf-eur-285000-319-x-250-px.png&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;C27YggRcnfXbrxwgPIdu&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;7876fb8a505eff54e6191f98babe68183907dfd8af2fe5f6e59ce960f5a885c0&quot;}" wire:effects="[]" wire:id="C27YggRcnfXbrxwgPIdu" wire:name="components.banner">
1442<!--[if BLOCK]><![endif]-->    <!--[if BLOCK]><![endif]-->        
1443        <div
1444            x-data="{
1445                items: JSON.parse('[{\u0022_id\u0022:\u00223e3243ad-6698-4500-b761-cb8b97cf79e8\u0022,\u0022url\u0022:\u0022http:\\\/\\\/www.jouw-honc.nl\\\/\u0022,\u0022image\u0022:\u0022https:\\\/\\\/1almere.stream.prepr.io\\\/73fmehryvy15\\\/w_319\\\/49-appartementen-vanaf-eur-285000-319-x-250-px.png\u0022,\u0022alt\u0022:null,\u0022type\u0022:\u0022image\u0022,\u0022slot_id\u0022:null}]'),
1446                duration: 8000,
1447                current: 0,
1448                interval: null,
1449                containerHeight: 0,
1450
1451                recordImpression(item) {
1452                    if (item?._id) {
1453                        $wire.recordImpression(item._id);
1454                    }
1455                },
1456
1457                startAutoplay() {
1458                    this.stopAutoplay();
1459                    if (this.items.length <= 1) return;
1460
1461                    this.interval = setInterval(() => {
1462                        this.current = (this.current + 1) % this.items.length;
1463                    }, this.duration);
1464                },
1465
1466                stopAutoplay() {
1467                    clearInterval(this.interval);
1468                    this.interval = null;
1469                },
1470
1471                trackClick(item) {
1472                    if (typeof prepr !== 'undefined') {
1473                        prepr('event', 'Click', { 'id': item._id });
1474                    }
1475                    window.open(item.url, '_blank');
1476                },
1477
1478                updateHeight(img) {
1479                    if (img && img.complete) {
1480                        this.containerHeight = img.offsetHeight;
1481                    }
1482                },
1483
1484                init() {
1485                    if (this.items.length === 0) return;
1486
1487                    this.recordImpression(this.items[this.current]);
1488                    this.$watch('current', (index) => this.recordImpression(this.items[index]));
1489
1490                    this.$nextTick(() => {
1491                        const firstImg = this.$el.querySelector('img');
1492                        if (firstImg) {
1493                            if (firstImg.complete) {
1494                                this.updateHeight(firstImg);
1495                            } else {
1496                                firstImg.addEventListener('load', () => this.updateHeight(firstImg));
1497                            }
1498                        }
1499                    });
1500
1501                    this.startAutoplay();
1502                }
1503            }"
1504            x-init="init()"
1505            x-on:mouseenter="stopAutoplay()"
1506            x-on:mouseleave="startAutoplay()"
1507            x-show="items.length > 0"
1508        >
1509            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1510            <div class="relative w-full overflow-hidden" :style="containerHeight > 0 ? `height: ${containerHeight}px` : ''">
1511                <template x-for="(item, index) in items" :key="item._id || index">
1512                    <a
1513                        x-show="current === index"
1514                        x-transition:enter="transition ease-out duration-500"
1515                        x-transition:enter-start="opacity-0"
1516                        x-transition:enter-end="opacity-100"
1517                        x-transition:leave="transition ease-in duration-400"
1518                        x-transition:leave-start="opacity-100"
1519                        x-transition:leave-end="opacity-0"
1520                        :href="item.url"
1521                        @click.prevent="trackClick(item)"
1522                        target="_blank"
1523                        rel="noopener noreferrer"
1524                        class="absolute top-0 left-0 w-full"
1525                    >
1526                        <template x-if="item.image">
1527                            <img
1528                                :src="item.image"
1529                                :alt="item.alt"
1530                                class="w-full h-auto rounded-lg"
1531                                @load="if (current === index) updateHeight($el)"
1532                            >
1533                        </template>
1534                    </a>
1535                </template>
1536            </div>
1537        </div>
1538    <!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
1539
1540                    </div>
1541                <!--[if ENDBLOCK]><![endif]-->                            <!--[if BLOCK]><![endif]-->                    <section wire:key="group-extra-1">
1542                        <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6">
1543                            <!--[if BLOCK]><![endif]-->                                <a
1544            wire:navigate
1545        href="https://1almere.nl/nieuws/artikel/almere-wil-meer-opvangplekken-voor-oekrainers-maar-trekt-te-vroeg-ingediende-vergunningsaanvragen-binnen-een-week-weer-in-steken-laten-vallen"
1546        data-prepr-item-id="059a4937-641e-49cc-8cbe-b084c2bf3050"
1547    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">
1548
1549    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1550        <!--[if BLOCK]><![endif]-->            <img src="https://1almere.stream.prepr.io/1ujwksu31o3j/w_728,h_400/muziekwijk-2-6fa5d2595095637cc1258854003e2fdd.jpg"
1551                 alt="Gemeente Almere blundert met aanvragen voor Oekraïneopvang: verkeerde tekst, documenten en te vroeg ingediend"
1552                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1553        <!--[if ENDBLOCK]><![endif]-->
1554        <!--[if BLOCK]><![endif]-->
1554            <span class="hidden md:block absolute top-2 left-2 bg-brand-main text-white text-xs font-bold px-2 py-1.5 rounded-md leading-[normal] z-10">
1555                Asielopvang
1556            </span>
1557        <!--[if ENDBLOCK]><![endif]-->
1558        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1559            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1560            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1561            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1562            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1563            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1564    </div>
1565
1566    <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">
1567        <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">
1568            Gemeente Almere blundert met aanvragen voor Oekraïneopvang: verkeerde tekst, documenten en te vroeg ingediend
1569        </h3>
1570        <p class="line-clamp-3 font-montserrat max-md:hidden">
1571            De gemeente Almere trekt twee vergunningsaanvragen voor de opvang van Oekraïense vluchtelingen weer in. De aanvragen zijn ingediend voordat er formele besluiten over de locaties waren genomen.
1572        </p>
1573    </div>
1574</a>
1575                                                            <a
1576            wire:navigate
1577        href="https://1almere.nl/nieuws/artikel/komst-gevangenis-in-almere-krijgt-vaart-60-miljoen-euro-per-jaar-ligt-klaar"
1578        data-prepr-item-id="9ae7ae79-c768-49f4-a360-80d7cda8ed6b"
1579    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">
1580
1581    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1582        <!--[if BLOCK]><![endif]-->            <img src="https://1almere.stream.prepr.io/53o6xpjbmq5y/w_728,h_400/160719-gevangenis5-00-02-0105-1ddddb391867ad7dc125800d00414003.jpg"
1583                 alt="Komst gevangenis in Almere krijgt vaart: 60 miljoen euro per jaar ligt klaar"
1584                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1585        <!--[if ENDBLOCK]><![endif]-->
1586        <!--[if BLOCK]><![endif]-->            <span class="hidden md:block absolute top-2 left-2 bg-brand-main text-white text-xs font-bold px-2 py-1.5 rounded-md leading-[normal] z-10">
1587                Almere Binnen
1588            </span>
1589        <!--[if ENDBLOCK]><![endif]-->
1590        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1591            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1592            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1593            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1594            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1595            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1596    </div>
1597
1598    <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">
1599        <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">
1600            Komst gevangenis in Almere krijgt vaart: 60 miljoen euro per jaar ligt klaar
1601        </h3>
1602        <p class="line-clamp-3 font-montserrat max-md:hidden">
1603            De PI kan straks onderdak bieden aan 320 gedetineerden.
1604        </p>
1605    </div>
1606</a>
1607                                                            <a
1608            wire:navigate
1609        href="https://1almere.nl/nieuws/artikel/hoe-het-slavernijverleden-doorwerkt-in-de-zorg-van-nu-symposium-in-almere-richt-de-blik-op-concrete-verandering"
1610        data-prepr-item-id="a69d7269-262c-496c-bf86-3815f5e15822"
1611    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">
1612
1613    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1614        <!--[if BLOCK]><![endif]-->            <img src="https://1almere.stream.prepr.io/6h8n96spmxmg/w_728,h_400,fx_64,fy_64/alanahelberg-copy.jpg"
1615                 alt="Hoe het slavernijverleden doorwerkt in de zorg van nu: symposium in Almere richt de blik op concrete verandering"
1616                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1617        <!--[if ENDBLOCK]><![endif]-->
1618        <!--[if BLOCK]><![endif]-->
1618            <span class="hidden md:block absolute top-2 left-2 bg-brand-main text-white text-xs font-bold px-2 py-1.5 rounded-md leading-[normal] z-10">
1619                Symposium
1620            </span>
1621        <!--[if ENDBLOCK]><![endif]-->
1622        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1623            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1624            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1625            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1626            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1627            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1628    </div>
1629
1630    <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">
1631        <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">
1632            Hoe het slavernijverleden doorwerkt in de zorg van nu: symposium in Almere richt de blik op concrete verandering
1633        </h3>
1634        <p class="line-clamp-3 font-montserrat max-md:hidden">
1635            Symposium in Almere verbindt het slavernijverleden aan betere gezondheidszorg, met aandacht voor mentale gezondheid, ongelijkheid en vertrouwen in de zorg.
1636        </p>
1637    </div>
1638</a>
1639                            <!--[if ENDBLOCK]><![endif]-->                        </div>
1640                    </section>
1641                <!--[if ENDBLOCK]><![endif]-->
1642                
1643                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                            <!--[if BLOCK]><![endif]-->                    <section wire:key="group-extra-2">
1644                        <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6">
1645                            <!--[if BLOCK]><![endif]-->                                <a
1646            wire:navigate
1647        href="https://1almere.nl/nieuws/artikel/almereplusbeurs-moet-senioren-helpen-om-langer-zelfstandig-te-blijven"
1648        data-prepr-item-id="0ec90d12-6eaf-451d-9270-7dc54abc3f0c"
1649    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">
1650
1651    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1652        <!--[if BLOCK]><![endif]-->            <img src="https://1almere.stream.prepr.io/5u18kf9qcyyv/w_728,h_400/stadhuis-almere-centrum.jpg"
1653                 alt="AlmerePlusBeurs moet senioren helpen om langer zelfstandig te blijven"
1654                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1655        <!--[if ENDBLOCK]><![endif]-->
1656        <!--[if BLOCK]><![endif]-->            <span class="hidden md:block absolute top-2 left-2 bg-brand-main text-white text-xs font-bold px-2 py-1.5 rounded-md leading-[normal] z-10">
1657                Evenementen
1658            </span>
1659        <!--[if ENDBLOCK]><![endif]-->
1660        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1661            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1662            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1663            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1664            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1665            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1666    </div>
1667
1668    <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">
1669        <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">
1670            AlmerePlusBeurs moet senioren helpen om langer zelfstandig te blijven
1671        </h3>
1672        <p class="line-clamp-3 font-montserrat max-md:hidden">
1673            De beurs is bedoeld om ouderen kennis te laten maken met organisaties en initiatieven die hen helpen om ‘volop mee te blijven doen in de stad’.
1674        </p>
1675    </div>
1676</a>
1677                                                            <a
1678            wire:navigate
1679        href="https://1almere.nl/nieuws/artikel/almeerse-kunstenares-luna-nguyen-houdt-expositie-in-casa-casla"
1680        data-prepr-item-id="49739616-e8a4-4958-be5d-893a0408acb4"
1681    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">
1682
1683    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1684        <!--[if BLOCK]><![endif]-->            <img src="https://1almere.stream.prepr.io/3w8t6qpsekjk/w_728,h_400,fx_49,fy_40/luna-nguyen-art-teacher.jpg"
1685                 alt="Almeerse kunstenares Luna Nguyen exposeert in Casa Casla"
1686                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1687        <!--[if ENDBLOCK]><![endif]-->
1688        <!--[if BLOCK]><![endif]-->            <span class="hidden md:block absolute top-2 left-2 bg-brand-main text-white text-xs font-bold px-2 py-1.5 rounded-md leading-[normal] z-10">
1689                Kunst
1690            </span>
1691        <!--[if ENDBLOCK]><![endif]-->
1692        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1693            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1694            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1695            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1696            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1697            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1698    </div>
1699
1700    <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">
1701        <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">
1702            Almeerse kunstenares Luna Nguyen exposeert in Casa Casla
1703        </h3>
1704        <p class="line-clamp-3 font-montserrat max-md:hidden">
1705            De tentoonstelling, onder curatorschap van Luna Nguyen zelf, viert het idee dat kunst een universele taal is, toegankelijk voor iedereen
1706        </p>
1707    </div>
1708</a>
1709                                                            <a
1710            wire:navigate
1711        href="https://1almere.nl/nieuws/artikel/dag-van-de-mentale-gezondheid-wie-ziet-mij-voor-de-derde-keer-in-almere"
1712        data-prepr-item-id="8a796f0f-c06d-4f89-a437-bdb2924de68f"
1713    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">
1714
1715    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1716        <!--[if BLOCK]><![endif]-->            <img src="https://1almere.stream.prepr.io/7kos62p377g4/w_728,h_400/leerwerklab-1-scaled.jpg"
1717                 alt="&#039;Wie ziet mij&#039; keert terug naar Almere op Dag van de Mentale Gezondheid"
1718                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1719        <!--[if ENDBLOCK]><![endif]-->
1720        <!--[if BLOCK]><![endif]-->            <span class="hidden md:block absolute top-2 left-2 bg-brand-main text-white text-xs font-bold px-2 py-1.5 rounded-md leading-[normal] z-10">
1721                Mentale gezondheid
1722            </span>
1723        <!--[if ENDBLOCK]><![endif]-->
1724        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1725            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1726            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1727            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1728            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1729            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1730    </div>
1731
1732    <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">
1733        <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">
1734            &#039;Wie ziet mij&#039; keert terug naar Almere op Dag van de Mentale Gezondheid
1735        </h3>
1736        <p class="line-clamp-3 font-montserrat max-md:hidden">
1737            Op 10 oktober organiseert het Netwerk Mentale Gezondheid Almere ‘Wie ziet mij?’, met workshops, activiteiten, lunch en gesprekken over mentale gezondheid.
1738        </p>
1739    </div>
1740</a>
1741                                                            <a
1742            wire:navigate
1743        href="https://1almere.nl/nieuws/artikel/almere-centrum-sluit-jubileumjaar-af-met-grote-schaatsbaan-en-een-week-lang-gratis-schaatsen"
1744        data-prepr-item-id="e387004f-2e51-45cc-80db-8b1be8e6868f"
1745    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">
1746
1747    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1748        <!--[if BLOCK]><![endif]-->            <img src="https://1almere.stream.prepr.io/6k3rz7yev7gg/w_728,h_400/ice-skating-235547-960-720.jpg"
1749                 alt="Almere Centrum sluit jubileumjaar af met grote schaatsbaan én een week lang gratis schaatsen"
1750                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1751        <!--[if ENDBLOCK]><![endif]-->
1752        <!--[if BLOCK]><![endif]-->
1752            <span class="hidden md:block absolute top-2 left-2 bg-brand-main text-white text-xs font-bold px-2 py-1.5 rounded-md leading-[normal] z-10">
1753                Schaatsbaan
1754            </span>
1755        <!--[if ENDBLOCK]><![endif]-->
1756        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1757            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1758            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1759            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1760            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1761            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1762    </div>
1763
1764    <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">
1765        <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">
1766            Almere Centrum sluit jubileumjaar af met grote schaatsbaan én een week lang gratis schaatsen
1767        </h3>
1768        <p class="line-clamp-3 font-montserrat max-md:hidden">
1769            Vanaf 28 november kun je in Almere Centrum schaatsen op echt ijs. De eerste week is gratis, met winterse activiteiten tot 3 januari.
1770        </p>
1771    </div>
1772</a>
1773                                                            <a
1774            wire:navigate
1775        href="https://1almere.nl/nieuws/artikel/12-jaar-geeist-tegen-ambtenaar-die-gegevens-verkocht-informatie-gebruikt-bij-95-geweldsincidenten-"
1776        data-prepr-item-id="dbbfdb01-ae5b-4e6e-8729-e3176008f22e"
1777    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">
1778
1779    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1780        <!--[if BLOCK]><![endif]-->            <img src="https://1almere.stream.prepr.io/2ovrg466e16e/w_728,h_400/rechtbank-lelystad-3-sjorsevers-4794154b1132370ac1258dc5002dd919.jpg"
1781                 alt="12 jaar geëist tegen ambtenaar die gegevens verkocht, &#039;informatie gebruikt bij 95 geweldsincidenten&#039;"
1782                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1783        <!--[if ENDBLOCK]><![endif]-->
1784        <!--[if BLOCK]><![endif]-->            <span class="hidden md:block absolute top-2 left-2 bg-brand-main text-white text-xs font-bold px-2 py-1.5 rounded-md leading-[normal] z-10">
1785                Rechtbank
1786            </span>
1787        <!--[if ENDBLOCK]><![endif]-->
1788        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1789            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1790            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1791            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1792            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1793            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1794    </div>
1795
1796    <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">
1797        <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">
1798            12 jaar geëist tegen ambtenaar die gegevens verkocht, &#039;informatie gebruikt bij 95 geweldsincidenten&#039;
1799        </h3>
1800        <p class="line-clamp-3 font-montserrat max-md:hidden">
1801            Volgens het Openbaar Ministerie zijn de gegevens die gemeenteambtenaar Jim B. leverde gebruikt voor het plegen van ten minste 95 gewelddelicten.
1802        </p>
1803    </div>
1804</a>
1805                                                            <a
1806            wire:navigate
1807        href="https://1almere.nl/nieuws/artikel/er-is-genoeg-armoede-die-wij-kunnen-ondersteunen-vrijwilliger-hans-62-zet-zich-in-voor-inwoners-van-almere-haven"
1808        data-prepr-item-id="313858bf-2c97-48df-84d3-8d72d6a278e4"
1809    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">
1810
1811    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1812        <!--[if BLOCK]><![endif]-->            <img src="https://1almere.stream.prepr.io/18fmjzpoid8i/w_728,h_400,fx_50,fy_50/dsc03565-2.jpg"
1813                 alt="‘Er is genoeg armoede die wij kunnen ondersteunen’ | vrijwilliger Hans (62) zet zich in voor inwoners van Almere Haven"
1814                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1815        <!--[if ENDBLOCK]><![endif]-->
1816        <!--[if BLOCK]><![endif]-->
1816            <span class="hidden md:block absolute top-2 left-2 bg-brand-main text-white text-xs font-bold px-2 py-1.5 rounded-md leading-[normal] z-10">
1817                Vrijwilligers
1818            </span>
1819        <!--[if ENDBLOCK]><![endif]-->
1820        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1821            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1822            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1823            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1824            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1825            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1826    </div>
1827
1828    <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">
1829        <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">
1830            ‘Er is genoeg armoede die wij kunnen ondersteunen’ | vrijwilliger Hans (62) zet zich in voor inwoners van Almere Haven
1831        </h3>
1832        <p class="line-clamp-3 font-montserrat max-md:hidden">
1833            Elke vrijdag maken vrijwilligers ongeveer 75 boodschappenpakketten klaar. De stichting draait volledig op de inzet van gedreven vrijwilligers, onder wie Hans.
1834        </p>
1835    </div>
1836</a>
1837                            <!--[if ENDBLOCK]><![endif]-->                        </div>
1838                    </section>
1839                <!--[if ENDBLOCK]><![endif]-->
1840                
1841                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <!--[if ENDBLOCK]><![endif]-->
1842            <!--[if BLOCK]><![endif]-->                <section>
1843                    <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6">
1844                        <!--[if BLOCK]><![endif]-->                            <a
1845            wire:navigate
1846        href="https://1almere.nl/nieuws/artikel/zelf-spinazie-radijsjes-en-mais-oogsten-de-groene-pluk-in-oosterwold-organiseert-een-proefdag"
1847        data-prepr-item-id="12a780f1-7dc7-47ff-a93a-c4a1aa91239f"
1848    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">
1849
1850    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1851        <!--[if BLOCK]><![endif]-->            <img src="https://1almere.stream.prepr.io/2y6ybv2zgjsg/w_728,h_400/image1.jpg"
1852                 alt="Zelf spinazie, radijsjes en maïs oogsten? De Groene Pluk in Oosterwold organiseert een proefdag"
1853                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1854        <!--[if ENDBLOCK]><![endif]-->
1855        <!--[if BLOCK]><![endif]-->            <span class="hidden md:block absolute top-2 left-2 bg-brand-main text-white text-xs font-bold px-2 py-1.5 rounded-md leading-[normal] z-10">
1856                Biologisch
1857            </span>
1858        <!--[if ENDBLOCK]><![endif]-->
1859        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1860            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1861            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1862            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1863            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1864            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1865    </div>
1866
1867    <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">
1868        <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">
1869            Zelf spinazie, radijsjes en maïs oogsten? De Groene Pluk in Oosterwold organiseert een proefdag
1870        </h3>
1871        <p class="line-clamp-3 font-montserrat max-md:hidden">
1872            Zelfoogsttuin Groene Pluk organiseert op zaterdag 26 september een speciale proefdag om dat te ondervinden. Bezoekers krijgen dan de kans om zelf een volle tas met biologische seizoensgroenten te plukken.
1873        </p>
1874    </div>
1875</a>
1876                                                    <a
1877            wire:navigate
1878        href="https://1almere.nl/nieuws/artikel/gemeente-ziet-geen-duidelijke-oorzaak-voor-massale-vissterfte-in-almere"
1879        data-prepr-item-id="3295ddfd-f490-4b40-9ff0-606ce74bd61f"
1880    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">
1881
1882    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1883        <!--[if BLOCK]><![endif]-->            <img src="https://1almere.stream.prepr.io/2i604voqodey
1883/w_728,h_400,fx_50,fy_50/260512-16x9-dode-brasems2.jpg"
1884                 alt="Gemeente ziet geen duidelijke oorzaak voor massale vissterfte in Almere"
1885                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1886        <!--[if ENDBLOCK]><![endif]-->
1887        <!--[if BLOCK]><![endif]-->            <span class="hidden md:block absolute top-2 left-2 bg-brand-main text-white text-xs font-bold px-2 py-1.5 rounded-md leading-[normal] z-10">
1888                Vissterfte
1889            </span>
1890        <!--[if ENDBLOCK]><![endif]-->
1891        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1892            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1893            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1894            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1895            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1896            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1897    </div>
1898
1899    <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">
1900        <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">
1901            Gemeente ziet geen duidelijke oorzaak voor massale vissterfte in Almere
1902        </h3>
1903        <p class="line-clamp-3 font-montserrat max-md:hidden">
1904            In mei ging het onder meer om dode brasems bij gemaal De Blocq van Kuffeler. Begin juli kreeg het waterschap opnieuw meldingen van dode vissen in Almere.
1905        </p>
1906    </div>
1907</a>
1908                                                    <a
1909            wire:navigate
1910        href="https://1almere.nl/nieuws/artikel/in-veel-gemeenten-stromen-te-veel-chemische-stoffen-uit-de-kraan-maar-niet-in-almere"
1911        data-prepr-item-id="d2472ae4-b5fb-4c56-91fa-ba9dde9b7960"
1912    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">
1913
1914    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1915        <!--[if BLOCK]><![endif]-->            <img src="https://1almere.stream.prepr.io/6nwfo8j9x738/w_728,h_400/160706-lege-kraan-6a1f50e87716e71fc1257fe8003f0ef1.jpg"
1916                 alt="In veel gemeenten stromen te veel chemische stoffen uit de kraan, maar niet in Almere"
1917                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1918        <!--[if ENDBLOCK]><![endif]-->
1919        <!--[if BLOCK]><![endif]-->            <span class="hidden md:block absolute top-2 left-2 bg-brand-main text-white text-xs font-bold px-2 py-1.5 rounded-md leading-[normal] z-10">
1920                Kraanwater
1921            </span>
1922        <!--[if ENDBLOCK]><![endif]-->
1923        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1924            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1925            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1926            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1927            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1928            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1929    </div>
1930
1931    <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">
1932        <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">
1933            In veel gemeenten stromen te veel chemische stoffen uit de kraan, maar niet in Almere
1934        </h3>
1935        <p class="line-clamp-3 font-montserrat max-md:hidden">
1936            In grote delen van Nederland zitten te veel chemische stoffen zoals PFAS in het drinkwater, blijkt uit recent onderzoek van Greenpeace. Waar inwoners van meerdere gemeenten te maken hebben met waarden boven de geadviseerde RIVM-norm, scoort Almere een stuk beter en valt de stad in de laagste landelijke categorie.
1937        </p>
1938    </div>
1939</a>
1940                                                    <a
1941            wire:navigate
1942        href="https://1almere.nl/nieuws/artikel/wie-gaat-de-almeerse-stranden-schoonmaken-gemeente-almere-doet-aanbesteding-maar-geen-enkel-bedrijf-schrijft-zich-in"
1943        data-prepr-item-id="a610cd5d-c4ae-4fc8-acd4-6b6f386e069b"
1944    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)] bg-brand-light">
1945
1946    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1947        <!--[if BLOCK]><![endif]-->            <img src="https://1almere.stream.prepr.io/24l14umwognq/w_728,h_400/whatsapp-image-2026-09-21-at-122015.jpg"
1948                 alt="Wie gaat de Almeerse stranden schoonmaken? Geen enkel bedrijf schrijft zich in voor aanbesteding: &#039;Het verbaast me niets&#039;"
1949                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1950        <!--[if ENDBLOCK]><![endif]-->
1951        <!--[if BLOCK]><![endif]-->
1951            <span class="hidden md:block absolute top-2 left-2 bg-brand-main text-white text-xs font-bold px-2 py-1.5 rounded-md leading-[normal] z-10">
1952                Recreatie
1953            </span>
1954        <!--[if ENDBLOCK]><![endif]-->
1955        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1956            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1957            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1958            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1959            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1960            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1961    </div>
1962
1963    <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">
1964        <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">
1965            Wie gaat de Almeerse stranden schoonmaken? Geen enkel bedrijf schrijft zich in voor aanbesteding: &#039;Het verbaast me niets&#039;
1966        </h3>
1967        <p class="line-clamp-3 font-montserrat max-md:hidden">
1968            De gemeente Almere is op zoek naar een bedrijf dat deze klus kan klaren, maar is er voorlopig nog niet in geslaagd de juiste partner te vinden.
1969        </p>
1970    </div>
1971</a>
1972                                                    <a
1973            wire:navigate
1974        href="https://1almere.nl/nieuws/artikel/almere-city-fc-wint-met-overtuigende-cijfers-van-fc-utrecht"
1975        data-prepr-item-id="fe8e5543-dd4e-4749-8f9a-8ff2569e4e99"
1976    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">
1977
1978    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1979        <!--[if BLOCK]><![endif]-->            <img src="https://1almere.stream.prepr.io/7faduxpg9fb0/w_728,h_400/utralm-1-e1790001784883.png"
1980                 alt="Almere City FC wint met overtuigende cijfers van FC Utrecht | 0-4"
1981                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1982        <!--[if ENDBLOCK]><![endif]-->
1983        <!--[if BLOCK]><![endif]-->            <span class="hidden md:block absolute top-2 left-2 bg-brand-main text-white text-xs font-bold px-2 py-1.5 rounded-md leading-[normal] z-10">
1984                Almere City
1985            </span>
1986        <!--[if ENDBLOCK]><![endif]-->
1987        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1988            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1989            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1990            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1991            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1992            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1993    </div>
1994
1995    <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">
1996        <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">
1997            Almere City FC wint met overtuigende cijfers van FC Utrecht | 0-4
1998        </h3>
1999        <p class="line-clamp-3 font-montserrat max-md:hidden">
2000            Almere City FC versloeg FC Utrecht met 0-4 in een oefenduel, dankzij doelpunten van Burgering, Levant, Dors en De Nijs.
2001        </p>
2002    </div>
2003</a>
2004                                                    <a
2005            wire:navigate
2006        href="https://1almere.nl/nieuws/artikel/goud-voor-almere-wijn-uit-oosterwold-wint-nationale-wijnkeuring"
2007        data-prepr-item-id="31d908ab-344b-45d7-a546-f704707e4fb8"
2008    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">
2009
2010    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
2011        <!--[if BLOCK]><![endif]-->            <img src="https://1almere.stream.prepr.io/704bzrlllrtp/w_728,h_400/nederlandse-wijnoogst-2024-1verkleind.jpg"
2012                 alt="Goud voor Almere: wijn uit Oosterwold wint medaille bij nationale wijnkeuring"
2013                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
2014        <!--[if ENDBLOCK]><![endif]-->
2015        <!--[if BLOCK]><![endif]-->
2015            <span class="hidden md:block absolute top-2 left-2 bg-brand-main text-white text-xs font-bold px-2 py-1.5 rounded-md leading-[normal] z-10">
2016                Wijn
2017            </span>
2018        <!--[if ENDBLOCK]><![endif]-->
2019        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
2020            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2021            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2022            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2023            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
2024            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
2025    </div>
2026
2027    <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">
2028        <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">
2029            Goud voor Almere: wijn uit Oosterwold wint medaille bij nationale wijnkeuring
2030        </h3>
2031        <p class="line-clamp-3 font-montserrat max-md:hidden">
2032            De Almeerse OSTRWLDR Wit 2025 won goud bij de landelijke wijnkeuring.
2033        </p>
2034    </div>
2035</a>
2036                        <!--[if ENDBLOCK]><![endif]-->                    </div>
2037                </section>
2038            <!--[if ENDBLOCK]><![endif]-->
2039            <!--[if BLOCK]><![endif]-->                <section>
2040                    <div class="w-full flex justify-center">
2041                        <button
2042                            wire:click="loadMore"
2043                            wire:loading.attr="disabled"
2044                            wire:loading.class="opacity-70 cursor-not-allowed"
2045                            wire:target="loadMore"
2046                            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"
2047                        >
2048                            <svg wire:loading wire:target="loadMore" class="animate-spin h-4 w-4 text-text-main" fill="none" viewBox="0 0 24 24">
2049                                <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
2050                                <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8v8H4z"></path>
2051                            </svg>
2052                            <span>Toon meer</span>
2053                        </button>
2054                    </div>
2055                </section>
2056            <!--[if ENDBLOCK]><![endif]-->
2057            <div class="hidden lg:block">
2058                <div wire:key="banner-category_bottom" wire:snapshot="{&quot;data&quot;:{&quot;placeId&quot;:&quot;category_bottom&quot;,&quot;shouldRender&quot;:true,&quot;title&quot;:&quot;Advertentie&quot;,&quot;isSlider&quot;:true,&quot;duration&quot;:7000,&quot;slidesToShow&quot;:1,&quot;items&quot;:[[[{&quot;_id&quot;:&quot;6f4f9869-15d7-408c-bec1-703068046803&quot;,&quot;url&quot;:&quot;https:\/\/wewash.nl\/&quot;,&quot;image&quot;:&quot;https:\/\/1almere.stream.prepr.io\/29uh58lu3p9q\/banner-abogrootstecarwash-984x250pixels-easyfm-wewash.gif&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;845080d2-cdc0-496e-a2d2-aeba0cb6583c&quot;,&quot;url&quot;:&quot;https:\/\/1almere.nl\/easy-fm\/luister-live&quot;,&quot;image&quot;:&quot;https:\/\/1almere.stream.prepr.io\/tw1y1c6sfly\/w_3880\/easy-fm-algemene-google-banner-970x250-aangepast.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;e9c2a9c6-7e76-4113-8c3d-e9e6fda8e403&quot;,&quot;url&quot;:&quot;http:\/\/www.jouw-honc.nl\/&quot;,&quot;image&quot;:&quot;https:\/\/1almere.stream.prepr.io\/5zd6m38pvpi7\/w_984\/49-appartementen-vanaf-eur-285000-984-x-250-px.png&quot;,&quot;alt&quot;:null,&quot;type&quot;:&quot;image&quot;,&quot;slot_id&quot;:null},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;_id&quot;:&quot;3d6508bb-71fa-46c9-a7c6-f96511cd29ea&quot;,&quot;url&quot;:&quot;https:\/\/adverteren-op-1almere.lovable.app\/&quot;,&quot;image&quot;:&quot;https:\/\/1almere.stream.prepr.io\/1ii8mxy2mv75\/w_3074\/1almere-panel-984-x-250-px-1.png&quot;,&quot;alt&quot;:null,&quot;type&quot;:&quot;image&quot;,&quot;slot_id&quot;:null},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;_id&quot;:&quot;25bba0e5-c911-4bbc-a3d8-b8011efa44f5&quot;,&quot;url&quot;:&quot;https:\/\/www.eduvier.nl\/werkenbij&quot;,&quot;image&quot;:&quot;https:\/\/1almere.stream.prepr.io\/773ivz7xcvw3\/w_2050\/advertentiebanners-eduvier-984x250-v2-01.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;H1Bog85HsHVlxb7067FZ&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;f063b1489c4e98e22d9167b2eda919df98bb38299e6164fc1e09140560a9da47&quot;}" wire:effects="[]" wire:id="H1Bog85HsHVlxb7067FZ" wire:name="components.banner">
2059<!--[if BLOCK]><![endif]-->    <!--[if BLOCK]><![endif]-->        
2060        <div
2061            x-data="{
2062                items: JSON.parse('[{\u0022_id\u0022:\u00226f4f9869-15d7-408c-bec1-703068046803\u0022,\u0022url\u0022:\u0022https:\\\/\\\/wewash.nl\\\/\u0022,\u0022image\u0022:\u0022https:\\\/\\\/1almere.stream.prepr.io\\\/29uh58lu3p9q\\\/banner-abogrootstecarwash-984x250pixels-easyfm-wewash.gif\u0022,\u0022alt\u0022:null,\u0022type\u0022:\u0022image\u0022,\u0022slot_id\u0022:null},{\u0022_id\u0022:\u0022845080d2-cdc0-496e-a2d2-aeba0cb6583c\u0022,\u0022url\u0022:\u0022https:\\\/\\\/1almere.nl\\\/easy-fm\\\/luister-live\u0022,\u0022image\u0022:\u0022https:\\\/\\\/1almere.stream.prepr.io\\\/tw1y1c6sfly\\\/w_3880\\\/easy-fm-algemene-google-banner-970x250-aangepast.jpg\u0022,\u0022alt\u0022:null,\u0022type\u0022:\u0022image\u0022,\u0022slot_id\u0022:null},{\u0022_id\u0022:\u0022e9c2a9c6-7e76-4113-8c3d-e9e6fda8e403\u0022,\u0022url\u0022:\u0022http:\\\/\\\/www.jouw-honc.nl\\\/\u0022,\u0022image\u0022:\u0022https:\\\/\\\/1almere.stream.prepr.io\\\/5zd6m38pvpi7\\\/w_984\\\/49-appartementen-vanaf-eur-285000-984-x-250-px.png\u0022,\u0022alt\u0022:null,\u0022type\u0022:\u0022image\u0022,\u0022slot_id\u0022:null},{\u0022_id\u0022:\u00223d6508bb-71fa-46c9-a7c6-f96511cd29ea\u0022,\u0022url\u0022:\u0022https:\\\/\\\/adverteren-op-1almere.lovable.app\\\/\u0022,\u0022image\u0022:\u0022https:\\\/\\\/1almere.stream.prepr.io\\\/1ii8mxy2mv75\\\/w_3074\\\/1almere-panel-984-x-250-px-1.png\u0022,\u0022alt\u0022:null,\u0022type\u0022:\u0022image\u0022,\u0022slot_id\u0022:null},{\u0022_id\u0022:\u002225bba0e5-c911-4bbc-a3d8-b8011efa44f5\u0022,\u0022url\u0022:\u0022https:\\\/\\\/www.eduvier.nl\\\/werkenbij\u0022,\u0022image\u0022:\u0022https:\\\/\\\/1almere.stream.prepr.io\\\/773ivz7xcvw3\\\/w_2050\\\/advertentiebanners-eduvier-984x250-v2-01.jpg\u0022,\u0022alt\u0022:null,\u0022type\u0022:\u0022image\u0022,\u0022slot_id\u0022:null}]'),
2063                duration: 7000,
2064                current: 0,
2065                interval: null,
2066                containerHeight: 0,
2067
2068                recordImpression(item) {
2069                    if (item?._id) {
2070                        $wire.recordImpression(item._id);
2071                    }
2072                },
2073
2074                startAutoplay() {
2075                    this.stopAutoplay();
2076                    if (this.items.length <= 1) return;
2077
2078                    this.interval = setInterval(() => {
2079                        this.current = (this.current + 1) % this.items.length;
2080                    }, this.duration);
2081                },
2082
2083                stopAutoplay() {
2084                    clearInterval(this.interval);
2085                    this.interval = null;
2086                },
2087
2088                trackClick(item) {
2089                    if (typeof prepr !== 'undefined') {
2090                        prepr('event', 'Click', { 'id': item._id });
2091                    }
2092                    window.open(item.url, '_blank');
2093                },
2094
2095                updateHeight(img) {
2096                    if (img && img.complete) {
2097                        this.containerHeight = img.offsetHeight;
2098                    }
2099                },
2100
2101                init() {
2102                    if (this.items.length === 0) return;
2103
2104                    this.recordImpression(this.items[this.current]);
2105                    this.$watch('current', (index) => this.recordImpression(this.items[index]));
2106
2107                    this.$nextTick(() => {
2108                        const firstImg = this.$el.querySelector('img');
2109                        if (firstImg) {
2110                            if (firstImg.complete) {
2111                                this.updateHeight(firstImg);
2112                            } else {
2113                                firstImg.addEventListener('load', () => this.updateHeight(firstImg));
2114                            }
2115                        }
2116                    });
2117
2118                    this.startAutoplay();
2119                }
2120            }"
2121            x-init="init()"
2122            x-on:mouseenter="stopAutoplay()"
2123            x-on:mouseleave="startAutoplay()"
2124            x-show="items.length > 0"
2125        >
2126            <!--[if BLOCK]><![endif]-->            <h3 class="mb-2 text-sm font-montserrat text-center font-normal text-text-secondary">
2127                Advertentie
2128            </h3>
2129            <!--[if ENDBLOCK]><![endif]-->
2130            <div class="relative w-full overflow-hidden" :style="containerHeight > 0 ? `height: ${containerHeight}px` : ''">
2131                <template x-for="(item, index) in items" :key="item._id || index">
2132                    <a
2133                        x-show="current === index"
2134                        x-transition:enter="transition ease-out duration-500"
2135                        x-transition:enter-start="opacity-0"
2136                        x-transition:enter-end="opacity-100"
2137                        x-transition:leave="transition ease-in duration-400"
2138                        x-transition:leave-start="opacity-100"
2139                        x-transition:leave-end="opacity-0"
2140                        :href="item.url"
2141                        @click.prevent="trackClick(item)"
2142                        target="_blank"
2143                        rel="noopener noreferrer"
2144                        class="absolute top-0 left-0 w-full"
2145                    >
2146                        <template x-if="item.image">
2147                            <img
2148                                :src="item.image"
2149                                :alt="item.alt"
2150                                class="w-full h-auto rounded-lg"
2151                                @load="if (current === index) updateHeight($el)"
2152                            >
2153                        </template>
2154                    </a>
2155                </template>
2156            </div>
2157        </div>
2158    <!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
2159
2160            </div>
2161            <div class="lg:hidden">
2162                <div wire:key="banner-category_bottom_mobile" wire:snapsh
2162ot="{&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;0UK7nEkuXtolnkmcEvh1&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;e234c0f529fb25be918fed443527d27041bb04ad8c3e832c2947c43a941d447b&quot;}" wire:effects="[]" wire:id="0UK7nEkuXtolnkmcEvh1" wire:name="components.banner">
2163<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
2164
2165            </div>
2166        </div>
2167
2168        
2169        <div class="space-y-8 shrink-0">
2170            <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;:8000,&quot;slidesToShow&quot;:1,&quot;items&quot;:[[[{&quot;_id&quot;:&quot;2f9e19d9-1265-4873-b64c-8af4573ded61&quot;,&quot;url&quot;:&quot;https:\/\/www.eduvier.nl\/werkenbij&quot;,&quot;image&quot;:&quot;https:\/\/1almere.stream.prepr.io\/63c7nfiopeco\/w_395\/advertentiebanners-eduvier-vierkant.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;6746ed79-a855-450e-9444-d761d5b721e9&quot;,&quot;url&quot;:&quot;https:\/\/wewash.nl\/&quot;,&quot;image&quot;:&quot;https:\/\/1almere.stream.prepr.io\/6ewu03yyd26c\/unnamed-1.gif&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;9d8228a9-c92f-440c-89b2-1717c499fc51&quot;,&quot;url&quot;:&quot;https:\/\/1almere.nl\/easy-fm\/luister-live&quot;,&quot;image&quot;:&quot;https:\/\/1almere.stream.prepr.io\/56qdtbz2xaw8\/w_1080\/easy-fm-algemene-google-banner-250x250-aangepast.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;475a5db4-7426-4a1f-a95a-fbcb5ae00291&quot;,&quot;url&quot;:&quot;http:\/\/www.jouw-honc.nl\/&quot;,&quot;image&quot;:&quot;https:\/\/1almere.stream.prepr.io\/2lb25xo2db3i\/w_296\/49-appartementen-vanaf-eur-285000-296-x-296-px.png&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;mLjq45llEsObaeF4jxkw&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;d9ea8466631edc8bacc45dd9458cc4d8ddc7adcad7949342364146f590a926da&quot;}" wire:effects="[]" wire:id="mLjq45llEsObaeF4jxkw" wire:name="components.banner">
2171<!--[if BLOCK]><![endif]-->    <!--[if BLOCK]><![endif]-->        
2172        <div
2173            x-data="{
2174                items: JSON.parse('[{\u0022_id\u0022:\u00222f9e19d9-1265-4873-b64c-8af4573ded61\u0022,\u0022url\u0022:\u0022https:\\\/\\\/www.eduvier.nl\\\/werkenbij\u0022,\u0022image\u0022:\u0022https:\\\/\\\/1almere.stream.prepr.io\\\/63c7nfiopeco\\\/w_395\\\/advertentiebanners-eduvier-vierkant.jpg\u0022,\u0022alt\u0022:null,\u0022type\u0022:\u0022image\u0022,\u0022slot_id\u0022:null},{\u0022_id\u0022:\u00226746ed79-a855-450e-9444-d761d5b721e9\u0022,\u0022url\u0022:\u0022https:\\\/\\\/wewash.nl\\\/\u0022,\u0022image\u0022:\u0022https:\\\/\\\/1almere.stream.prepr.io\\\/6ewu03yyd26c\\\/unnamed-1.gif\u0022,\u0022alt\u0022:null,\u0022type\u0022:\u0022image\u0022,\u0022slot_id\u0022:null},{\u0022_id\u0022:\u00229d8228a9-c92f-440c-89b2-1717c499fc51\u0022,\u0022url\u0022:\u0022https:\\\/\\\/1almere.nl\\\/easy-fm\\\/luister-live\u0022,\u0022image\u0022:\u0022https:\\\/\\\/1almere.stream.prepr.io\\\/56qdtbz2xaw8\\\/w_1080\\\/easy-fm-algemene-google-banner-250x250-aangepast.jpg\u0022,\u0022alt\u0022:null,\u0022type\u0022:\u0022image\u0022,\u0022slot_id\u0022:null},{\u0022_id\u0022:\u0022475a5db4-7426-4a1f-a95a-fbcb5ae00291\u0022,\u0022url\u0022:\u0022http:\\\/\\\/www.jouw-honc.nl\\\/\u0022,\u0022image\u0022:\u0022https:\\\/\\\/1almere.stream.prepr.io\\\/2lb25xo2db3i\\\/w_296\\\/49-appartementen-vanaf-eur-285000-296-x-296-px.png\u0022,\u0022alt\u0022:null,\u0022type\u0022:\u0022image\u0022,\u0022slot_id\u0022:null}]'),
2175                duration: 8000,
2176                current: 0,
2177                interval: null,
2178                containerHeight: 0,
2179
2180                recordImpression(item) {
2181                    if (item?._id) {
2182                        $wire.recordImpression(item._id);
2183                    }
2184                },
2185
2186                startAutoplay() {
2187                    this.stopAutoplay();
2188                    if (this.items.length <= 1) return;
2189
2190                    this.interval = setInterval(() => {
2191                        this.current = (this.current + 1) % this.items.length;
2192                    }, this.duration);
2193                },
2194
2195                stopAutoplay() {
2196                    clearInterval(this.interval);
2197                    this.interval = null;
2198                },
2199
2200                trackClick(item) {
2201                    if (typeof prepr !== 'undefined') {
2202                        prepr('event', 'Click', { 'id': item._id });
2203                    }
2204                    window.open(item.url, '_blank');
2205                },
2206
2207                updateHeight(img) {
2208                    if (img && img.complete) {
2209                        this.containerHeight = img.offsetHeight;
2210                    }
2211                },
2212
2213                init() {
2214                    if (this.items.length === 0) return;
2215
2216                    this.recordImpression(this.items[this.current]);
2217                    this.$watch('current', (index) => this.recordImpression(this.items[index]));
2218
2219                    this.$nextTick(() => {
2220                        const firstImg = this.$el.querySelector('img');
2221                        if (firstImg) {
2222                            if (firstImg.complete) {
2223                                this.updateHeight(firstImg);
2224                            } else {
2225                                firstImg.addEventListener('load', () => this.updateHeight(firstImg));
2226                            }
2227                        }
2228                    });
2229
2230                    this.startAutoplay();
2231                }
2232            }"
2233            x-init="init()"
2234            x-on:mouseenter="stopAutoplay()"
2235            x-on:mouseleave="startAutoplay()"
2236            x-show="items.length > 0"
2237        >
2238            <!--[if BLOCK]><![endif]-->            <h3 class="mb-2 text-sm font-montserrat text-center font-normal text-text-secondary">
2239                Advertentie
2240            </h3>
2241            <!--[if ENDBLOCK]><![endif]-->
2242            <div class="relative w-full overflow-hidden" :style="containerHeight > 0 ? `height: ${containerHeight}px` : ''">
2243                <template x-for="(item, index) in items" :key="item._id || index">
2244                    <a
2245                        x-show="current === index"
2246                        x-transition:enter="transition ease-out duration-500"
2247                        x-transition:enter-start="opacity-0"
2248                        x-transition:enter-end="opacity-100"
2249                        x-transition:leave="transition ease-in duration-400"
2250                        x-transition:leave-start="opacity-100"
2251                        x-transition:leave-end="opacity-0"
2252                        :href="item.url"
2253                        @click.prevent="trackClick(item)"
2254                        target="_blank"
2255                        rel="noopener noreferrer"
2256                        class="absolute top-0 left-0 w-full"
2257                    >
2258                        <template x-if="item.image">
2259                            <img
2260                                :src="item.image"
2261                                :alt="item.alt"
2262                                class="w-full h-auto rounded-lg"
2263                                @load="if (current === index) updateHeight($el)"
2264                            >
2265                        </template>
2266                    </a>
2267                </template>
2268            </div>
2269        </div>
2270    <!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
2271
2272
2273            <div wire:key="live-overview-component" wire:snapshot="{&quot;data&quot;:{&quot;config&quot;:[{&quot;menu&quot;:[{&quot;_id&quot;:&quot;63c08979-5f20-4de5-b56f-c85119a6a957&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;website_title&quot;:&quot;{title} | 1Almere&quot;,&quot;copyright&quot;:&quot;1Almere&quot;,&quot;email&quot;:&quot;[email protected]&quot;,&quot;phone&quot;:&quot;036 23 40 955&quot;,&quot;default_page&quot;:[{&quot;__typename&quot;:&quot;Pagina&quot;,&quot;_slug&quot;:&quot;nieuws&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;search_page&quot;:[{&quot;_slug&quot;:&quot;zoeken&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;weather_place&quot;:&quot;Almere&quot;,&quot;live&quot;:[[[{&quot;title&quot;:&quot;Live TV&quot;,&quot;page&quot;:[{&quot;_slug&quot;:&quot;1almere-tv&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;guide_id&quot;:&quot;ac2302b3-047a-420c-b6b9-df25c32d1cea&quot;,&quot;icon&quot;:&quot;fa-tv-retro&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;title&quot;:&quot;Luister live&quot;,&quot;page&quot;:null,&quot;guide_id&quot;:&quot;16c0af6e-5061-49d7-916e-d89832476cd3&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;cookies&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;cookie_consent&quot;:false,&quot;gtm_code&quot;:&quot;GTM-K7CJJQ8V&quot;,&quot;title_under_photo&quot;:true,&quot;tolkie_token&quot;:null,&quot;radio_player_stream_url&quot;:null,&quot;radio_player_guide_id&quot;:null,&quot;tracking_code&quot;:&quot;ac_fb7c69998f7090d38bbf489513704d299a9d65cd6a72f46185142b0e72943342&quot;,&quot;openweather_app_id&quot;:&quot;589334c73a2d6725855283387315496c&quot;,&quot;street&quot;:&quot;P.J. Oudweg 4&quot;,&quot;place&quot;:&quot;Almere&quot;,&quot;zip_code&quot;:&quot;1314CH&quot;,&quot;ads_redirect_url&quot;:null,&quot;ads_js_file&quot;:null,&quot;ads_client_id&quot;:&quot;ca-pub-6300770882791011&quot;,&quot;ads_txt&quot;:&quot;google.com, pub-6300770882791011, DIRECT, f08c47fec0942fa0&quot;,&quot;android_app_id&quot;:&quot;almere.almere2.app.android&quot;,&quot;ios_app_id&quot;:&quot;6444025740&quot;,&quot;
2273mailchimp_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;#102538&quot;,&quot;light_surface_main_4&quot;:&quot;#FFFFFF&quot;,&quot;dark_surface_main_4&quot;:&quot;#273e55&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;#102334&quot;,&quot;light_surface_light_3&quot;:&quot;#F4F4F5&quot;,&quot;dark_surface_light_3&quot;:&quot;#203448&quot;,&quot;light_surface_light_2&quot;:&quot;#F4F4F5&quot;,&quot;dark_surface_light_2&quot;:&quot;#203448&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;#1b2d3e&quot;,&quot;light_brand_dark&quot;:&quot;#cc5200&quot;,&quot;dark_brand_dark&quot;:&quot;#cc5200&quot;,&quot;light_brand_main&quot;:&quot;#ff751a&quot;,&quot;dark_brand_main&quot;:&quot;#ff751a&quot;,&quot;light_brand_secondary&quot;:&quot;#ff6600&quot;,&quot;dark_brand_secondary&quot;:&quot;#ff944d&quot;,&quot;light_brand_light&quot;:&quot;#fff3e6&quot;,&quot;dark_brand_light&quot;:&quot;#273e55&quot;,&quot;locale&quot;:&quot;nl-NL&quot;,&quot;tenant&quot;:&quot;1almere&quot;},{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;Q599pFBkegktGDzPmcN4&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;1a82e4efa4410f4e09a0850e9174e12804e2b3148565dda817871dc43c3efcb2&quot;}" wire:effects="[]" wire:id="Q599pFBkegktGDzPmcN4" wire:name="components.live-overview" wire:poll.60s="getLiveItems" >
2274
2275    <!--[if BLOCK]><![endif]-->        <div class="bg-surface-light-3 p-4 rounded-lg">
2276            <h3 class="font-bold mb-3">Nu Live</h3>
2277            <div class="space-y-3">
2278                <!--[if BLOCK]><![endif]-->                    <div wire:key="live-6ab7069a1e6b9">
2279                        
2280                        
2281                        <!--[if BLOCK]><![endif]-->                            <a
2282                                href="https://1almere.nl/1almere-tv"
2283                                                                class="bg-surface-main-4 p-4 flex flex-row gap-x-4 rounded-lg justify-between items-center group"
2284                            >
2285                                <div class="flex flex-row gap-x-4 group-hover:text-brand-secondary">
2286                                    <i class="fa-solid text-xl fa-tv-retro"></i>
2287                                    <div class="flex flex-col leading-[24px]">
2288                                        <span class="text-lg font-bold group-hover:underline">Live TV</span>
2289                                        <!--[if BLOCK]><![endif]-->                                            <span class="text-sm font-montserrat">1Almere TV Live</span>
2290                                        <!--[if ENDBLOCK]><![endif]-->                                    </div>
2291                                </div>
2292                                <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">
2293                                    <i class="fa-solid fa-play"></i>
2294                                </div>
2295                            </a>
2296                            
2297                        <!--[if ENDBLOCK]><![endif]-->                    </div>
2298                                    <div wire:key="live-6ab7069a1e6be">
2299                        
2300                        
2301                        <!--[if BLOCK]><![endif]-->                            <div
2302                                x-data
2303                                @click="$store.radio.openAndPlay(); $dispatch('setup-radio')"
2304                                class="bg-surface-main-4 p-4 flex flex-row gap-x-4 roun
2304ded-lg justify-between items-center group cursor-pointer"
2305                            >
2306                                <div class="flex flex-row gap-x-4 group-hover:text-brand-secondary">
2307                                    <i class="fa-solid text-xl fa-radio-tuner"></i>
2308                                    <div class="flex flex-col leading-[24px]">
2309                                        <span class="text-lg font-bold group-hover:underline">Luister live</span>
2310                                        <!--[if BLOCK]><![endif]-->                                            <span class="text-sm font-montserrat">De Nacht door met Muziek</span>
2311                                        <!--[if ENDBLOCK]><![endif]-->                                    </div>
2312                                </div>
2313                                <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">
2314                                    <i class="fa-solid fa-play"></i>
2315                                </div>
2316                            </div>
2317                        <!--[if ENDBLOCK]><![endif]-->                    </div>
2318                <!--[if ENDBLOCK]><![endif]-->            </div>
2319        </div>
2320    <!--[if ENDBLOCK]><![endif]--></div>
2321            <div wire:key="most-read-overview-component" wire:snapshot="{&quot;data&quot;:[],&quot;memo&quot;:{&quot;id&quot;:&quot;S2tbu32RM1OqQuMJvels&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;03edf42e4adf611d67fe3f932651d32c42d64f446ecddf2835cce900e6b13e20&quot;}" wire:effects="[]" wire:id="S2tbu32RM1OqQuMJvels" wire:name="components.most-read-overview" class="bg-surface-light-3 p-4 rounded-lg" >
2322    <h3 class="font-bold mb-3">Meest gelezen</h3>
2323    <div class="space-y-3">
2324
2325        <!--[if BLOCK]><![endif]-->                        <a wire:key="most-read-521de783-ee39-4b85-9fd4-9ccbf5266564"
2326                                    wire:navigate
2327                    href="https://1almere.nl/nieuws/artikel/ze-kreeg-bijstand-als-alleenstaande-moeder-terwijl-de-vader-van-haar-kinderen-bij-haar-woonde-toch-is-het-de-gemeente-almere-die-nu-wordt-teruggefloten"
2328                                class="group flex items-start gap-2 rounded-lg bg-surface-main-4 p-4 cursor-pointer"
2329                data-prepr-item-id="521de783-ee39-4b85-9fd4-9ccbf5266564">
2330
2331                
2332                <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">
2333                    Ze kreeg bijstand als alleenstaande moeder terwijl de vader van haar kinderen bij haar woonde. Toch is het de gemeente Almere die nu wordt teruggefloten
2334                </span>
2335
2336                <img
2337                    src="https://1almere.stream.prepr.io/v78kfqsc85f/w_100,h_70/almere-centrum-stadhuis-politiek-gemeenteraad-college-5.jpg"
2338                    alt="Ze kreeg bijstand als alleenstaande moeder terwijl de vader van haar kinderen bij haar woonde. Toch is het de gemeente Almere die nu wordt teruggefloten"
2339                    class="w-[91px] h-[64px] object-cover rounded shrink-0">
2340            </a>
2341                                <a wire:key="most-read-a610cd5d-c4ae-4fc8-acd4-6b6f386e069b"
2342                                    wire:navigate
2343                    href="https://1almere.nl/nieuws/artikel/wie-gaat-de-almeerse-stranden-schoonmaken-gemeente-almere-doet-aanbesteding-maar-geen-enkel-bedrijf-schrijft-zich-in"
2344                                class="group flex items-start gap-2 rounded-lg bg-surface-main-4 p-4 cursor-pointer"
2345                data-prepr-item-id="a610cd5d-c4ae-4fc8-acd4-6b6f386e069b">
2346
2347                
2348                <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">
2349                    Wie gaat de Almeerse stranden schoonmaken? Geen enkel bedrijf schrijft zich in voor aanbesteding: &#039;Het verbaast me niets&#039;
2350                </span>
2351
2352                <img
2353                    src="https://1almere.stream.prepr.io/24l14umwognq/w_100,h_70/whatsapp-image-2026-09-21-at-122015.jpg"
2354                    alt="Wie gaat de Almeerse stranden schoonmaken? Geen enkel bedrijf schrijft zich in voor aanbesteding: &#039;Het verbaast me niets&#039;"
2355                    class="w-[91px] h-[64px] object-cover rounded shrink-0">
2356            </a>
2357                                <a wire:key="most-read-67a2813c-fdc1-40a3-83fc-c04c52a248a0"
2358                                    wire:navigate
2359                    href="https://1almere.nl/nieuws/artikel/rechtszaak-dreigt-om-almeerse-belastingbom-van-der-valk-haalt-advocaat-erbij"
2360                                class="group flex items-start gap-2 rounded-lg bg-surface-main-4 p-4 cursor-pointer"
2361                data-prepr-item-id="67a2813c-fdc1-40a3-83fc-c04c52a248a0">
2362
2363                
2364                <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">
2365                    Rechtszaak dreigt om belastingbom: Hotelreus pikt verhoging toeristenbelasting in Almere niet
2366                </span>
2367
2368                <img
2369                    src="https://1almere.stream.prepr.io/4fk1mu4aw377/w_100,h_70/221183730.jpg"
2370                    alt="Rechtszaak dreigt om belastingbom: Hotelreus pikt verhoging toeristenbelasting in Almere niet"
2371                    class="w-[91px] h-[64px] object-cover rounded shrink-0">
2372            </a>
2373                                <a wire:key="most-read-142f0191-7815-44ad-ac49-15d6eab32b37"
2374                                    wire:navigate
2375                    href="https://1almere.nl/nieuws/artikel/ruim-vijf-ton-voor-almeerse-fvd-school-met-vier-leerlingen-en-een-marktonderzoek-dat-op-een-andere-locatie-werd-uitgevoerd-d66-stelt-kamervragen"
2376                                class="group flex items-start gap-2 rounded-lg bg-surface-main-4 p-4 cursor-pointer"
2377                data-prepr-item-id="142f0191-7815-44ad-ac49-15d6eab32b37">
2378
2379                
2380                <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">
2381                    FvD-school heeft vier leerlingen, maar krijgt ruim half miljoen euro bekostiging: D66 stelt Kamervragen
2382                </span>
2383
2384                <img
2385                    src="https://1almere.stream.prepr.io/6x8c2rsqhlng/w_100,h_70/anp-565613161.jpg"
2386                    alt="FvD-school heeft vier leerlingen, maar krijgt ruim half miljoen euro bekostiging: D66 stelt Kamervragen"
2387                    class="w-[91px] h-[64px] object-cover rounded shrink-0">
2388            </a>
2389                                <a wire:key="most-read-ac8c5877-7ce3-4214-9b3e-7240ddc6a89f"
2390                                    wire:navigate
2391                    href="https://1almere.nl/nieuws/artikel/na-floriade-debacle-wil-almere-extra-toezicht-op-megaproject-met-15000-woningen"
2392                                class="group flex items-start gap-2 rounded-lg bg-surface-main-4 p-4 cursor-pointer"
2393                data-prepr-item-id="ac8c5877-7ce3-4214-9b3e-7240ddc6a89f">
2394
2395                
2396                <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">
2397                    Na Floriade-debacle wil Almere extra toezicht op megaproject Almere Centrum met 15.000 nieuwe woningen
2398                </span>
2399
2400                <img
2401                    src="https://1almere.stream.prepr.io/5xwdl71urjqn/w_100,h_70/skyline-almere-centrum4.jpg"
2402                    alt="Na Floriade-debacle wil Almere extra toezicht op megaproject Almere Centrum met 15.000 nieuwe woningen"
2403                    class="w-[91px] h-[64px] object-cover rounded shrink-0">
2404            </a>
2405        <!--[if ENDBLOCK]><![endif]-->
2406    </div>
2407</div>
2408            <div wire:key="weather-overview-component" wire:snapshot="{&quot;data&quot;:{&quot;config&quot;:[{&quot;menu&quot;:[{&quot;_id&quot;:&quot;63c08979-5f20-4de5-b56f-c85119a6a957&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;website_title&quot;:&quot;{title} | 1Almere&quot;,&quot;copyright&quot;:&quot;1Almere&quot;,&quot;email&quot;:&quot;[email protected]&quot;,&quot;phone&quot;:&quot;036 23 40 955&quot;,&quot;default_page&quot;:[{&quot;__typename&quot;:&quot;Pagina&quot;,&quot;_slug&quot;:&quot;nieuws&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;search_page&quot;:[{&quot;_slug&quot;:&quot;zoeken&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;weather_place&quot;:&quot;Almere&quot;,&quot;live&quot;:[[[{&quot;title&quot;:&quot;Live TV&quot;,&quot;page&quot;:[{&quot;_slug&quot;:&quot;1almere-tv&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;guide_id&quot;:&quot;ac2302b3-047a-420c-b6b9-df25c32d1cea&quot;,&quot;icon&quot;:&quot;fa-tv-retro&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;title&quot;:&quot;Luister live&quot;,&quot;page&quot;:null,&quot;guide_id&quot;:&quot;16c0af6e-5061-49d7-916e-d89832476cd3&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;cookies&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;cookie_consent&quot;:false,&quot;gtm_code&quot;:&quot;GTM-K7CJJQ8V&quot;,&quot;title_under_photo&quot;:true,&quot;tolkie_token&quot;:null,&quot;radio_player_stream_url&quot;:null,&quot;radio_player_guide_id&quot;:null,&quot;tracking_code&quot;:&quot;ac_fb7c69998f7090d38bbf489513704d299a9d65cd6a72f46185142b0e72943342&quot;,&quot;openweather_app_id&quot;:&quot;589334c73a2d6725855283387315496c&quot;,&quot;street&quot;:&quot;P.J. Oudweg 4&quot;,&quot;place&quot;:&quot;Almere&quot;,&quot;zip_code&quot;:&quot;1314CH&quot;,&quot;ads_redirect_url&quot;:null,&quot;ads_js_file&quot;:null,&quot;ads_client_id&quot;:&quot;ca-pub-6300770882791011&quot;,&quot;ads_txt&quot;:&quot;google.com, pub-6300770882791011, DIRECT, f08c47fec0942fa0&quot;,&quot;android_app_id&quot;:&quot;almere.almere2.app.android&quot;,&quot;ios_app_id&quot;:&quot;6444025740&quot;,&quot;
2408mailchimp_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;#102538&quot;,&quot;light_surface_main_4&quot;:&quot;#FFFFFF&quot;,&quot;dark_surface_main_4&quot;:&quot;#273e55&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;#102334&quot;,&quot;light_surface_light_3&quot;:&quot;#F4F4F5&quot;,&quot;dark_surface_light_3&quot;:&quot;#203448&quot;,&quot;light_surface_light_2&quot;:&quot;#F4F4F5&quot;,&quot;dark_surface_light_2&quot;:&quot;#203448&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;#1b2d3e&quot;,&quot;light_brand_dark&quot;:&quot;#cc5200&quot;,&quot;dark_brand_dark&quot;:&quot;#cc5200&quot;,&quot;light_brand_main&quot;:&quot;#ff751a&quot;,&quot;dark_brand_main&quot;:&quot;#ff751a&quot;,&quot;light_brand_secondary&quot;:&quot;#ff6600&quot;,&quot;dark_brand_secondary&quot;:&quot;#ff944d&quot;,&quot;light_brand_light&quot;:&quot;#fff3e6&quot;,&quot;dark_brand_light&quot;:&quot;#273e55&quot;,&quot;locale&quot;:&quot;nl-NL&quot;,&quot;tenant&quot;:&quot;1almere&quot;},{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;8mciThpjZIL7wiE2Dymi&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;fd2486527eabe208191e59e395353ca9d900658b10a1b39fcd66fa8c4ed29e83&quot;}" wire:effects="[]" wire:id="8mciThpjZIL7wiE2Dymi" wire:name="components.weather-overview">
2409    <!--[if BLOCK]><![endif]-->        <div class="bg-surface-light-3 p-4 rounded-xl">
2410            <h3 class="font-bold mb-3">Weersverwachting</h3>
2411            <div class="grid gap-2 grid-cols-4">
2412                <!--[if BLOCK]><![endif]-->                    <div wire:key="weather-za" class="p-3 bg-surface-main-4 flex flex-col gap-3 items-center rounded-lg">
2413                    <span class="font-bold text-lg text-text-main">
2414                        za
2415                    </span>
2416                        <img src="https://1almere.nl/images/weather/10d.svg" width="32" height="32" alt="icon" />
2417                        <span class="text-lg font-bold text-text-main">
2418                        20°
2419                    </span>
2420                        <span class="text-xs text-text-main">
2421                        13°
2422                    </span>
2423                        <span class="text-xs text-text-main">
2424                        0.1 mm
2425                    </span>
2426                    </div>
2427                                    <div wire:key="weather-zo" class="p-3 bg-surface-main-4 flex flex-col gap-3 items-center rounded-lg">
2428                    <span class="font-bold text-lg text-text-main">
2429                        zo
2430                    </span>
2431                        <img src="https://1almere.nl/images/weather/03d.svg" width="32" height="32" alt="icon" />
2432                        <span class="text-lg font-bold text-text-main">
2433                        22°
2434                    </span>
2435                        <span class="text-xs text-text-main">
2436                        12°
2437                    </span>
2438                        <span class="text-xs text-text-main">
2439                        0.0 mm
2440                    </span>
2441                    </div>
2442                                    <div wire:key="weather-ma" class="p-3 bg-surface-main-4 flex flex-col gap-3 items-center rounded-lg">
2443                    <span class="font-bold text-lg text-text-main">
2444                        ma
2445                    </span>
2446                        <img src="https://1almere.nl/images/weather/04d.svg" width="32" height="32" alt="icon" />
2447                        <span class="text-lg font-bold text-text-main">
2448                        20°
2449                    </span>
2450                        <span class="text-xs text-text-main">
2451                        16°
2452                    </span>
2453                        <span class="text-xs text-text-main">
2454                        0.0 mm
2455                    </span>
2456                    </div>
2457                                    <div wire:key="weather-di" class="p-3 bg-surface-main-4 flex flex-col gap-3 items-center rounded-lg">
2458                    <span class="font-bold text-lg text-text-main">
2459                        di
2460                    </span>
2461                        <img src="https://1almere.nl/images/weather/04d.svg" width="32" height="32" alt="icon" />
2462                        <span class="text-lg font-bold text-text-main">
2463                        24°
2464                    </span>
2465                        <span class="text-xs text-text-main">
2466                        16°
2467                    </span>
2468                        <span class="text-xs text-text-main">
2469                        0.0 mm
2470                    </span>
2471                    </div>
2472                <!--[if ENDBLOCK]><![endif]-->            </div>
2473        </div>
2474    <!--[if ENDBLOCK]><![endif]--></div>
2475
2476            <div wire:key="banner-sidebar_middle" wire:snapshot="{&quot;data&quot;:{&quot;placeId&quot;:&quot;sidebar_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;RH0foxwIVcZyRfjYXVhf&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;7308ac6f7248db8d058cd2c4db6c6daf8c40ad9b09561f0c1779a13b68496fd6&quot;}" wire:effects="[]" wire:id="RH0foxwIVcZyRfjYXVhf" wire:name="components.banner">
2477<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
2478
2479            <div wire:key="banner-sidebar_bottom" wire:snapshot="{&quot;data&quot;:{&quot;placeId&quot;:&quot;sidebar_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;difWOeauLgKRoJFp8Q6D&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;d7c9c79300d4df63c61ad37eabcb5187eb39de59815c985703cb66c42cb96e53&quot;}" wire:effects="[]" wire:id="difWOeauLgKRoJFp8Q6D" wire:name="components.banner">
2480<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
2481
2482            <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;
2482isSlider&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;DKWfe1hBdrMV0FIEGzMQ&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;f8ab41ad79577230908a8825c9bb10cb8b481b4ada3e8ff756dd701e3136bee4&quot;}" wire:effects="[]" wire:id="DKWfe1hBdrMV0FIEGzMQ" wire:name="components.banner">
2483<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
2484
2485            <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;a9qPwnfUzUD4O2ZCIXaU&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;4e458d0035afcf5b379cba0a467e9d5bd22bb8c8328dda3fb03b3fabb2a0c677&quot;}" wire:effects="[]" wire:id="a9qPwnfUzUD4O2ZCIXaU" wire:name="components.banner">
2486<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
2487
2488        </div>
2489    </div>
2490</main>
2491
2492                        </div>
2493
2494<div>
2495    
2496    
2497    
2498    <footer class="bg-surface-main-3 mt-16 pt-10 pb-[68px] lg:pb-0">
2499        <div class="lg:container mx-auto px-6 pb-8">
2500            <div class="grid grid-cols-1 md:grid-cols-4 xl:grid-cols-8 gap-8">
2501
2502                
2503                <div class="col-span-1 md:col-span-2 xl:col-span-2 space-y-6">
2504                    <img
2505            :src="$store.ui?.darkMode ? 'https://1almere.nl/tenants/1almere/logo-dark.svg?v=1789721948' : 'https://1almere.nl/tenants/1almere/logo-light.svg?v=1789721948'"
2506            src="https://1almere.nl/tenants/1almere/logo-light.svg?v=1789721948"
2507            alt="Logo"
2508            class="h-10 w-auto"
2509            loading="eager"
2510        >
2511    
2512                    
2513                    
2514                                            <div class="flex flex-row gap-3">
2515                                                            <a href="https://facebook.com/1almere"
2516                                   title="fa-facebook-f"
2517                                   aria-label="Volg ons op fa-facebook-f"
2518                                   target="_blank"
2519                                   rel="noopener noreferrer"
2520                                   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">
2521                                    <i class="fa-brands fa-facebook-f" aria-hidden="true"></i>
2522                                </a>
2523                                                            <a href="https://x.com/1almere"
2524                                   title="fa-x-twitter"
2525                                   aria-label="Volg ons op fa-x-twitter"
2526                                   target="_blank"
2527                                   rel="noopener noreferrer"
2528                                   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">
2529                                    <i class="fa-brands fa-x-twitter" aria-hidden="true"></i>
2530                                </a>
2531                                                            <a href="https://www.youtube.com/channel/UCR92iLXI5UDRquXu96il3wQ#"
2532                                   title="fa-youtube"
2533                                   aria-label="Volg ons op fa-youtube"
2534                                   target="_blank"
2535                                   rel="noopener noreferrer"
2536                                   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">
2537                                    <i class="fa-brands fa-youtube" aria-hidden="true"></i>
2538                                </a>
2539                                                            <a href="https://instagram.com/1almere"
2540                                   title="fa-instagram"
2541                                   aria-label="Volg ons op fa-instagram"
2542                                   target="_blank"
2543                                   rel="noopener noreferrer"
2544                                   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">
2545                                    <i class="fa-brands fa-instagram" aria-hidden="true"></i>
2546                                </a>
2547                                                            <a href="https://wa.me/31623836979"
2548                                   title="fa-whatsapp"
2549                                   aria-label="Volg ons op fa-whatsapp"
2550                                   target="_blank"
2551                                   rel="noopener noreferrer"
2552                                   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">
2553                                    <i class="fa-brands fa-whatsapp" aria-hidden="true"></i>
2554                                </a>
2555                                                    </div>
2556                                    </div>
2557
2558                
2559                <div class="col-span-1 md:col-span-4 xl:col-span-4">
2560                    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-16">
2561                                                                                                                        <div>
2562                                        <h4 class="text-xs font-bold text-text-tertiary mb-4 font-roboto-condensed">
2563                                            Nieuws
2564                                        </h4>
2565                                                                                    <div class="space-y-4 text-lg font-bold flex flex-col">
2566                                                                                                    <a
2567            wire:navigate href="https://1almere.nl/nieuws"
2568    
2569    class="transition hover:underline"
2570>
2571    Nieuws
2572</a>
2573                                                                                                    <a
2574            wire:navigate href="https://1almere.nl/sport"
2575    
2576    class="transition hover:underline"
2577>
2578    Sport
2579</a>
2580                                                                                                    <a
2581            wire:navigate href="https://1almere.nl/embed/opiniepanel"
2582    
2583    class="transition hover:underline"
2584>
2585    Opiniepanel
2586</a>
2587                                                                                                    <a
2588            wire:navigate href="https://1almere.nl/agenda"
2589    
2590    class="transition hover:underline"
2591>
2592    Agenda
2593</a>
2594                                                                                            </div>
2595                                                                            </div>
2596                                                                                                                                <div>
2597                                        <h4 class="text-xs font-bold text-text-tertiary mb-4 font-roboto-condensed">
2598                                            Stadsdelen
2599                                        </h4>
2600                                                                                    <div class="space-y-4 text-lg font-bold flex flex-col">
2601                                                                                                    <a
2602            wire:navigate href="https://1almere.nl/nieuws/almere-stad"
2603    
2604    class="transition hover:underline"
2605>
2606    Almere Stad
2607</a>
2608                                                                                                    <a
2609            wire:navigate href="https://1almere.nl/nieuws/almere-buiten"
2610    
2611    class="transition hover:underline"
2612>
2613    Almere Buiten
2614</a>
2615                                                                                                    <a
2616            wire:navigate href="https://1almere.nl/nieuws/almere-haven"
2617    
2618    class="transition hover:underline"
2619>
2620    Almere Haven
2621</a>
2622                                                                                                    <a
2623            wire:navigate href="https://1almere.nl/nieuws/almere-hout"
2624    
2625    class="transition hover:underline"
2626>
2627    Almere Hout
2628</a>
2629                                                                                                    <a
2630            wire:navigate href="https://1almere.nl/nieuws/almere-poort"
2631    
2632    class="transition hover:underline"
2633>
2634    Almere Poort
2635</a>
2636                                                                                            </div>
2637                                                                            </div>
2638                                                                                                                                <div>
2639                                        <h4 class="text-xs font-bold text-text-tertiary mb-4 font-roboto-condensed">
2640                                            1Almere
2641                                        </h4>
2642                                                                                    <div class="space-y-4 text-lg font-bold flex flex-col">
2643                                                                                                    <a
2644            wire:navigate href="https://1almere.nl/over-1almere"
2645    
2646    class="transition hover:underline"
2647>
2648    Over ons
2649</a>
2650                                                                                                    <a
2651            wire:navigate href="https://1almere.nl/1almere/klachtenregeling"
2652    
2653    class="transition hover:underline"
2654>
2655    Klachtenregeling
2656</a>
2657                                                                                                    <a
2658            wire:navigate href="https://1almere.nl/1almere-tv"
2659    
2660    class="transition hover:underline"
2661>
2662    1Almere TV
2663</a>
2664                                                                                                    <a
2665            wire:navigate href="https://1almere.nl/easy-fm/luister-live"
2666    
2667    class="transition hover:underline"
2668>
2669    Easy FM
2670</a>
2671                                                                                            </div>
2672                                                                            </div>
2673                                                                                                        </div>
2674                </div>
2675
2676                
2677                <div class="col-span-1 md:col-span-2 xl:col-span-2 space-y-4 xl:pl-16">
2678                    
2679                                            
2680                                                    <h4 class="text-xs font-bold text-text-tertiary">
2681                                Tip de redactie
2682                            </h4>
2683                            <a wire:navigate
2684                               href="https://1almere.nl/1almere/tip-de-redactie"
2685                               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">
2686                                Neem contact op
2687                                <i class="fa-solid fa-chevron-right text-xs"></i>
2688                            </a>
2689                                                                    
2690                                                                                                
2691                    <h4 class="text-xs font-bold text-text-tertiary">Weergaveopties</h4>
2692                    <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">
2693                        <span class="sr-only">Gebruik lichte of donkere modus</span>
2694                        <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>
2695                        <span class="absolute inset-0 flex items-center">
2696                            <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>
2697                            <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>
2698                        </span>
2699                    </button>
2700                </div>
2701            </div>
2702        </div>
2703
2704        
2705        <div class="py-3 text-sm font-medium font-montserrat text-text-tertiary bg-surface-background">
2706            <div class="lg:container mx-auto px-6 justify-between flex items-center">
2707                <p>&copy;  2026</p>
2708                                    <div class="flex flex-row gap-8 text-xs">
2709                                                                                    <a
2710            wire:navigate href="https://1almere.nl/cookies"
2711    
2712    class="transition text-text-tertiary underline"
2713>
2714    Cookies
2715</a>
2716                                                                                                                <a
2717            wire:navigate href="https://1almere.nl/1almere/privacyregelement"
2718    
2719    class="transition text-text-tertiary underline"
2720>
2721    Privacy
2722</a>
2723                                                                        </div>
2724                            </div>
2725        </div>
2726    </footer>
2727
2728    
2729    
2730    
2731    <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">
2732        <nav class="w-full">
2733            <ul class="space-y-2 pb-6">
2734                                                                                        <li x-data="{ isOpen: true }">
2735                                                                    <div class="w-full flex justify-between items-center p-2 rounded-lg transition !bg-transparent hover:!bg-transparent text-brand-secondary">
2736                                        <a wire:navigate href="https://1almere.nl/nieuws" class="flex-grow">
2737                                            <span class="text-lg font-bold font-roboto-condensed">Nieuws</span>
2738                                        </a>
2739                                        <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">
2740                                            <i class="fa-solid fa-chevron-up transition-transform duration-200" :class="{ 'rotate-180': !isOpen }"></i>
2741                                        </button>
2742                                    </div>
2743
2744                                    <ul x-show="isOpen" x-transition class="px-3 pt-2 space-y-2">
2745                                                                                    <li>
2746                                                <a
2747            wire:navigate href="https://1almere.nl/nieuws"
2748    
2749    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"
2750>
2751    Nieuws
2752</a>
2753                                            </li>
2754                                                                                    <li>
2755                                                <a
2756            wire:navigate href="https://1almere.nl/nieuws/economie"
2757    
2758    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"
2759>
2760    Economie
2761</a>
2762                                            </li>
2763                                                                                    <li>
2764                                                <a
2765            wire:navigate href="https://1almere.nl/nieuws/112"
2766    
2767    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"
2768>
2769    112
2770</a>
2771                                            </li>
2772                                                                                    <li>
2773                                                <a
2774            wire:navigate href="https://1almere.nl/nieuws/politiek"
2775    
2776    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"
2777>
2778    Politiek
2779</a>
2780                                            </li>
2781                                                                                    <li>
2782                                                <a
2783            wire:navigate href="https://1almere.nl/nieuws/kunst-en-cultuur"
2784    
2785    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"
2786>
2787    Kunst en Cultuur
2788</a>
2789                                            </li>
2790                                                                                    <li>
2791                                                <a
2792            wire:navigate href="https://1almere.nl/nieuws/onderwijs"
2793    
2794    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"
2795>
2796    Onderwijs
2797</a>
2798                                            </li>
2799                                                                                    <li>
2800                                                <a
2801            wire:navigate href="https://1almere.nl/nieuws/wonen-in-almere"
2802    
2803    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"
2804>
2805    Wonen in Almere
2806</a>
2807                                            </li>
2808                                                                                    <li>
2809                                                <a
2810            wire:navigate href="https://1almere.nl/goed-om-te-weten-in-almere"
2811    
2812    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"
2813>
2814    Goed om te weten in Almere
2815</a>
2816                                            </li>
2817                                                                                    <li>
2818                                                <a
2819            wire:navigate href="https://1almere.nl/embed/stemmen-van-vrijheid"
2820    
2821    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"
2822>
2823    Home
2824</a>
2825                                            </li>
2826                                                                            </ul>
2827                                                            </li>
2828                            <hr class="border-surface-light-3 mt-2">
2829                                                                                                <li x-data="{ isOpen: true }">
2830                                                                    <a
2831            wire:navigate href="https://1almere.nl/sport"
2832    
2833    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"
2834>
2835    <span class="text-lg font-bold font-roboto-condensed">Sport</span>
2836</a>
2837                                                            </li>
2838                            <hr class="border-surface-light-3 mt-2">
2839                                                                                                <li x-data="{ isOpen: true }">
2840                                                                    <a
2841            wire:navigate href="https://1almere.nl/embed/opiniepanel"
2842    
2843    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"
2844>
2845    <span class="text-lg font-bold font-roboto-condensed">Opiniepanel</span>
2846</a>
2847                                                            </li>
2848                            <hr class="border-surface-light-3 mt-2">
2849                                                                                                <li x-data="{ isOpen: true }">
2850                                                                    <div class="w-full flex justify-between items-center p-2 rounded-lg transition !bg-transparent hover:!bg-transparent hover:text-brand-secondary">
2851                                        <a wire:navigate href="https://1almere.nl/embed/easy-fm-homepage" class="flex-grow">
2852                                            <span class="text-lg font-bold font-roboto-condensed">Easy FM</span>
2853                                        </a>
2854                                        <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">
2855                                            <i class="fa-solid fa-chevron-up transition-transform duration-200" :class="{ 'rotate-180': !isOpen }"></i>
2856                                        </button>
2857                                    </div>
2858
2859                                    <ul x-show="isOpen" x-transition class="px-3 pt-2 space-y-2">
2860                                                                                    <li>
2861                                                <a
2862            wire:navigate href="https://1almere.nl/easy-fm/luister-live"
2863    
2864    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"
2865>
2866    Luister live
2867</a>
2868                                            </li>
2869                                                                                    <li>
2870                                                <a
2871            wire:navigate href="https://1almere.nl/easy-fm/radio-gids"
2872    
2873    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"
2874>
2875    Programmering
2876</a>
2877                                            </li>
2878                                                                                    <li>
2879                                                <a
2880            wire:navigate href="https://1almere.nl/easy-fm/frequenties"
2881    
2882    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"
2883>
2884    Frequenties
2885</a>
2886                                            </li>
2887                                                                                    <li>
2888                                                <a
2889            wire:navigate href="https://1almere.nl/easy-fm/contact"
2890    
2891    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"
2892>
2893    Contact
2894</a>
2895                                            </li>
2896                                                                            </ul>
2897                                                            </li>
2898                            <hr class="border-surface-light-3 mt-2">
2899                                                                                                <li x-data="{ isOpen: true }">
2900                                                                    <a
2901            wire:navigate href="https://1almere.nl/1almere/tip-de-redactie"
2902    
2903    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"
2904>
2905    <span class="text-lg font-bold font-roboto-condensed">Tip de redactie</span>
2906</a>
2907                                                            </li>
2908                            <hr class="border-surface-light-3 mt-2">
2909                                                                        </ul>
2910        </nav>
2911    </div>
2912
2913    
2914    
2915    
2916    <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);">
2917                                    <div class="flex items-center h-[68px] justify-center text-center w-1/5 text-text-secondary relative hover:text-brand-secondary">
2918                    <a
2919            wire:navigate href="https://1almere.nl/nieuws"
2920    
2921    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"
2922>
2923    <i class="fa-solid fa-newspaper text-base h-4"></i>
2924                        <span class="text-xs font-bold">Nieuws</span>
2925</a>
2926                </div>
2927                            <div class="flex items-center h-[68px] justify-center text-center w-1/5 text-text-secondary relative hover:text-brand-secondary">
2928                    <a
2929            wire:navigate href="https://1almere.nl/sport"
2930    
2931    class="transition w-full h-full flex flex-col gap-y-2.5 justify-center border-t-2 items-center border-t-transparent"
2932>
2933    <i class="fa-solid fa-medal text-base h-4"></i>
2934                        <span class="text-xs font-bold">Sport</span>
2935</a>
2936                </div>
2937                            <div class="flex items-center h-[68px] justify-center text-center w-1/5 text-text-secondary relative hover:text-brand-secondary">
2938                    <a
2939            wire:navigate href="https://1almere.nl/1almere/tip-de-redactie"
2940    
2941    class="transition w-full h-full flex flex-col gap-y-2.5 justify-center border-t-2 items-center border-t-transparent"
2942>
2943    <i class="fa-solid fa-message text-base h-4"></i>
2944                        <span class="text-xs font-bold">Tip ons</span>
2945</a>
2946                </div>
2947                            <div class="flex items-center h-[68px] justify-center text-center w-1/5 text-text-secondary relative hover:text-brand-secondary">
2948            <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">
2949                <i class="fa-solid fa-bars text-base h-4"></i>
2950                <span class="text-xs font-bold">Menu</span>
2951            </button>
2952        </div>
2953    </nav>
2954</div>
2955
2956<div x-persist="radio-player">
2957    <div wire:key="lw-2254710295-0-5-4-1" wire:snapshot="{&quot;data&quot;:[],&quot;memo&quot;:{&quot;id&quot;:&quot;WDJI0dYlHpTEjEgOGuw7&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;eab341f77997d66948ee3f3ce395c151b667012e4c6fbb47d3d9dfd2d35f1515&quot;}" wire:effects="[]" wire:id="WDJI0dYlHpTEjEgOGuw7" wire:name="components.radio-player">
2958    <div wire:poll.60000ms="getProgramName">
2959
2960        <div
2961            x-data="{
2962                volumeBeforeMute: 1,
2963                setupAndPlay() {
2964                    // Deze functie wordt alleen de eerste keer uitgevoerd.
2965                    if (this.$store.radio.initialized || !null) return;
2966
2967                    let radioStore = this.$store.radio;
2968
2969                    // 1. Maak het Audio-object aan en laad de stream.
2970                    radioStore.audio = new Audio(null);
2971
2972                    // 2. Stel de watchers in voor TOEKOMSTIGE interacties.
2973                    this.$watch('$store.radio.playing', isPlaying => {
2974                        if (isPlaying) {
2975                            radioStore.audio.play().catch(e => console.error('Audio play failed:', e));
2976                        } else {
2977                            radioStore.audio.pause();
2978                        }
2979                    });
2980
2981                    this.$watch('$store.radio.volume', newVolume => {
2982                        radioStore.audio.volume = newVolume;
2983                        localStorage.setItem('radioPlayerVolume', newVolume);
2984                    });
2985
2986                    this.$watch('$store.radio.isMinimized', isMinimized => localStorage.setItem('radioPlayerMinimized', isMinimized));
2987
2988                    // 3. Pas de initiële instellingen toe.
2989                    radioStore.audio.volume = radioStore.volume;
2990                    radioStore.initialized = true;
2991
2992                    // AANGEPAST: Speel de audio nu DIRECT af.
2993                    // Omdat setupAndPlay() wordt aangeroepen als direct gevolg van een gebruikersklik, is dit toegestaan.
2994                    // We controleren of de status 'playing' is, wat het geval is als deze functie wordt aangeroepen.
2995                    if (radioStore.playing) {
2996                        radioStore.audio.play().catch(e => {
2997                            console.error('Initial audio play failed:', e);
2998                            // Als het afspelen om een of andere reden toch mislukt, zet de status terug.
2999                            radioStore.playing = false;
3000                        });
3001                    }
3002                },
3003                togglePlay() {
3004                    if (!this.$store.radio.initialized) {
3005                        // playing moet true zijn vóór setupAndPlay(), anders wordt audio.play()
3006                        // overgeslagen en werkt pas de tweede klik (wanneer playing wordt getoggled).
3007                        this.$store.radio.playing = true;
3008                        this.setupAndPlay();
3009                    } else {
3010                        this.$store.radio.playing = !this.$store.radio.playing;
3011                    }
3012                },
3013                toggleMute() {
3014                    if (this.$store.radio.volume > 0) {
3015                        this.volumeBeforeMute = this.$store.radio.volume;
3016                        this.$store.radio.volume = 0;
3017                    } else {
3018                        this.$store.radio.volume = this.volumeBeforeMute > 0 ? this.volumeBeforeMute : 1;
3019                    }
3020                }
3021            }"
3022            @setup-radio.window="setupAndPlay()"
3023        >
3024            <div x-effect="document.body.classList.toggle('radio-maximized', !$store.radio.isMinimized && $store.radio.initialized)"></div>
3025            <div x-effect="document.body.classList.toggle('radio-minimized', $store.radio.isMinimized && $store.radio.initialized)"></div>
3026
3027            <div
3028                x-show="null"
3029                x-transition:enter="transition ease-out duration-300"
3030                x-transition:enter-start="opacity-0"
3031                x-transition:enter-end="opacity-100"
3032                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"
3033                :class="{
3034                    'rounded-full lg:w-105.5 w-[calc(100%-16px)] h-[50px] shadow-lg bottom-20 lg:bottom-4': !$store.radio.isMinimized,
3035                    'rounded-full w-8 h-8 bottom-15 lg:-bottom-2 flex items-center justify-center': $store.radio.isMinimized
3036                }"
3037            >
3038                
3039                <div x-show="!$store.radio.isMinimized" x-transition class="flex items-center justify-between gap-4 p-2 w-full">
3040                    <div class="flex items-center gap-4 pl-1">
3041                        <button
3042                            @click="togglePlay()"
3043                            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"
3044                            :aria-label="$store.radio.playing ? 'Pauzeer radio' : 'Start radio'"
3045                            :title="$store.radio.initialized ? ($store.radio.playing ? 'Pauzeren' : 'Afspelen') : 'Afspelen'"
3046                        >
3047                            <i x-show="!$store.radio.playing" class="fa-solid fa-play"></i>
3048                            <i x-show="$store.radio.playing" class="fa-solid fa-pause"></i>
3049                        </button>
3050                        <div class="flex-shrink-0 font-roboto-condensed">
3051                            <div class="font-bold text-sm text-text-main leading-[normal]">Nu Live</div>
3052                            <div class="text-xs text-text-tertiary leading-[normal]"></div>
3053                        </div>
3054                    </div>
3055                    <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">
3056                        <i class="fas fa-chevron-down text-sm"></i>
3057                    </button>
3058                    <div class="flex items-center gap-2 pr-1">
3059                        <button @click="toggleMute()" :title="$store.radio.volume > 0 ? 'Dempen' : 'Dempen opheffen'" class="w-6 flex items-center">
3060                            <i x-show="$store.radio.volume > 0" class="fas fa-volume-high text-base"></i>
3061                            <i x-show="$store.radio.volume == 0" class="fas fa-volume-mute text-base"></i>
3062                        </button>
3063                        <input
3064                            aria-label="Radio Player Volume"
3065                            type="range" min="0" max="1" step="0.01"
3066                            x-model.lazy="$store.radio.volume"
3067                            :disabled="!$store.radio.initialized"
3068                            class="w-24 h-1 accent-text-main disabled:opacity-40 disabled:cursor-not-allowed"
3069                        />
3070                    </div>
3071                </div>
3072                
3073                <button
3074                    x-show="$store.radio.isMinimized"
3075                    x-transition
3076                    @click="$store.radio.isMinimized = false"
3077                    class="w-8 h-8 cursor-pointer flex items-center justify-center bg-surface-medium-1 text-text-tertiary rounded-full"
3078                    aria-label="Open radioplayer" title="Open radioplayer"
3079                >
3080                    <i class="fas fa-chevron-up text-sm"></i>
3081                </button>
3082            </div>
3083        </div>
3084    </div>
3085
3086                </div>
3087</div>
3088
3089<div wire:key="lw-2254710295-1-5-4-1" wire:snapshot="{&quot;data&quot;:{&quot;showBanner&quot;:false,&quot;isOnCookiePage&quot;:false},&quot;memo&quot;:{&quot;id&quot;:&quot;4AspLWz0p7logHv2MeP0&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;0666b0fff3a17f9a41c6cafbd5e326bc4962c7bf41bd654ffada2771e636ac6e&quot;}" wire:effects="[]" wire:id="4AspLWz0p7logHv2MeP0" wire:name="components.cookie-consent">
3090    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
3091
3092<script src="https://1almere.nl/vendor/livewire/livewire.min.js?id=8642c1d5"   data-csrf="a7reGAH6T1WmwxU2IBmYS4ThezsATNOAhDZRnRJd" data-module-url="https://1almere.nl/livewire-1a5019f0" data-update-uri="https://1almere.nl/livewire-1a5019f0/update" data-navigate-once="true"></script>
3092
3093            
3093<script>
3094                document.addEventListener('alpine:init', () => {
3095                    if (!Alpine.store('radio')) {
3096                        Alpine.store('radio', {
3097                            initialized: false,
3098                            audio: null,
3099                            playing: false,
3100                            volume: parseFloat(localStorage.getItem('radioPlayerVolume')) || 1,
3101                            isMinimized: localStorage.getItem('radioPlayerMinimized') === 'true',
3102                            openAndPlay() {
3103                                this.isMinimized = false;
3104                                this.playing = true;
3105                            }
3106                        });
3107                    }
3108                });
3109            </script>
3109
3110        
3111</body>
3112
3113</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.