PageSourceSearch

https://rtvstichtsevecht.nl/nieuws/nieuwer-ter-aa

html rtvstichtsevecht.nl collected 2026-09-24 20:12:15 UTC 240,560 bytes, 3,356 lines download raw bytes

1<!DOCTYPE html>
2<html lang="nl" x-data>
3<head>
4    <meta charset="utf-8">
5    <meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0">
6
7    
7<script>
8        /* Fix voor Android "Force Dark" en correcte weergave in apps */
9        (function(){
10            var saved = localStorage.getItem('dark-mode'); // Let op: je nieuwe site gebruikt 'dark-mode' ipv 'theme'
11            var systemDark = window.matchMedia('(prefers-color-scheme:dark)').matches;
12            var dark = (saved === 'true') || (saved === null && systemDark);
13            document.documentElement.style.colorScheme = dark ? 'dark' : 'light';
14        })();
15    </script>
15
16
17    
18
19
20        <!-- Google Tag Manager -->
21        
21<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
22                    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
23                j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
24                'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
25            })(window,document,'script','dataLayer','G-023DG5H250');</script>
25
26        <!-- End Google Tag Manager -->
27        <title>Nieuws uit Nieuwer Ter Aa | RTV Stichtse Vecht</title>
28
29    
30    
31    <meta property="og:site_name" content="RTV Stichtse Vecht" />
32    <meta name="prepr:locale" content="nl-NL">
33        <link rel="canonical" href="https://rtvstichtsevecht.nl/nieuws/nieuwer-ter-aa">
34    <meta property="og:url" content="https://rtvstichtsevecht.nl/nieuws/nieuwer-ter-aa" />
35            <meta property="prepr:id" content="dbe90455-b1b5-4eab-b1dd-fddd299df094">
36        <meta name="description" content="">
37
38    <meta property="og:title" content="Nieuws uit Nieuwer Ter Aa" />
39    <meta property="og:description" content="" />
40
41    <meta property="og:type" content="article">
42
43    <meta name="twitter:title" content="Nieuws uit Nieuwer Ter Aa">
44    <meta name="twitter:description" content="">
45
46            <link rel="apple-touch-icon" href="https://rtvstichtsevecht.nl/tenants/rtvstichtsevecht/favicons/apple-touch-icon.png?v=1789721948">
47        <link rel="icon" type="image/png" sizes="96x96" href="https://rtvstichtsevecht.nl/tenants/rtvstichtsevecht/favicons/favicon-96x96.png?v=1789721948">
48        <link rel="icon" type="image/svg+xml" href="https://rtvstichtsevecht.nl/tenants/rtvstichtsevecht/favicons/favicon.svg?v=1789721948">
49        <link rel="icon" type="image/x-icon" href="https://rtvstichtsevecht.nl/tenants/rtvstichtsevecht/favicons/favicon.ico?v=1789721948">
50        <link rel="manifest" href="https://rtvstichtsevecht.nl/tenants/rtvstichtsevecht/favicons/site.webmanifest?v=1789721948">
51    
52    
53    <style>
54        body {
55            padding-left: env(safe-area-inset-left);
56            padding-right: env(safe-area-inset-right);
57            padding-bottom: env(safe-area-inset-bottom);
58        }
59        .site-header-safe {
60            padding-top: min(env(safe-area-inset-top), 3rem);
61        }
62    </style>
63
64    <style>
65        :root {
66            --surface-background: #FAFAFA;
67            --surface-main-1: #FFFFFF;
68            --surface-main-2: #FFFFFF;
69            --surface-main-3: #FFFFFF;
70            --surface-main-4: #FFFFFF;
71            --surface-dark-1: #27272A;
72            --surface-medium-1: #E4E4E7;
73            --surface-light-1: #FAFAFA;
74            --surface-light-2: #F4F4F5;
75            --surface-light-3: #F4F4F5;
76            --text-main: #27272A;
77            --text-secondary: #3F3F46;
78            --text-tertiary: #9F9FA9;
79            --button-border: #E4E4E7;
80            --button-light: #F4F4F5;
81            --brand-main: #372AAC;
82            --brand-secondary: #372AAC;
83            --brand-dark: #372AAC;
84            --brand-light: #EEF2FF;
85        }
86
87        .dark {
88            --surface-background: #18181B;
89            --surface-main-1: #FFFFFF;
90            --surface-main-2: #18181B;
91            --surface-main-3: #27272A;
92            --surface-main-4: #3F3F46;
93            --surface-dark-1: #27272A;
94            --surface-medium-1: #52525C;
95            --surface-light-1: #27272A;
96            --surface-light-2: #3F3F46;
97            --surface-light-3: #27272A;
98            --text-main: #F4F4F5;
99            --text-secondary: #9F9FA9;
100            --text-tertiary: #9F9FA9;
101            --button-border: #3F3F46;
102            --button-light: #18181B;
103            --brand-main: #4F39F6;
104            --brand-secondary: #7C86FF;
105            --brand-dark: #372AAC;
106            --brand-light: #1E1A4D;
107        }
108
109        /* Change all text and icon colors in the player. */
110        .vjs-matrix.video-js {
111            color: var(--brand-dark);
112        }
113
114        /* Change the border of the big play button. */
115        .vjs-matrix .vjs-big-play-button {
116            border-color: var(--brand-dark);
117        }
118
119        /* Change the color of various "bars". */
120        .vjs-matrix .vjs-volume-level,
121        .vjs-matrix .vjs-play-progress,
122        .vjs-matrix .vjs-slider-bar {
123            background: var(--brand-dark);
124        }
125    </style>
126
127    <link rel="preload" as="style" href="https://rtvstichtsevecht.nl/build/assets/app-CBdtcaRl.css" /><link rel="preload" as="style" href="https://rtvstichtsevecht.nl/build/assets/app-BohhYLNy.css" /><link rel="modulepreload" as="script" href="https://rtvstichtsevecht.nl/build/assets/app-Bi0xsek7.js" /><link rel="stylesheet" href="https://rtvstichtsevecht.nl/build/assets/app-CBdtcaRl.css" data-navigate-track="reload" /><link rel="stylesheet" href="https://rtvstichtsevecht.nl/build/assets/app-BohhYLNy.css" data-navigate-track="reload" />
127<script type="module" src="https://rtvstichtsevecht.nl/build/assets/app-Bi0xsek7.js" data-navigate-track="reload"></script>
127
128    <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.list-item][wire\:loading\.list-item], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style>
129
130        
130<script type="application/ld+json">
131        {
132    "@context": "https://schema.org",
133    "@type": "Organization",
134    "legalName": "RTV Stichtse Vecht",
135    "url": "https://rtvstichtsevecht.nl",
136    "address": {
137        "@type": "PostalAddress",
138        "streetAddress": "Burg. Huydecoperhof 12",
139        "addressLocality": "Maarssen",
140        "addressCountry": "Netherlands",
141        "postalCode": "3604 CC"
142    },
143    "email": "[email protected]",
144    "logo": "https://rtvstichtsevecht.nl/tenants/rtvstichtsevecht/logo-light.svg?v=1789721948",
145    "sameAs": [
146        "https://www.facebook.com/rtvsv",
147        "https://www.youtube.com/user/rtvstichtsevecht/",
148        "https://twitter.com/rtvsv",
149        "https://www.instagram.com/rtvsv"
150    ]
151}
152    </script>
152
153
154    
154<script>
155        // Dark mode bij eerste paginalaad toepassen op <html>
156        if (localStorage.getItem('dark-mode') === 'true') {
157            document.documentElement.classList.add('dark');
158        }
159
160        window.__isDarkMode = localStorage.getItem('dark-mode') === 'true';
161    </script>
161
162
163    
163<script>
164        function initializePreprTracker() {
165            if (window.preprInitialized) {
166                return;
167            }
168            window.preprInitialized = true;
169
170            // De Prepr Tracking Code, nu in een functie
171            !function (e, t, p, r, n, a, s) {
172                e[r] || ((n = e[r] = function () {
173                    n.process ? n.process.apply(n, arguments) : n.queue.push(arguments)
174                }).queue = [], n.t = +new Date, (a = t.createElement(p)).async = 1, a.src = "https://cdn.tracking.prepr.io/js/prepr_v2.min.js?t=" + 864e5 * Math.ceil(new Date / 864e5), (s = t.getElementsByTagName(p)[0]).parentNode.insertBefore(a, s))
175            }(window, document, "script", "prepr"), prepr("init", "c0bc8c3df35d2aecb0e0dc450b41a5eedd95e1a1caba2f7878454799c3533303"), prepr("event", "pageload");
176        }
177    </script>
177
178
179
180        
180<script>
181            initializePreprTracker();
182        </script>
182
183
184
185    
186    
186<script async src="https://www.instagram.com/embed.js"></script>
186
187</head>
188
189<body
190    x-data="{
191        isMobileMenuOpen: false,
192        isMobileView: false
193    }"
194    x-init="isMobileView = (window.innerWidth < 1024)"
195    @resize.window="isMobileView = (window.innerWidth < 1024)"
196    :class="{ 'overflow-hidden lg:overflow-auto': isMobileMenuOpen }"
197    :data-flyout-menu-open="isMobileMenuOpen"
198    :data-is-mobile-view="isMobileView"
199    @cookies-accepted.window="initializePreprTracker()"
200    class="font-roboto-condensed bg-surface-background text-text-main transition-colors duration-300"
201>
202
203
204    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=G-023DG5H250"
205                      height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
206<div id="fb-root"></div>
207<script async defer crossorigin="anonymous" src="https://connect.facebook.net/nl_NL/sdk.js#xfbml=1&version=v19.0"
208        nonce="GjV9R3sf"></script>
208
209
210<header class="site-header-safe bg-surface-main-3 sticky top-0 z-50 shadow-[0_4px_24px_0_rgba(0,0,0,0.10)]">
211    <div class="lg:container mx-auto px-6">
212        <div class="flex items-center h-16 md:h-20">
213
214            <a href="/" wire:navigate>
215            <img
216                :src="$store.ui?.darkMode ? 'https://rtvstichtsevecht.nl/tenants/rtvstichtsevecht/logo-dark.svg?v=1789721948' : 'https://rtvstichtsevecht.nl/tenants/rtvstichtsevecht/logo-light.svg?v=1789721948'"
217                src="https://rtvstichtsevecht.nl/tenants/rtvstichtsevecht/logo-light.svg?v=1789721948"
218                alt="Logo"
219                class="h-10 w-auto"
220                loading="eager"
221            >
222        </a>
223    
224            
225            <nav class="hidden lg:flex items-center space-x-8 ml-10 text-xl">
226                <ul class="flex items-center justify-center space-x-1 xl:space-x-8 font-semibold text-text-secondary">
227                                                                                                        <li x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false" class="relative">
228
229                                    <a
230            wire:navigate href="https://rtvstichtsevecht.nl/nieuws"
231    
232    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]"
233>
234    Nieuws
235                                                                                    <i class="fa-solid fa-chevron-down text-[11px]"></i>
236</a>
237
238                                    
239                                                                            <div x-show="open" x-transition x-cloak class="absolute left-0 z-10 w-56 pt-1">
240                                            
241                                            <div class="origin-top-left max-h-[calc(100dvh-6rem)] overflow-y-auto overscroll-contain rounded-xl bg-surface-main-3 shadow-[0_4px_24px_0_rgba(0,0,0,0.15)]">
242                                                <div class="p-1">
243                                                                                                                                                                        <a
244            wire:navigate href="https://rtvstichtsevecht.nl/nieuws"
245    
246    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
247>
248    Nieuws
249</a>
250                                                                                                                                                                                                                                <a
251            wire:navigate href="https://rtvstichtsevecht.nl/nieuws/breukelen"
252    
253    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
254>
255    Breukelen
256</a>
257                                                                                                                                                                                                                                <a
258            wire:navigate href="https://rtvstichtsevecht.nl/nieuws/nieuwer-ter-aa"
259    
260    class="transition rounded-lg text-brand-secondary hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
261>
262    Nieuwe Ter Aa
263</a>
264                                                                                                                                                                                                                                <a
265            wire:navigate href="https://rtvstichtsevecht.nl/nieuws/kockengen"
266    
267    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
268>
269    Kockengen
270</a>
271                                                                                                                                                                                                                                <a
272            wire:navigate href="https://rtvstichtsevecht.nl/nieuws/nieuwersluis"
273    
274    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
275>
276    Nieuwersluis
277</a>
278                                                                                                                                                                                                                                <a
279            wire:navigate href="https://rtvstichtsevecht.nl/nieuws/loenen-ad-vecht"
280    
281    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
282>
283    Loenen a/d Vecht
284</a>
285                                                                                                                                                                                                                                <a
286            wire:navigate href="https://rtvstichtsevecht.nl/nieuws/nigtevecht"
287    
288    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
289>
290    Nigtevecht
291</a>
292                                                                                                                                                                                                                                <a
293            wire:navigate href="https://rtvstichtsevecht.nl/nieuws/loenersloot"
294    
295    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
296>
297    Loenersloot
298</a>
299                                                                                                                                                                                                                                <a
300            wire:navigate href="https://rtvstichtsevecht.nl/nieuws/oud-zuilen"
301    
302    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
303>
304    Oud-Zuilen
305</a>
306                                                                                                                                                                                                                                <a
307            wire:navigate href="https://rtvstichtsevecht.nl/nieuws/maarssen-dorp"
308    
309    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
310>
311    Maarssen-Dorp
312</a>
313                                                                                                                                                                                                                                <a
314            wire:navigate href="https://rtvstichtsevecht.nl/nieuws/vreeland"
315    
316    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
317>
318    Vreeland
319</a>
320                                                                                                                                                                                                                                <a
321            wire:navigate href="https://rtvstichtsevecht.nl/nieuws/maarssenbroek"
322    
323    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
324>
325    Maarssenbroek
326</a>
327                                                                                                                                                                                                                                <a
328            wire:navigate href="https://rtvstichtsevecht.nl/nieuws/maarsseveen"
329    
330    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
331>
332    Maarsseveen/Tienhoven
333</a>
334                                                                                                                                                                                                                                <a
335            wire:navigate href="https://rtvstichtsevecht.nl/nieuws/regio"
336    
337    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
338>
339    Regio
340</a>
341                                                                                                                                                            </div>
342                                            </div>
343                                        </div>
344                                                                    </li>
345                                                                                                                <li x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false" class="relative">
346
347                                    <a
348            wire:navigate href="https://rtvstichtsevecht.nl/nieuws/samenleving"
349    
350    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]"
351>
352    Samenleving
353                                                                                    <i class="fa-solid fa-chevron-down text-[11px]"></i>
354</a>
355
356                                    
357                                                                            <div x-show="open" x-transition x-cloak class="absolute left-0 z-10 w-56 pt-1">
358                                            
359                                            <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)]">
360                                                <div class="p-1">
361                                                                                                                                                                        <a
362            wire:navigate href="https://rtvstichtsevecht.nl/nieuws/samenleving"
363    
364    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
365>
366    Samenleving
367</a>
368                                                                                                                                                                                                                                <a
369            wire:navigate href="https://rtvstichtsevecht.nl/nieuws/sport"
370    
371    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
372>
373    Sport
374</a>
375                                                                                                                                                                                                                                <a
376            wire:navigate href="https://rtvstichtsevecht.nl/nieuws/cultuur"
377    
378    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
379>
380    Cultuur
381</a>
382                                                                                                                                                            </div>
383                                            </div>
384                                        </div>
385                                                                    </li>
386                                                                                                                <li x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false" class="relative">
387
388                                    <a
389            wire:navigate href="https://rtvstichtsevecht.nl/nieuws/gemeente"
390    
391    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]"
392>
393    Gemeente
394                                                                                    <i class="fa-solid fa-chevron-down text-[11px]"></i>
395</a>
396
397                                    
398                                                                            <div x-show="open" x-transition x-cloak class="absolute left-0 z-10 w-56 pt-1">
399                                            
400                                            <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)]">
401                                                <div class="p-1">
402                                                                                                                                                                        <a
403            wire:navigate href="https://rtvstichtsevecht.nl/nieuws/gemeente"
404    
405    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
406>
407    Gemeente
408</a>
409                                                                                                                                                                                                                                <a
410            wire:navigate href="https://rtvstichtsevecht.nl/nieuws/politiek"
411    
412    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
413>
414    Politiek
415</a>
416                                                                                                                                                                                                                                <a
417            wire:navigate href="https://rtvstichtsevecht.nl/nieuws/bedrijven"
418    
419    class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg"
420>
421    Bedrijven
422</a>
423                                                                                                                                                            </div>
424                                            </div>
425                                        </div>
426                                                                    </li>
427                                                                                                                <li x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false" class="relative">
428
429                                    <a
430            wire:navigate href="https://rtvstichtsevecht.nl/televisie/gemist/uitzending-gemist"
431    
432    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]"
433>
434    TV gemist
435</a>
436
437                                    
438                                                                    </li>
439                                                                                                                <li x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false" class="relative">
440
441                                    <a
442            wire:navigate href="https://rtvstichtsevecht.nl/radio/gemist/podcasts"
443    
444    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]"
445>
446    Podcasts
447</a>
448
449                                    
450                                                                    </li>
451                                                                                        </ul>
452            </nav>
453
454            
455            <div class="flex items-center ml-auto space-x-2"
456                 x-data="{
457                    storageKey: 'article-bookmarks-' + window.location.host,
458                    bookmarkCount: 0,
459                    init() {
460                        this.syncCount();
461                        window.addEventListener('bookmark-toggled', 
461() => this.syncCount());
462                        window.addEventListener('bookmarks-cleared', () => this.bookmarkCount = 0);
463                        window.addEventListener('bookmark-removed', () => this.syncCount());
464                    },
465                    syncCount() {
466                        const ids = JSON.parse(localStorage.getItem(this.storageKey) || '[]');
467                        this.bookmarkCount = ids.length;
468                    },
469                    openDrawer() {
470                        const ids = JSON.parse(localStorage.getItem(this.storageKey) || '[]');
471                        $dispatch('bookmarks-open', { ids });
472                    },
473                 }">
474
475                                    <a wire:navigate href="https://rtvstichtsevecht.nl/zoeken" title="Zoeken"
476                       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">
477                        <i class="fa-solid fa-search"></i>
478                    </a>
479                
480                
481                <div wire:key="lw-1330329823-0-5-4-0" wire:snapshot="{&quot;data&quot;:{&quot;selectedTenants&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;tenantNavigation&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;DM9XYuKmU1wwEWfNZo8w&quot;,&quot;name&quot;:&quot;components.tenant-selector&quot;,&quot;path&quot;:&quot;nieuws\/nieuwer-ter-aa&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;1b8bb58502dfa927f7d2da4aa29658155aa9b5b3ee91016e37eeaa004b86308f&quot;}" wire:effects="[]" wire:id="DM9XYuKmU1wwEWfNZo8w" wire:name="components.tenant-selector">
482    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
483            </div>
484
485        </div>
486    </div>
487</header>
488
489
490<div>
491        
492                                    <main wire:key="lw-1662490603-15" wire:snapshot="{&quot;data&quot;:{&quot;pageData&quot;:[{&quot;__typename&quot;:&quot;Pagina&quot;,&quot;_id&quot;:&quot;dbe90455-b1b5-4eab-b1dd-fddd299df094&quot;,&quot;_slug&quot;:&quot;nieuws\/nieuwer-ter-aa&quot;,&quot;title&quot;:&quot;Nieuwer Ter Aa&quot;,&quot;type&quot;:&quot;overview&quot;,&quot;guide_id&quot;:null,&quot;tags&quot;:[[[{&quot;slug&quot;:&quot;nieuwer-ter-aa&quot;},{&quot;s&quot;:&quot;arr&quot;}]],{&quot;s&quot;:&quot;arr&quot;}],&quot;subtitle&quot;:null,&quot;all_content&quot;:false,&quot;limit&quot;:10,&quot;seo&quot;:[{&quot;title&quot;:&quot;Nieuws uit Nieuwer Ter Aa&quot;,&quot;description&quot;:null},{&quot;s&quot;:&quot;arr&quot;}]},{&quot;s&quot;:&quot;arr&quot;}],&quot;selectedRegions&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;hasMorePages&quot;:true,&quot;page&quot;:1},&quot;memo&quot;:{&quot;id&quot;:&quot;rdNvYiksMpcMlYXsumti&quot;,&quot;name&quot;:&quot;pages.overview&quot;,&quot;path&quot;:&quot;nieuws\/nieuwer-ter-aa&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;attributes&quot;:{&quot;slug&quot;:&quot;nieuws\/nieuwer-ter-aa&quot;,&quot;id&quot;:&quot;dbe90455-b1b5-4eab-b1dd-fddd299df094&quot;},&quot;children&quot;:{&quot;banner-category_top&quot;:[&quot;div&quot;,&quot;i2wwmi2F5HffEq3keqdz&quot;],&quot;banner-category_top_mobile&quot;:[&quot;div&quot;,&quot;xVercQLqoWSV5M1AW85W&quot;],&quot;lw-71422695-2-1&quot;:[&quot;div&quot;,&quot;yIaV2gcliWfHmOBcXdc5&quot;],&quot;banner-category_middle&quot;:[&quot;div&quot;,&quot;PUhCuDwmn87qdNETAjOT&quot;],&quot;banner-category_middle_mobile&quot;:[&quot;div&quot;,&quot;XDGQFtID6vCNvMCSMY5g&quot;],&quot;banner-category_bottom&quot;:[&quot;div&quot;,&quot;BIyBGcjCxCrwhVGBFUG5&quot;],&quot;banner-category_bottom_mobile&quot;:[&quot;div&quot;,&quot;SZWol9grkQnRdQQbqiIg&quot;],&quot;banner-sidebar_top&quot;:[&quot;div&quot;,&quot;yrtSgphGxCQSkrApPpC1&quot;],&quot;live-overview-component&quot;:[&quot;div&quot;,&quot;u1dhlw8uLj3KBQsI6wWD&quot;],&quot;most-read-overview-component&quot;:[&quot;div&quot;,&quot;Q3xowhX1ysYKzqhL1xyA&quot;],&quot;weather-overview-component&quot;:[&quot;div&quot;,&quot;Q8w5zS9dvM7Rov7RzWBT&quot;],&quot;banner-sidebar_middle&quot;:[&quot;div&quot;,&quot;GYM8ZSwoC8Mmg6PTaeR5&quot;],&quot;banner-sidebar_bottom&quot;:[&quot;div&quot;,&quot;2OkekfV4O7UZJc61wiF5&quot;],&quot;banner-sidebar_bottom_4&quot;:[&quot;div&quot;,&quot;wRBiuzOOphNuk1VWfHMh&quot;],&quot;banner-sidebar_bottom_5&quot;:[&quot;div&quot;,&quot;s3ZemahhFVwHYkDoi6Np&quot;]},&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;nl&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;846203bcd4b687f666d93970cb2894813539a2a7d3e6c2c38db93382cc1cffde&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;regionsUpdated&quot;]}" wire:id="rdNvYiksMpcMlYXsumti" wire:name="pages.overview" class="lg:container px-4 w-full md:mx-auto md:px-6 mt-8">
493    
494    <section class="grid grid-cols-1 lg:grid-cols-2 gap-8 mb-14">
495        <!--[if BLOCK]><![endif]-->            <a
496            wire:navigate
497        href="https://rtvstichtsevecht.nl/nieuws/artikel/nieuwe-woningen-en-woonzorgvoorziening-voor-nieuwer-ter-aa"
498        data-prepr-item-id="b2097b39-acb7-4280-8c58-1ce11b6cf6bd"
499    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">
500
501    <div class="relative group overflow-hidden">
502        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
503        <!--[if BLOCK]><![endif]-->            <img src="https://3mfhdcm0onod.b-cdn.net/5pysj1eht0mq/w_728,h_400/csm-hof-van-clarenborg-8bb341c96c.jpg"
504                 alt="Nieuwe woningen en woonzorgvoorziening voor Nieuwer Ter Aa"
505                 class="w-full h-[206px] md:h-[400px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
506        <!--[if ENDBLOCK]><![endif]-->
507        <div class="absolute inset-0 bg-gradient-to-t to-transparent from-black/70"></div>
508
509        <div class="absolute bottom-0 w-full px-6 pb-6 pt-10 text-white">
510            <div class="absolute top-0 flex flex-row gap-x-2">
511                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
512                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
513                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </div>
514
515            <!--[if BLOCK]><![endif]-->                <h2 class="text-lg lg:text-[32px] font-bold line-clamp-2 leading-[normal] group-hover:underline">
516                    Nieuwe woningen en woonzorgvoorziening voor Nieuwer Ter Aa
517                </h2>
518            <!--[if ENDBLOCK]><![endif]-->        </div>
519    </div>
520    <div class="p-6 flex-grow">
521        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <p class="text-text-main text-sm md:text-base font-montserrat line-clamp-2">
522            NIEUWER TER AA - De bouw van Hof van Clarenborg in Nieuwer Ter Aa is officieel gestart. Het project krijgt verschillende woningtypen en een maatschappelijke woonzorgvoorziening. Starters, gezinnen en senioren kunnen er terecht. De nieuwe woningen moeten ook de leefbaarheid en voorzieningen in het dorp versterken.
523        </p>
524    </div>
525</a>
526                    <a
527            wire:navigate
528        href="https://rtvstichtsevecht.nl/nieuws/artikel/oukoper-molen-na-restauratie-klaar-voor-de-toekomst"
529        data-prepr-item-id="8e4182fe-72e9-44b6-b0cd-0bdfcfe5b284"
530    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">
531
532    <div class="relative group overflow-hidden">
533        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
534        <!--[if BLOCK]><![endif]-->            <img src="https://3mfhdcm0onod.b-cdn.net/18dg7tpns2q8/w_728,h_400/molen-oukoper-utrechts-landschap.jpg"
535                 alt="Oukoper Molen na restauratie klaar voor de toekomst"
536                 class="w-full h-[206px] md:h-[400px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
537        <!--[if ENDBLOCK]><![endif]-->
538        <div class="absolute inset-0 bg-gradient-to-t to-transparent from-black/70"></div>
539
540        <div class="absolute bottom-0 w-full px-6 pb-6 pt-10 text-white">
541            <div class="absolute top-0 flex flex-row gap-x-2">
542                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
543                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
544                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </div>
545
546            <!--[if BLOCK]><![endif]-->                <h2 class="text-lg lg:text-[32px] font-bold line-clamp-2 leading-[normal] group-hover:underline">
547                    Oukoper Molen na restauratie klaar voor de toekomst
548                </h2>
549            <!--[if ENDBLOCK]><![endif]-->        </div>
550    </div>
551    <div class="p-6 flex-grow">
552        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        <p class="text-text-main text-sm md:text-base font-montserrat line-clamp-2">
553            NIEUWER TER AA - De Oukoper Molen bij Nieuwer ter Aa is na een omvangrijke restauratie weer klaar voor de toekomst. De fundering, waterloop en houten constructie zijn hersteld en de molen is behandeld tegen houtaantasting. Daardoor kan het historische monument ook de komende jaren blijven draaien en malen.
554        </p>
555    </div>
556</a>
557        <!--[if ENDBLOCK]><![endif]-->    </section>
558
559    <div class="grid grid-cols-1 lg:grid-cols-[1fr_320px] gap-6">
560        <div class="space-y-3 lg:space-y-6 min-w-0">
561            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
562            
563            <!--[if BLOCK]><![endif]-->                <section>
564                    <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6">
565                        <!--[if BLOCK]><![endif]-->                            <a
566            wire:navigate
567        href="https://rtvstichtsevecht.nl/nieuws/artikel/blijf-tot-en-met-woensdag-uit-het-open-water"
568        data-prepr-item-id="5f874aba-3faf-4898-bf5d-6c15ed519844"
569    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">
570
571    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
572        <!--[if BLOCK]><![endif]-->            <img src="https://3mfhdcm0onod.b-cdn.net/w_728,h_400/51doh2o7q2q4-.jpg"
573                 alt="Blijf tot en met woensdag uit het open water"
574                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
575        <!--[if ENDBLOCK]><![endif]-->
576        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
577        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
578            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
579            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
580            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
581            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
582            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
583    </div>
584
585    <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">
586        <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">
587            Blijf tot en met woensdag uit het open water
588        </h3>
589        <p class="line-clamp-3 font-montserrat max-md:hidden">
590            STICHTSE VECHT - Zwemmers wordt geadviseerd voorlopig niet in open water te gaan vanwege watervervuiling en risico op gezondheidsproblemen door recente regen en riooloverbelasting.
591        </p>
592    </div>
593</a>
594                                                    <a
595            wire:navigate
596        href="https://rtvstichtsevecht.nl/nieuws/artikel/auto-belandt-op-zijkant-op-a2-bij-nieuwer-ter-aa"
597        data-prepr-item-id="d356754c-8fe8-4640-886d-07d56c225e09"
598    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">
599
600    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
601        <!--[if BLOCK]><![endif]-->            <img src="https://3mfhdcm0onod.b-cdn.net/6ehyr3jxd2gh/w_728,h_400/47f0d74e-68f9-4d29-a1b3-b8c791c09644.jpg"
602                 alt="Auto belandt op zijkant op A2 bij Nieuwer Ter Aa"
603                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
604        <!--[if ENDBLOCK]><![endif]-->
605        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
606        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
607            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
608            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
609            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
610            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
611            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
612    </div>
613
614    <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">
615        <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">
616            Auto belandt op zijkant op A2 bij Nieuwer Ter Aa
617        </h3>
618        <p class="line-clamp-3 font-montserrat max-md:hidden">
619            NIEUWER TER AA - Een auto belandde vannacht op de A2 bij Nieuwer Ter Aa op zijn kant. Hoe dat kon gebeuren is onduidelijk.
620        </p>
621    </div>
622</a>
623                                                    <a
624            wire:navigate
625        href="https://rtvstichtsevecht.nl/nieuws/artikel/pont-uit-de-vaart-wegens-reparatie"
626        data-prepr-item-id="846c228d-00ba-4b7d-bbc8-a8e2d00fcd74"
627    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">
628
629    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
630        <!--[if BLOCK]><![endif]-->            <img src="https://3mfhdcm0onod.b-cdn.net/w_728,h_400/34y02s2ws7ip-amsterdam-rijnkanaal-pontje.jpg"
631                 alt="Pont uit de vaart wegens reparatie"
632                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
633        <!--[if ENDBLOCK]><![endif]-->
634        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
635        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
636            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
637            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
638            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
639            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
640            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
641    </div>
642
643    <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">
644        <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">
645            Pont uit de vaart wegens reparatie
646        </h3>
647        <p class="line-clamp-3 font-montserrat max-md:hidden">
648            BREUKELEN/NIEUWER TER AA - De veerpont over het Amsterdam Rijnkanaal bij Breukelen is sinds maandagmiddag uit de vaart genomen. Reden is een spoedreparatie die uitgevoerd moet worden
649        </p>
650    </div>
651</a>
652                                                    <a
653            wire:navigate
654        href="https://rtvstichtsevecht.nl/nieuws/artikel/rtv-stichtse-vecht-cup-uitgereikt-aan-nita"
655        data-prepr-item-id="848be277-1cec-4c8a-8638-4b5a95564679"
656    clas
656s="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">
657
658    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
659        <!--[if BLOCK]><![endif]-->            <img src="https://3mfhdcm0onod.b-cdn.net/4n28aw3b8bid/w_728,h_400/whatsapp-image-2026-06-21-at-161733.jpg"
660                 alt="RTV Stichtse Vecht Cup uitgereikt aan NiTA"
661                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
662        <!--[if ENDBLOCK]><![endif]-->
663        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
664        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
665            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
666            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
667            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
668            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
669            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
670    </div>
671
672    <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">
673        <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">
674            RTV Stichtse Vecht Cup uitgereikt aan NiTA
675        </h3>
676        <p class="line-clamp-3 font-montserrat max-md:hidden">
677            MAARSSEN - NiTA heeft dit jaar de RTV Stichtse Vecht Cup gewonnen. Afgelopen zaterdag 20 juni heeft Andre Timmer deze schaal uitgereikt aan NiTA. De trainer Patrick Mur heeft de schaal in ontvangst genomen. We bedanken alle voetbalverenigingen voor de prettige samenwerking en kijken nu al uit naar het nieuwe seizoen!
678        </p>
679    </div>
680</a>
681                                                    <a
682            wire:navigate
683        href="https://rtvstichtsevecht.nl/nieuws/artikel/nieuw-college-stichtse-vecht-kan-aan-de-slag"
684        data-prepr-item-id="27054447-8cf5-4ed1-b6aa-9b5f9e272103"
685    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">
686
687    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
688        <!--[if BLOCK]><![endif]-->            <img src="https://3mfhdcm0onod.b-cdn.net/6wh1u7yy6v3e/w_728,h_400/3.png"
689                 alt="[VIDEO] Nieuw college Stichtse Vecht kan aan de slag"
690                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
691        <!--[if ENDBLOCK]><![endif]-->
692        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
693        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
694            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
695            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
696            <!--[if BLOCK]><![endif]-->                <span class="bg-white/80 backdrop-blur-[2.5px] text-surface-dark-1 text-[10px] md:text-xs font-bold px-2 py-1.5 rounded-md">
697    <i class="fa-solid fa-video"></i>
698</span>
699            <!--[if ENDBLOCK]><![endif]-->
700            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
701            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
702    </div>
703
704    <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">
705        <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">
706            [VIDEO] Nieuw college Stichtse Vecht kan aan de slag
707        </h3>
708        <p class="line-clamp-3 font-montserrat max-md:hidden">
709            BREUKELEN - De gemeenteraad van Stichtse Vecht heeft dinsdagavond in het Koetshuis van Boom &amp; Bosch het nieuwe college van B&amp;W benoemd en beëdigd. Lokaal Liberaal, Streekbelangen, D66 en VVD gaan na de verkiezingen opnieuw samen verder. Hun coalitieakkoord heet Duidelijkheid &amp; Daadkracht.
710        </p>
711    </div>
712</a>
713                                                    <a
714            wire:navigate
715        href="https://rtvstichtsevecht.nl/nieuws/artikel/nieuwer-ter-aa-getroffen-door-stroomuitval"
716        data-prepr-item-id="d07c631c-d140-4aef-8d98-c32bba468583"
717    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">
718
719    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
720        <!--[if BLOCK]><![endif]-->            <img src="https://3mfhdcm0onod.b-cdn.net/w_728,h_400/19cov7lacxwf-.jpg"
721                 alt="Nieuwer ter Aa getroffen door stroomuitval"
722                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
723        <!--[if ENDBLOCK]><![endif]-->
724        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
725        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
726            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
727            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
728            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
729            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
730            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
731    </div>
732
733    <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">
734        <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">
735            Nieuwer ter Aa getroffen door stroomuitval
736        </h3>
737        <p class="line-clamp-3 font-montserrat max-md:hidden">
738            NIEUWER TER AA - In Nieuwer ter Aa hebben bewoners afgelopen n
738acht gehad van stroomuitval. Aan de Ter Aaseweg kampten mensen met de problemen.
739        </p>
740    </div>
741</a>
742                        <!--[if ENDBLOCK]><![endif]-->                    </div>
743                </section>
744
745                
746                <div class="hidden lg:block">
747                    <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;:6000,&quot;slidesToShow&quot;:1,&quot;items&quot;:[[[{&quot;_id&quot;:&quot;9c1ce1bb-6cbb-43b1-98a7-abba0e016d12&quot;,&quot;url&quot;:&quot;https:\/\/rtvstichtsevecht.nl\/adverteren&quot;,&quot;image&quot;:&quot;https:\/\/54jgdoc2j8wu.b-cdn.net\/ce2df87f-1a4d-4c65-b7c3-7aa02012f968.gif&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;i2wwmi2F5HffEq3keqdz&quot;,&quot;name&quot;:&quot;components.banner&quot;,&quot;path&quot;:&quot;nieuws\/nieuwer-ter-aa&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;b204b8a14346f07f4bab9c7ffc5dcd9ce8aab3d57be1d439c26c9c5d46e7f39b&quot;}" wire:effects="[]" wire:id="i2wwmi2F5HffEq3keqdz" wire:name="components.banner">
748<!--[if BLOCK]><![endif]-->    <!--[if BLOCK]><![endif]-->        
749        <div
750            x-data="{
751                items: JSON.parse('[{\u0022_id\u0022:\u00229c1ce1bb-6cbb-43b1-98a7-abba0e016d12\u0022,\u0022url\u0022:\u0022https:\\\/\\\/rtvstichtsevecht.nl\\\/adverteren\u0022,\u0022image\u0022:\u0022https:\\\/\\\/54jgdoc2j8wu.b-cdn.net\\\/ce2df87f-1a4d-4c65-b7c3-7aa02012f968.gif\u0022,\u0022alt\u0022:null,\u0022type\u0022:\u0022image\u0022,\u0022slot_id\u0022:null}]'),
752                duration: 6000,
753                current: 0,
754                interval: null,
755                containerHeight: 0,
756
757                recordImpression(item) {
758                    if (item?._id) {
759                        $wire.recordImpression(item._id);
760                    }
761                },
762
763                startAutoplay() {
764                    this.stopAutoplay();
765                    if (this.items.length <= 1) return;
766
767                    this.interval = setInterval(() => {
768                        this.current = (this.current + 1) % this.items.length;
769                    }, this.duration);
770                },
771
772                stopAutoplay() {
773                    clearInterval(this.interval);
774                    this.interval = null;
775                },
776
777                trackClick(item) {
778                    if (typeof prepr !== 'undefined') {
779                        prepr('event', 'Click', { 'id': item._id });
780                    }
781                    window.open(item.url, '_blank');
782                },
783
784                updateHeight(img) {
785                    if (img && img.complete) {
786                        this.containerHeight = img.offsetHeight;
787                    }
788                },
789
790                init() {
791                    if (this.items.length === 0) return;
792
793                    this.recordImpression(this.items[this.current]);
794                    this.$watch('current', (index) => this.recordImpression(this.items[index]));
795
796                    this.$nextTick(() => {
797                        const firstImg = this.$el.querySelector('img');
798                        if (firstImg) {
799                            if (firstImg.complete) {
800                                this.updateHeight(firstImg);
801                            } else {
802                                firstImg.addEventListener('load', () => this.updateHeight(firstImg));
803                            }
804                        }
805                    });
806
807                    this.startAutoplay();
808                }
809            }"
810            x-init="init()"
811            x-on:mouseenter="stopAutoplay()"
812            x-on:mouseleave="startAutoplay()"
813            x-show="items.length > 0"
814        >
815            <!--[if BLOCK]><![endif]-->            <h3 class="mb-2 text-sm font-montserrat text-center font-normal text-text-secondary">
816                Advertentie
817            </h3>
818            <!--[if ENDBLOCK]><![endif]-->
819            <div class="relative w-full overflow-hidden" :style="containerHeight > 0 ? `height: ${containerHeight}px` : ''">
820                <template x-for="(item, index) in items" :key="item._id || index">
821                    <a
822                        x-show="current === index"
823                        x-transition:enter="transition ease-out duration-500"
824                        x-transition:enter-start="opacity-0"
825                        x-transition:enter-end="opacity-100"
826                        x-transition:leave="transition ease-in duration-400"
827                        x-transition:leave-start="opacity-100"
828                        x-transition:leave-end="opacity-0"
829                        :href="item.url"
830                        @click.prevent="trackClick(item)"
831                        target="_blank"
832                        rel="noopener noreferrer"
833                        class="absolute top-0 left-0 w-full"
834                    >
835                        <template x-if="item.image">
836                            <img
837                                :src="item.image"
838                                :alt="item.alt"
839                                class="w-full h-auto rounded-lg"
840                                @load="if (current === index) updateHeight($el)"
841                            >
842                        </template>
843                    </a>
844                </template>
845            </div>
846        </div>
847    <!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
848
849                </div>
850                <div class="lg:hidden">
851                    <div wire:key="banner-category_top_mobile" wire:snapsh
851ot="{&quot;data&quot;:{&quot;placeId&quot;:&quot;category_top_mobile&quot;,&quot;shouldRender&quot;:true,&quot;title&quot;:&quot;Advertentie&quot;,&quot;isSlider&quot;:true,&quot;duration&quot;:6000,&quot;slidesToShow&quot;:1,&quot;items&quot;:[[[{&quot;_id&quot;:&quot;9c1ce1bb-6cbb-43b1-98a7-abba0e016d12&quot;,&quot;url&quot;:&quot;https:\/\/rtvstichtsevecht.nl\/adverteren&quot;,&quot;image&quot;:&quot;https:\/\/54jgdoc2j8wu.b-cdn.net\/ce2df87f-1a4d-4c65-b7c3-7aa02012f968.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;cf25c9b0-7892-459d-9f08-be232c620674&quot;,&quot;url&quot;:&quot;https:\/\/open.spotify.com\/show\/2TVE42CR5TwrYfIOaERfOr?si=df209a1a06ac4f66&quot;,&quot;image&quot;:null,&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;xVercQLqoWSV5M1AW85W&quot;,&quot;name&quot;:&quot;components.banner&quot;,&quot;path&quot;:&quot;nieuws\/nieuwer-ter-aa&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;042dad26d9d3484d819164e87c50a29e3c71b60ba57235f5c03ee6fc4cdd1194&quot;}" wire:effects="[]" wire:id="xVercQLqoWSV5M1AW85W" wire:name="components.banner">
852<!--[if BLOCK]><![endif]-->    <!--[if BLOCK]><![endif]-->        
853        <div
854            x-data="{
855                items: JSON.parse('[{\u0022_id\u0022:\u00229c1ce1bb-6cbb-43b1-98a7-abba0e016d12\u0022,\u0022url\u0022:\u0022https:\\\/\\\/rtvstichtsevecht.nl\\\/adverteren\u0022,\u0022image\u0022:\u0022https:\\\/\\\/54jgdoc2j8wu.b-cdn.net\\\/ce2df87f-1a4d-4c65-b7c3-7aa02012f968.gif\u0022,\u0022alt\u0022:null,\u0022type\u0022:\u0022image\u0022,\u0022slot_id\u0022:null},{\u0022_id\u0022:\u0022cf25c9b0-7892-459d-9f08-be232c620674\u0022,\u0022url\u0022:\u0022https:\\\/\\\/open.spotify.com\\\/show\\\/2TVE42CR5TwrYfIOaERfOr?si=df209a1a06ac4f66\u0022,\u0022image\u0022:null,\u0022alt\u0022:null,\u0022type\u0022:\u0022image\u0022,\u0022slot_id\u0022:null}]'),
856                duration: 6000,
857                current: 0,
858                interval: null,
859                containerHeight: 0,
860
861                recordImpression(item) {
862                    if (item?._id) {
863                        $wire.recordImpression(item._id);
864                    }
865                },
866
867                startAutoplay() {
868                    this.stopAutoplay();
869                    if (this.items.length <= 1) return;
870
871                    this.interval = setInterval(() => {
872                        this.current = (this.current + 1) % this.items.length;
873                    }, this.duration);
874                },
875
876                stopAutoplay() {
877                    clearInterval(this.interval);
878                    this.interval = null;
879                },
880
881                trackClick(item) {
882                    if (typeof prepr !== 'undefined') {
883                        prepr('event', 'Click', { 'id': item._id });
884                    }
885                    window.open(item.url, '_blank');
886                },
887
888                updateHeight(img) {
889                    if (img && img.complete) {
890                        this.containerHeight = img.offsetHeight;
891                    }
892                },
893
894                init() {
895                    if (this.items.length === 0) return;
896
897                    this.recordImpression(this.items[this.current]);
898                    this.$watch('current', (index) => this.recordImpression(this.items[index]));
899
900                    this.$nextTick(() => {
901                        const firstImg = this.$el.querySelector('img');
902                        if (firstImg) {
903                            if (firstImg.complete) {
904                                this.updateHeight(firstImg);
905                            } else {
906                                firstImg.addEventListener('load', () => this.updateHeight(firstImg));
907                            }
908                        }
909                    });
910
911                    this.startAutoplay();
912                }
913            }"
914            x-init="init()"
915            x-on:mouseenter="stopAutoplay()"
916            x-on:mouseleave="startAutoplay()"
917            x-show="items.length > 0"
918        >
919            <!--[if BLOCK]><![endif]-->            <h3 class="mb-2 text-sm font-montserrat text-center font-normal text-text-secondary">
920                Advertentie
921            </h3>
922            <!--[if ENDBLOCK]><![endif]-->
923            <div class="relative w-full overflow-hidden" :style="containerHeight > 0 ? `height: ${containerHeight}px` : ''">
924                <template x-for="(item, index) in items" :key="item._id || index">
925                    <a
926                        x-show="current === index"
927                        x-transition:enter="transition ease-out duration-500"
928                        x-transition:enter-start="opacity-0"
929                        x-transition:enter-end="opacity-100"
930                        x-transition:leave="transition ease-in duration-400"
931                        x-transition:leave-start="opacity-100"
932                        x-transition:leave-end="opacity-0"
933                        :href="item.url"
934                        @click.prevent="trackClick(item)"
935                        target="_blank"
936                        rel="noopener noreferrer"
937                        class="absolute top-0 left-0 w-full"
938                    >
939                        <template x-if="item.image">
940                            <img
941                                :src="item.image"
942                                :alt="item.alt"
943                                class="w-full h-auto rounded-lg"
944                                @load="if (current === index) updateHeight($el)"
945                            >
946                        </template>
947                    </a>
948                </template>
949            </div>
950        </div>
951    <!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
952
953                </div>
954            <!--[if ENDBLOCK]><![endif]-->
955            
956            
957            <div wire:key="lw-71422695-2-1" wire:snapshot="{&quot;data&quot;:[],&quot;memo&quot;:{&quot;id&quot;:&quot;yIaV2gcliWfHmOBcXdc5&quot;,&quot;name&quot;:&quot;components.video-overview&quot;,&quot;path&quot;:&quot;nieuws\/nieuwer-ter-aa&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;7908fd50789b7c2eae62e657a3fdc4979c560b58ede0ac8ed59fd3e5f4eef6d7&quot;}" wire:effects="[]" wire:id="yIaV2gcliWfHmOBcXdc5" wire:name="components.video-overview" x-data="{
958    ...videoModalComponent(JSON.parse('[{\u0022title\u0022:\u0022Politiek kiest voor komst 332 nieuwbouwwoningen Maarssenbroek\u0022,\u0022short_title\u0022:\u0022Politiek kiest voor komst 332 nieuwbouwwoningen Maarssenbroek\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/3mfhdcm0onod.b-cdn.net\\\/h_600\\\/2gosksd3zw9o-rondom-de-raad-centerspoor-rtv-sv_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/54jgdoc2j8wu.b-cdn.net\\\/2gosksd3zw9o-rondom-de-raad-centerspoor-rtv-sv_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/54jgdoc2j8wu.b-cdn.net\\\/2gosksd3zw9o-rondom-de-raad-centerspoor-rtv-sv_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/54jgdoc2j8wu.b-cdn.net\\\/2gosksd3zw9o-rondom-de-raad-centerspoor-rtv-sv_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/54jgdoc2j8wu.b-cdn.net\\\/2gosksd3zw9o-rondom-de-raad-centerspoor-rtv-sv_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/54jgdoc2j8wu.b-cdn.net\\\/2gosksd3zw9o-rondom-de-raad-centerspoor-rtv-sv_360.mp4\u0022,\u0022duration\u0022:\u002201:30\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Politiek kiest voor komst 332 nieuwbouwwoningen Maarssenbroek\u0022},{\u0022title\u0022:\u0022Rondom de Raad 12 mei 2026: nieuwe raad van start met installatie nieuwe commissieleden\u0022,\u0022short_title\u0022:\u0022Rondom de Raad 12 mei 2026: nieuwe raad van start met installatie nieuwe commissieleden\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/3mfhdcm0onod.b-cdn.net\\\/h_600\\\/3xvox4saj8nl-ji3beticzmvkdblx2fbygrcnwtyahn1wcmmvaf3kmp4_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/54jgdoc2j8wu.b-cdn.net\\\/3xvox4saj8nl-ji3beticzmvkdblx2fbygrcnwtyahn1wcmmvaf3kmp4_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/54jgdoc2j8wu.b-cdn.net\\\/3xvox4saj8nl-ji3beticzmvkdblx2fbygrcnwtyahn1wcmmvaf3kmp4_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/54jgdoc2j8wu.b-cdn.net\\\/3xvox4saj8nl-ji3beticzmvkdblx2fbygrcnwtyahn1wcmmvaf3kmp4_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/54jgdoc2j8wu.b-cdn.net\\\/3xvox4saj8nl-ji3beticzmvkdblx2fbygrcnwtyahn1wcmmvaf3kmp4_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/54jgdoc2j8wu.b-cdn.net\\\/3xvox4saj8nl-ji3beticzmvkdblx2fbygrcnwtyahn1wcmmvaf3kmp4_360.mp4\u0022,\u0022duration\u0022:\u0022151:59\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:720,\u0022width\u0022:1280,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Rondom de Raad 12 mei 2026: nieuwe raad van start met installatie nieuwe commissieleden\u0022},{\u0022title\u0022:\u0022PVV-moties over asielopvang en statushouders ruim verworpen\u0022,\u0022short_title\u0022:\u0022PVV-moties over asielopvang en statushouders ruim verworpen\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/3mfhdcm0onod.b-cdn.net\\\/h_600\\\/5w1f6u6h53nt-bptt8wycasjgi20cvxcfr1j7woesujywcxsr3zbhmp4_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/54jgdoc2j8wu.b-cdn.net\\\/5w1f6u6h53nt-bptt8wycasjgi20cvxcfr1j7woesujywcxsr3zbhmp4_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/54jgdoc2j8wu.b-cdn.net\\\/5w1f6u6h53nt-bptt8wycasjgi20cvxcfr1j7woesujywcxsr3zbhmp4_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/54jgdoc2j8wu.b-cdn.net\\\/5w1f6u6h53nt-bptt8wycasjgi20cvxcfr1j7woesujywcxsr3zbhmp4_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/54jgdoc2j8wu.b-cdn.net\\\/5w1f6u6h53nt-bptt8wycasjgi20cvxcfr1j7woesujywcxsr3zbhmp4_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/54jgdoc2j8wu.b-cdn.net\\\/5w1f6u6h53nt-bptt8wycasjgi20cvxcfr1j7woesujywcxsr3zbhmp4_360.mp4\u0022,\u0022duration\u0022:\u002201:23\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022}
958,\u0022display_title\u0022:\u0022PVV-moties over asielopvang en statushouders ruim verworpen\u0022}]'))
959}" >
960
961    <section>
962        <div class="border-y border-button-border py-6 relative">
963            <div class="flex items-center justify-between text-text-main mb-6">
964                <h2 class="font-bold text-xl">Kijken</h2>
965                <div class="flex items-center space-x-2.5">
966                    <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>
967                    <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>
968                </div>
969            </div>
970            <div class="relative">
971                <style> [x-ref="scrollContainer"]::-webkit-scrollbar { display: none; } </style>
972                <div x-ref="scrollContainer"
973                     class="flex items-center gap-6 overflow-x-auto scroll-smooth snap-x snap-mandatory pr-6"
974                     style="scrollbar-width: none; -ms-overflow-style: none;"
975                     onwheel="this.scrollLeft += event.deltaY">
976                    <template x-for="(video, index) in videos" :key="index">
977                        <div class="snap-start flex-shrink-0 group text-left focus:outline-none cursor-pointer"
978                             :class="{
979                                '!w-[511px]': video.broadcast.width >= video.broadcast.height,
980                                '!w-[162px]': video.broadcast.width < video.broadcast.height
981                             }"
982                             @click="openModal(index)">
983                            <div class="flex flex-col overflow-hidden">
984                                <div
985                                    class="w-full relative h-72 mb-3"
986                                    :class="{
987                                        'aspect-video': video.broadcast.width >= video.broadcast.height,
988                                        'aspect-[9/16]': video.broadcast.width < video.broadcast.height
989                                    }"
990                                >
991                                    <img
992                                        :src="video.broadcast.coverThumbUrl"
993                                        alt=""
994                                        class="object-cover w-auto h-72 rounded-xl group-hover:opacity-90"
995                                    />
996                                    <div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-center">
997                                        <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>
998                                        <span class="mt-2 font-bold text-white text-xs" x-text="video.broadcast.duration"></span>
999                                    </div>
1000                                </div>
1001                                <p x-text="video.display_title" class="text-lg font-bold truncate leading-[normal] group-hover:underline group-hover:text-brand-secondary"></p>
1002                            </div>
1003                        </div>
1004                    </template>
1005                </div>
1006                <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>
1007            </div>
1008        </div>
1009    </section>
1010
1011    
1012    <div
1013        x-show="modalOpen"
1014        x-transition.opacity
1015        x-on:keydown.window.escape.prevent="modalOpen && closeModal()"
1016        x-on:keydown.window.arrow-right.prevent="modalOpen && nextVideo($event)"
1017        x-on:keydown.window.arrow-left.prevent="modalOpen && prevVideo($event)"
1018        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"
1019        style="display: none;"
1020        x-cloak
1021        role="dialog"
1022        aria-modal="true"
1023    >
1024        <div x-on:click="closeModal()" class="absolute inset-0 bg-text-main/10 dark:bg-black/40" aria-hidden="true"></div>
1025
1026        <button
1027            type="button"
1028            x-on:click="closeModal()"
1029            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"
1030            aria-label="Sluiten"
1031        >
1032            <i class="fa-solid fa-close text-sm"></i>
1033        </button>
1034
1035        <div
1036            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"
1037            :class="(modalOpen && !isPlayerReady) ? 'overflow-hidden' : 'overflow-y-auto md:overflow-hidden'"
1038        >
1039            <template x-if="activeVideo">
1040                <div class="relative flex min-h-[45dvh] w-full flex-1 flex-col items-center justify-center md:min-h-0">
1041                    
1042                    <div
1043                        x-show="!isPlayerReady"
1044                        x-transition.opacity
1045                        class="absolute inset-0 z-30 flex items-center justify-center"
1046                    >
1047                        <div class="h-10 w-10 animate-spin rounded-full border-2 border-text-main/20 border-t-text-main"></div>
1048                    </div>
1049
1050                    <div
1051                        x-show="isPlayerReady"
1052                        x-transition.opacity
1053                        class="flex min-h-0 w-full flex-col items-center gap-[16px]"
1054                    >
1055                    <h2
1056                        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]"
1057                        x-text="activeVideo.display_title"
1058                    ></h2>
1059
1060                    <template x-if="videos.length > 1 && activeVideoIndex > 0">
1061                        <button
1062                            type="button"
1063                            x-on:click="prevVideo($event)"
1064                            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"
1065                            aria-label="Vorige video"
1066                        >
1067                            <i class="fa-solid fa-chevron-left text-xs"></i>
1068                        </button>
1069                    </template>
1070                    <template x-if="videos.length > 1 && activeVideoIndex < videos.length - 1">
1071                        <button
1072                            type="button"
1073                            x-on:click="nextVideo($event)"
1074                            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"
1075                            aria-label="Volgende video"
1076                        >
1077                            <i class="fa-solid fa-chevron-right text-xs"></i>
1078                        </button>
1079                    </template>
1080
1081                    <div class="js-modal-card-container relative w-full min-w-0 max-w-full">
1082                        <div class="relative overflow-hidden rounded-xl">
1083                            <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>
1084
1085                            <template x-if="videos.length > 1 && activeVideoIndex > 0">
1086                                <button
1087                                    type="button"
1088                                    x-on:click="prevVideo($event)"
1089                                    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"
1090                                    aria-label="Vorige video"
1091                                >
1092                                    <i class="fa-solid fa-chevron-left text-xs"></i>
1093                                </button>
1094                            </template>
1095                            <template x-if="videos.length > 1 && activeVideoIndex < videos.length - 1">
1096                                <button
1097                                    type="button"
1098                                    x-on:click="nextVideo($event)"
1099                                    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"
1100                                    aria-label="Volgende video"
1101                                >
1102                                    <i class="fa-solid fa-chevron-right text-xs"></i>
1103                                </button>
1104                            </template>
1105                        </div>
1106                    </div>
1107
1108                    <template x-if="videos.length > 1">
1109                        <div
1110                            class="pointer-events-none flex w-full justify-center"
1111                            role="group"
1112                            aria-label="Fotonavigatie"
1113                        >
1114                            <span
1115                                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]"
1116                                role="status"
1117                                x-text="(activeVideoIndex + 1) + ' / ' + videos.length"
1118                            ></span>
1119                        </div>
1120                    </template>
1121                    </div>
1122                </div>
1123            </template>
1124        </div>
1125    </div>
1126</div>
1127
1128            
1129            <!--[if BLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->                    <section wire:key="group-extra-0">
1130                        <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6">
1131                            <!--[if BLOCK]><![endif]-->                                <a
1132            wire:navigate
1133        href="https://rtvstichtsevecht.nl/nieuws/artikel/pvv-voorstellen-over-statushouders-en-asielopvang-sneuvelen-in-eerste-raadsvergadering"
1134        data-prepr-item-id="e11b27b7-2f11-44e5-8754-bdcebfb2fb2b"
1135    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">
1136
1137    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1138        <!--[if BLOCK]><![endif]-->            <img src="https://3mfhdcm0onod.b-cdn.net/1s8f0u05h8gc/w_728,h_400/wim-ubaghs-bij-besluit-over-pvv-voorstellen.png"
1139                 alt="PVV-voorstellen over statushouders en asielopvang sneuvelen in eerste raadsvergadering"
1140                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1141        <!--[if ENDBLOCK]><![endif]-->
1142        <!--[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">
1143                Rondom de Raad
1144            </span>
1145        <!--[if ENDBLOCK]><![endif]-->
1146        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1147            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1148            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1149            <!--[if BLOCK]><![endif]-->                <span class="bg-white/80 backdrop-blur-[2.5px] text-surface-dark-1 text-[10px] md:text-xs font-bold px-2 py-1.5 rounded-md">
1150    <i class="fa-solid fa-video"></i>
1151</span>
1152            <!--[if ENDBLOCK]><![endif]-->
1153            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1154            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1155    </div>
1156
1157    <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">
1158        <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">
1159            PVV-voorstellen over statushouders en asielopvang sneuvelen in eerste raadsvergadering
1160        </h3>
1161        <p class="line-clamp-3 font-montserrat max-md:hidden">
1162            BREUKELEN - De gemeenteraad van Stichtse Vecht is dinsdagavond 12 mei voor het eerst in nieuwe samenstelling bijeen gekomen tijdens de eerste reguliere raadsvergadering na de gemeenteraadsverkiezingen van maart.
1163        </p>
1164    </div>
1165</a>
1166                                                            <a
1167            wire:navigate
1168        href="https://rtvstichtsevecht.nl/nieuws/artikel/rijkswaterstaat-pakt-eikenprocessierups-aan"
1169        data-prepr-item-id="ce69fd2c-49c8-45e0-8062-606bbe81dde3"
1170    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">
1171
1172    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1173        <!--[if BLOCK]><![endif]-->            <img src="https://3mfhdcm0onod.b-cdn.net/ujaulqyw8xa/w_728,h_400/rws240604pvbrupsenbestrijding13.jpg"
1174                 alt="Rijkswaterstaat pakt eikenprocessierups aan"
1175                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1176        <!--[if ENDBLOCK]><![endif]-->
1177        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1178        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1179            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1180            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1181            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1182            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1183            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1184    </div>
1185
1186    <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">
1187        <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">
1188            Rijkswaterstaat pakt eikenprocessierups aan
1189        </h3>
1190        <p class="line-clamp-3 font-montserrat max-md:hidden">
1191            STICHTSE VECHT - In april begint de eikenprocessierupsactiviteit. Rijkswaterstaat gebruikt nestkasten en zuiginstallaties om overlast en klachten te minimaliseren, vooral in dru
1191kke maanden.
1192        </p>
1193    </div>
1194</a>
1195                                                            <a
1196            wire:navigate
1197        href="https://rtvstichtsevecht.nl/nieuws/artikel/fietsbrug-nieuwer-ter-aa-valt-tien-miljoen-euro-duurder-uit"
1198        data-prepr-item-id="4af4bc14-cbac-4d54-b56d-1f219ffd6138"
1199    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">
1200
1201    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1202        <!--[if BLOCK]><![endif]-->            <img src="https://3mfhdcm0onod.b-cdn.net/w_728,h_400/3tqrwr1ur9wr-pontje-nieuwer-ter-aa.jpg"
1203                 alt="Fietsbrug Nieuwer ter Aa valt tien miljoen euro duurder uit"
1204                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1205        <!--[if ENDBLOCK]><![endif]-->
1206        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1207        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1208            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1209            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1210            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1211            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1212            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1213    </div>
1214
1215    <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">
1216        <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">
1217            Fietsbrug Nieuwer ter Aa valt tien miljoen euro duurder uit
1218        </h3>
1219        <p class="line-clamp-3 font-montserrat max-md:hidden">
1220            NIEUWER TER AA - De fietsbrug over het Amsterdam Rijnkanaal bij Nieuwer ter Aa valt een stuk duurder uit dan verwacht. De fietsbrug laat daarnaast ook wat langer op zich wachten, tegen 2032 moet de fietsbrug af zijn.
1221        </p>
1222    </div>
1223</a>
1224                            <!--[if ENDBLOCK]><![endif]-->                        </div>
1225                    </section>
1226                <!--[if ENDBLOCK]><![endif]-->
1227                
1228                <!--[if BLOCK]><![endif]-->                    <div class="hidden lg:block">
1229                        <div wire:key="banner-category_middle" wire:snapshot="{&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;:6000,&quot;slidesToShow&quot;:1,&quot;items&quot;:[[[{&quot;_id&quot;:&quot;5c76c3f3-9fef-4f8b-9db2-c81a7ed8fbb9&quot;,&quot;url&quot;:&quot;http:\/\/bit.ly\/kameleonreclame&quot;,&quot;image&quot;:&quot;https:\/\/3mfhdcm0onod.b-cdn.net\/w_468\/fb8f3a9a-ea59-42c7-a8bb-80a1c65bc19a.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;PUhCuDwmn87qdNETAjOT&quot;,&quot;name&quot;:&quot;components.banner&quot;,&quot;path&quot;:&quot;nieuws\/nieuwer-ter-aa&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;1c8d71fc07982783edf3ee0599bbf2d3232801a991bf0b496dd966b818d68eba&quot;}" wire:effects="[]" wire:id="PUhCuDwmn87qdNETAjOT" wire:name="components.banner">
1230<!--[if BLOCK]><![endif]-->    <!--[if BLOCK]><![endif]-->        
1231        <div
1232            x-data="{
1233                items: JSON.parse('[{\u0022_id\u0022:\u00225c76c3f3-9fef-4f8b-9db2-c81a7ed8fbb9\u0022,\u0022url\u0022:\u0022http:\\\/\\\/bit.ly\\\/kameleonreclame\u0022,\u0022image\u0022:\u0022https:\\\/\\\/3mfhdcm0onod.b-cdn.net\\\/w_468\\\/fb8f3a9a-ea59-42c7-a8bb-80a1c65bc19a.jpg\u0022,\u0022alt\u0022:null,\u0022type\u0022:\u0022image\u0022,\u0022slot_id\u0022:null}]'),
1234                duration: 6000,
1235                current: 0,
1236                interval: null,
1237                containerHeight: 0,
1238
1239                recordImpression(item) {
1240                    if (item?._id) {
1241                        $wire.recordImpression(item._id);
1242                    }
1243                },
1244
1245                startAutoplay() {
1246                    this.stopAutoplay();
1247                    if (this.items.length <= 1) return;
1248
1249                    this.interval = setInterval(() => {
1250                        this.current = (this.current + 1) % this.items.length;
1251                    }, this.duration);
1252                },
1253
1254                stopAutoplay() {
1255                    clearInterval(this.interval);
1256                    this.interval = null;
1257                },
1258
1259                trackClick(item) {
1260                    if (typeof prepr !== 'undefined') {
1261                        prepr('event', 'Click', { 'id': item._id });
1262                    }
1263                    window.open(item.url, '_blank');
1264                },
1265
1266                updateHeight(img) {
1267                    if (img && img.complete) {
1268                        this.containerHeight = img.offsetHeight;
1269                    }
1270                },
1271
1272                init() {
1273                    if (this.items.length === 0) return;
1274
1275                    this.recordImpression(this.items[this.current]);
1276                    this.$watch('current', (index) => this.recordImpression(this.items[index]));
1277
1278                    this.$nextTick(() => {
1279                        const firstImg = this.$el.querySelector('img');
1280                        if (firstImg) {
1281                            if (firstImg.complete) {
1282                                this.updateHeight(firstImg);
1283                            } else {
1284                                firstImg.addEventListener('load', () => this.updateHeight(firstImg));
1285                            }
1286                        }
1287                    });
1288
1289                    this.startAutoplay();
1290                }
1291            }"
1292            x-init="init()"
1293            x-on:mouseenter="stopAutoplay()"
1294            x-on:mouseleave="startAutoplay()"
1295            x-show="items.length > 0"
1296        >
1297            <!--[if BLOCK]><![endif]-->            <h3 class="mb-2 text-sm font-montserrat text-center font-normal text-text-secondary">
1298                Advertentie
1299            </h3>
1300            <!--[if ENDBLOCK]><![endif]-->
1301            <div class="relative w-full overflow-hidden" :style="containerHeight > 0 ? `height: ${containerHeight}px` : ''">
1302                <template x-for="(item, index) in items" :key="item._id || index">
1303                    <a
1304                        x-show="current === index"
1305                        x-transition:enter="transition ease-out duration-500"
1306                        x-transition:enter-start="opacity-0"
1307                        x-transition:enter-end="opacity-100"
1308                        x-transition:leave="transition ease-in duration-400"
1309                        x-transition:leave-start="opacity-100"
1310                        x-transition:leave-end="opacity-0"
1311                        :href="item.url"
1312                        @click.prevent="trackClick(item)"
1313                        target="_blank"
1314                        rel="noopener noreferrer"
1315                        class="absolute top-0 left-0 w-full"
1316                    >
1317                        <template x-if="item.image">
1318                            <img
1319                                :src="item.image"
1320                                :alt="item.alt"
1321                                class="w-full h-auto rounded-lg"
1322                                @load="if (current === index) updateHeight($el)"
1323                            >
1324                        </template>
1325                    </a>
1326                </template>
1327            </div>
1328        </div>
1329    <!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
1330
1331                    </div>
1332                    <div class="lg:hidden">
1333                        <div wire:key="banner-category_middle_mobile" wire:snapsh
1333ot="{&quot;data&quot;:{&quot;placeId&quot;:&quot;category_middle_mobile&quot;,&quot;shouldRender&quot;:true,&quot;title&quot;:&quot;Advertentie&quot;,&quot;isSlider&quot;:true,&quot;duration&quot;:6000,&quot;slidesToShow&quot;:1,&quot;items&quot;:[[[{&quot;_id&quot;:&quot;5c76c3f3-9fef-4f8b-9db2-c81a7ed8fbb9&quot;,&quot;url&quot;:&quot;http:\/\/bit.ly\/kameleonreclame&quot;,&quot;image&quot;:&quot;https:\/\/3mfhdcm0onod.b-cdn.net\/w_468\/fb8f3a9a-ea59-42c7-a8bb-80a1c65bc19a.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;9c1ce1bb-6cbb-43b1-98a7-abba0e016d12&quot;,&quot;url&quot;:&quot;https:\/\/rtvstichtsevecht.nl\/adverteren&quot;,&quot;image&quot;:&quot;https:\/\/54jgdoc2j8wu.b-cdn.net\/ce2df87f-1a4d-4c65-b7c3-7aa02012f968.gif&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;XDGQFtID6vCNvMCSMY5g&quot;,&quot;name&quot;:&quot;components.banner&quot;,&quot;path&quot;:&quot;nieuws\/nieuwer-ter-aa&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;2a43579e42fa561f40b2b6c89d6845bafa623624924dd2774c9862c3451dd85e&quot;}" wire:effects="[]" wire:id="XDGQFtID6vCNvMCSMY5g" wire:name="components.banner">
1334<!--[if BLOCK]><![endif]-->    <!--[if BLOCK]><![endif]-->        
1335        <div
1336            x-data="{
1337                items: JSON.parse('[{\u0022_id\u0022:\u00225c76c3f3-9fef-4f8b-9db2-c81a7ed8fbb9\u0022,\u0022url\u0022:\u0022http:\\\/\\\/bit.ly\\\/kameleonreclame\u0022,\u0022image\u0022:\u0022https:\\\/\\\/3mfhdcm0onod.b-cdn.net\\\/w_468\\\/fb8f3a9a-ea59-42c7-a8bb-80a1c65bc19a.jpg\u0022,\u0022alt\u0022:null,\u0022type\u0022:\u0022image\u0022,\u0022slot_id\u0022:null},{\u0022_id\u0022:\u00229c1ce1bb-6cbb-43b1-98a7-abba0e016d12\u0022,\u0022url\u0022:\u0022https:\\\/\\\/rtvstichtsevecht.nl\\\/adverteren\u0022,\u0022image\u0022:\u0022https:\\\/\\\/54jgdoc2j8wu.b-cdn.net\\\/ce2df87f-1a4d-4c65-b7c3-7aa02012f968.gif\u0022,\u0022alt\u0022:null,\u0022type\u0022:\u0022image\u0022,\u0022slot_id\u0022:null}]'),
1338                duration: 6000,
1339                current: 0,
1340                interval: null,
1341                containerHeight: 0,
1342
1343                recordImpression(item) {
1344                    if (item?._id) {
1345                        $wire.recordImpression(item._id);
1346                    }
1347                },
1348
1349                startAutoplay() {
1350                    this.stopAutoplay();
1351                    if (this.items.length <= 1) return;
1352
1353                    this.interval = setInterval(() => {
1354                        this.current = (this.current + 1) % this.items.length;
1355                    }, this.duration);
1356                },
1357
1358                stopAutoplay() {
1359                    clearInterval(this.interval);
1360                    this.interval = null;
1361                },
1362
1363                trackClick(item) {
1364                    if (typeof prepr !== 'undefined') {
1365                        prepr('event', 'Click', { 'id': item._id });
1366                    }
1367                    window.open(item.url, '_blank');
1368                },
1369
1370                updateHeight(img) {
1371                    if (img && img.complete) {
1372                        this.containerHeight = img.offsetHeight;
1373                    }
1374                },
1375
1376                init() {
1377                    if (this.items.length === 0) return;
1378
1379                    this.recordImpression(this.items[this.current]);
1380                    this.$watch('current', (index) => this.recordImpression(this.items[index]));
1381
1382                    this.$nextTick(() => {
1383                        const firstImg = this.$el.querySelector('img');
1384                        if (firstImg) {
1385                            if (firstImg.complete) {
1386                                this.updateHeight(firstImg);
1387                            } else {
1388                                firstImg.addEventListener('load', () => this.updateHeight(firstImg));
1389                            }
1390                        }
1391                    });
1392
1393                    this.startAutoplay();
1394                }
1395            }"
1396            x-init="init()"
1397            x-on:mouseenter="stopAutoplay()"
1398            x-on:mouseleave="startAutoplay()"
1399            x-show="items.length > 0"
1400        >
1401            <!--[if BLOCK]><![endif]-->            <h3 class="mb-2 text-sm font-montserrat text-center font-normal text-text-secondary">
1402                Advertentie
1403            </h3>
1404            <!--[if ENDBLOCK]><![endif]-->
1405            <div class="relative w-full overflow-hidden" :style="containerHeight > 0 ? `height: ${containerHeight}px` : ''">
1406                <template x-for="(item, index) in items" :key="item._id || index">
1407                    <a
1408                        x-show="current === index"
1409                        x-transition:enter="transition ease-out duration-500"
1410                        x-transition:enter-start="opacity-0"
1411                        x-transition:enter-end="opacity-100"
1412                        x-transition:leave="transition ease-in duration-400"
1413                        x-transition:leave-start="opacity-100"
1414                        x-transition:leave-end="opacity-0"
1415                        :href="item.url"
1416                        @click.prevent="trackClick(item)"
1417                        target="_blank"
1418                        rel="noopener noreferrer"
1419                        class="absolute top-0 left-0 w-full"
1420                    >
1421                        <template x-if="item.image">
1422                            <img
1423                                :src="item.image"
1424                                :alt="item.alt"
1425                                class="w-full h-auto rounded-lg"
1426                                @load="if (current === index) updateHeight($el)"
1427                            >
1428                        </template>
1429                    </a>
1430                </template>
1431            </div>
1432        </div>
1433    <!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
1434
1435                    </div>
1436                <!--[if ENDBLOCK]><![endif]-->                            <!--[if BLOCK]><![endif]-->                    <section wire:key="group-extra-1">
1437                        <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6">
1438                            <!--[if BLOCK]><![endif]-->                                <a
1439            wire:navigate
1440        href="https://rtvstichtsevecht.nl/nieuws/artikel/pont-de-aa-voert-pauzetijden-in"
1441        data-prepr-item-id="7d49ec2e-65dd-4b72-913e-03193ee6e8c8"
1442    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">
1443
1444    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1445        <!--[if BLOCK]><![endif]-->            <img src="https://3mfhdcm0onod.b-cdn.net/w_728,h_400/34y02s2ws7ip-amsterdam-rijnkanaal-pontje.jpg"
1446                 alt="Pont De Aa voert per 1 mei aanstaande pauzetijden in"
1447                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1448        <!--[if ENDBLOCK]><![endif]-->
1449        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1450        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1451            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1452            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1453            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1454            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1455            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1456    </div>
1457
1458    <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">
1459        <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">
1460            Pont De Aa voert per 1 mei aanstaande pauzetijden in
1461        </h3>
1462        <p class="line-clamp-3 font-montserrat max-md:hidden">
1463            BREUKELEN - Om de veiligheid en het welzijn van schippers te waarborgen, voert Pont De Aa een aanpassing door in de dienstregeling. Dat laat Blue Amigo, het bedrijf achter de veerpont weten.
1464        </p>
1465    </div>
1466</a>
1467                                                            <a
1468            wire:navigate
1469        href="https://rtvstichtsevecht.nl/nieuws/artikel/video-nieuwe-gemeenteraad-geinstalleerd-mamma-ze-hebben-mensen-zoals-jij-nodig"
1470        data-prepr-item-id="7594ba61-97f2-4a08-902f-4124ecbee4a4"
1471    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">
1472
1473    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1474        <!--[if BLOCK]><![endif]-->            <img src="https://3mfhdcm0onod.b-cdn.net/5hx7jxwx09s3/w_728,h_400/p1010183.jpg"
1475                 alt="[VIDEO] Nieuwe gemeenteraad geïnstalleerd: &#039;
1475Mamma, ze hebben mensen zoals jij nodig’"
1476                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1477        <!--[if ENDBLOCK]><![endif]-->
1478        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1479        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1480            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1481            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1482            <!--[if BLOCK]><![endif]-->                <span class="bg-white/80 backdrop-blur-[2.5px] text-surface-dark-1 text-[10px] md:text-xs font-bold px-2 py-1.5 rounded-md">
1483    <i class="fa-solid fa-video"></i>
1484</span>
1485            <!--[if ENDBLOCK]><![endif]-->
1486            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1487            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1488    </div>
1489
1490    <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">
1491        <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">
1492            [VIDEO] Nieuwe gemeenteraad geïnstalleerd: &#039;Mamma, ze hebben mensen zoals jij nodig’
1493        </h3>
1494        <p class="line-clamp-3 font-montserrat max-md:hidden">
1495            BREUKELEN - Woensdagavond 1 april is de nieuwe gemeenteraad van Stichtse Vecht officieel geïnstalleerd in de raadzaal van Boom &amp; Bosch in Breukelen. Daarmee begint een nieuwe bestuursperiode na de verkiezingen van 18 maart. Met een mix van ervaren en nieuwe raadsleden start de raad aan vier jaar lokale politiek.
1496        </p>
1497    </div>
1498</a>
1499                                                            <a
1500            wire:navigate
1501        href="https://rtvstichtsevecht.nl/nieuws/artikel/afscheid-gemeenteraad-stichtse-vecht-de-mooiste-bijbaan-van-nederland"
1502        data-prepr-item-id="e9a27239-1b9c-4d99-a8da-c8831cf1eeee"
1503    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">
1504
1505    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1506        <!--[if BLOCK]><![endif]-->            <img src="https://3mfhdcm0onod.b-cdn.net/1mfiku5k7cgz/w_728,h_400/p1010141.jpg"
1507                 alt="[VIDEO] Afscheid gemeenteraad Stichtse Vecht: ‘Dit is misschien wel de mooiste bijbaan van Nederland’"
1508                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1509        <!--[if ENDBLOCK]><![endif]-->
1510        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1511        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1512            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1513            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1514            <!--[if BLOCK]><![endif]-->                <span class="bg-white/80 backdrop-blur-[2.5px] text-surface-dark-1 text-[10px] md:text-xs font-bold px-2 py-1.5 rounded-md">
1515    <i class="fa-solid fa-video"></i>
1516</span>
1517            <!--[if ENDBLOCK]><![endif]-->
1518            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1519            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1520    </div>
1521
1522    <div class="flex flex-col px-3 py-2 max-h-[75px] md:max-h-full md:p-4 md:space-y-2 w-full">
1523        <h3 class="font-bold text-base md:text-xl leading-5 md:line-clamp-2 group-hover:text-brand-secondary group-hover:underline line-clamp-3">
1524            [VIDEO] Afscheid gemeenteraad Stichtse Vecht: ‘Dit is misschien wel de mooiste bijbaan van Nederland’
1525        </h3>
1526        <p class="line-clamp-3 font-montserrat max-md:hidden">
1527            LOENEN AAN DE VECHT – In de Grote Kerk van Loenen aan de Vecht stond dinsdagavond 31 maart de raadsvergadering in het teken van afscheid. Tijdens de afscheidsraad nam de gemeenteraad van Stichtse Vecht afscheid van de raadsperiode 2022–2026 en van een groot aantal vertrekkende raadsleden.
1528        </p>
1529    </div>
1530</a>
1531                            <!--[if ENDBLOCK]><![endif]-->                        </div>
1532                    </section>
1533                <!--[if ENDBLOCK]><![endif]-->
1534                
1535                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                            <!--[if BLOCK]><![endif]-->                    <section wire:key="group-extra-2">
1536                        <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6">
1537                            <!--[if BLOCK]><![endif]-->                                <a
1538            wire:navigate
1539        href="https://rtvstichtsevecht.nl/nieuws/artikel/live-kijken-naar-de-definitieve-uitslag-gemeenteraadsverkiezingen"
1540        data-prepr-item-id="af83dadb-f074-4a9c-ab06-22fa3ddf6c16"
1541    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">
1542
1543    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1544        <!--[if BLOCK]><![endif]-->            <img src="https://3mfhdcm0onod.b-cdn.net/w_728,h_400/1m208u11xlkv-burgemeester-reinders-verkiezingen.jpg"
1545                 alt="Live kijken naar de definitieve uitslag gemeenteraadsverkiezingen"
1546                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1547        <!--[if ENDBLOCK]><![endif]-->
1548        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1549        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1550            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1551            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1552            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1553            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1554            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1555    </div>
1556
1557    <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">
1558        <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">
1559            Live kijken naar de definitieve uitslag gemeenteraadsverkiezingen
1560        </h3>
1561        <p class="line-clamp-3 font-montserrat max-md:hidden">
1562            In de gemeente Stichtse Vecht kunnen inwoners niet alleen stemmen, maar ook actief meekijken met het verdere verloop van de verkiezingen. Na de verkiezingsdag wordt het proces transparant voortgezet met de definitieve vaststelling van de uitslag.
1563        </p>
1564    </div>
1565</a>
1566                                                            <a
1567            wire:navigate
1568        href="https://rtvstichtsevecht.nl/nieuws/artikel/duurzame-dingen-en-hergebruik-in-de-week-van-de-circulaire-economie-bestaat-afval-niet-meer"
1569        data-prepr-item-id="16f1f1fb-e657-4963-b93c-97297fc512b8"
1570    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">
1571
1572    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1573        <!--[if BLOCK]><![endif]-->            <img src="https://3mfhdcm0onod.b-cdn.net/w_728,h_400/63mhd32zqbtw-.jpg"
1574                 alt="Duurzame dingen en hergebruik, in de week van de circulaire economie bestaat afval niet meer"
1575                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1576        <!--[if ENDBLOCK]><![endif]-->
1577        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1578        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1579            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1580            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1581            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1582            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1583            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1584    </div>
1585
1586    <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">
1587        <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">
1588            Duurzame dingen en hergebruik, in de week van de circulaire economie bestaat afval niet meer
1589        </h3>
1590        <p class="line-clamp-3 font-montserrat max-md:hidden">
1591            STICHTSE VECHT - Om de bergen afval te verkleinen en om duurzamer te leren leven, is er voor de elfde keer de ‘week van de circulaire economie’. In Stichtse Vecht en door het hele land zijn er evenementen om mensen te inspireren en om te laten zien hoe ‘praktisch’ circulair denken en doen kan zijn. Wethouder Polman loopt alvast vooruit op de komst van een circulair ambachtscentrum in de gemeente.
1592        </p>
1593    </div>
1594</a>
1595                                                            <a
1596            wire:navigate
1597        href="https://rtvstichtsevecht.nl/nieuws/artikel/deel-4-gemeenteraadsverkiezingen-staan-voor-de-deur-maar-wat-willen-de-politieke-partijen-van-stichtse-vecht-nou-eigenlijk"
1598        data-prepr-item-id="99fec0d4-5440-4c64-a41b-fbae8fb674c6"
1599    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">
1600
1601    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1602        <!--[if BLOCK]><![endif]-->            <img src="https://3mfhdcm0onod.b-cdn.net/w_728,h_400/b3448679-0b79-45ee-a42f-ad09bb234d7b.
1602jpg"
1603                 alt="Deel 4: Gemeenteraadsverkiezingen staan voor de deur, maar wat willen de politieke partijen van Stichtse Vecht nou eigenlijk?"
1604                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1605        <!--[if ENDBLOCK]><![endif]-->
1606        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1607        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1608            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1609            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1610            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1611            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1612            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1613    </div>
1614
1615    <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">
1616        <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">
1617            Deel 4: Gemeenteraadsverkiezingen staan voor de deur, maar wat willen de politieke partijen van Stichtse Vecht nou eigenlijk?
1618        </h3>
1619        <p class="line-clamp-3 font-montserrat max-md:hidden">
1620            STICHTSE VECHT - In de aanloop naar de gemeenteraadsverkiezingen volgende week heeft RTV Stichtse Vecht de lokale politieke partijen gevraagd naar hun standpunten. Wat gaat er bijvoorbeeld goed in de gemeente en wat gaat er niet goed? In een serie van vier delen stellen de politieke partijen zichzelf en hun standpunten voor. Deze keer stellen Lokaal Liberaal en PvdA/GL zich voor.
1621        </p>
1622    </div>
1623</a>
1624                                                            <a
1625            wire:navigate
1626        href="https://rtvstichtsevecht.nl/nieuws/artikel/deel-3-gemeenteraadsverkiezingen-staan-voor-de-deur-maar-wat-willen-de-politieke-partijen-van-stichtse-vecht-nou-eigenlijk"
1627        data-prepr-item-id="a4e78994-98a2-49db-a3f3-e06d3bfd943e"
1628    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">
1629
1630    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1631        <!--[if BLOCK]><![endif]-->            <img src="https://3mfhdcm0onod.b-cdn.net/w_728,h_400/1m208u11xlkv-burgemeester-reinders-verkiezingen.jpg"
1632                 alt="Deel 3: Gemeenteraadsverkiezingen staan voor de deur, maar wat willen de politieke partijen van Stichtse Vecht nou eigenlijk?"
1633                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1634        <!--[if ENDBLOCK]><![endif]-->
1635        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1636        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1637            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1638            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1639            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1640            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1641            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1642    </div>
1643
1644    <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">
1645        <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">
1646            Deel 3: Gemeenteraadsverkiezingen staan voor de deur, maar wat willen de politieke partijen van Stichtse Vecht nou eigenlijk?
1647        </h3>
1648        <p class="line-clamp-3 font-montserrat max-md:hidden">
1649            STICHTSE VECHT - In de aanloop naar de gemeenteraadsverkiezingen volgende week heeft RTV Stichtse Vecht de lokale politieke partijen gevraagd naar hun standpunten. Wat gaat er bijvoorbeeld goed in de gemeente en wat gaat er niet goed? In een serie van vier delen stellen de politieke partijen zichzelf en hun standpunten voor. Deze keer stellen de SP, Streekbelangen en VVD z
1649ich voor.
1650        </p>
1651    </div>
1652</a>
1653                                                            <a
1654            wire:navigate
1655        href="https://rtvstichtsevecht.nl/nieuws/artikel/deel-2-gemeenteraadsverkiezingen-staan-voor-de-deur-maar-wat-willen-de-politieke-partijen-van-stichtse-vecht-nou-eigenlijk"
1656        data-prepr-item-id="fc9fc01e-9bc7-40cd-b2e9-d258878c53a7"
1657    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">
1658
1659    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1660        <!--[if BLOCK]><![endif]-->            <img src="https://3mfhdcm0onod.b-cdn.net/w_728,h_400/501o2r6i8985-stembureaus.jpg"
1661                 alt="Deel 2: Gemeenteraadsverkiezingen staan voor de deur, maar wat willen de politieke partijen van Stichtse Vecht nou eigenlijk?"
1662                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1663        <!--[if ENDBLOCK]><![endif]-->
1664        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1665        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1666            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1667            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1668            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1669            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1670            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1671    </div>
1672
1673    <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">
1674        <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">
1675            Deel 2: Gemeenteraadsverkiezingen staan voor de deur, maar wat willen de politieke partijen van Stichtse Vecht nou eigenlijk?
1676        </h3>
1677        <p class="line-clamp-3 font-montserrat max-md:hidden">
1678            STICHTSE VECHT - In de aanloop naar de gemeenteraadsverkiezingen volgende week heeft RTV Stichtse Vecht de lokale politieke partijen gevraagd naar hun standpunten. Wat gaat er bijvoorbeeld goed in de gemeente en wat gaat er niet goed? In een serie van vier delen stellen de politieke partijen zichzelf en hun standpunten voor. Deze keer stellen ChristenUnie/SGP en D66 zich voor.
1679        </p>
1680    </div>
1681</a>
1682                                                            <a
1683            wire:navigate
1684        href="https://rtvstichtsevecht.nl/nieuws/artikel/gemeenteraadsverkiezingen-staan-voor-de-deur-maar-wat-willen-de-politieke-partijen-van-stichtse-vecht-nou-eigenlijk"
1685        data-prepr-item-id="a57e3567-0c49-4c0b-a8ec-60df29e88304"
1686    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">
1687
1688    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1689        <!--[if BLOCK]><![endif]-->            <img src="https://3mfhdcm0onod.b-cdn.net/w_728,h_400/1m208u11xlkv-burgemeester-reinders-verkiezingen.jpg"
1690                 alt="Gemeenteraadsverkiezingen staan voor de deur, maar wat willen de politieke partijen van Stichtse Vecht nou eigenlijk?"
1691                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1692        <!--[if ENDBLOCK]><![endif]-->
1693        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1694        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1695            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1696            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1697            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1698            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1699            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1700    </div>
1701
1702    <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">
1703        <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">
1704            Gemeenteraadsverkiezingen staan voor de deur, maar wat willen de politieke partijen van Stichtse Vecht nou eigenlijk?
1705        </h3>
1706        <p class="line-clamp-3 font-montserrat max-md:hidden">
1707            STICHTSE VECHT - In de aanloop naar de gemeenteraadsverkiezingen volgende week heeft RTV Stichtse Vecht de lokale politieke partijen gevraagd naar hun standpunten. Wat gaat er bijvoorbeeld goed in de gemeente en wat gaat er niet goed? In een serie van vier delen stellen de politieke partijen zichzelf en hun standpunten voor. Als eerste zijn de PVV Stichtse Vecht en het CDA aan de beurt.
1708        </p>
1709    </div>
1710</a>
1711                            <!--[if ENDBLOCK]><![endif]-->                        </div>
1712                    </section>
1713                <!--[if ENDBLOCK]><![endif]-->
1714                
1715                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <!--[if ENDBLOCK]><![endif]-->
1716            <!--[if BLOCK]><![endif]-->                <section>
1717                    <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6">
1718                        <!--[if BLOCK]><![endif]-->                            <a
1719            wire:navigate
1720        href="https://rtvstichtsevecht.nl/nieuws/artikel/auto-in-brand-op-a2-bij-nieuwer-ter-aa"
1721        data-prepr-item-id="3098b302-0a92-4984-bbf9-268781f689bb"
1722    class="group relative flex flex-row overflow-hidden rounded-xl md:flex-col cursor-pointer md:hover:shadow-[0_4px_24px_0_rgba(0,0,0,0.10)] hover:bg-surface-main-3">
1723
1724    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1725        <!--[if BLOCK]><![endif]-->            <img src="https://3mfhdcm0onod.b-cdn.net/w_728,h_400/749b9e49-9796-482f-ada2-ecaae8ca03ee.jpg"
1726                 alt="Auto in brand op A2 bij Nieuwer ter Aa"
1727                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1728        <!--[if ENDBLOCK]><![endif]-->
1729        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1730        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1731            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1732            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1733            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1734            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1735            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1736    </div>
1737
1738    <div class="flex flex-col px-3 py-2 max-h-[75px] md:max-h-full md:p-4 md:space-y-2 w-full">
1739        <h3 class="font-bold text-base md:text-xl leading-5 md:line-clamp-2 group-hover:text-brand-secondary group-hover:underline line-clamp-3">
1740            Auto in brand op A2 bij Nieuwer ter Aa
1741        </h3>
1742        <p class="line-clamp-3 font-montserrat max-md:hidden">
1743            NIEUWER TER AA - Op de A2, bij Nieuwer ter Aa, is woensdagavond een auto in brand gevlogen. Volgens een persfotograaf, die voor RTV Utrecht werkt, verloor de bestuurder tijdens het rijden vermogen en ontstond er brand.
1744        </p>
1745    </div>
1746</a>
1747                                                    <a
1748            wire:navigate
1749        href="https://rtvstichtsevecht.nl/nieuws/artikel/aanvraag-invalidenparkeerkaart-in-stichtse-vecht-fors-goedkoper-en-toegankelijk"
1750        data-prepr-item-id="efae4b5f-25d4-49a7-b156-4a7511282f82"
1751    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">
1752
1753    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1754        <!--[if BLOCK]><![endif]-->            <img src="https://3mfhdcm0onod.b-cdn.net/w_728,h_400/1a4s65p42vss-.jpg"
1755                 alt="Aanvraag invalidenparkeerkaart in Stichtse Vecht fors goedkoper en ‘toegankelijk’"
1756                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1757        <!--[if ENDBLOCK]><![endif]-->
1758        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1759        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1760            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1761            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1762            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1763            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1764            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1765    </div>
1766
1767    <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">
1768        <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">
1769            Aanvraag invalidenparkeerkaart in Stichtse Vecht fors goedkoper en ‘toegankelijk’
1770        </h3>
1771        <p class="line-clamp-3 font-montserrat max-md:hidden">
1772            STICHTSE VECHT - Het aanvragen van een invalidenparkeerkaart in Stichtse Vecht is sinds begin dit jaar fors goedkoper. De aanvraagprocedure zelf is ‘toegankelijk’ volgens de gemeente die dit samen met het gehandicaptenplatform Stichtse Vecht heeft doorgenomen. De volledige aanvraag loopt via een stichting, omdat die de nodige medische kennis in huis heeft.
1773        </p>
1774    </div>
1775</a>
1776                                                    <a
1777            wire:navigate
1778        href="https://rtvstichtsevecht.nl/nieuws/artikel/maandelijkse-financiele-steun-als-basisinkomen-voor-tien-kwetsbare-jongeren-in-stichtse-vecht"
1779        data-prepr-item-id="1e590c68-ec8d-4ef7-a289-425aeb0c7af9"
1780    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">
1781
1782    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1783        <!--[if BLOCK]><![endif]-->            <img src="https://3mfhdcm0onod.b-cdn.net/w_728,h_400/52dc0f3w9wjh-.jpg"
1784                 alt="Maandelijkse financiële steun als basisinkomen voor tien kwetsbare jongeren in Stichtse Vecht"
1785                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1786        <!--[if ENDBLOCK]><![endif]-->
1787        <!--[if BLOCK]><![endif]--><!--[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            Maandelijkse financiële steun als basisinkomen voor tien kwetsbare jongeren in Stichtse Vecht
1799        </h3>
1800        <p class="line-clamp-3 font-montserrat max-md:hidden">
1801            STICHTSE VECHT - Een stabiel maandelijks inkomen voor kwetsbare jongeren in Stichtse Vecht, dat is het idee achter het ‘bouwdepot’. De gemeente gaat tien jongeren een jaar lang een basisinkomen geven. Zo leren ze om op eigen benen te gaan staan en maken ze minder vaak gebruik van het sociale vangnet.
1802        </p>
1803    </div>
1804</a>
1805                                                    <a
1806            wire:navigate
1807        href="https://rtvstichtsevecht.nl/nieuws/artikel/onduidelijkheid-over-opening-en-kosten-van-nieuw-afvalscheidingsstation-breukelen"
1808        data-prepr-item-id="d0e0d627-3df2-4c0f-88e9-68e01db491ed"
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://3mfhdcm0onod.b-cdn.net/w_728,h_400/6gzrvl2tp4q6-afvalscheidingsstation.jpg"
1813                 alt="Onduidelijkheid over opening en kosten van nieuw afvalscheidingsstation Breukelen"
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]--><!--[if ENDBLOCK]><![endif]-->
1817        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1818            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1819            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1820            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1821            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1822            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1823    </div>
1824
1825    <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">
1826        <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">
1827            Onduidelijkheid over opening en kosten van nieuw afvalscheidingsstation Breukelen
1828        </h3>
1829        <p class="line-clamp-3 font-montserrat max-md:hidden">
1830            BREUKELEN - De vier huidige afvalstations in Stichtse Vecht gaan sluiten, maar het is nog onduidelijk wanneer de nieuwe in Breukelen open gaat. Ook zijn er zorgen over wat het zou moeten kosten als de gemeente inwoners een nieuwe afvalpas geeft. Kunnen inwoners hun pasje en de eventuele kopie daarvan blijven gebruiken, is een vraag van D66.
1831        </p>
1832    </div>
1833</a>
1834                                                    <a
1835            wire:navigate
1836        href="https://rtvstichtsevecht.nl/nieuws/artikel/stichtse-vecht-viert-15-jarig-bestaan"
1837        data-prepr-item-id="3a8e853a-6048-4654-ad6a-32be33eb7deb"
1838    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">
1839
1840    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1841        <!--[if BLOCK]><![endif]-->            <img src="https://3mfhdcm0onod.b-cdn.net/w_728,h_400/2lsqft9idosr-.jpg"
1842                 alt="Stichtse Vecht viert 15-jarig bestaan"
1843                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1844        <!--[if ENDBLOCK]><![endif]-->
1845        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1846        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1847            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1848            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1849            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1850            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1851            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1852    </div>
1853
1854    <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">
1855        <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">
1856            Stichtse Vecht viert 15-jarig bestaan
1857        </h3>
1858        <p class="line-clamp-3 font-montserrat max-md:hidden">
1859            STICHTSE VECHT - In 2026 bestaat de gemeente Stichtse Vecht 15 jaar. Dat wordt niet gevierd met één groot feest, maar met een heel jaar vol activiteiten, verspreid over de 12 kernen.
1860        </p>
1861    </div>
1862</a>
1863                                                    <a
1864            wire:navigate
1865        href="https://rtvstichtsevecht.nl/nieuws/artikel/geen-wapenstok-en-pepperspray-stichtse-vecht-gaat-boas-niet-bewapenen"
1866        data-prepr-item-id="06e1b973-2447-4d49-938b-481b267e1250"
1867    class="group relative flex flex-row overflow-hidden rounded-xl md:flex-col cursor-pointer md:hover:shadow-[0_4
1867px_24px_0_rgba(0,0,0,0.10)] hover:bg-surface-main-3">
1868
1869    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1870        <!--[if BLOCK]><![endif]-->            <img src="https://3mfhdcm0onod.b-cdn.net/w_728,h_400/2bmbj52dxr8k-politie-en-boa.png"
1871                 alt="Geen wapenstok en pepperspray, Stichtse Vecht gaat boa’s niet bewapenen"
1872                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1873        <!--[if ENDBLOCK]><![endif]-->
1874        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1875        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1876            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1877            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1878            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1879            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1880            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1881    </div>
1882
1883    <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">
1884        <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">
1885            Geen wapenstok en pepperspray, Stichtse Vecht gaat boa’s niet bewapenen
1886        </h3>
1887        <p class="line-clamp-3 font-montserrat max-md:hidden">
1888            STICHTSE VECHT - De Buitengewoon Opsporingsambtenaren (boa’s) van Stichtse Vecht krijgen geen wapenstok of pepperspray bij hun uitrusting. Dat heeft de gemeente besloten naar aanleiding van een verzoek van de PVV Stichtse Vecht. De boa’s hebben nu handboeien, een portofoon en een bodycam en zijn daarmee ‘uitgerust voor de werkzaamheden die ze uitvoeren’.
1889        </p>
1890    </div>
1891</a>
1892                        <!--[if ENDBLOCK]><![endif]-->                    </div>
1893                </section>
1894            <!--[if ENDBLOCK]><![endif]-->
1895            <!--[if BLOCK]><![endif]-->                <section>
1896                    <div class="w-full flex justify-center">
1897                        <button
1898                            wire:click="loadMore"
1899                            wire:loading.attr="disabled"
1900                            wire:loading.class="opacity-70 cursor-not-allowed"
1901                            wire:target="loadMore"
1902                            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"
1903                        >
1904                            <svg wire:loading wire:target="loadMore" class="animate-spin h-4 w-4 text-text-main" fill="none" viewBox="0 0 24 24">
1905                                <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
1906                                <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8v8H4z"></path>
1907                            </svg>
1908                            <span>Toon meer</span>
1909                        </button>
1910                    </div>
1911                </section>
1912            <!--[if ENDBLOCK]><![endif]-->
1913            <div class="hidden lg:block">
1914                <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;:4000,&quot;slidesToShow&quot;:5,&quot;items&quot;:[[[{&quot;_id&quot;:&quot;41c0c8ea-7dd8-4626-8715-beb4ac966ab2&quot;,&quot;url&quot;:&quot;http:\/\/www.vredegoed.nl&quot;,&quot;image&quot;:&quot;https:\/\/3mfhdcm0onod.b-cdn.net\/w_234\/34508339-6f43-44e8-8fa7-626b73787f32.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;50234426-1a7a-4821-8284-1490e130473c&quot;,&quot;url&quot;:&quot;https:\/\/momenz.nl\/&quot;,&quot;image&quot;:&quot;https:\/\/3mfhdcm0onod.b-cdn.net\/w_77\/4s8pm8j9fu4n-logo-momenz.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;5820f335-bccd-4d29-9e6a-8bb9b9141a0d&quot;,&quot;url&quot;:&quot;http:\/\/www.voedselbankstichtsevecht.nl&quot;,&quot;image&quot;:&quot;
1914https:\/\/3mfhdcm0onod.b-cdn.net\/w_234\/7c37ae0a-9560-4ce7-adbf-d8aa7feea566.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;aa77a31b-4e09-4c88-aa10-f9bf427fbcde&quot;,&quot;url&quot;:&quot;http:\/\/www.wereldwinkelmaarssen.nl\/&quot;,&quot;image&quot;:&quot;https:\/\/3mfhdcm0onod.b-cdn.net\/w_234\/7c999260-b574-403c-bc88-d6a7cd238fd6.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;aa9a8e80-9af1-4e37-8061-bfd22e14507e&quot;,&quot;url&quot;:&quot;http:\/\/www.repaircafe-stichtsevecht.nl&quot;,&quot;image&quot;:&quot;https:\/\/3mfhdcm0onod.b-cdn.net\/w_234\/0884998b-0ff1-46ae-8f6a-7da1a9b2a110.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;d2e4d4ab-f0f8-4dc7-95cd-133de0d1b637&quot;,&quot;url&quot;:&quot;www.seniorenraadsv.nl&quot;,&quot;image&quot;:&quot;https:\/\/3mfhdcm0onod.b-cdn.net\/w_234\/b309389f-18cf-4bd7-a255-9d9e57d1fc5c.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;176e60a7-fe8e-46a9-9a00-07f5ca7905c5&quot;,&quot;url&quot;:&quot;https:\/\/www.alzheimer-nederland.nl\/regios\/westelijk-utrecht&quot;,&quot;image&quot;:&quot;https:\/\/3mfhdcm0onod.b-cdn.net\/w_234\/2fd02b70-951c-4b81-9397-ac15549ff414.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;181f2bbe-bbb1-4bbb-8f0d-41f24b293bac&quot;,&quot;url&quot;:&quot;http:\/\/platformgehandicaptenstichtsevecht.nl\/&quot;,&quot;image&quot;:&quot;https:\/\/3mfhdcm0onod.b-cdn.net\/w_234\/00a26e5f-2973-43b3-bbb2-399408a12b2a.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;1883e8ae-2afb-4855-a013-95481ba9522d&quot;,&quot;url&quot;:&quot;https:\/\/www.gilde-stichtsevecht.nl\/&quot;,&quot;image&quot;:&quot;https:\/\/3mfhdcm0onod.b-cdn.net\/w_234\/a85b2435-1515-4038-bb33-8b23b110133e.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;1c520e18-0d89-4dc6-9a4d-60e2cfd685f8&quot;,&quot;url&quot;:&quot;http:\/\/www.vechtstreekmuseum.nl\/&quot;,&quot;image&quot;:&quot;https:\/\/3mfhdcm0onod.b-cdn.net\/w_234\/a2e2654a-1baa-4c5b-a01d-0c7cac0f9d54.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;77168ba5-54d1-4e7c-9448-e8ee4c158418&quot;,&quot;url&quot;:null,&quot;image&quot;:&quot;https:\/\/3mfhdcm0onod.b-cdn.net\/w_234\/298d98c3-fa49-4f74-94c3-bcdba964a36d.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;86ae0439-f5bc-495a-9694-29bc34c1071e&quot;,&quot;url&quot;:&quot;https:\/\/www.handjehelpen.nl\/&quot;,&quot;image&quot;:&quot;https:\/\/3mfhdcm0onod.b-cdn.net\/w_234\/6958e1de-4925-4545-8151-ebe6437287e4.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;a8fa056c-3e8d-4fce-8983-0f6950755c19&quot;,&quot;url&quot;:&quot;http:\/\/www.hartreanimatiestichtsevecht.info\/&quot;,&quot;image&quot;:&quot;https:\/\/3mfhdcm0onod.b-cdn.net\/w_234\/8cde522f-875b-46b5-9a78-066c62ba0eb5.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;BIyBGcjCxCrwhVGBFUG5&quot;,&quot;name&quot;:&quot;components.banner&quot;,&quot;path&quot;:&quot;nieuws\/nieuwer-ter-aa&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;
1914836456d3c5d29beca9407719361d9927623e546da59f0b23eec221105bd4444b&quot;}" wire:effects="[]" wire:id="BIyBGcjCxCrwhVGBFUG5" wire:name="components.banner">
1915<!--[if BLOCK]><![endif]-->    <!--[if BLOCK]><![endif]-->        
1916        <section
1917            x-data="{
1918                items: JSON.parse('[{\u0022_id\u0022:\u002241c0c8ea-7dd8-4626-8715-beb4ac966ab2\u0022,\u0022url\u0022:\u0022http:\\\/\\\/www.vredegoed.nl\u0022,\u0022image\u0022:\u0022https:\\\/\\\/3mfhdcm0onod.b-cdn.net\\\/w_234\\\/34508339-6f43-44e8-8fa7-626b73787f32.png\u0022,\u0022alt\u0022:null,\u0022type\u0022:\u0022image\u0022,\u0022slot_id\u0022:null},{\u0022_id\u0022:\u002250234426-1a7a-4821-8284-1490e130473c\u0022,\u0022url\u0022:\u0022https:\\\/\\\/momenz.nl\\\/\u0022,\u0022image\u0022:\u0022https:\\\/\\\/3mfhdcm0onod.b-cdn.net\\\/w_77\\\/4s8pm8j9fu4n-logo-momenz.png\u0022,\u0022alt\u0022:null,\u0022type\u0022:\u0022image\u0022,\u0022slot_id\u0022:null},{\u0022_id\u0022:\u00225820f335-bccd-4d29-9e6a-8bb9b9141a0d\u0022,\u0022url\u0022:\u0022http:\\\/\\\/www.voedselbankstichtsevecht.nl\u0022,\u0022image\u0022:\u0022https:\\\/\\\/3mfhdcm0onod.b-cdn.net\\\/w_234\\\/7c37ae0a-9560-4ce7-adbf-d8aa7feea566.png\u0022,\u0022alt\u0022:null,\u0022type\u0022:\u0022image\u0022,\u0022slot_id\u0022:null},{\u0022_id\u0022:\u0022aa77a31b-4e09-4c88-aa10-f9bf427fbcde\u0022,\u0022url\u0022:\u0022http:\\\/\\\/www.wereldwinkelmaarssen.nl\\\/\u0022,\u0022image\u0022:\u0022https:\\\/\\\/3mfhdcm0onod.b-cdn.net\\\/w_234\\\/7c999260-b574-403c-bc88-d6a7cd238fd6.jpg\u0022,\u0022alt\u0022:null,\u0022type\u0022:\u0022image\u0022,\u0022slot_id\u0022:null},{\u0022_id\u0022:\u0022aa9a8e80-9af1-4e37-8061-bfd22e14507e\u0022,\u0022url\u0022:\u0022http:\\\/\\\/www.repaircafe-stichtsevecht.nl\u0022,\u0022image\u0022:\u0022https:\\\/\\\/3mfhdcm0onod.b-cdn.net\\\/w_234\\\/0884998b-0ff1-46ae-8f6a-7da1a9b2a110.jpg\u0022,\u0022alt\u0022:null,\u0022type\u0022:\u0022image\u0022,\u0022slot_id\u0022:null},{\u0022_id\u0022:\u0022d2e4d4ab-f0f8-4dc7-95cd-133de0d1b637\u0022,\u0022url\u0022:\u0022www.seniorenraadsv.nl\u0022,\u0022image\u0022:\u0022https:\\\/\\\/3mfhdcm0onod.b-cdn.net\\\/w_234\\\/b309389f-18cf-4bd7-a255-9d9e57d1fc5c.jpg\u0022,\u0022alt\u0022:null,\u0022type\u0022:\u0022image\u0022,\u0022slot_id\u0022:null},{\u0022_id\u0022:\u0022176e60a7-fe8e-46a9-9a00-07f5ca7905c5\u0022,\u0022url\u0022:\u0022https:\\\/\\\/www.alzheimer-nederland.nl\\\/regios\\\/westelijk-utrecht\u0022,\u0022image\u0022:\u0022https:\\\/\\\/3mfhdcm0onod.b-cdn.net\\\/w_234\\\/2fd02b70-951c-4b81-9397-ac15549ff414.png\u0022,\u0022alt\u0022:null,\u0022type\u0022:\u0022image\u0022,\u0022slot_id\u0022:null},{\u0022_id\u0022:\u0022181f2bbe-bbb1-4bbb-8f0d-41f24b293bac\u0022,\u0022url\u0022:\u0022http:\\\/\\\/platformgehandicaptenstichtsevecht.nl\\\/\u0022,\u0022image\u0022:\u0022https:\\\/\\\/3mfhdcm0onod.b-cdn.net\\\/w_234\\\/00a26e5f-2973-43b3-bbb2-399408a12b2a.png\u0022,\u0022alt\u0022:null,\u0022type\u0022:\u0022image\u0022,\u0022slot_id\u0022:null},{\u0022_id\u0022:\u00221883e8ae-2afb-4855-a013-95481ba9522d\u0022,\u0022url\u0022:\u0022https:\\\/\\\/www.gilde-stichtsevecht.nl\\\/\u0022,\u0022image\u0022:\u0022https:\\\/\\\/3mfhdcm0onod.b-cdn.net\\\/w_234\\\/a85b2435-1515-4038-bb33-8b23b110133e.png\u0022,\u0022alt\u0022:null,\u0022type\u0022:\u0022image\u0022,\u0022slot_id\u0022:null},{\u0022_id\u0022:\u00221c520e18-0d89-4dc6-9a4d-60e2cfd685f8\u0022,\u0022url\u0022:\u0022http:\\\/\\\/www.vechtstreekmuseum.nl\\\/\u0022,\u0022image\u0022:\u0022https:\\\/\\\/3mfhdcm0onod.b-cdn.net\\\/w_234\\\/a2e2654a-1baa-4c5b-a01d-0c7cac0f9d54.png\u0022,\u0022alt\u0022:null,\u0022type\u0022:\u0022image\u0022,\u0022slot_id\u0022:null},{\u0022_id\u0022:\u002277168ba5-54d1-4e7c-9448-e8ee4c158418\u0022,\u0022url\u0022:null,\u0022image\u0022:\u0022https:\\\/\\\/3mfhdcm0onod.b-cdn.net\\\/w_234\\\/298d98c3-fa49-4f74-94c3-bcdba964a36d.png\u0022,\u0022alt\u0022:null,\u0022type\u0022:\u0022image\u0022,\u0022slot_id\u0022:null},{\u0022_id\u0022:\u002286ae0439-f5bc-495a-9694-29bc34c1071e\u0022,\u0022url\u0022:\u0022https:\\\/\\\/www.handjehelpen.nl\\\/\u0022,\u0022image\u0022:\u0022https:\\\/\\\/3mfhdcm0onod.b-cdn.net\\\/w_234\\\/6958e1de-4925-4545-8151-ebe6437287e4.png\u0022,\u0022alt\u0022:null,\u0022type\u0022:\u0022image\u0022,\u0022slot_id\u0022:null},{\u0022_id\u0022:\u0022a8fa056c-3e8d-4fce-8983-0f6950755c19\u0022,\u0022url\u0022:\u0022http:\\\/\\\/www.hartreanimatiestichtsevecht.info\\\/\u0022,\u0022image\u0022:\u0022https:\\\/\\\/3mfhdcm0onod.b-cdn.net\\\/w_234\\\/8cde522f-875b-46b5-9a78-066c62ba0eb5.png\u0022,\u0022alt\u0022:null,\u0022type\u0022:\u0022image\u0022,\u0022slot_id\u0022:null}]'),
1919                duration: 4000,
1920                currentPage: 0,
1921                interval: null,
1922                transitionTimeout: null,
1923                maxSlides: 5,
1924                slidesToShow: 1,
1925                itemWidth: 250,
1926                gap: 16,
1927                transitionVisible: true,
1928                /** Must match leave transition duration (ms) so fade-out finishes before content swap */
1929                leaveDurationMs: 450,
1930
1931                recordVisibleImpressions() {
1932                    this.visibleItems().forEach((item) => {
1933                        if (item?._id) {
1934                            $wire.recordImpression(item._id);
1935                        }
1936                    });
1937                },
1938
1939                get slideStart() {
1940                    return this.currentPage * this.slidesToShow;
1941                },
1942
1943                totalPages() {
1944                    if (this.items.length === 0 || this.slidesToShow === 0) {
1945                        return 1;
1946                    }
1947                    return Math.ceil(this.items.length / this.slidesToShow);
1948                },
1949
1950                startAutoplay() {
1951                    this.stopAutoplay();
1952                    if (this.items.length <= this.slidesToShow) return;
1953                    if (this.totalPages() <= 1) return;
1954
1955                    this.interval = setInterval(() => {
1956                        this.goToPage((this.currentPage + 1) % this.totalPages());
1957                    }, this.duration);
1958                },
1959
1960                stopAutoplay() {
1961                    clearInterval(this.interval);
1962                    this.interval = null;
1963                    clearTimeout(this.transitionTimeout);
1964                    // Prevent blank state when a fade-out is interrupted.
1965                    this.transitionVisible = true;
1966                },
1967
1968                trackClick(item) {
1969                    if (typeof prepr !== 'undefined') {
1970                        prepr('event', 'Click', { 'id': item._id });
1971                    }
1972                    window.open(item.url, '_blank');
1973                },
1974
1975                visibleItems() {
1976                    const start = this.currentPage * this.slidesToShow;
1977                    const end = start + this.slidesToShow;
1978
1979                    if (end > this.items.length) {
1980                        return [
1981                            ...this.items.slice(start, this.items.length),
1982                            ...this.items.slice(0, end - this.items.length)
1983                        ];
1984                    }
1985                    return this.items.slice(start, end);
1986                },
1987
1988                goToPage(nextPage) {
1989                    if (nextPage === this.currentPage) return;
1990
1991                    this.transitionVisible = false;
1992                    clearTimeout(this.transitionTimeout);
1993                    this.transitionTimeout = setTimeout(() => {
1994                        this.currentPage = nextPage;
1995                        this.$nextTick(() => {
1996                            this.transitionVisible = true;
1997                            this.recordVisibleImpressions();
1998                        });
1999                    }, this.leaveDurationMs);
2000                },
2001
2002                calculateSlidesToShowFromWidth() {
2003                    const container = this.$refs.sliderContainer;
2004                    if (!container) return 1;
2005
2006                    const cs = window.getComputedStyle(container);
2007                    const padX =
2008                        (parseFloat(cs.paddingLeft) || 0) + (parseFloat(cs.paddingRight) || 0);
2009                    const innerWidth = Math.max(0, container.clientWidth - padX);
2010                    let count = Math.floor((innerWidth + this.gap) / (this.itemWidth + this.gap));
2011                    return Math.max(1, count);
2012                },
2013
2014                updateSlidesToShow() {
2015                    let newCount;
2016                    if (this.maxSlides > 0) {
2017                        newCount = Math.min(this.maxSlides, this.items.length);
2018                    } else {
2019                        newCount = this.calculateSlidesToShowFromWidth();
2020                    }
2021
2022                    if (newCount !== this.slidesToShow) {
2023                        this.slidesToShow = newCount;
2024                        this.currentPage = 0;
2025                        this.transitionVisible = true;
2026                        clearTimeout(this.transitionTimeout);
2027                        this.startAutoplay();
2028                    }
2029                },
2030
2031                init() {
2032                    if (this.items.length === 0) return;
2033
2034                    this.$nextTick(() => {
2035                        this.updateSlidesToShow();
2036                        this.recordVisibleImpressions();
2037                        this.startAutoplay();
2038                    });
2039                }
2040            }"
2041            x-init="init()"
2042            x-on:mouseenter="stopAutoplay()"
2043            x-on:mouseleave="startAutoplay()"
2044            x-on:resize.window.debounce.300ms="updateSlidesToShow()"
2045            class="min-w-0 w-full rounded-xl bg-surface-light-3 p-3"
2046            x-show="items.length > 0"
2047            style="display: none;"
2048        >
2049            <!--[if BLOCK]><![endif]-->            <h3 class="mb-2 text-sm font-montserrat text-center font-normal text-text-secondary">
2050                Advertentie
2051            </h3>
2052            <!--[if ENDBLOCK]><![endif]-->
2053            <div
2054                x-ref="sliderContainer"
2055                class="flex h-[124px] w-full min-w-0 items-center justify-center overflow-hidden rounded-lg bg-surface-main-4 px-4 py-8 sm:px-6"
2056            >
2057                <div class="relative h-full w-full">
2058                    <div
2059                        x-show="transitionVisible"
2060                        x-transition:enter="transition ease-out duration-[550ms]"
2061                        x-transition:enter-start="opacity-0"
2062                        x-transition:enter-end="opacity-100"
2063                        x-transition:leave="transition ease-in duration-[450ms]"
2064                        x-transition:leave-start="opacity-100"
2065                        x-transition:leave-end="opacity-0"
2066                        class="absolute inset-0 flex w-full max-w-full min-w-0 items-center gap-4"
2067                    >
2068                        <template x-for="(item, index) in visibleItems()" :key="`page-${currentPage}-${item._id || index}`">
2069                            <a :href="item.url" @click.prevent="trackClick(item)" target="_blank" rel="noopener noreferrer" class="flex h-[60px] min-w-0 flex-1 basis-0 items-center justify-center overflow-hidden rounded-lg px-0.5 sm:px-1">
2070                                <template x-if="item.image">
2071                                    <img :src="item.image" :alt="item.alt" class="max-h-[60px] w-full max-w-full object-contain">
2072                                </template>
2073                            </a>
2074                        </template>
2075                    </div>
2076                </div>
2077            </div>
2078        </section>
2079    <!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
2080
2081            </div>
2082            <div class="lg:hidden">
2083                <div wire:key="banner-category_bottom_mobile" wire:snapshot="{&quot;data&quot;:{&quot;placeId&quot;:&quot;category_bottom_mobile&quot;,&quot;shouldRender&quot;:false,&quot;title&quot;:null,&quot;isSlider&quot;:null,&quot;duration&quot;:null,&quot;slidesToShow&quot;:null,&quot;items&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;SZWol9grkQnRdQQbqiIg&quot;,&quot;name&quot;:&quot;components.banner&quot;,&quot;path&quot;:&quot;nieuws\/nieuwer-ter-aa&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;9dd16e9c066469be9269acd3248633b5a2ffec16b8b0bd21e16ede280c33398f&quot;}" wire:effects="[]" wire:id="SZWol9grkQnRdQQbqiIg" wire:name="components.banner">
2084<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
2085
2086            </div>
2087        </div>
2088
2089        
2090        <div class="space-y-8 shrink-0">
2091            <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;:6000,&quot;slidesToShow&quot;:1,&quot;items&quot;:[[[{&quot;_id&quot;:&quot;5ea0de7a-d788-4106-897f-c0a285aad56a&quot;,&quot;url&quot;:&quot;https:\/\/open.spotify.com\/show\/2TVE42CR5TwrYfIOaERfOr?si=df209a1a06ac4f66&quot;,&quot;image&quot;:null,&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;dab59081-1c24-4d48-a75d-f1595f028de0&quot;,&quot;url&quot;:&quot;https:\/\/rtvstichtsevecht.nl\/adverteren&quot;,&quot;image&quot;:&quot;https:\/\/54jgdoc2j8wu.b-cdn.net\/c35314e1-d693-4462-9099-594b160482f4.gif&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;yrtSgphGxCQSkrApPpC1&quot;,&quot;name&quot;:&quot;components.banner&quot;,&quot;path&quot;:&quot;nieuws\/nieuwer-ter-aa&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;040546b1cb9fe3264b396fdf232aa31eb655a5f99a1c731e6211350f780d0d21&quot;}" wire:effects="[]" wire:id="yrtSgphGxCQSkrApPpC1" wire:name="components.banner">
2092<!--[if BLOCK]><![endif]-->    <!--[if BLOCK]><![endif]-->        
2093        <div
2094            x-data="{
2095                items: JSON.parse('[{\u0022_id\u0022:\u00225ea0de7a-d788-4106-897f-c0a285aad56a\u0022,\u0022url\u0022:\u0022https:\\\/\\\/open.spotify.com\\\/show\\\/2TVE42CR5TwrYfIOaERfOr?si=df209a1a06ac4f66\u0022,\u0022image\u0022:null,\u0022alt\u0022:null,\u0022type\u0022:\u0022image\u0022,\u0022slot_id\u0022:null},{\u0022_id\u0022:\u0022dab59081-1c24-4d48-a75d-f1595f028de0\u0022,\u0022url\u0022:\u0022https:\\\/\\\/rtvstichtsevecht.nl\\\/adverteren\u0022,\u0022image\u0022:\u0022https:\\\/\\\/54jgdoc2j8wu.b-cdn.net\\\/c35314e1-d693-4462-9099-594b160482f4.gif\u0022,\u0022alt\u0022:null,\u0022type\u0022:\u0022image\u0022,\u0022slot_id\u0022:null}]'),
2096                duration: 6000,
2097                current: 0,
2098                interval: null,
2099                containerHeight: 0,
2100
2101                recordImpression(item) {
2102                    if (item?._id) {
2103                        $wire.recordImpression(item._id);
2104                    }
2105                },
2106
2107                startAutoplay() {
2108                    this.stopAutoplay();
2109                    if (this.items.length <= 1) return;
2110
2111                    this.interval = setInterval(() => {
2112                        this.current = (this.current + 1) % this.items.length;
2113                    }, this.duration);
2114                },
2115
2116                stopAutoplay() {
2117                    clearInterval(this.interval);
2118                    this.interval = null;
2119                },
2120
2121                trackClick(item) {
2122                    if (typeof prepr !== 'undefined') {
2123                        prepr('event', 'Click', { 'id': item._id });
2124                    }
2125                    window.open(item.url, '_blank');
2126                },
2127
2128                updateHeight(img) {
2129                    if (img && img.complete) {
2130                        this.containerHeight = img.offsetHeight;
2131                    }
2132                },
2133
2134                init() {
2135                    if (this.items.length === 0) return;
2136
2137                    this.recordImpression(this.items[this.current]);
2138                    this.$watch('current', (index) => this.recordImpression(this.items[index]));
2139
2140                    this.$nextTick(() => {
2141                        const firstImg = this.$el.querySelector('img');
2142                        if (firstImg) {
2143                            if (firstImg.complete) {
2144                                this.updateHeight(firstImg);
2145                            } else {
2146                                firstImg.addEventListener('load', () => this.updateHeight(firstImg));
2147                            }
2148                        }
2149                    });
2150
2151                    this.startAutoplay();
2152                }
2153            }"
2154            x-init="init()"
2155            x-on:mouseenter="stopAutoplay()"
2156            x-on:mouseleave="startAutoplay()"
2157            x-show="items.length > 0"
2158        >
2159            <!--[if BLOCK]><![endif]-->            <h3 class="mb-2 text-sm font-montserrat text-center font-normal text-text-secondary">
2160                Advertentie
2161            </h3>
2162            <!--[if ENDBLOCK]><![endif]-->
2163            <div class="relative w-full overflow-hidden" :style="containerHeight > 0 ? `height: ${containerHeight}px` : ''">
2164                <template x-for="(item, index) in items" :key="item._id || index">
2165                    <a
2166                        x-show="current === index"
2167                        x-transition:enter="transition ease-out duration-500"
2168                        x-transition:enter-start="opacity-0"
2169                        x-transition:enter-end="opacity-100"
2170                        x-transition:leave="transition ease-in duration-400"
2171                        x-transition:leave-start="opacity-100"
2172                        x-transition:leave-end="opacity-0"
2173                        :href="item.url"
2174                        @click.prevent="trackClick(item)"
2175                        target="_blank"
2176                        rel="noopener noreferrer"
2177                        class="absolute top-0 left-0 w-full"
2178                    >
2179                        <template x-if="item.image">
2180                            <img
2181                                :src="item.image"
2182                                :alt="item.alt"
2183                                class="w-full h-auto rounded-lg"
2184                                @load="if (current === index) updateHeight($el)"
2185                            >
2186                        </template>
2187                    </a>
2188                </template>
2189            </div>
2190        </div>
2191    <!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
2192
2193
2194            <div wire:key="live-overview-component" wire:snapshot="{&quot;data&quot;:{&quot;config&quot;:[{&quot;menu&quot;:[{&quot;_id&quot;:&quot;4d9ac50e-01cb-4119-bc9c-3b289eea6c27&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;website_title&quot;:&quot;{title} | RTV Stichtse Vecht&quot;,&quot;copyright&quot;:&quot;RTV Stichtse Vecht&quot;,&quot;email&quot;:&quot;[email protected]&quot;,&quot;phone&quot;:null,&quot;default_page&quot;:[{&quot;__typename&quot;:&quot;Pagina&quot;,&quot;_slug&quot;:&quot;nieuws&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;search_page&quot;:[{&quot;_slug&quot;:&quot;zoeken&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;weather_place&quot;:&quot;Maarssen&quot;,&quot;live&quot;:[[[{&quot;title&quot;:&quot;Live TV&quot;,&quot;page&quot;:[{&quot;_slug&quot;:&quot;televisie\/live&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;guide_id&quot;:&quot;f74377e6-16f0-4249-a4c9-a2f36ecade26&quot;,&quot;icon&quot;:&quot;fa-tv-retro&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;title&quot;:&quot;Live radio&quot;,&quot;page&quot;:[{&quot;_slug&quot;:&quot;radio\/live&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;guide_id&quot;:&quot;d185e28b-f28f-48fb-9981-5ba1e3ad231a&quot;,&quot;icon&quot;:&quot;fa-radio-tuner&quot;},{&quot;s&quot;:&quot;arr&quot;}]],{&quot;s&quot;:&quot;arr&quot;}],&quot;cookie_page&quot;:[{&quot;_slug&quot;:&quot;meer-informatie-over-cookies&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;cookie_consent&quot;:true,&quot;gtm_code&quot;:&quot;G-023DG5H250&quot;,&quot;title_under_photo&quot;:false,&quot;tolkie_token&quot;:null,&quot;radio_player_stream_url&quot;:&quot;https:\/\/stream.rtvrondevenen.nl:8443\/live&quot;,&quot;radio_player_guide_id&quot;:&quot;d185e28b-f28f-48fb-9981-5ba1e3ad231a&quot;,&quot;tracking_code&quot;:&quot;c0bc8c3df35d2aecb0e0dc450b41a5eedd95e1a1caba2f7878454799c3533303&quot;,&quot;openweather_app_id&quot;:&quot;f81b86448a512abc8919fd48a744695e&quot;,&quot;street&quot;:&quot;Burg. Huydecoperhof 12&quot;,&quot;place&quot;:&quot;Maarssen&quot;,&quot;zip_code&quot;:&quot;3604 CC&quot;,&quot;ads_redirect_url&quot;:null,&quot;ads_js_file&quot;:null,&quot;ads_client_id&quot;:null,&quot;ads_txt&quot;:null,&quot;android_app_id&quot;:null,&quot;ios_app_id&quot;:null,&quot;mailchimp_api_key&quot;:null,&quot;mailchimp_list_id&quot;:null,&quot;mailchimp_tag&quot;:null,&quot;light_surface_main_1&quot;:&quot;#FFFFFF&quot;,&quot;dark_surface_main_1&quot;:&quot;#FFFFFF&quot;,&quot;light_surface_main_2&quot;:&quot;#FFFFFF&quot;,&quot;dark_surface_main_2&quot;:&quot;#18181B&quot;,&quot;light_surface_main_3&quot;:&quot;#FFFFFF&quot;,&quot;dark_surface_main_3&quot;:&quot;#27272A&quot;,&quot;light_surface_main_4&quot;:&quot;#FFFFFF&quot;,&quot;dark_surface_main_4&quot;:&quot;#3F3F46&quot;,&quot;light_surface_dark_1&quot;:&quot;#27272A&quot;,&quot;dark_surface_dark_1&quot;:&quot;#27272A&quot;,&quot;light_text_main&quot;:&quot;#27272A&quot;,&quot;dark_text_main&quot;:&quot;#F4F4F5&quot;,&quot;light_text_secondary&quot;:&quot;#3F3F46&quot;,&quot;dark_text_secondary&quot;:&quot;#9F9FA9&quot;,&quot;light_text_tertiary&quot;:&quot;#9F9FA9&quot;,&quot;dark_text_tertiary&quot;:&quot;#9F9FA9&quot;,&quot;light_button_border&quot;:&quot;#E4E4E7&quot;,&quot;dark_button_border&quot;:&quot;#3F3F46&quot;,&quot;light_surface_medium_1&quot;:&quot;#E4E4E7&quot;,&quot;dark_surface_medium_1&quot;:&quot;#52525C&quot;,&quot;light_button_light&quot;:&quot;#F4F4F5&quot;,&quot;dark_button_light&quot;:&quot;#18181B&quot;,&quot;light_surface_light_3&quot;:&quot;#F4F4F5&quot;,&quot;dark_surface_light_3&quot;:&quot;#27272A&quot;,&quot;light_surface_light_2&quot;:&quot;#F4F4F5&quot;,&quot;dark_surface_light_2&quot;:&quot;#3F3F46&quot;,&quot;light_surface_light_1&quot;:&quot;#FAFAFA&quot;,&quot;dark_surface_light_1&quot;:&quot;#27272A&quot;,&quot;light_surface_background&quot;:&quot;#FAFAFA&quot;,&quot;dark_surface_background&quot;:&quot;#18181B&quot;,&quot;light_brand_dark&quot;:&quot;#372AAC&quot;,&quot;dark_brand_dark&quot;:&quot;#372AAC&quot;,&quot;light_brand_main&quot;:&quot;#372AAC&quot;,&quot;dark_brand_main&quot;:&quot;#4F39F6&quot;,&quot;light_brand_secondary&quot;:&quot;
2194#372AAC&quot;,&quot;dark_brand_secondary&quot;:&quot;#7C86FF&quot;,&quot;light_brand_light&quot;:&quot;#EEF2FF&quot;,&quot;dark_brand_light&quot;:&quot;#1E1A4D&quot;,&quot;locale&quot;:&quot;nl-NL&quot;,&quot;tenant&quot;:&quot;rtvstichtsevecht&quot;},{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;u1dhlw8uLj3KBQsI6wWD&quot;,&quot;name&quot;:&quot;components.live-overview&quot;,&quot;path&quot;:&quot;nieuws\/nieuwer-ter-aa&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;34dc8ee659f77521c85e88d4888c94f1636c5ceeccdf2bf7ec890ad45db19917&quot;}" wire:effects="[]" wire:id="u1dhlw8uLj3KBQsI6wWD" wire:name="components.live-overview" wire:poll.60s="getLiveItems" >
2195
2196    <!--[if BLOCK]><![endif]-->        <div class="bg-surface-light-3 p-4 rounded-lg">
2197            <h3 class="font-bold mb-3">Nu Live</h3>
2198            <div class="space-y-3">
2199                <!--[if BLOCK]><![endif]-->                    <div wire:key="live-6ab5841f0c5a5">
2200                        
2201                        
2202                        <!--[if BLOCK]><![endif]-->                            <a
2203                                href="https://rtvstichtsevecht.nl/televisie/live"
2204                                                                class="bg-surface-main-4 p-4 flex flex-row gap-x-4 rounded-lg justify-between items-center group"
2205                            >
2206                                <div class="flex flex-row gap-x-4 group-hover:text-brand-secondary">
2207                                    <i class="fa-solid text-xl fa-tv-retro"></i>
2208                                    <div class="flex flex-col leading-[24px]">
2209                                        <span class="text-lg font-bold group-hover:underline">Live TV</span>
2210                                        <!--[if BLOCK]><![endif]-->                                            <span class="text-sm font-montserrat">Kabelkrant</span>
2211                                        <!--[if ENDBLOCK]><![endif]-->                                    </div>
2212                                </div>
2213                                <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">
2214                                    <i class="fa-solid fa-play"></i>
2215                                </div>
2216                            </a>
2217                            
2218                        <!--[if ENDBLOCK]><![endif]-->                    </div>
2219                                    <div wire:key="live-6ab5841f0c5a9">
2220                        
2221                        
2222                        <!--[if BLOCK]><![endif]-->                            <a
2223                                href="https://rtvstichtsevecht.nl/radio/live"
2224                                                                class="bg-surface-main-4 p-4 flex flex-row gap-x-4 rounded-lg justify-between items-center group"
2225                            >
2226                                <div class="flex flex-row gap-x-4 group-hover:text-brand-secondary">
2227                                    <i class="fa-solid text-xl fa-radio-tuner"></i>
2228                                    <div class="flex flex-col leading-[24px]">
2229                                        <span class="text-lg font-bold group-hover:underline">Live radio</span>
2230                                        <!--[if BLOCK]><![endif]-->                                            <span class="text-sm font-montserrat">Samen de avond in...</span>
2231                                        <!--[if ENDBLOCK]><![endif]-->                                    </div>
2232                                </div>
2233                                <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">
2234                                    <i class="fa-solid fa-play"></i>
2235                                </div>
2236                            </a>
2237                            
2238                        <!--[if ENDBLOCK]><![endif]-->                    </div>
2239                <!--[if ENDBLOCK]><![endif]-->            </div>
2240        </div>
2241    <!--[if ENDBLOCK]><![endif]--></div>
2242            <div wire:key="most-read-overview-component" wire:snapsh
2242ot="{&quot;data&quot;:[],&quot;memo&quot;:{&quot;id&quot;:&quot;Q3xowhX1ysYKzqhL1xyA&quot;,&quot;name&quot;:&quot;components.most-read-overview&quot;,&quot;path&quot;:&quot;nieuws\/nieuwer-ter-aa&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;5771f0d382d196ed924b2cfb2aadffc2c50f536b19ec8d7b431d7b119e1de4fa&quot;}" wire:effects="[]" wire:id="Q3xowhX1ysYKzqhL1xyA" wire:name="components.most-read-overview" class="bg-surface-light-3 p-4 rounded-lg" >
2243    <h3 class="font-bold mb-3">Meest gelezen</h3>
2244    <div class="space-y-3">
2245
2246        <!--[if BLOCK]><![endif]-->                        <a wire:key="most-read-20182364-334e-430f-9e6e-d2e3527b7e1c"
2247                                    wire:navigate
2248                    href="https://rtvstichtsevecht.nl/nieuws/artikel/politiek-kiest-voor-komst-332-nieuwbouwwoningen-in-maarssenbroek"
2249                                class="group flex items-start gap-2 rounded-lg bg-surface-main-4 p-4 cursor-pointer"
2250                data-prepr-item-id="20182364-334e-430f-9e6e-d2e3527b7e1c">
2251
2252                
2253                <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">
2254                    Politiek kiest voor komst 332 nieuwbouwwoningen in Maarssenbroek
2255                </span>
2256
2257                <img
2258                    src="https://3mfhdcm0onod.b-cdn.net/7fgefv8c3143/w_100,h_70/drone-picture.png"
2259                    alt="Politiek kiest voor komst 332 nieuwbouwwoningen in Maarssenbroek"
2260                    class="w-[91px] h-[64px] object-cover rounded shrink-0">
2261            </a>
2262                                <a wire:key="most-read-a91b40d8-376d-44d5-bc44-fff5cb84773e"
2263                                    wire:navigate
2264                    href="https://rtvstichtsevecht.nl/nieuws/artikel/veel-veranderingen-voor-busreizigers-in-stichtse-vecht"
2265                                class="group flex items-start gap-2 rounded-lg bg-surface-main-4 p-4 cursor-pointer"
2266                data-prepr-item-id="a91b40d8-376d-44d5-bc44-fff5cb84773e">
2267
2268                
2269                <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">
2270                    Veel veranderingen voor busreizigers in Stichtse Vecht
2271                </span>
2272
2273                <img
2274                    src="https://3mfhdcm0onod.b-cdn.net/w_100,h_70/3meubw2uv5eh-.jpg"
2275                    alt="Veel veranderingen voor busreizigers in Stichtse Vecht"
2276                    class="w-[91px] h-[64px] object-cover rounded shrink-0">
2277            </a>
2278                                <a wire:key="most-read-362d962e-c1dd-4128-ac7e-159d2ea7472f"
2279                                    wire:navigate
2280                    href="https://rtvstichtsevecht.nl/nieuws/artikel/boeren-opgepakt-na-actie-met-brandende-hooibalen-langs-de-a2-bij-breukelen"
2281                                class="group flex items-start gap-2 rounded-lg bg-surface-main-4 p-4 cursor-pointer"
2282                data-prepr-item-id="362d962e-c1dd-4128-ac7e-159d2ea7472f">
2283
2284                
2285                <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">
2286                    Boeren opgepakt na actie met brandende hooibalen langs de A2 bij Breukelen
2287                </span>
2288
2289                <img
2290                    src="https://3mfhdcm0onod.b-cdn.net/qhbgze8wqbh/w_100,h_70/img-2445.jpg"
2291                    alt="Boeren opgepakt na actie met brandende hooibalen langs de A2 bij Breukelen"
2292                    class="w-[91px] h-[64px] object-cover rounded shrink-0">
2293            </a>
2294                                <a wire:key="most-read-f6546206-088f-402a-b7bf-34b2052b6077"
2295                                    wire:navigate
2296                    href="https://rtvstichtsevecht.nl/nieuws/artikel/inbrekers-slaan-toe-bij-brandweerpost-kockengen-levensreddend-materiaal-verdwenen"
2297                                class="group flex items-start gap-2 rounded-lg bg-surface-main-4 p-4 cursor-pointer"
2298                data-prepr-item-id="f6546206-088f-402a-b7bf-34b2052b6077">
2299
2300                
2301                <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">
2302                    Inbrekers slaan toe bij brandweerpost Kockengen: levensreddend materiaal verdwenen
2303                </span>
2304
2305                <img
2306                    src="https://3mfhdcm0onod.b-cdn.net/4tzvjmwegcho/w_100,h_70/inbraak-brandweerkazerne.jpg"
2307                    alt="Inbrekers slaan toe bij brandweerpost Kockengen: levensreddend materiaal verdwenen"
2308                    class="w-[91px] h-[64px] object-cover rounded shrink-0">
2309            </a>
2310                                <a wire:key="most-read-aa42eaa9-28d7-4439-b1aa-0209979a585f"
2311                                    wire:navigate
2312                    href="https://rtvstichtsevecht.nl/nieuws/artikel/islamitisch-centrum-stichtse-vecht-opent-deuren-na-gemeentelijke-weigering"
2313                                class="group flex items-start gap-2 rounded-lg bg-surface-main-4 p-4 cursor-pointer"
2314                data-prepr-item-id="aa42eaa9-28d7-4439-b1aa-0209979a585f">
2315
2316                
2317                <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">
2318                    Islamitisch Centrum Stichtse Vecht opent deuren na gemeentelijke weigering
2319                </span>
2320
2321                <img
2322                    src="https://3mfhdcm0onod.b-cdn.net/w_100,h_70/5y4tdbeb6biw-img-1250.jpg"
2323                    alt="Islamitisch Centrum Stichtse Vecht opent deuren na gemeentelijke weigering"
2324                    class="w-[91px] h-[64px] object-cover rounded shrink-0">
2325            </a>
2326        <!--[if ENDBLOCK]><![endif]-->
2327    </div>
2328</div>
2329            <div wire:key="weather-overview-component" wire:snapshot="{&quot;data&quot;:{&quot;config&quot;:[{&quot;menu&quot;:[{&quot;_id&quot;:&quot;4d9ac50e-01cb-4119-bc9c-3b289eea6c27&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;website_title&quot;:&quot;{title} | RTV Stichtse Vecht&quot;,&quot;copyright&quot;:&quot;RTV Stichtse Vecht&quot;,&quot;email&quot;:&quot;[email protected]&quot;,&quot;phone&quot;:null,&quot;default_page&quot;:[{&quot;__typename&quot;:&quot;Pagina&quot;,&quot;_slug&quot;:&quot;nieuws&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;search_page&quot;:[{&quot;_slug&quot;:&quot;zoeken&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;weather_place&quot;:&quot;Maarssen&quot;,&quot;live&quot;:[[[{&quot;title&quot;:&quot;Live TV&quot;,&quot;page&quot;:[{&quot;_slug&quot;:&quot;televisie\/live&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;guide_id&quot;:&quot;f74377e6-16f0-4249-a4c9-a2f36ecade26&quot;,&quot;icon&quot;:&quot;fa-tv-retro&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;title&quot;:&quot;Live radio&quot;,&quot;page&quot;:[{&quot;_slug&quot;:&quot;radio\/live&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;guide_id&quot;:&quot;d185e28b-f28f-48fb-9981-5ba1e3ad231a&quot;,&quot;icon&quot;:&quot;fa-radio-tuner&quot;},{&quot;s&quot;:&quot;arr&quot;}]],{&quot;s&quot;:&quot;arr&quot;}],&quot;cookie_page&quot;:[{&quot;_slug&quot;:&quot;meer-informatie-over-cookies&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;cookie_consent&quot;:true,&quot;gtm_code&quot;:&quot;G-023DG5H250&quot;,&quot;title_under_photo&quot;:false,&quot;tolkie_token&quot;:null,&quot;radio_player_stream_url&quot;:&quot;https:\/\/stream.rtvrondevenen.nl:8443\/live&quot;,&quot;radio_player_guide_id&quot;:&quot;d185e28b-f28f-48fb-9981-5ba1e3ad231a&quot;,&quot;tracking_code&quot;:&quot;c0bc8c3df35d2aecb0e0dc450b41a5eedd95e1a1caba2f7878454799c3533303&quot;,&quot;openweather_app_id&quot;:&quot;f81b86448a512abc8919fd48a744695e&quot;,&quot;street&quot;:&quot;Burg. Huydecoperhof 12&quot;,&quot;place&quot;:&quot;Maarssen&quot;,&quot;zip_code&quot;:&quot;3604 CC&quot;,&quot;ads_redirect_url&quot;:null,&quot;ads_js_file&quot;:null,&quot;ads_client_id&quot;:null,&quot;ads_txt&quot;:null,&quot;android_app_id&quot;:null,&quot;ios_app_id&quot;:null,&quot;
2329mailchimp_api_key&quot;:null,&quot;mailchimp_list_id&quot;:null,&quot;mailchimp_tag&quot;:null,&quot;light_surface_main_1&quot;:&quot;#FFFFFF&quot;,&quot;dark_surface_main_1&quot;:&quot;#FFFFFF&quot;,&quot;light_surface_main_2&quot;:&quot;#FFFFFF&quot;,&quot;dark_surface_main_2&quot;:&quot;#18181B&quot;,&quot;light_surface_main_3&quot;:&quot;#FFFFFF&quot;,&quot;dark_surface_main_3&quot;:&quot;#27272A&quot;,&quot;light_surface_main_4&quot;:&quot;#FFFFFF&quot;,&quot;dark_surface_main_4&quot;:&quot;#3F3F46&quot;,&quot;light_surface_dark_1&quot;:&quot;#27272A&quot;,&quot;dark_surface_dark_1&quot;:&quot;#27272A&quot;,&quot;light_text_main&quot;:&quot;#27272A&quot;,&quot;dark_text_main&quot;:&quot;#F4F4F5&quot;,&quot;light_text_secondary&quot;:&quot;#3F3F46&quot;,&quot;dark_text_secondary&quot;:&quot;#9F9FA9&quot;,&quot;light_text_tertiary&quot;:&quot;#9F9FA9&quot;,&quot;dark_text_tertiary&quot;:&quot;#9F9FA9&quot;,&quot;light_button_border&quot;:&quot;#E4E4E7&quot;,&quot;dark_button_border&quot;:&quot;#3F3F46&quot;,&quot;light_surface_medium_1&quot;:&quot;#E4E4E7&quot;,&quot;dark_surface_medium_1&quot;:&quot;#52525C&quot;,&quot;light_button_light&quot;:&quot;#F4F4F5&quot;,&quot;dark_button_light&quot;:&quot;#18181B&quot;,&quot;light_surface_light_3&quot;:&quot;#F4F4F5&quot;,&quot;dark_surface_light_3&quot;:&quot;#27272A&quot;,&quot;light_surface_light_2&quot;:&quot;#F4F4F5&quot;,&quot;dark_surface_light_2&quot;:&quot;#3F3F46&quot;,&quot;light_surface_light_1&quot;:&quot;#FAFAFA&quot;,&quot;dark_surface_light_1&quot;:&quot;#27272A&quot;,&quot;light_surface_background&quot;:&quot;#FAFAFA&quot;,&quot;dark_surface_background&quot;:&quot;#18181B&quot;,&quot;light_brand_dark&quot;:&quot;#372AAC&quot;,&quot;dark_brand_dark&quot;:&quot;#372AAC&quot;,&quot;light_brand_main&quot;:&quot;#372AAC&quot;,&quot;dark_brand_main&quot;:&quot;#4F39F6&quot;,&quot;light_brand_secondary&quot;:&quot;#372AAC&quot;,&quot;dark_brand_secondary&quot;:&quot;#7C86FF&quot;,&quot;light_brand_light&quot;:&quot;#EEF2FF&quot;,&quot;dark_brand_light&quot;:&quot;#1E1A4D&quot;,&quot;locale&quot;:&quot;nl-NL&quot;,&quot;tenant&quot;:&quot;rtvstichtsevecht&quot;},{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;Q8w5zS9dvM7Rov7RzWBT&quot;,&quot;name&quot;:&quot;components.weather-overview&quot;,&quot;path&quot;:&quot;nieuws\/nieuwer-ter-aa&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;8eea23f7590319820b5b07495ed2ca01a9b3385212e4612b710814b39badbf2b&quot;}" wire:effects="[]" wire:id="Q8w5zS9dvM7Rov7RzWBT" wire:name="components.weather-overview">
2330    <!--[if BLOCK]><![endif]-->        <div class="bg-surface-light-3 p-4 rounded-xl">
2331            <h3 class="font-bold mb-3">Weersverwachting</h3>
2332            <div class="grid gap-2 grid-cols-4">
2333                <!--[if BLOCK]><![endif]-->                    <div wire:key="weather-do" class="p-3 bg-surface-main-4 flex flex-col gap-3 items-center rounded-lg">
2334                    <span class="font-bold text-lg text-text-main">
2335                        do
2336                    </span>
2337                        <img src="https://rtvstichtsevecht.nl/images/weather/04n.svg" width="32" height="32" alt="icon" />
2338                        <span class="text-lg font-bold text-text-main">
2339                        12°
2340                    </span>
2341                        <span class="text-xs text-text-main">
2342                        12°
2343                    </span>
2344                        <span class="text-xs text-text-main">
2345                        0.0 mm
2346                    </span>
2347                    </div>
2348                                    <div wire:key="weather-vr" class="p-3 bg-surface-main-4 flex flex-col gap-3 items-center rounded-lg">
2349                    <span class="font-bold text-lg text-text-main">
2350                        vr
2351                    </span>
2352                        <img src="https://rtvstichtsevecht.nl/images/weather/01d.svg" width="32" height="32" alt="icon" />
2353                        <span class="text-lg font-bold text-text-main">
2354                        23°
2355                    </span>
2356                        <span class="text-xs text-text-main">
2357                        11°
2358                    </span>
2359                        <span class="text-xs text-text-main">
2360                        0.0 mm
2361                    </span>
2362                    </div>
2363                                    <div wire:key="weather-za" class="p-3 bg-surface-main-4 flex flex-col gap-3 items-center rounded-lg">
2364                    <span class="font-bold text-lg text-text-main">
2365                        za
2366                    </span>
2367                        <img src="https://rtvstichtsevecht.nl/images/weather/10d.svg" width="32" height="32" alt="icon" />
2368                        <span class="text-lg font-bold text-text-main">
2369                        19°
2370                    </span>
2371                        <span class="text-xs text-text-main">
2372                        14°
2373                    </span>
2374                        <span class="text-xs text-text-main">
2375                        0.1 mm
2376                    </span>
2377                    </div>
2378                                    <div wire:key="weather-zo" class="p-3 bg-surface-main-4 flex flex-col gap-3 items-center rounded-lg">
2379                    <span class="font-bold text-lg text-text-main">
2380                        zo
2381                    </span>
2382                        <img src="https://rtvstichtsevecht.nl/images/weather/04d.svg" width="32" height="32" alt="icon" />
2383                        <span class="text-lg font-bold text-text-main">
2384                        20°
2385                    </span>
2386                        <span class="text-xs text-text-main">
2387                        12°
2388                    </span>
2389                        <span class="text-xs text-text-main">
2390                        0.0 mm
2391                    </span>
2392                    </div>
2393                <!--[if ENDBLOCK]><![endif]-->            </div>
2394        </div>
2395    <!--[if ENDBLOCK]><![endif]--></div>
2396
2397            <div wire:key="banner-sidebar_middle" wire:snapshot="{&quot;data&quot;:{&quot;placeId&quot;:&quot;sidebar_middle&quot;,&quot;shouldRender&quot;:true,&quot;title&quot;:&quot;Advertentie&quot;,&quot;isSlider&quot;:true,&quot;duration&quot;:6000,&quot;slidesToShow&quot;:1,&quot;items&quot;:[[[{&quot;_id&quot;:&quot;3060b9d9-44aa-4695-9849-647951ff3a02&quot;,&quot;url&quot;:&quot;http:\/\/bit.ly\/kameleonreclame&quot;,&quot;image&quot;:&quot;https:\/\/54jgdoc2j8wu.b-cdn.net\/9790561a-6c6c-4490-93b6-de18e4188675.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;ec96987d-a53b-4ad9-bd2c-18d7faa127da&quot;,&quot;url&quot;:&quot;https:\/\/rtvstichtsevecht.nl\/tip-de-redactie&quot;,&quot;image&quot;:&quot;https:\/\/3mfhdcm0onod.b-cdn.net\/w_300\/02108ec0-5376-427a-b5bd-833fc6314fb0.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;GYM8ZSwoC8Mmg6PTaeR5&quot;,&quot;name&quot;:&quot;components.banner&quot;,&quot;path&quot;:&quot;nieuws\/nieuwer-ter-aa&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;d8ef2f0e746e0a067e467d8f72cf97ca240955071cb511d989ae9d962a8f08a4&quot;}" wire:effects="[]" wire:id="GYM8ZSwoC8Mmg6PTaeR5" wire:name="components.banner">
2398<!--[if BLOCK]><![endif]-->    <!--[if BLOCK]><![endif]-->        
2399        <div
2400            x-data="{
2401                items: JSON.parse('[{\u0022_id\u0022:\u00223060b9d9-44aa-4695-9849-647951ff3a02\u0022,\u0022url\u0022:\u0022http:\\\/\\\/bit.ly\\\/kameleonreclame\u0022,\u0022image\u0022:\u0022https:\\\/\\\/54jgdoc2j8wu.b-cdn.net\\\/9790561a-6c6c-4490-93b6-de18e4188675.gif\u0022,\u0022alt\u0022:null,\u0022type\u0022:\u0022image\u0022,\u0022slot_id\u0022:null},{\u0022_id\u0022:\u0022ec96987d-a53b-4ad9-bd2c-18d7faa127da\u0022,\u0022url\u0022:\u0022https:\\\/\\\/rtvstichtsevecht.nl\\\/tip-de-redactie\u0022,\u0022image\u0022:\u0022https:\\\/\\\/3mfhdcm0onod.b-cdn.net\\\/w_300\\\/02108ec0-5376-427a-b5bd-833fc6314fb0.jpg\u0022,\u0022alt\u0022:null,\u0022type\u0022:\u0022image\u0022,\u0022slot_id\u0022:null}]'),
2402                duration: 6000,
2403                current: 0,
2404                interval: null,
2405                containerHeight: 0,
2406
2407                recordImpression(item) {
2408                    if (item?._id) {
2409                        $wire.recordImpression(item._id);
2410                    }
2411                },
2412
2413                startAutoplay() {
2414                    this.stopAutoplay();
2415                    if (this.items.length <= 1) return;
2416
2417                    this.interval = setInterval(() => {
2418                        this.current = (this.current + 1) % this.items.length;
2419                    }, this.duration);
2420                },
2421
2422                stopAutoplay() {
2423                    clearInterval(this.interval);
2424                    this.interval = null;
2425                },
2426
2427                trackClick(item) {
2428                    if (typeof prepr !== 'undefined') {
2429                        prepr('event', 'Click', { 'id': item._id });
2430                    }
2431                    window.open(item.url, '_blank');
2432                },
2433
2434                updateHeight(img) {
2435                    if (img && img.complete) {
2436                        this.containerHeight = img.offsetHeight;
2437                    }
2438                },
2439
2440                init() {
2441                    if (this.items.length === 0) return;
2442
2443                    this.recordImpression(this.items[this.current]);
2444                    this.$watch('current', (index) => this.recordImpression(this.items[index]));
2445
2446                    this.$nextTick(() => {
2447                        const firstImg = this.$el.querySelector('img');
2448                        if (firstImg) {
2449                            if (firstImg.complete) {
2450                                this.updateHeight(firstImg);
2451                            } else {
2452                                firstImg.addEventListener('load', () => this.updateHeight(firstImg));
2453                            }
2454                        }
2455                    });
2456
2457                    this.startAutoplay();
2458                }
2459            }"
2460            x-init="init()"
2461            x-on:mouseenter="stopAutoplay()"
2462            x-on:mouseleave="startAutoplay()"
2463            x-show="items.length > 0"
2464        >
2465            <!--[if BLOCK]><![endif]-->            <h3 class="mb-2 text-sm font-montserrat text-center font-normal text-text-secondary">
2466                Advertentie
2467            </h3>
2468            <!--[if ENDBLOCK]><![endif]-->
2469            <div class="relative w-full overflow-hidden" :style="containerHeight > 0 ? `height: ${containerHeight}px` : ''">
2470                <template x-for="(item, index) in items" :key="item._id || index">
2471                    <a
2472                        x-show="current === index"
2473                        x-transition:enter="transition ease-out duration-500"
2474                        x-transition:enter-start="opacity-0"
2475                        x-transition:enter-end="opacity-100"
2476                        x-transition:leave="transition ease-in duration-400"
2477                        x-transition:leave-start="opacity-100"
2478                        x-transition:leave-end="opacity-0"
2479                        :href="item.url"
2480                        @click.prevent="trackClick(item)"
2481                        target="_blank"
2482                        rel="noopener noreferrer"
2483                        class="absolute top-0 left-0 w-full"
2484                    >
2485                        <template x-if="item.image">
2486                            <img
2487                                :src="item.image"
2488                                :alt="item.alt"
2489                                class="w-full h-auto rounded-lg"
2490                                @load="if (current === index) updateHeight($el)"
2491                            >
2492                        </template>
2493                    </a>
2494                </template>
2495            </div>
2496        </div>
2497    <!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
2498
2499            <div wire:key="banner-sidebar_bottom" wire:snapshot="{&quot;data&quot;:{&quot;placeId&quot;:&quot;sidebar_bottom&quot;,&quot;shouldRender&quot;:true,&quot;title&quot;:&quot;Advertentie&quot;,&quot;isSlider&quot;:true,&quot;duration&quot;:6000,&quot;slidesToShow&quot;:1,&quot;items&quot;:[[[{&quot;_id&quot;:&quot;ec96987d-a53b-4ad9-bd2c-18d7faa127da&quot;,&quot;url&quot;:&quot;https:\/\/rtvstichtsevecht.nl\/tip-de-redactie&quot;,&quot;image&quot;:&quot;https:\/\/3mfhdcm0onod.b-cdn.net\/w_300\/02108ec0-5376-427a-b5bd-833fc6314fb0.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;3060b9d9-44aa-4695-9849-647951ff3a02&quot;,&quot;url&quot;:&quot;http:\/\/bit.ly\/kameleonreclame&quot;,&quot;image&quot;:&quot;https:\/\/54jgdoc2j8wu.b-cdn.net\/9790561a-6c6c-4490-93b6-de18e4188675.gif&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;2OkekfV4O7UZJc61wiF5&quot;,&quot;name&quot;:&quot;components.banner&quot;,&quot;path&quot;:&quot;nieuws\/nieuwer-ter-aa&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;99437c5f5fe69cac9318bc95ff06c9d2656d1eaba0fea87db982cd7090c29bca&quot;}" wire:effects="[]" wire:id="2OkekfV4O7UZJc61wiF5" wire:name="components.banner">
2500<!--[if BLOCK]><![endif]-->    <!--[if BLOCK]><![endif]-->        
2501        <div
2502            x-data="{
2503                items: JSON.parse('[{\u0022_id\u0022:\u0022ec96987d-a53b-4ad9-bd2c-18d7faa127da\u0022,\u0022url\u0022:\u0022https:\\\/\\\/rtvstichtsevecht.nl\\\/tip-de-redactie\u0022,\u0022image\u0022:\u0022https:\\\/\\\/3mfhdcm0onod.b-cdn.net\\\/w_300\\\/02108ec0-5376-427a-b5bd-833fc6314fb0.jpg\u0022,\u0022alt\u0022:null,\u0022type\u0022:\u0022image\u0022,\u0022slot_id\u0022:null},{\u0022_id\u0022:\u00223060b9d9-44aa-4695-9849-647951ff3a02\u0022,\u0022url\u0022:\u0022http:\\\/\\\/bit.ly\\\/kameleonreclame\u0022,\u0022image\u0022:\u0022https:\\\/\\\/54jgdoc2j8wu.b-cdn.net\\\/9790561a-6c6c-4490-93b6-de18e4188675.gif\u0022,\u0022alt\u0022:null,\u0022type\u0022:\u0022image\u0022,\u0022slot_id\u0022:null}]'),
2504                duration: 6000,
2505                current: 0,
2506                interval: null,
2507                containerHeight: 0,
2508
2509                recordImpression(item) {
2510                    if (item?._id) {
2511                        $wire.recordImpression(item._id);
2512                    }
2513                },
2514
2515                startAutoplay() {
2516                    this.stopAutoplay();
2517                    if (this.items.length <= 1) return;
2518
2519                    this.interval = setInterval(() => {
2520                        this.current = (this.current + 1) % this.items.length;
2521                    }, this.duration);
2522                },
2523
2524                stopAutoplay() {
2525                    clearInterval(this.interval);
2526                    this.interval = null;
2527                },
2528
2529                trackClick(item) {
2530                    if (typeof prepr !== 'undefined') {
2531                        prepr('event', 'Click', { 'id': item._id });
2532                    }
2533                    window.open(item.url, '_blank');
2534                },
2535
2536                updateHeight(img) {
2537                    if (img && img.complete) {
2538                        this.containerHeight = img.offsetHeight;
2539                    }
2540                },
2541
2542                init() {
2543                    if (this.items.length === 0) return;
2544
2545                    this.recordImpression(this.items[this.current]);
2546                    this.$watch('current', (index) => this.recordImpression(this.items[index]));
2547
2548                    this.$nextTick(() => {
2549                        const firstImg = this.$el.querySelector('img');
2550                        if (firstImg) {
2551                            if (firstImg.complete) {
2552                                this.updateHeight(firstImg);
2553                            } else {
2554                                firstImg.addEventListener('load', () => this.updateHeight(firstImg));
2555                            }
2556                        }
2557                    });
2558
2559                    this.startAutoplay();
2560                }
2561            }"
2562            x-init="init()"
2563            x-on:mouseenter="stopAutoplay()"
2564            x-on:mouseleave="startAutoplay()"
2565            x-show="items.length > 0"
2566        >
2567            <!--[if BLOCK]><![endif]-->            <h3 class="mb-2 text-sm font-montserrat text-center font-normal text-text-secondary">
2568                Advertentie
2569            </h3>
2570            <!--[if ENDBLOCK]><![endif]-->
2571            <div class="relative w-full overflow-hidden" :style="containerHeight > 0 ? `height: ${containerHeight}px` : ''">
2572                <template x-for="(item, index) in items" :key="item._id || index">
2573                    <a
2574                        x-show="current === index"
2575                        x-transition:enter="transition ease-out duration-500"
2576                        x-transition:enter-start="opacity-0"
2577                        x-transition:enter-end="opacity-100"
2578                        x-transition:leave="transition ease-in duration-400"
2579                        x-transition:leave-start="opacity-100"
2580                        x-transition:leave-end="opacity-0"
2581                        :href="item.url"
2582                        @click.prevent="trackClick(item)"
2583                        target="_blank"
2584                        rel="noopener noreferrer"
2585                        class="absolute top-0 left-0 w-full"
2586                    >
2587                        <template x-if="item.image">
2588                            <img
2589                                :src="item.image"
2590                                :alt="item.alt"
2591                                class="w-full h-auto rounded-lg"
2592                                @load="if (current === index) updateHeight($el)"
2593                            >
2594                        </template>
2595                    </a>
2596                </template>
2597            </div>
2598        </div>
2599    <!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
2600
2601            <div wire:key="banner-sidebar_bottom_4" wire:snapshot="{&quot;data&quot;:{&quot;placeId&quot;:&quot;sidebar_bottom_4&quot;,&quot;shouldRender&quot;:false,&quot;title&quot;:null,&quot;isSlider&quot;:null,&quot;duration&quot;:null,&quot;slidesToShow&quot;:null,&quot;items&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;wRBiuzOOphNuk1VWfHMh&quot;,&quot;name&quot;:&quot;components.banner&quot;,&quot;path&quot;:&quot;nieuws\/nieuwer-ter-aa&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;cd30a3d0608c8a6a3a6f4f943cfcecf54203f355415df1adc961c038d9dbc64f&quot;}" wire:effects="[]" wire:id="wRBiuzOOphNuk1VWfHMh" wire:name="components.banner">
2602<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
2603
2604            <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;s3ZemahhFVwHYkDoi6Np&quot;,&quot;name&quot;:&quot;components.banner&quot;,&quot;path&quot;:&quot;nieuws\/nieuwer-ter-aa&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;43e111e1a9d7a46dda2945195808cabf06263e36207bbb56613b8d6558a559ab&quot;}" wire:effects="[]" wire:id="s3ZemahhFVwHYkDoi6Np" wire:name="components.banner">
2605<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
2606
2607        </div>
2608    </div>
2609</main>
2610
2611                        </div>
2612
2613<div>
2614    
2615    
2616    
2617    <footer class="bg-surface-main-3 mt-16 pt-10 pb-[68px] lg:pb-0">
2618        <div class="lg:container mx-auto px-6 pb-8">
2619            <div class="grid grid-cols-1 md:grid-cols-4 xl:grid-cols-8 gap-8">
2620
2621                
2622                <div class="col-span-1 md:col-span-2 xl:col-span-2 space-y-6">
2623                    <img
2624            :src="$store.ui?.darkMode ? 'https://rtvstichtsevecht.nl/tenants/rtvstichtsevecht/logo-dark.svg?v=1789721948' : 'https://rtvstichtsevecht.nl/tenants/rtvstichtsevecht/logo-light.svg?v=1789721948'"
2625            src="https://rtvstichtsevecht.nl/tenants/rtvstichtsevecht/logo-light.svg?v=1789721948"
2626            alt="Logo"
2627            class="h-10 w-auto"
2628            loading="eager"
2629        >
2630    
2631                    
2632                    
2633                                            <div class="flex flex-row gap-3">
2634                                                            <a href="https://www.facebook.com/rtvsv"
2635                                   title="fa-facebook"
2636                                   aria-label="Volg ons op fa-facebook"
2637                                   target="_blank"
2638                                   rel="noopener noreferrer"
2639                                   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">
2640                                    <i class="fa-brands fa-facebook" aria-hidden="true"></i>
2641                                </a>
2642                                                            <a href="https://www.youtube.com/user/rtvstichtsevecht/"
2643                                   title="fa-youtube"
2644                                   aria-label="Volg ons op fa-youtube"
2645                                   target="_blank"
2646                                   rel="noopener noreferrer"
2647                                   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">
2648                                    <i class="fa-brands fa-youtube" aria-hidden="true"></i>
2649                                </a>
2650                                                            <a href="https://twitter.com/rtvsv"
2651                                   title="fa-x-twitter"
2652                                   aria-label="Volg ons op fa-x-twitter"
2653                                   target="_blank"
2654                                   rel="noopener noreferrer"
2655                                   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">
2656                                    <i class="fa-brands fa-x-twitter" aria-hidden="true"></i>
2657                                </a>
2658                                                            <a href="https://www.instagram.com/rtvsv"
2659                                   title="fa-instagram"
2660                                   aria-label="Volg ons op fa-instagram"
2661                                   target="_blank"
2662                                   rel="noopener noreferrer"
2663                                   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">
2664                                    <i class="fa-brands fa-instagram" aria-hidden="true"></i>
2665                                </a>
2666                                                    </div>
2667                                    </div>
2668
2669                
2670                <div class="col-span-1 md:col-span-4 xl:col-span-4">
2671                    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-16">
2672                                                                                                                        <div>
2673                                        <h4 class="text-xs font-bold text-text-tertiary mb-4 font-roboto-condensed">
2674                                            Televisie
2675                                        </h4>
2676                                                                                    <div class="space-y-4 text-lg font-bold flex flex-col">
2677                                                                                                    <a
2678            wire:navigate href="https://rtvstichtsevecht.nl/televisie/gemist/uitzending-gemist"
2679    
2680    class="transition hover:underline"
2681>
2682    Televisie gemist
2683</a>
2684                                                                                                    <a
2685            wire:navigate href="https://rtvstichtsevecht.nl/televisie/gids"
2686    
2687    class="transition hover:underline"
2688>
2689    Televisiegids
2690</a>
2691                                                                                                    <a
2692            wire:navigate href="https://rtvstichtsevecht.nl/televisie/live"
2693    
2694    class="transition hover:underline"
2695>
2696    TV live
2697</a>
2698                                                                                                    <a
2699            href="https://www.youtube.com/user/rtvstichtsevecht/" target="_blank" rel="noopener noreferrer"
2700    
2701    class="transition hover:underline"
2702>
2703    YouTube
2704</a>
2705                                                                                            </div>
2706                                                                            </div>
2707                                                                                                                                <div>
2708                                        <h4 class="text-xs font-bold text-text-tertiary mb-4 font-roboto-condensed">
2709                                            Radio
2710                                        </h4>
2711                                                                                    <div class="space-y-4 text-lg font-bold flex flex-col">
2712                                                                                                    <a
2713            wire:navigate href="https://rtvstichtsevecht.nl/radio/gids"
2714    
2715    class="transition hover:underline"
2716>
2717    Radiogids
2718</a>
2719                                                                                                    <a
2720            wire:navigate href="https://rtvstichtsevecht.nl/radio/live"
2721    
2722    class="transition hover:underline"
2723>
2724    Radio live
2725</a>
2726                                                                                                    <a
2727            wire:navigate href="https://rtvstichtsevecht.nl/radio/gemist/podcasts"
2728    
2729    class="transition hover:underline"
2730>
2731    Podcasts
2732</a>
2733                                                                                            </div>
2734                                                                            </div>
2735                                                                                                                                <div>
2736                                        <h4 class="text-xs font-bold text-text-tertiary mb-4 font-roboto-condensed">
2737                                            Mobiel
2738                                        </h4>
2739                                                                                    <div class="space-y-4 text-lg font-bold flex flex-col">
2740                                                                                                    <a
2741            href="https://play.google.com/store/apps/details?id=com.rtvsoftw
2741are.rtvstichtsevecht" target="_blank" rel="noopener noreferrer"
2742    
2743    class="transition hover:underline"
2744>
2745    Android
2746</a>
2747                                                                                                    <a
2748            href="https://apps.apple.com/us/app/rtv-stichtse-vecht/id6747617193" target="_blank" rel="noopener noreferrer"
2749    
2750    class="transition hover:underline"
2751>
2752    iPhone app
2753</a>
2754                                                                                            </div>
2755                                                                            </div>
2756                                                                                                                                <div>
2757                                        <h4 class="text-xs font-bold text-text-tertiary mb-4 font-roboto-condensed">
2758                                            Over RTV-SV
2759                                        </h4>
2760                                                                                    <div class="space-y-4 text-lg font-bold flex flex-col">
2761                                                                                                    <a
2762            wire:navigate href="https://rtvstichtsevecht.nl/contact"
2763    
2764    class="transition hover:underline"
2765>
2766    Contact
2767</a>
2768                                                                                                    <a
2769            wire:navigate href="https://rtvstichtsevecht.nl/adverteren"
2770    
2771    class="transition hover:underline"
2772>
2773    Adverteren
2774</a>
2775                                                                                                    <a
2776            wire:navigate href="https://rtvstichtsevecht.nl/vacatures"
2777    
2778    class="transition hover:underline"
2779>
2780    Redactie &amp; vacatures
2781</a>
2782                                                                                                    <a
2783            wire:navigate href="https://rtvstichtsevecht.nl/frequenties"
2784    
2785    class="transition hover:underline"
2786>
2787    Frequenties
2788</a>
2789                                                                                                    <a
2790            wire:navigate href="https://rtvstichtsevecht.nl/ambitie-visie"
2791    
2792    class="transition hover:underline"
2793>
2794    Visie &amp; ambitie
2795</a>
2796                                                                                                    <a
2797            wire:navigate href="https://rtvstichtsevecht.nl/klachten"
2798    
2799    class="transition hover:underline"
2800>
2801    Klachtenregeling
2802</a>
2803                                                                                                    <a
2804            wire:navigate href="https://rtvstichtsevecht.nl/anbi-informatie"
2805    
2806    class="transition hover:underline"
2807>
2808    ANBI-regeling
2809</a>
2810                                                                                            </div>
2811                                                                            </div>
2812                                                                                                        </div>
2813                </div>
2814
2815                
2816                <div class="col-span-1 md:col-span-2 xl:col-span-2 space-y-4 xl:pl-16">
2817                    
2818                                            
2819                                                    <h4 class="text-xs font-bold text-text-tertiary">
2820                                Tip de redactie
2821                            </h4>
2822                            <a wire:navigate
2823                               href="https://rtvstichtsevecht.nl/tip-de-redactie"
2824                               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">
2825                                Neem contact op
2826                                <i class="fa-solid fa-chevron-right text-xs"></i>
2827                            </a>
2828                                            
2829                    <h4 class="text-xs font-bold text-text-tertiary">Weergaveopties</h4>
2830                    <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">
2831                        <span class="sr-only">Gebruik lichte of donkere modus</span>
2832                        <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>
2833                        <span class="absolute inset-0 flex items-center">
2834                            <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>
2835                            <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>
2836                        </span>
2837                    </button>
2838                </div>
2839            </div>
2840        </div>
2841
2842        
2843        <div class="py-3 text-sm font-medium font-montserrat text-text-tertiary bg-surface-background">
2844            <div class="lg:container mx-auto px-6 justify-between flex items-center">
2845                <p>&copy;  2026</p>
2846                                    <div class="flex flex-row gap-8 text-xs">
2847                                                                                    <a
2848            wire:navigate href="https://rtvstichtsevecht.nl/meer-informatie-over-cookies"
2849    
2850    class="transition text-text-tertiary underline"
2851>
2852    Cookies
2853</a>
2854                                                                        </div>
2855                            </div>
2856        </div>
2857    </footer>
2858
2859    
2860    
2861    
2862    <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">
2863        <nav class="w-full">
2864            <ul class="space-y-2 pb-6">
2865                                                                                        <li x-data="{ isOpen: true }">
2866                                                                    <div class="w-full flex justify-between items-center p-2 rounded-lg transition !bg-transparent hover:!bg-transparent hover:text-brand-secondary">
2867                                        <a wire:navigate href="https://rtvstichtsevecht.nl/nieuws" class="flex-grow">
2868                                            <span class="text-lg font-bold font-roboto-condensed">Nieuws</span>
2869                                        </a>
2870                                        <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">
2871                                            <i class="fa-solid fa-chevron-up transition-transform duration-200" :class="{ 'rotate-180': !isOpen }"></i>
2872                                        </button>
2873                                    </div>
2874
2875                                    <ul x-show="isOpen" x-transition class="px-3 pt-2 space-y-2">
2876                                                                                    <li>
2877                                                <a
2878            wire:navigate href="https://rtvstichtsevecht.nl/nieuws"
2879    
2880    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"
2881>
2882    Nieuws
2883</a>
2884                                            </li>
2885                                                                                    <li>
2886                                                <a
2887            wire:navigate href="https://rtvstichtsevecht.nl/nieuws/breukelen"
2888    
2889    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"
2890>
2891    Breukelen
2892</a>
2893                                            </li>
2894                                                                                    <li>
2895                                                <a
2896            wire:navigate href="https://rtvstichtsevecht.nl/nieuws/nieuwer-ter-aa"
2897    
2898    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"
2899>
2900    Nieuwe Ter Aa
2901</a>
2902                                            </li>
2903                                                                                    <li>
2904                                                <a
2905            wire:navigate href="https://rtvstichtsevecht.nl/nieuws/kockengen"
2906    
2907    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"
2908>
2909    Kockengen
2910</a>
2911                                            </li>
2912                                                                                    <li>
2913                                                <a
2914            wire:navigate href="https://rtvstichtsevecht.nl/nieuws/nieuwersluis"
2915    
2916    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"
2917>
2918    Nieuwersluis
2919</a>
2920                                            </li>
2921                                                                                    <li>
2922                                                <a
2923            wire:navigate href="https://rtvstichtsevecht.nl/nieuws/loenen-ad-vecht"
2924    
2925    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"
2926>
2927    Loenen a/d Vecht
2928</a>
2929                                            </li>
2930                                                                                    <li>
2931                                                <a
2932            wire:navigate href="https://rtvstichtsevecht.nl/nieuws/nigtevecht"
2933    
2934    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"
2935>
2936    Nigtevecht
2937</a>
2938                                            </li>
2939                                                                                    <li>
2940                                                <a
2941            wire:navigate href="https://rtvstichtsevecht.nl/nieuws/loenersloot"
2942    
2943    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"
2944>
2945    Loenersloot
2946</a>
2947                                            </li>
2948                                                                                    <li>
2949                                                <a
2950            wire:navigate href="https://rtvstichtsevecht.nl/nieuws/oud-zuilen"
2951    
2952    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"
2953>
2954    Oud-Zuilen
2955</a>
2956                                            </li>
2957                                                                                    <li>
2958                                                <a
2959            wire:navigate href="https://rtvstichtsevecht.nl/nieuws/maarssen-dorp"
2960    
2961    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"
2962>
2963    Maarssen-Dorp
2964</a>
2965                                            </li>
2966                                                                                    <li>
2967                                                <a
2968            wire:navigate href="https://rtvstichtsevecht.nl/nieuws/vreeland"
2969    
2970    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"
2971>
2972    Vreeland
2973</a>
2974                                            </li>
2975                                                                                    <li>
2976                                                <a
2977            wire:navigate href="https://rtvstichtsevecht.nl/nieuws/maarssenbroek"
2978    
2979    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"
2980>
2981    Maarssenbroek
2982</a>
2983                                            </li>
2984                                                                                    <li>
2985                                                <a
2986            wire:navigate href="https://rtvstichtsevecht.nl/nieuws/maarsseveen"
2987    
2988    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"
2989>
2990    Maarsseveen/Tienhoven
2991</a>
2992                                            </li>
2993                                                                                    <li>
2994                                                <a
2995            wire:navigate href="https://rtvstichtsevecht.nl/nieuws/regio"
2996    
2997    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"
2998>
2999    Regio
3000</a>
3001                                            </li>
3002                                                                            </ul>
3003                                                            </li>
3004                            <hr class="border-surface-light-3 mt-2">
3005                                                                                                <li x-data="{ isOpen: true }">
3006                                                                    <div class="w-full flex justify-between items-center p-2 rounded-lg transition !bg-transparent hover:!bg-transparent hover:text-brand-secondary">
3007                                        <a wire:navigate href="https://rtvstichtsevecht.nl/nieuws/samenleving" class="flex-grow">
3008                                            <span class="text-lg font-bold font-roboto-condensed">Samenleving</span>
3009                                        </a>
3010                                        <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">
3011                                            <i class="fa-solid fa-chevron-up transition-transform duration-200" :class="{ 'rotate-180': !isOpen }"></i>
3012                                        </button>
3013                                    </div>
3014
3015                                    <ul x-show="isOpen" x-transition class="px-3 pt-2 space-y-2">
3016                                                                                    <li>
3017                                                <a
3018            wire:navigate href="https://rtvstichtsevecht.nl/nieuws/samenleving"
3019    
3020    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"
3021>
3022    Samenleving
3023</a>
3024                                            </li>
3025                                                                                    <li>
3026                                                <a
3027            wire:navigate href="https://rtvstichtsevecht.nl/nieuws/sport"
3028    
3029    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"
3030>
3031    Sport
3032</a>
3033                                            </li>
3034                                                                                    <li>
3035                                                <a
3036            wire:navigate href="https://rtvstichtsevecht.nl/nieuws/cultuur"
3037    
3038    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"
3039>
3040    Cultuur
3041</a>
3042                                            </li>
3043                                                                            </ul>
3044                                                            </li>
3045                            <hr class="border-surface-light-3 mt-2">
3046                                                                                                <li x-data="{ isOpen: true }">
3047                                                                    <div class="w-full flex justify-between items-center p-2 rounded-lg transition !bg-transparent hover:!bg-transparent hover:text-brand-secondary">
3048                                        <a wire:navigate href="https://rtvstichtsevecht.nl/nieuws/gemeente" class="flex-grow">
3049                                            <span class="text-lg font-bold font-roboto-condensed">Gemeente</span>
3050                                        </a>
3051                                        <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">
3052                                            <i class="fa-solid fa-chevron-up transition-transform duration-200" :class="{ 'rotate-180': !isOpen }"></i>
3053                                        </button>
3054                                    </div>
3055
3056                                    <ul x-show="isOpen" x-transition class="px-3 pt-2 space-y-2">
3057                                                                                    <li>
3058                                                <a
3059            wire:navigate href="https://rtvstichtsevecht.nl/nieuws/gemeente"
3060    
3061    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"
3062>
3063    Gemeente
3064</a>
3065                                            </li>
3066                                                                                    <li>
3067                                                <a
3068            wire:navigate href="https://rtvstichtsevecht.nl/nieuws/politiek"
3069    
3070    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"
3071>
3072    Politiek
3073</a>
3074                                            </li>
3075                                                                                    <li>
3076                                                <a
3077            wire:navigate href="https://rtvstichtsevecht.nl/nieuws/bedrijven"
3078    
3079    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"
3080>
3081    Bedrijven
3082</a>
3083                                            </li>
3084                                                                            </ul>
3085                                                            </li>
3086                            <hr class="border-surface-light-3 mt-2">
3087                                                                                                <li x-data="{ isOpen: true }">
3088                                                                    <a
3089            wire:navigate href="https://rtvstichtsevecht.nl/televisie/gemist/uitzending-gemist"
3090    
3091    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"
3092>
3093    <span class="text-lg font-bold font-roboto-condensed">TV gemist</span>
3094</a>
3095                                                            </li>
3096                            <hr class="border-surface-light-3 mt-2">
3097                                                                                                <li x-data="{ isOpen: true }">
3098                                                                    <a
3099            wire:navigate href="https://rtvstichtsevecht.nl/radio/gemist/podcasts"
3100    
3101    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"
3102>
3103    <span class="text-lg font-bold font-roboto-condensed">Podcasts</span>
3104</a>
3105                                                            </li>
3106                            <hr class="border-surface-light-3 mt-2">
3107                                                                        </ul>
3108        </nav>
3109    </div>
3110
3111    
3112    
3113    
3114    <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);">
3115                                    <div class="flex items-center h-[68px] justify-center text-center w-1/5 text-text-secondary relative hover:text-brand-secondary">
3116                    <a
3117            wire:navigate href="https://rtvstichtsevecht.nl/nieuws"
3118    
3119    class="transition w-full h-full flex flex-col gap-y-2.5 justify-center border-t-2 items-center border-t-transparent"
3120>
3121    <i class="fa-solid fa-newspaper text-base h-4"></i>
3122                        <span class="text-xs font-bold">Nieuws</span>
3123</a>
3124                </div>
3125                            <div class="flex items-center h-[68px] justify-center text-center w-1/5 text-text-secondary relative hover:text-brand-secondary">
3126                    <a
3127            wire:navigate href="https://rtvstichtsevecht.nl/televisie/gemist/uitzending-gemist"
3128    
3129    class="transition w-full h-full flex flex-col gap-y-2.5 justify-center border-t-2 items-center border-t-transparent"
3130>
3131    <i class="fa-solid fa-tv-retro text-base h-4"></i>
3132                        <span class="text-xs font-bold">Televisie</span>
3133</a>
3134                </div>
3135                            <div class="flex items-center h-[68px] justify-center text-center w-1/5 text-text-secondary relative hover:text-brand-secondary">
3136                    <a
3137            wire:navigate href="https://rtvstichtsevecht.nl/radio/gemist/podcasts"
3138    
3139    class="transition w-full h-full flex flex-col gap-y-2.5 justify-center border-t-2 items-center border-t-transparent"
3140>
3141    <i class="fa-solid fa-radio-tuner text-base h-4"></i>
3142                        <span class="text-xs font-bold">Podcasts</span>
3143</a>
3144                </div>
3145                            <div class="flex items-center h-[68px] justify-center text-center w-1/5 text-text-secondary relative hover:text-brand-secondary">
3146            <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">
3147                <i class="fa-solid fa-bars text-base h-4"></i>
3148                <span class="text-xs font-bold">Menu</span>
3149            </button>
3150        </div>
3151    </nav>
3152</div>
3153
3154<div x-persist="radio-player">
3155    <div wire:key="lw-2254710295-0-5-4-0" wire:snapshot="{&quot;data&quot;:[],&quot;memo&quot;:{&quot;id&quot;:&quot;1mlTRKmZdFhpIYv3MGEr&quot;,&quot;name&quot;:&quot;components.radio-player&quot;,&quot;path&quot;:&quot;nieuws\/nieuwer-ter-aa&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;fb3ceccfb6f7c49ba5779bcb8c416729476cccc337f0805bcdf153074b9bd7dc&quot;}" wire:effects="[]" wire:id="1mlTRKmZdFhpIYv3MGEr" wire:name="components.radio-player">
3156    <div wire:poll.60000ms="getProgramName">
3157
3158        <div
3159            x-data="{
3160                volumeBeforeMute: 1,
3161                setupAndPlay() {
3162                    // Deze functie wordt alleen de eerste keer uitgevoerd.
3163                    if (this.$store.radio.initialized || !'https:\/\/stream.rtvrondevenen.nl:8443\/live') return;
3164
3165                    let radioStore = this.$store.radio;
3166
3167                    // 1. Maak het Audio-object aan en laad de stream.
3168                    radioStore.audio = new Audio('https:\/\/stream.rtvrondevenen.nl:8443\/live');
3169
3170                    // 2. Stel de watchers in voor TOEKOMSTIGE interacties.
3171                    this.$watch('$store.radio.playing', isPlaying => {
3172                        if (isPlaying) {
3173                            radioStore.audio.play().catch(e => console.error('Audio play failed:', e));
3174                        } else {
3175                            radioStore.audio.pause();
3176                        }
3177                    });
3178
3179                    this.$watch('$store.radio.volume', newVolume => {
3180                        radioStore.audio.volume = newVolume;
3181                        localStorage.setItem('radioPlayerVolume', newVolume);
3182                    });
3183
3184                    this.$watch('$store.radio.isMinimized', isMinimized => localStorage.setItem('radioPlayerMinimized', isMinimized));
3185
3186                    // 3. Pas de initiële instellingen toe.
3187                    radioStore.audio.volume = radioStore.volume;
3188                    radioStore.initialized = true;
3189
3190                    // AANGEPAST: Speel de audio nu DIRECT af.
3191                    // Omdat setupAndPlay() wordt aangeroepen als direct gevolg van een gebruikersklik, is dit toegestaan.
3192                    // We controleren of de status 'playing' is, wat het geval is als deze functie wordt aangeroepen.
3193                    if (radioStore.playing) {
3194                        radioStore.audio.play().catch(e => {
3195                            console.error('Initial audio play failed:', e);
3196                            // Als het afspelen om een of andere reden toch mislukt, zet de status terug.
3197                            radioStore.playing = false;
3198                        });
3199                    }
3200                },
3201                togglePlay() {
3202                    if (!this.$store.radio.initialized) {
3203                        // playing moet true zijn vóór setupAndPlay(), anders wordt audio.play()
3204                        // overgeslagen en werkt pas de tweede klik (wanneer playing wordt getoggled).
3205                        this.$store.radio.playing = true;
3206                        this.setupAndPlay();
3207                    } else {
3208                        this.$store.radio.playing = !this.$store.radio.playing;
3209                    }
3210                },
3211                toggleMute() {
3212                    if (this.$store.radio.volume > 0) {
3213                        this.volumeBeforeMute = this.$store.radio.volume;
3214                        this.$store.radio.volume = 0;
3215                    } else {
3216                        this.$store.radio.volume = this.volumeBeforeMute > 0 ? this.volumeBeforeMute : 1;
3217                    }
3218                }
3219            }"
3220            @setup-radio.window="setupAndPlay()"
3221        >
3222            <div x-effect="document.body.classList.toggle('radio-maximized', !$store.radio.isMinimized && $store.radio.initialized)"></div>
3223            <div x-effect="document.body.classList.toggle('radio-minimized', $store.radio.isMinimized && $store.radio.initialized)"></div>
3224
3225            <div
3226                x-show="'https:\/\/stream.rtvrondevenen.nl:8443\/live'"
3227                x-transition:enter="transition ease-out duration-300"
3228                x-transition:enter-start="opacity-0"
3229                x-transition:enter-end="opacity-100"
3230                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"
3231                :class="{
3232                    'rounded-full lg:w-105.5 w-[calc(100%-16px)] h-[50px] shadow-lg bottom-20 lg:bottom-4': !$store.radio.isMinimized,
3233                    'rounded-full w-8 h-8 bottom-15 lg:-bottom-2 flex items-center justify-center': $store.radio.isMinimized
3234                }"
3235            >
3236                
3237                <div x-show="!$store.radio.isMinimized" x-transition class="flex items-center justify-between gap-4 p-2 w-full">
3238                    <div class="flex items-center gap-4 pl-1">
3239                        <button
3240                            @click="togglePlay()"
3241                            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"
3242                            :aria-label="$store.radio.playing ? 'Pauzeer radio' : 'Start radio'"
3243                            :title="$store.radio.initialized ? ($store.radio.playing ? 'Pauzeren' : 'Afspelen') : 'Afspelen'"
3244                        >
3245                            <i x-show="!$store.radio.playing" class="fa-solid fa-play"></i>
3246                            <i x-show="$store.radio.playing" class="fa-solid fa-pause"></i>
3247                        </button>
3248                        <div class="flex-shrink-0 font-roboto-condensed">
3249                            <div class="font-bold text-sm text-text-main leading-[normal]">Nu Live</div>
3250                            <div class="text-xs text-text-tertiary leading-[normal]">Samen de avond in...</div>
3251                        </div>
3252                    </div>
3253                    <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">
3254                        <i class="fas fa-chevron-down text-sm"></i>
3255                    </button>
3256                    <div class="flex items-center gap-2 pr-1">
3257                        <button @click="toggleMute()" :title="$store.radio.volume > 0 ? 'Dempen' : 'Dempen opheffen'" class="w-6 flex items-center">
3258                            <i x-show="$store.radio.volume > 0" class="fas fa-volume-high text-base"></i>
3259                            <i x-show="$store.radio.volume == 0" class="fas fa-volume-mute text-base"></i>
3260                        </button>
3261                        <input
3262                            aria-label="Radio Player Volume"
3263                            type="range" min="0" max="1" step="0.01"
3264                            x-model.lazy="$store.radio.volume"
3265                            :disabled="!$store.radio.initialized"
3266                            class="w-24 h-1 accent-text-main disabled:opacity-40 disabled:cursor-not-allowed"
3267                        />
3268                    </div>
3269                </div>
3270                
3271                <button
3272                    x-show="$store.radio.isMinimized"
3273                    x-transition
3274                    @click="$store.radio.isMinimized = false"
3275                    class="w-8 h-8 cursor-pointer flex items-center justify-center bg-surface-medium-1 text-text-tertiary rounded-full"
3276                    aria-label="Open radioplayer" title="Open radioplayer"
3277                >
3278                    <i class="fas fa-chevron-up text-sm"></i>
3279                </button>
3280            </div>
3281        </div>
3282    </div>
3283
3284                </div>
3285</div>
3286
3287<div wire:key="lw-2254710295-1-5-4-0" wire:snapshot="{&quot;data&quot;:{&quot;showBanner&quot;:true,&quot;isOnCookiePage&quot;:false},&quot;memo&quot;:{&quot;id&quot;:&quot;O2B9SyragmrzUoVGQzv2&quot;,&quot;name&quot;:&quot;components.cookie-consent&quot;,&quot;path&quot;:&quot;nieuws\/nieuwer-ter-aa&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;f0cddc002aee12e66a97bdc112ef2b77dd79fb102fc57de706d2feb1706bdeea&quot;}" wire:effects="[]" wire:id="O2B9SyragmrzUoVGQzv2" wire:name="components.cookie-consent">
3288    <!--[if BLOCK]><![endif]-->        <!--[if BLOCK]><![endif]-->            
3289            <div class="fixed inset-0 z-62 bg-black/50">
3290                <div
3291                    class="absolute bottom-0 left-0 w-full z-50 px-4 py-6 md:p-8 font-roboto-condensed bg-surface-main-3 text-text-main shadow-lg"
3292                    x-data="{
3293                        shown: false,
3294                        init() {
3295                            this.$nextTick(() => { this.shown = true; });
3296                            document.body.classList.add('pb-17', 'md:pb-17');
3297                        },
3298                        destroy() {
3299                            document.body.classList.remove('pb-17', 'md:pb-17');
3300                        },
3301                        closeBanner() {
3302                            this.shown = false;
3303                            setTimeout(() => this.destroy(), 300);
3304                        }
3305                    }"
3306                    x-show="shown"
3307                    x-transition:enter="transition ease-out duration-300"
3308                    x-transition:enter-start="opacity-0 translate-y-4"
3309                    x-transition:enter-end="opacity-100 translate-y-0"
3310                    x-transition:leave="transition ease-in duration-200"
3311                    x-transition:leave-start="opacity-100 translate-y-0"
3312                    x-transition:leave-end="opacity-0 translate-y-4"
3313                >
3314                    <div class="container mx-auto flex flex-col md:flex-row md:items-center justify-between">
3315                        <p class="text-sm">
3316                            RTV Stichtse Vecht maakt gebruik van Functionele en Analytische cookies voor website optimalisatie en statistieken.
3317                            <!--[if BLOCK]><![endif]-->                            <a wire:navigate href="https://rtvstichtsevecht.nl/meer-informatie-over-cookies" class="underline font-semibold hover:text-text-secondary">
3318                                Lees meer
3319                            </a>
3320                            <!--[if ENDBLOCK]><![endif]-->                        </p>
3321
3322                        <div class="flex items-center gap-x-6 mt-8 md:mt-0">
3323                            <button
3324                                @click="$wire.accept().then(() => closeBanner())"
3325                                class="rounded-full flex items-center h-12 py-2.5 px-6 gap-x-3 bg-button-border hover:bg-button-border/80 text-text-main text-base cursor-pointer font-roboto-condensed font-medium"
3326                            >
3327                                Sluiten
3328                            </button>
3329                        </div>
3330                    </div>
3331                </div>
3332            </div>
3333        <!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]--></div>
3334
3335<script src="https://rtvstichtsevecht.nl/vendor/livewire/livewire.min.js?id=8642c1d5"   data-csrf="nFqpbEAIby8bgJ5hGoj28LzvxiNfKyqmjE0W4RpX" data-module-url="https://rtvstichtsevecht.nl/livewire-1a5019f0" data-update-uri="https://rtvstichtsevecht.nl/livewire-1a5019f0/update" data-navigate-once="true"></script>
3335
3336            
3336<script>
3337                document.addEventListener('alpine:init', () => {
3338                    if (!Alpine.store('radio')) {
3339                        Alpine.store('radio', {
3340                            initialized: false,
3341                            audio: null,
3342                            playing: false,
3343                            volume: parseFloat(localStorage.getItem('radioPlayerVolume')) || 1,
3344                            isMinimized: localStorage.getItem('radioPlayerMinimized') === 'true',
3345                            openAndPlay() {
3346                                this.isMinimized = false;
3347                                this.playing = true;
3348                            }
3349                        });
3350                    }
3351                });
3352            </script>
3352
3353        
3354</body>
3355
3356</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.