PageSourceSearch

https://rtvstichtsevecht.nl/nieuws/breukelen

html rtvstichtsevecht.nl collected 2026-09-24 20:12:14 UTC 240,090 bytes, 3,351 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 Breukelen | 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/breukelen">
34    <meta property="og:url" content="https://rtvstichtsevecht.nl/nieuws/breukelen" />
35            <meta property="prepr:id" content="06c99e6a-5204-4e41-af1f-3bde0fe993ca">
36        <meta name="description" content="">
37
38    <meta property="og:title" content="Nieuws uit Breukelen" />
39    <meta property="og:description" content="" />
40
41    <meta property="og:type" content="article">
42
43    <meta name="twitter:title" content="Nieuws uit Breukelen">
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 text-brand-secondary 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 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;eQNwxM7FPDtphcxQ3bL2&quot;,&quot;name&quot;:&quot;components.tenant-selector&quot;,&quot;path&quot;:&quot;nieuws\/breukelen&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;ea1e265a17a54bc1e8928082f4e765bab6269574c783d8306f1a7f19fa6c2c07&quot;}" wire:effects="[]" wire:id="eQNwxM7FPDtphcxQ3bL2" 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;06c99e6a-5204-4e41-af1f-3bde0fe993ca&quot;,&quot;_slug&quot;:&quot;nieuws\/breukelen&quot;,&quot;title&quot;:&quot;Breukelen&quot;,&quot;type&quot;:&quot;overview&quot;,&quot;guide_id&quot;:null,&quot;tags&quot;:[[[{&quot;slug&quot;:&quot;breukelen&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 Breukelen&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;qLuiD4VnzOQYgzai5hVO&quot;,&quot;name&quot;:&quot;pages.overview&quot;,&quot;path&quot;:&quot;nieuws\/breukelen&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;attributes&quot;:{&quot;slug&quot;:&quot;nieuws\/breukelen&quot;,&quot;id&quot;:&quot;06c99e6a-5204-4e41-af1f-3bde0fe993ca&quot;},&quot;children&quot;:{&quot;banner-category_top&quot;:[&quot;div&quot;,&quot;vHXTd9VCLqN0gx0pkWfD&quot;],&quot;banner-category_top_mobile&quot;:[&quot;div&quot;,&quot;VBigogyZAe8bsZtM8jk5&quot;],&quot;lw-71422695-2-1&quot;:[&quot;div&quot;,&quot;y5d8qUtjkxSKUOiZPioV&quot;],&quot;banner-category_middle&quot;:[&quot;div&quot;,&quot;0gA2BBV1XpQfjDPhyF4y&quot;],&quot;banner-category_middle_mobile&quot;:[&quot;div&quot;,&quot;LUA7i4JLqMplz0FVJiVe&quot;],&quot;banner-category_bottom&quot;:[&quot;div&quot;,&quot;yjhiUo9bnbkEU6SoDP7m&quot;],&quot;banner-category_bottom_mobile&quot;:[&quot;div&quot;,&quot;t73EG0aoTbttmaGZUefQ&quot;],&quot;banner-sidebar_top&quot;:[&quot;div&quot;,&quot;dmjT0rQ071JLK6ibj7US&quot;],&quot;live-overview-component&quot;:[&quot;div&quot;,&quot;xTyz14dbRdmMJwJt53XP&quot;],&quot;most-read-overview-component&quot;:[&quot;div&quot;,&quot;JRLJPzxf6Uww13Y3XYOs&quot;],&quot;weather-overview-component&quot;:[&quot;div&quot;,&quot;EQXevMOgkYbEtfPr2bh9&quot;],&quot;banner-sidebar_middle&quot;:[&quot;div&quot;,&quot;PQZ05lpzFnrNk59UIixo&quot;],&quot;banner-sidebar_bottom&quot;:[&quot;div&quot;,&quot;H1P1oaYkfYHGm1Ae1W6P&quot;],&quot;banner-sidebar_bottom_4&quot;:[&quot;div&quot;,&quot;GuhBdGJrJ5ypWOdrM8Nh&quot;],&quot;banner-sidebar_bottom_5&quot;:[&quot;div&quot;,&quot;PPUKKAH25I2NjiBtFtf4&quot;]},&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;nl&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;4e499f868d0a2cee4a9bbeef5ec024765daac81abd5c545c987372fe91fb7117&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;regionsUpdated&quot;]}" wire:id="qLuiD4VnzOQYgzai5hVO" 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/uitbreiding-hoogspanningsstation-breukelen-kortrijk-volgende-maand-van-start"
498        data-prepr-item-id="b63673ab-4cf6-428f-8bd8-bab09c9e078f"
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/w_728,h_400/5ljuo0y75jas-.jpg"
504                 alt="Uitbreiding hoogspanningsstation Breukelen-Kortrijk volgende maand van start"
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                    Uitbreiding hoogspanningsstation Breukelen-Kortrijk volgende maand van start
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            BREUKELEN - Volgende maand starten de eerste werkzaamheden voor de uitbreiding van het hoogspanningsstation Breukelen-Kortrijk. Het gaat dan om het plaatsen van bouwhekken en bouwketen, het aanpassen van de toegangsweg, ecologische maatregelen, het plaatsen van damwanden, het dempen van sloten en de eerste fase van de landschappelijke inpassing.
523        </p>
524    </div>
525</a>
526                    <a
527            wire:navigate
528        href="https://rtvstichtsevecht.nl/nieuws/artikel/politie-zet-straat-in-breukelen-af-als-kinderen-met-vuurwapen-lopen"
529        data-prepr-item-id="00ff1b45-ac08-47d5-8c76-727282526687"
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/w_728,h_400/5mw4zng5mh9c-.jpg"
535                 alt="Politie zet straat in Breukelen af als kinderen met &#039;vuurwapen&#039; lopen"
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                    Politie zet straat in Breukelen af als kinderen met &#039;vuurwapen&#039; lopen
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            BREUKELEN - De politie heeft woensdag een straat in Breukelen afgezet, nadat er melding was gedaan over kinderen die met een vuurwapen rond zouden lopen. Agenten in kogelwerende vesten gingen op de melding af.
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/parallelweg-n401-tussen-breukelen-en-kockengen-wekenlang-dicht"
568        data-prepr-item-id="de56e5d8-0c4e-4b00-8321-5c71ffa6608a"
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/6wpefhrplp5k-.jpg"
573                 alt="Parallelweg N401 tussen Breukelen en Kockengen wekenlang dicht"
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            Parallelweg N401 tussen Breukelen en Kockengen wekenlang dicht
588        </h3>
589        <p class="line-clamp-3 font-montserrat max-md:hidden">
590            BREUKELEN/KOCKENGEN - De parallelweg van de N401 tussen Breukelen en Kockengen gaat van 12 tot en met 23 oktober dicht voor werkzaamheden. De provincie vervangt asfalt en verstevigt bermen. Fietsers worden omgeleid en landbouwverkeer kan tijdelijk via de hoofdrijbaan van de N401.
591        </p>
592    </div>
593</a>
594                                                    <a
595            wire:navigate
596        href="https://rtvstichtsevecht.nl/nieuws/artikel/stadsavonturen-van-bosmans-naar-broadway"
597        data-prepr-item-id="c5d2c4f0-3465-4491-bbec-1d7cc7f6cc4b"
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/2iwvhgzgifiw/w_728,h_400/stadsavonture.png"
602                 alt="Stadsavonturen: van Bosmans naar Broadway"
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            Stadsavonturen: van Bosmans naar Broadway
617        </h3>
618        <p class="line-clamp-3 font-montserrat max-md:hidden">
619            BREUKELEN  - Op zondag 20 september 2026 presenteert Klassiek aan de Vecht Stadsavonturen: van Bosmans naar Broadway in de Pauluskerk in Breukelen. Het pianotrio met Hanna Matthijsse (viool), Annemarieke Lottman (cello) en Carol Ruiz (piano) neemt het publiek mee op een muzikale reis waarin de stad centraal staat.
620        </p>
621    </div>
622</a>
623                                                    <a
624            wire:navigate
625        href="https://rtvstichtsevecht.nl/nieuws/artikel/boeren-opgepakt-na-actie-met-brandende-hooibalen-langs-de-a2-bij-breukelen"
626        data-prepr-item-id="362d962e-c1dd-4128-ac7e-159d2ea7472f"
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/qhbgze8wqbh/w_728,h_400/img-2445.jpg"
631                 alt="Boeren opgepakt na actie met brandende hooibalen langs de A2 bij Breukelen"
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            Boeren opgepakt na actie met brandende hooibalen langs de A2 bij Breukelen
646        </h3>
647        <p class="line-clamp-3 font-montserrat max-md:hidden">
648            BREUKELEN - De politie heeft boeren opgepakt na een protestactie met brandende hooibalen langs de A2 bij 
648Breukelen. De branden zorgden voor flinke rookontwikkeling en verkeershinder in beide rijrichtingen. Ook op andere plekken in Nederland werden hooibalen langs snelwegen in brand gestoken.
649
650De acties zijn gericht tegen het landbouwbeleid van het kabinet. Actiegroep Farmers Defence Force had eerder aangekondigd hooibalen in brand te zullen steken. Rijkswaterstaat waarschuwt voor mogelijke afsluitingen van rijstroken of complete rijbanen. Weggebruikers wordt geadviseerd rekening te houden met vertraging en de actuele verkeersinformatie te controleren.
651
652De politie was ter plaatse om de situatie onder controle te houden. De branden en aanhoudingen volgen op een reeks boerenprotesten tegen het landbouwbeleid.
653        </p>
654    </div>
655</a>
656                                                    <a
657            wire:navigate
658        href="https://rtvstichtsevecht.nl/nieuws/artikel/rijkswaterstaat-waarschuwt-voor-branden-langs-a2-bij-breukelen"
659        data-prepr-item-id="c791faa8-4499-45a8-aee6-0461184d9d45"
660    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">
661
662    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
663        <!--[if BLOCK]><![endif]-->            <img src="https://3mfhdcm0onod.b-cdn.net/27824mtuxd3r/w_728,h_400/branden-a2-breukelen.jpg"
664                 alt="Rijkswaterstaat waarschuwt voor branden langs A2 bij Breukelen"
665                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
666        <!--[if ENDBLOCK]><![endif]-->
667        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
668        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
669            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
670            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
671            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
672            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
673            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
674    </div>
675
676    <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">
677        <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">
678            Rijkswaterstaat waarschuwt voor branden langs A2 bij Breukelen
679        </h3>
680        <p class="line-clamp-3 font-montserrat max-md:hidden">
681            BREUKELEN - Langs de A2 bij Breukelen zijn in beide richtingen branden gemeld. Rijkswaterstaat waarschuwt voor verkeershinder en mogelijke afsluitingen. De oorzaak is onbekend. Ook is niet bevestigd of de branden verband houden met Farmers Defence Force of aangetroffen buizen langs het spoor.
682        </p>
683    </div>
684</a>
685                                                    <a
686            wire:navigate
687        href="https://rtvstichtsevecht.nl/nieuws/artikel/video-wethouder-van-vliet-bezoekt-vrijwilligers-zwembad-de-meent-we-krijgen-het-moeilijker"
688        data-prepr-item-id="35ddff17-f5a4-4ba9-901e-cd67524938da"
689    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">
690
691    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
692        <!--[if BLOCK]><![endif]-->            <img src="https://3mfhdcm0onod.b-cdn.net/2w8bpodg7npj/w_728,h_400/final-master-vrijwilligersprijs00-02-27-15still002.jpg"
693                 alt="[VIDEO] Wethouder Van Vliet bezoekt vrijwilligers Zwembad De Meent: &#039;We krijgen het moeilijker&#039;"
694                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
695        <!--[if ENDBLOCK]><![endif]-->
696        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
697        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
698            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
699            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
700            <!--[if BLOCK]><![endif]-->
700                <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">
701    <i class="fa-solid fa-video"></i>
702</span>
703            <!--[if ENDBLOCK]><![endif]-->
704            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
705            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
706    </div>
707
708    <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">
709        <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">
710            [VIDEO] Wethouder Van Vliet bezoekt vrijwilligers Zwembad De Meent: &#039;We krijgen het moeilijker&#039;
711        </h3>
712        <p class="line-clamp-3 font-montserrat max-md:hidden">
713            De aanmeldingen voor de Vrijwilligersprijs Stichtse Vecht zijn weer geopend. Wethouder Karin van Vliet, tevens juryvoorzitter, ging samen met RTV Stichtse Vecht op pad bij toegewijde vrijwilligers. Deze editie staat Zwembad De Meent in Breukelen centraal. Voorzitter Nanny Heijmans runt het zwembad nog altijd met liefde, maar vertelt ook dat haar team onder hoge druk staat. De vrijwilligerspoule vergrijst en krimpt: &quot;Jongeren zijn druk met van alles. We krijgen het moeilijker.&quot;
714        </p>
715    </div>
716</a>
717                                                    <a
718            wire:navigate
719        href="https://rtvstichtsevecht.nl/nieuws/artikel/wijzerplaten-terug-op-de-toren-van-de-pieterskerk-in-breukelen-na-maanden-van-restauratie"
720        data-prepr-item-id="6192cbd6-0b01-4e94-ac75-3339e12049ae"
721    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">
722
723    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
724        <!--[if BLOCK]><![endif]-->            <img src="https://3mfhdcm0onod.b-cdn.net/6bgqyt3oa8y5/w_728,h_400,fx_51,fy_40/799143016-1398422789145683-7918686717826724104-n.jpg"
725                 alt="Wijzerplaten terug op de toren van de Pieterskerk in Breukelen na maanden van restauratie"
726                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
727        <!--[if ENDBLOCK]><![endif]-->
728        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
729        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
730            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
731            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
732            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
733            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
734            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
735    </div>
736
737    <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">
738        <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">
739            Wijzerplaten terug op de toren van de Pieterskerk in Breukelen na maanden van restauratie
740        </h3>
741        <p class="line-clamp-3 font-montserrat max-md:hidden">
742            BREUKELEN - De wijzerplaten van de Pieterskerk in Breukelen zijn terug op de toren. Na maanden zonder klok is de tijd weer zichtbaar in het straatbeeld. De platen werden volledig vernieuwd nadat tijdens de werkzaamheden bleek dat ze in slechte staat verkeerden. De terugkeer is een vertrouwd beeld voor Breukelen.
743        </p>
744    </div>
745</a>
746                        <!--[if ENDBLOCK]><![endif]-->                    </div>
747                </section>
748
749                
750                <div class="hidden lg:block">
751                    <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;vHXTd9VCLqN0gx0pkWfD&quot;,&quot;name&quot;:&quot;components.banner&quot;,&quot;path&quot;:&quot;nieuws\/breukelen&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;
75180e8e8331ab00dc0b8eb357fcee0db86057a09738744031b660d6d69b42b2bc4&quot;}" wire:effects="[]" wire:id="vHXTd9VCLqN0gx0pkWfD" wire:name="components.banner">
752<!--[if BLOCK]><![endif]-->    <!--[if BLOCK]><![endif]-->        
753        <div
754            x-data="{
755                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}]'),
756                duration: 6000,
757                current: 0,
758                interval: null,
759                containerHeight: 0,
760
761                recordImpression(item) {
762                    if (item?._id) {
763                        $wire.recordImpression(item._id);
764                    }
765                },
766
767                startAutoplay() {
768                    this.stopAutoplay();
769                    if (this.items.length <= 1) return;
770
771                    this.interval = setInterval(() => {
772                        this.current = (this.current + 1) % this.items.length;
773                    }, this.duration);
774                },
775
776                stopAutoplay() {
777                    clearInterval(this.interval);
778                    this.interval = null;
779                },
780
781                trackClick(item) {
782                    if (typeof prepr !== 'undefined') {
783                        prepr('event', 'Click', { 'id': item._id });
784                    }
785                    window.open(item.url, '_blank');
786                },
787
788                updateHeight(img) {
789                    if (img && img.complete) {
790                        this.containerHeight = img.offsetHeight;
791                    }
792                },
793
794                init() {
795                    if (this.items.length === 0) return;
796
797                    this.recordImpression(this.items[this.current]);
798                    this.$watch('current', (index) => this.recordImpression(this.items[index]));
799
800                    this.$nextTick(() => {
801                        const firstImg = this.$el.querySelector('img');
802                        if (firstImg) {
803                            if (firstImg.complete) {
804                                this.updateHeight(firstImg);
805                            } else {
806                                firstImg.addEventListener('load', () => this.updateHeight(firstImg));
807                            }
808                        }
809                    });
810
811                    this.startAutoplay();
812                }
813            }"
814            x-init="init()"
815            x-on:mouseenter="stopAutoplay()"
816            x-on:mouseleave="startAutoplay()"
817            x-show="items.length > 0"
818        >
819            <!--[if BLOCK]><![endif]-->            <h3 class="mb-2 text-sm font-montserrat text-center font-normal text-text-secondary">
820                Advertentie
821            </h3>
822            <!--[if ENDBLOCK]><![endif]-->
823            <div class="relative w-full overflow-hidden" :style="containerHeight > 0 ? `height: ${containerHeight}px` : ''">
824                <template x-for="(item, index) in items" :key="item._id || index">
825                    <a
826                        x-show="current === index"
827                        x-transition:enter="transition ease-out duration-500"
828                        x-transition:enter-start="opacity-0"
829                        x-transition:enter-end="opacity-100"
830                        x-transition:leave="transition ease-in duration-400"
831                        x-transition:leave-start="opacity-100"
832                        x-transition:leave-end="opacity-0"
833                        :href="item.url"
834                        @click.prevent="trackClick(item)"
835                        target="_blank"
836                        rel="noopener noreferrer"
837                        class="absolute top-0 left-0 w-full"
838                    >
839                        <template x-if="item.image">
840                            <img
841                                :src="item.image"
842                                :alt="item.alt"
843                                class="w-full h-auto rounded-lg"
844                                @load="if (current === index) updateHeight($el)"
845                            >
846                        </template>
847                    </a>
848                </template>
849            </div>
850        </div>
851    <!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
852
853                </div>
854                <div class="lg:hidden">
855                    <div wire:key="banner-category_top_mobile" wire:snapsh
855ot="{&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;VBigogyZAe8bsZtM8jk5&quot;,&quot;name&quot;:&quot;components.banner&quot;,&quot;path&quot;:&quot;nieuws\/breukelen&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;5617b6ac3e8c5fd45aeca22f4f6a85538c5ccbe3b23cd6c7bea172d069784c29&quot;}" wire:effects="[]" wire:id="VBigogyZAe8bsZtM8jk5" wire:name="components.banner">
856<!--[if BLOCK]><![endif]-->    <!--[if BLOCK]><![endif]-->        
857        <div
858            x-data="{
859                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}]'),
860                duration: 6000,
861                current: 0,
862                interval: null,
863                containerHeight: 0,
864
865                recordImpression(item) {
866                    if (item?._id) {
867                        $wire.recordImpression(item._id);
868                    }
869                },
870
871                startAutoplay() {
872                    this.stopAutoplay();
873                    if (this.items.length <= 1) return;
874
875                    this.interval = setInterval(() => {
876                        this.current = (this.current + 1) % this.items.length;
877                    }, this.duration);
878                },
879
880                stopAutoplay() {
881                    clearInterval(this.interval);
882                    this.interval = null;
883                },
884
885                trackClick(item) {
886                    if (typeof prepr !== 'undefined') {
887                        prepr('event', 'Click', { 'id': item._id });
888                    }
889                    window.open(item.url, '_blank');
890                },
891
892                updateHeight(img) {
893                    if (img && img.complete) {
894                        this.containerHeight = img.offsetHeight;
895                    }
896                },
897
898                init() {
899                    if (this.items.length === 0) return;
900
901                    this.recordImpression(this.items[this.current]);
902                    this.$watch('current', (index) => this.recordImpression(this.items[index]));
903
904                    this.$nextTick(() => {
905                        const firstImg = this.$el.querySelector('img');
906                        if (firstImg) {
907                            if (firstImg.complete) {
908                                this.updateHeight(firstImg);
909                            } else {
910                                firstImg.addEventListener('load', () => this.updateHeight(firstImg));
911                            }
912                        }
913                    });
914
915                    this.startAutoplay();
916                }
917            }"
918            x-init="init()"
919            x-on:mouseenter="stopAutoplay()"
920            x-on:mouseleave="startAutoplay()"
921            x-show="items.length > 0"
922        >
923            <!--[if BLOCK]><![endif]-->            <h3 class="mb-2 text-sm font-montserrat text-center font-normal text-text-secondary">
924                Advertentie
925            </h3>
926            <!--[if ENDBLOCK]><![endif]-->
927            <div class="relative w-full overflow-hidden" :style="containerHeight > 0 ? `height: ${containerHeight}px` : ''">
928                <template x-for="(item, index) in items" :key="item._id || index">
929                    <a
930                        x-show="current === index"
931                        x-transition:enter="transition ease-out duration-500"
932                        x-transition:enter-start="opacity-0"
933                        x-transition:enter-end="opacity-100"
934                        x-transition:leave="transition ease-in duration-400"
935                        x-transition:leave-start="opacity-100"
936                        x-transition:leave-end="opacity-0"
937                        :href="item.url"
938                        @click.prevent="trackClick(item)"
939                        target="_blank"
940                        rel="noopener noreferrer"
941                        class="absolute top-0 left-0 w-full"
942                    >
943                        <template x-if="item.image">
944                            <img
945                                :src="item.image"
946                                :alt="item.alt"
947                                class="w-full h-auto rounded-lg"
948                                @load="if (current === index) updateHeight($el)"
949                            >
950                        </template>
951                    </a>
952                </template>
953            </div>
954        </div>
955    <!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
956
957                </div>
958            <!--[if ENDBLOCK]><![endif]-->
959            
960            
961            <div wire:key="lw-71422695-2-1" wire:snapshot="{&quot;data&quot;:[],&quot;memo&quot;:{&quot;id&quot;:&quot;y5d8qUtjkxSKUOiZPioV&quot;,&quot;name&quot;:&quot;components.video-overview&quot;,&quot;path&quot;:&quot;nieuws\/breukelen&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;16992c042172216f0eca8a58236b2a926faf656b42625fe6b7d2a520a55c8ad6&quot;}" wire:effects="[]" wire:id="y5d8qUtjkxSKUOiZPioV" wire:name="components.video-overview" x-data="{
962    ...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}
962,\u0022display_title\u0022:\u0022PVV-moties over asielopvang en statushouders ruim verworpen\u0022}]'))
963}" >
964
965    <section>
966        <div class="border-y border-button-border py-6 relative">
967            <div class="flex items-center justify-between text-text-main mb-6">
968                <h2 class="font-bold text-xl">Kijken</h2>
969                <div class="flex items-center space-x-2.5">
970                    <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>
971                    <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>
972                </div>
973            </div>
974            <div class="relative">
975                <style> [x-ref="scrollContainer"]::-webkit-scrollbar { display: none; } </style>
976                <div x-ref="scrollContainer"
977                     class="flex items-center gap-6 overflow-x-auto scroll-smooth snap-x snap-mandatory pr-6"
978                     style="scrollbar-width: none; -ms-overflow-style: none;"
979                     onwheel="this.scrollLeft += event.deltaY">
980                    <template x-for="(video, index) in videos" :key="index">
981                        <div class="snap-start flex-shrink-0 group text-left focus:outline-none cursor-pointer"
982                             :class="{
983                                '!w-[511px]': video.broadcast.width >= video.broadcast.height,
984                                '!w-[162px]': video.broadcast.width < video.broadcast.height
985                             }"
986                             @click="openModal(index)">
987                            <div class="flex flex-col overflow-hidden">
988                                <div
989                                    class="w-full relative h-72 mb-3"
990                                    :class="{
991                                        'aspect-video': video.broadcast.width >= video.broadcast.height,
992                                        'aspect-[9/16]': video.broadcast.width < video.broadcast.height
993                                    }"
994                                >
995                                    <img
996                                        :src="video.broadcast.coverThumbUrl"
997                                        alt=""
998                                        class="object-cover w-auto h-72 rounded-xl group-hover:opacity-90"
999                                    />
1000                                    <div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-center">
1001                                        <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>
1002                                        <span class="mt-2 font-bold text-white text-xs" x-text="video.broadcast.duration"></span>
1003                                    </div>
1004                                </div>
1005                                <p x-text="video.display_title" class="text-lg font-bold truncate leading-[normal] group-hover:underline group-hover:text-brand-secondary"></p>
1006                            </div>
1007                        </div>
1008                    </template>
1009                </div>
1010                <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>
1011            </div>
1012        </div>
1013    </section>
1014
1015    
1016    <div
1017        x-show="modalOpen"
1018        x-transition.opacity
1019        x-on:keydown.window.escape.prevent="modalOpen && closeModal()"
1020        x-on:keydown.window.arrow-right.prevent="modalOpen && nextVideo($event)"
1021        x-on:keydown.window.arrow-left.prevent="modalOpen && prevVideo($event)"
1022        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"
1023        style="display: none;"
1024        x-cloak
1025        role="dialog"
1026        aria-modal="true"
1027    >
1028        <div x-on:click="closeModal()" class="absolute inset-0 bg-text-main/10 dark:bg-black/40" aria-hidden="true"></div>
1029
1030        <button
1031            type="button"
1032            x-on:click="closeModal()"
1033            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"
1034            aria-label="Sluiten"
1035        >
1036            <i class="fa-solid fa-close text-sm"></i>
1037        </button>
1038
1039        <div
1040            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"
1041            :class="(modalOpen && !isPlayerReady) ? 'overflow-hidden' : 'overflow-y-auto md:overflow-hidden'"
1042        >
1043            <template x-if="activeVideo">
1044                <div class="relative flex min-h-[45dvh] w-full flex-1 flex-col items-center justify-center md:min-h-0">
1045                    
1046                    <div
1047                        x-show="!isPlayerReady"
1048                        x-transition.opacity
1049                        class="absolute inset-0 z-30 flex items-center justify-center"
1050                    >
1051                        <div class="h-10 w-10 animate-spin rounded-full border-2 border-text-main/20 border-t-text-main"></div>
1052                    </div>
1053
1054                    <div
1055                        x-show="isPlayerReady"
1056                        x-transition.opacity
1057                        class="flex min-h-0 w-full flex-col items-center gap-[16px]"
1058                    >
1059                    <h2
1060                        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]"
1061                        x-text="activeVideo.display_title"
1062                    ></h2>
1063
1064                    <template x-if="videos.length > 1 && activeVideoIndex > 0">
1065                        <button
1066                            type="button"
1067                            x-on:click="prevVideo($event)"
1068                            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"
1069                            aria-label="Vorige video"
1070                        >
1071                            <i class="fa-solid fa-chevron-left text-xs"></i>
1072                        </button>
1073                    </template>
1074                    <template x-if="videos.length > 1 && activeVideoIndex < videos.length - 1">
1075                        <button
1076                            type="button"
1077                            x-on:click="nextVideo($event)"
1078                            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"
1079                            aria-label="Volgende video"
1080                        >
1081                            <i class="fa-solid fa-chevron-right text-xs"></i>
1082                        </button>
1083                    </template>
1084
1085                    <div class="js-modal-card-container relative w-full min-w-0 max-w-full">
1086                        <div class="relative overflow-hidden rounded-xl">
1087                            <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>
1088
1089                            <template x-if="videos.length > 1 && activeVideoIndex > 0">
1090                                <button
1091                                    type="button"
1092                                    x-on:click="prevVideo($event)"
1093                                    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"
1094                                    aria-label="Vorige video"
1095                                >
1096                                    <i class="fa-solid fa-chevron-left text-xs"></i>
1097                                </button>
1098                            </template>
1099                            <template x-if="videos.length > 1 && activeVideoIndex < videos.length - 1">
1100                                <button
1101                                    type="button"
1102                                    x-on:click="nextVideo($event)"
1103                                    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"
1104                                    aria-label="Volgende video"
1105                                >
1106                                    <i class="fa-solid fa-chevron-right text-xs"></i>
1107                                </button>
1108                            </template>
1109                        </div>
1110                    </div>
1111
1112                    <template x-if="videos.length > 1">
1113                        <div
1114                            class="pointer-events-none flex w-full justify-center"
1115                            role="group"
1116                            aria-label="Fotonavigatie"
1117                        >
1118                            <span
1119                                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]"
1120                                role="status"
1121                                x-text="(activeVideoIndex + 1) + ' / ' + videos.length"
1122                            ></span>
1123                        </div>
1124                    </template>
1125                    </div>
1126                </div>
1127            </template>
1128        </div>
1129    </div>
1130</div>
1131
1132            
1133            <!--[if BLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->                    <section wire:key="group-extra-0">
1134                        <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6">
1135                            <!--[if BLOCK]><![endif]-->                                <a
1136            wire:navigate
1137        href="https://rtvstichtsevecht.nl/nieuws/artikel/zaterdag-3-oktober-jaarlijkse-herdenking-kees-de-tippelaar"
1138        data-prepr-item-id="088e9c7a-629b-4137-a64c-ce40eaf25ace"
1139    class="group relative flex flex-row overflow-hidden rounded-xl md:flex-col cursor-pointer md:hover:shadow-[0_4px_24px_0_rgba(0,0,0,0.10)] hover:bg-surface-main-3">
1140
1141    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1142        <!--[if BLOCK]><![endif]-->            <img src="https://3mfhdcm0onod.b-cdn.net/1ds5vbaugtk1/w_728,h_400/img-20251005.jpg"
1143                 alt="Zaterdag 3 oktober jaarlijkse herdenking Kees de Tippelaar"
1144                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1145        <!--[if ENDBLOCK]><![endif]-->
1146        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1147        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1148            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1149            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1150            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1151            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1152            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1153    </div>
1154
1155    <div class="flex flex-col px-3 py-2 max-h-[75px] md:max-h-full md:p-4 md:space-y-2 w-full">
1156        <h3 class="font-bold text-base md:text-xl leading-5 md:line-clamp-2 group-hover:text-brand-secondary group-hover:underline line-clamp-3">
1157            Zaterdag 3 oktober jaarlijkse herdenking Kees de Tippelaar
1158        </h3>
1159        <p class="line-clamp-3 font-montserrat max-md:hidden">
1160            BREUKELEN - Op 3 oktober viert Breukelen de jaardag van haar beroemdste inwoner: Leonard Corneille Dudok de Wit (1843-1913). Kees Dudok de Wit maakte meerdere lange wandelingen. Zo liep hij in 1865 in Java van het uiterste oosten naar het uiterste westen van het eiland. Ook trok hij door de Molukken, China en Japan. In 1874 liep hij te voet van Amsterdam naar Parijs, in 1875 naar Wenen en 1876 vertrok hij naar de Verenigde Staten. Dudok de Wit kreeg niet voor niets de bijnaam “Kees de Tippelaar”.
1161        </p>
1162    </div>
1163</a>
1164                                                            <a
1165            wire:navigate
1166        href="https://rtvstichtsevecht.nl/nieuws/artikel/vrijwilligers-parkpodium-bedankt-na-succesvol-seizoen"
1167        data-prepr-item-id="32de090d-e087-4e4a-ad5f-24fba20f623f"
1168    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">
1169
1170    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1171        <!--[if BLOCK]><![endif]-->            <img src="https://3mfhdcm0onod.b-cdn.net/4wwmr80zir1h/w_728,h_400/img-1045.jpg"
1172                 alt="Vrijwilligers ParkPodium bedankt na succesvol seizoen"
1173                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1174        <!--[if ENDBLOCK]><![endif]-->
1175        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1176        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1177            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1178            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1179            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1180            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1181            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1182    </div>
1183
1184    <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">
1185        <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">
1186            Vrijwilligers ParkPodium bedankt na succesvol seizoen
1187        </h3>
1188        <p class="line-clamp-3 font-montserrat max-md:hidden">
1189            BREUKELEN - De vrijwilligers van ParkPodium Boom &amp; Bosch zijn bedankt voor hun inzet tijdens het afgelopen seizoen. Tijdens een gezellige borrel werd teruggekeken op tien geslaagde muziekmiddagen. De organisatie kijkt tevreden terug en maakt zich op voor volgend jaar.
1190        </p>
1191    </div>
1192</a>
1193                                                            <a
1194            wire:navigate
1195        href="https://rtvstichtsevecht.nl/nieuws/artikel/sporthal-en-multifunctionele-ruimte-kikkerfort-maandag-7-september-weer-open"
1196        data-prepr-item-id="5db0051d-5157-4e69-9b60-025f09703ac6"
1197    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">
1198
1199    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1200        <!--[if BLOCK]><![endif]-->            <img src="https://3mfhdcm0onod.b-cdn.net/w_728,h_400/49gsn3hfjeln-sportcentrum-t-kikkerfort.jpg"
1201                 alt="Sporthal en multifunctionele ruimte Kikkerfort maandag 7 september weer open"
1202                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1203        <!--[if ENDBLOCK]><![endif]-->
1204        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1205        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1206            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1207            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1208            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1209            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1210            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1211    </div>
1212
1213    <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">
1214        <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">
1215            Sporthal en multifunctionele ruimte Kikkerfort maandag 7 september weer open
1216        </h3>
1217        <p class="line-clamp-3 font-montserrat max-md:hidden">
1218            BREUKELEN - De sporthal en multifunctionele ruimte van het Kikkerfort in Breukelen gaan maandag 7 september weer open. De heropening is afhankelijk van het weer. Het zwembad blijft voorlopig gesloten. Zwemlessen en banenzwemmen vinden daarom tijdelijk plaats bij Safari in Maarssenbroek.
1219        </p>
1220    </div>
1221</a>
1222                            <!--[if ENDBLOCK]><![endif]-->                        </div>
1223                    </section>
1224                <!--[if ENDBLOCK]><![endif]-->
1225                
1226                <!--[if BLOCK]><![endif]-->                    <div class="hidden lg:block">
1227                        <div wire:key="banner-category_middle" wire:snapsh
1227ot="{&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;0gA2BBV1XpQfjDPhyF4y&quot;,&quot;name&quot;:&quot;components.banner&quot;,&quot;path&quot;:&quot;nieuws\/breukelen&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;a374cafc2a121340d9c2a9a460297d33148e10a87eb66ad374986ed8e6dfdbc3&quot;}" wire:effects="[]" wire:id="0gA2BBV1XpQfjDPhyF4y" wire:name="components.banner">
1228<!--[if BLOCK]><![endif]-->    <!--[if BLOCK]><![endif]-->        
1229        <div
1230            x-data="{
1231                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}]'),
1232                duration: 6000,
1233                current: 0,
1234                interval: null,
1235                containerHeight: 0,
1236
1237                recordImpression(item) {
1238                    if (item?._id) {
1239                        $wire.recordImpression(item._id);
1240                    }
1241                },
1242
1243                startAutoplay() {
1244                    this.stopAutoplay();
1245                    if (this.items.length <= 1) return;
1246
1247                    this.interval = setInterval(() => {
1248                        this.current = (this.current + 1) % this.items.length;
1249                    }, this.duration);
1250                },
1251
1252                stopAutoplay() {
1253                    clearInterval(this.interval);
1254                    this.interval = null;
1255                },
1256
1257                trackClick(item) {
1258                    if (typeof prepr !== 'undefined') {
1259                        prepr('event', 'Click', { 'id': item._id });
1260                    }
1261                    window.open(item.url, '_blank');
1262                },
1263
1264                updateHeight(img) {
1265                    if (img && img.complete) {
1266                        this.containerHeight = img.offsetHeight;
1267                    }
1268                },
1269
1270                init() {
1271                    if (this.items.length === 0) return;
1272
1273                    this.recordImpression(this.items[this.current]);
1274                    this.$watch('current', (index) => this.recordImpression(this.items[index]));
1275
1276                    this.$nextTick(() => {
1277                        const firstImg = this.$el.querySelector('img');
1278                        if (firstImg) {
1279                            if (firstImg.complete) {
1280                                this.updateHeight(firstImg);
1281                            } else {
1282                                firstImg.addEventListener('load', () => this.updateHeight(firstImg));
1283                            }
1284                        }
1285                    });
1286
1287                    this.startAutoplay();
1288                }
1289            }"
1290            x-init="init()"
1291            x-on:mouseenter="stopAutoplay()"
1292            x-on:mouseleave="startAutoplay()"
1293            x-show="items.length > 0"
1294        >
1295            <!--[if BLOCK]><![endif]-->            <h3 class="mb-2 text-sm font-montserrat text-center font-normal text-text-secondary">
1296                Advertentie
1297            </h3>
1298            <!--[if ENDBLOCK]><![endif]-->
1299            <div class="relative w-full overflow-hidden" :style="containerHeight > 0 ? `height: ${containerHeight}px` : ''">
1300                <template x-for="(item, index) in items" :key="item._id || index">
1301                    <a
1302                        x-show="current === index"
1303                        x-transition:enter="transition ease-out duration-500"
1304                        x-transition:enter-start="opacity-0"
1305                        x-transition:enter-end="opacity-100"
1306                        x-transition:leave="transition ease-in duration-400"
1307                        x-transition:leave-start="opacity-100"
1308                        x-transition:leave-end="opacity-0"
1309                        :href="item.url"
1310                        @click.prevent="trackClick(item)"
1311                        target="_blank"
1312                        rel="noopener noreferrer"
1313                        class="absolute top-0 left-0 w-full"
1314                    >
1315                        <template x-if="item.image">
1316                            <img
1317                                :src="item.image"
1318                                :alt="item.alt"
1319                                class="w-full h-auto rounded-lg"
1320                                @load="if (current === index) updateHeight($el)"
1321                            >
1322                        </template>
1323                    </a>
1324                </template>
1325            </div>
1326        </div>
1327    <!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
1328
1329                    </div>
1330                    <div class="lg:hidden">
1331                        <div wire:key="banner-category_middle_mobile" wire:snapsh
1331ot="{&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;LUA7i4JLqMplz0FVJiVe&quot;,&quot;name&quot;:&quot;components.banner&quot;,&quot;path&quot;:&quot;nieuws\/breukelen&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;5cb2c628df2d1864182807eb5156def12303bc57e503ea25209e1485a146a2de&quot;}" wire:effects="[]" wire:id="LUA7i4JLqMplz0FVJiVe" wire:name="components.banner">
1332<!--[if BLOCK]><![endif]-->    <!--[if BLOCK]><![endif]-->        
1333        <div
1334            x-data="{
1335                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}]'),
1336                duration: 6000,
1337                current: 0,
1338                interval: null,
1339                containerHeight: 0,
1340
1341                recordImpression(item) {
1342                    if (item?._id) {
1343                        $wire.recordImpression(item._id);
1344                    }
1345                },
1346
1347                startAutoplay() {
1348                    this.stopAutoplay();
1349                    if (this.items.length <= 1) return;
1350
1351                    this.interval = setInterval(() => {
1352                        this.current = (this.current + 1) % this.items.length;
1353                    }, this.duration);
1354                },
1355
1356                stopAutoplay() {
1357                    clearInterval(this.interval);
1358                    this.interval = null;
1359                },
1360
1361                trackClick(item) {
1362                    if (typeof prepr !== 'undefined') {
1363                        prepr('event', 'Click', { 'id': item._id });
1364                    }
1365                    window.open(item.url, '_blank');
1366                },
1367
1368                updateHeight(img) {
1369                    if (img && img.complete) {
1370                        this.containerHeight = img.offsetHeight;
1371                    }
1372                },
1373
1374                init() {
1375                    if (this.items.length === 0) return;
1376
1377                    this.recordImpression(this.items[this.current]);
1378                    this.$watch('current', (index) => this.recordImpression(this.items[index]));
1379
1380                    this.$nextTick(() => {
1381                        const firstImg = this.$el.querySelector('img');
1382                        if (firstImg) {
1383                            if (firstImg.complete) {
1384                                this.updateHeight(firstImg);
1385                            } else {
1386                                firstImg.addEventListener('load', () => this.updateHeight(firstImg));
1387                            }
1388                        }
1389                    });
1390
1391                    this.startAutoplay();
1392                }
1393            }"
1394            x-init="init()"
1395            x-on:mouseenter="stopAutoplay()"
1396            x-on:mouseleave="startAutoplay()"
1397            x-show="items.length > 0"
1398        >
1399            <!--[if BLOCK]><![endif]-->            <h3 class="mb-2 text-sm font-montserrat text-center font-normal text-text-secondary">
1400                Advertentie
1401            </h3>
1402            <!--[if ENDBLOCK]><![endif]-->
1403            <div class="relative w-full overflow-hidden" :style="containerHeight > 0 ? `height: ${containerHeight}px` : ''">
1404                <template x-for="(item, index) in items" :key="item._id || index">
1405                    <a
1406                        x-show="current === index"
1407                        x-transition:enter="transition ease-out duration-500"
1408                        x-transition:enter-start="opacity-0"
1409                        x-transition:enter-end="opacity-100"
1410                        x-transition:leave="transition ease-in duration-400"
1411                        x-transition:leave-start="opacity-100"
1412                        x-transition:leave-end="opacity-0"
1413                        :href="item.url"
1414                        @click.prevent="trackClick(item)"
1415                        target="_blank"
1416                        rel="noopener noreferrer"
1417                        class="absolute top-0 left-0 w-full"
1418                    >
1419                        <template x-if="item.image">
1420                            <img
1421                                :src="item.image"
1422                                :alt="item.alt"
1423                                class="w-full h-auto rounded-lg"
1424                                @load="if (current === index) updateHeight($el)"
1425                            >
1426                        </template>
1427                    </a>
1428                </template>
1429            </div>
1430        </div>
1431    <!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
1432
1433                    </div>
1434                <!--[if ENDBLOCK]><![endif]-->                            <!--[if BLOCK]><![endif]-->                    <section wire:key="group-extra-1">
1435                        <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6">
1436                            <!--[if BLOCK]><![endif]-->                                <a
1437            wire:navigate
1438        href="https://rtvstichtsevecht.nl/nieuws/artikel/stichtse-vecht-gaat-niet-in-hoger-beroep-over-betaald-parkeren-pr-breukelen"
1439        data-prepr-item-id="701b5786-7428-48ac-b5ac-4003cfba05d6"
1440    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">
1441
1442    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1443        <!--[if BLOCK]><![endif]-->            <img src="https://3mfhdcm0onod.b-cdn.net/w_728,h_400/7ah72um8vo63-dji-0119.jpg"
1444                 alt="Stichtse Vecht gaat niet in hoger beroep over betaald parkeren P+R Breukelen"
1445                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1446        <!--[if ENDBLOCK]><![endif]-->
1447        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1448        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1449            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1450            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1451            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1452            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1453            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1454    </div>
1455
1456    <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">
1457        <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">
1458            Stichtse Vecht gaat niet in hoger beroep over betaald parkeren P+R Breukelen
1459        </h3>
1460        <p class="line-clamp-3 font-montserrat max-md:hidden">
1461            BREUKELEN - De gemeente Stichtse Vecht gaat niet in hoger beroep tegen betaald parkeren bij de P plus R in Breukelen. De rechtbank bepaalde in juli dat de provincie betaald parkeren mag invoeren. De gemeente legt zich daarbij neer en wil nu met de provincie overleggen over een zo laag mogelijk parkeertarief. Wanneer het betaald parkeren ingaat, is nog niet bekend.
1462        </p>
1463    </div>
1464</a>
1465                                                            <a
1466            wire:navigate
1467        href="https://rtvstichtsevecht.nl/nieuws/artikel/woningen-ontruimd-en-straat-afgezet-na-gaslek-in-breukelen"
1468        data-prepr-item-id="79474049-548d-4b7a-a836-5fd3add1a43e"
1469    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">
1470
1471    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1472        <!--[if BLOCK]><![endif]-->            <img src="https://3mfhdcm0onod.b-cdn.net/w_728,h_400/749b9e49-9796-482f-ada2-ecaae8ca03ee.jpg"
1473                 alt="Woningen ontruimd en straat afgezet na gaslek in Breukelen"
1474                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1475        <!--[if ENDBLOCK]><![endif]-->
1476        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1477        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1478            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1479            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1480            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1481            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1482            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1483    </div>
1484
1485    <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">
1486        <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">
1487            Woningen ontruimd en straat afgezet na gaslek in Breukelen
1488        </h3>
1489        <p class="line-clamp-3 font-montserrat max-md:hidden">
1490            BREUKELEN - In Breukelen zijn dinsdag enkele woningen aan de Stinzenlaan ontruimd. Ook werd de straat enige tijd afgezet. De oorzaak was een gaslek.
1491        </p>
1492    </div>
1493</a>
1494                                                            <a
1495            wire:navigate
1496        href="https://rtvstichtsevecht.nl/nieuws/artikel/parkpodium-sluit-seizoen-feestelijk-af"
1497        data-prepr-item-id="fb903bb2-8c91-48a0-9865-4aaa552d0d57"
1498    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">
1499
1500    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1501        <!--[if BLOCK]><![endif]-->            <img src="https://3mfhdcm0onod.b-cdn.net/6x0db6bv08ov/w_728,h_400/pp30aug0595-logo.jpg"
1502                 alt="Parkpodium sluit seizoen feestelijk af"
1503                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1504        <!--[if ENDBLOCK]><![endif]-->
1505        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1506        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1507            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1508            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1509            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1510            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1511            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1512    </div>
1513
1514    <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">
1515        <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">
1516            Parkpodium sluit seizoen feestelijk af
1517        </h3>
1518        <p class="line-clamp-3 font-montserrat max-md:hidden">
1519            BREUKELEN - Parkpodium heeft het seizoen afgesloten met een feestelijke middag vol muziek, dans en zon. Angelo &amp; Friends en David Dam zorgden voor optredens, waarna bezoekers samen op het podium afsloten. Met tien zondagen vol muziek en gezelligheid kijkt de organisatie terug op een geslaagd seizoen.
1520        </p>
1521    </div>
1522</a>
1523                            <!--[if ENDBLOCK]><![endif]-->                        </div>
1524                    </section>
1525                <!--[if ENDBLOCK]><![endif]-->
1526                
1527                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                            <!--[if BLOCK]><![endif]-->                    <section wire:key="group-extra-2">
1528                        <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6">
1529                            <!--[if BLOCK]><![endif]-->                                <a
1530            wire:navigate
1531        href="https://rtvstichtsevecht.nl/nieuws/artikel/langgekoesterde-wens-in-breukelen-noord-gaat-eindelijk-in-vervulling"
1532        data-prepr-item-id="47380a73-266a-454a-800e-7cdcfc93d1ab"
1533    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">
1534
1535    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1536        <!--[if BLOCK]><![endif]-->            <img src="https://3mfhdcm0onod.b-cdn.net/5sclemhm9lu/w_728,h_400/zebrapaden-breukelen.jpg"
1537                 alt="Langgekoesterde wens in Breukelen Noord gaat eindelijk in vervulling"
1538                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1539        <!--[if ENDBLOCK]><![endif]-->
1540        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1541        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1542            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1543            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1544            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1545            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1546            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1547    </div>
1548
1549    <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">
1550        <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">
1551            Langgekoesterde wens in Breukelen Noord gaat eindelijk in vervulling
1552        </h3>
1553        <p class="line-clamp-3 font-montserrat max-md:hidden">
1554            BREUKELEN - Na jaren aandringen van inwoners en de wijkcommissie komen er toch twee zebrapaden bij Winkelcentrum Noord in Breukelen. Eén komt aan de Karel Doormanweg, vlak voor de bushalte. De andere komt aan de Orttswarande, tegenover de pinautomaat. Een parkeervak maakt plaats voor de nieuwe oversteek.
1555        </p>
1556    </div>
1557</a>
1558                                                            <a
1559            wire:navigate
1560        href="https://rtvstichtsevecht.nl/nieuws/artikel/parkpodium-swingt-van-jazz-naar-meezingers"
1561        data-prepr-item-id="9b927350-15f8-4497-8fef-3aa87c881f37"
1562    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">
1563
1564    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1565        <!--[if BLOCK]><![endif]-->            <img src="https://3mfhdcm0onod.b-cdn.net/4yqcihiumb0/w_728,h_400/parkpodium-25-aug-4.jpg"
1566                 alt="ParkPodium swingt van jazz naar meezingers"
1567                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1568        <!--[if ENDBLOCK]><![endif]-->
1569        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1570        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1571            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1572            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1573            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1574            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1575            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1576    </div>
1577
1578    <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">
1579        <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">
1580            ParkPodium swingt van jazz naar meezingers
1581        </h3>
1582        <p class="line-clamp-3 font-montserrat max-md:hidden">
1583            BREUKELEN - Jazzliefhebbers keken uit naar de komst van de vermaarde trompettist Michael Varekamp, terwijl feestvierders niet konden wachten tot de Maarssense Teun Landzaat met zijn gouden stem het podium zou pakken. Zo bood het Breukelse ParkPodium zondag opnieuw voor ieder wat wils, met ideaal weer op de koop toe.
1584        </p>
1585    </div>
1586</a>
1587                                                            <a
1588            wire:navigate
1589        href="https://rtvstichtsevecht.nl/nieuws/artikel/aanhouding-na-melding-mogelijke-schietpartij-breukelen"
1590        data-prepr-item-id="43369298-4525-424e-b5c3-ddeeb10bc954"
1591    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">
1592
1593    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1594        <!--[if BLOCK]><![endif]-->            <img src="https://3mfhdcm0onod.b-cdn.net/w_728,h_400/6f0fqm17w269-.jpg"
1595                 alt="Aanhouding na melding mogelijke schietpartij Breukelen"
1596                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1597        <!--[if ENDBLOCK]><![endif]-->
1598        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1599        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1600            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1601            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1602            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1603            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1604            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1605    </div>
1606
1607    <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">
1608        <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">
1609            Aanhouding na melding mogelijke schietpartij Breukelen
1610        </h3>
1611        <p class="line-clamp-3 font-montserrat max-md:hidden">
1612            BREUKELEN - De politie heeft een man aangehouden na een melding van een mogelijke schietpartij in Breukelen. Een omstander hoorde iemand om hulp roepen, waarna agenten onderzoek deden. Of er daadwerkelijk is geschoten, is nog onduidelijk. De politie onderzoekt wat er precies is gebeurd en w
1612at de aanleiding was.
1613        </p>
1614    </div>
1615</a>
1616                                                            <a
1617            wire:navigate
1618        href="https://rtvstichtsevecht.nl/nieuws/artikel/bestuurder-blaast-ruim-twee-keer-de-limiet-na-aanrijding-in-breukelen"
1619        data-prepr-item-id="23868f0e-9bf0-4384-bb9a-e535ffaab26a"
1620    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">
1621
1622    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1623        <!--[if BLOCK]><![endif]-->            <img src="https://3mfhdcm0onod.b-cdn.net/w_728,h_400/6f0fqm17w269-.jpg"
1624                 alt="Bestuurder blaast ruim twee keer de limiet na aanrijding in Breukelen"
1625                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1626        <!--[if ENDBLOCK]><![endif]-->
1627        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1628        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1629            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1630            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1631            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1632            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1633            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1634    </div>
1635
1636    <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">
1637        <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">
1638            Bestuurder blaast ruim twee keer de limiet na aanrijding in Breukelen
1639        </h3>
1640        <p class="line-clamp-3 font-montserrat max-md:hidden">
1641            BREUKELEN - Een bestuurder is na een aanrijding aangehouden wegens rijden onder invloed. Op het bureau blies de bestuurder 885 microgram alcohol per liter uitgeademde lucht. Voor een beginnend bestuurder ligt de invorderingsgrens op 350 microgram. Er wordt proces-verbaal opgemaakt.
1642        </p>
1643    </div>
1644</a>
1645                                                            <a
1646            wire:navigate
1647        href="https://rtvstichtsevecht.nl/nieuws/artikel/lezing-beleg-volgens-de-filosofie-van-warren-buffet"
1648        data-prepr-item-id="aea1453c-10d3-434f-8bc1-9acf8070d0f9"
1649    class="group relative flex flex-row overflow-hidden rounded-xl md:flex-col cursor-pointer md:hover:shadow-[0_4px_24px_0_rgba(0,0,0,0.10)] hover:bg-surface-main-3">
1650
1651    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1652        <!--[if BLOCK]><![endif]-->            <img src="https://3mfhdcm0onod.b-cdn.net/1uzmb941tta6/w_728,h_400/cd0321a0-c99d-4e1a-8bd0-345b50942abe.jpg"
1653                 alt="Lezing: beleg volgens de filosofie van Warren Buffet"
1654                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1655        <!--[if ENDBLOCK]><![endif]-->
1656        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1657        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1658            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1659            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1660            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1661            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1662            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1663    </div>
1664
1665    <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">
1666        <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">
1667            Lezing: beleg volgens de filosofie van Warren Buffet
1668        </h3>
1669        <p class="line-clamp-3 font-montserrat max-md:hidden">
1670            BREUKELEN - Bestaat er een beleggingsstrategie die de aandelenmarkt verslaat? Jazeker: value-beleggen volgens de principes van Warren Buffett.
1671        </p>
1672    </div>
1673</a>
1674                                                            <a
1675            wire:navigate
1676        href="https://rtvstichtsevecht.nl/nieuws/artikel/cursus-paleografie-voor-beginners-bij-regionaal-archief-noordwest-utrecht"
1677        data-prepr-item-id="510f0c7d-a31b-49d5-b2da-15c926daef7c"
1678    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">
1679
1680    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1681        <!--[if BLOCK]><![endif]-->            <img src="https://3mfhdcm0onod.b-cdn.net/3gzjriagxohh/w_728,h_400/cfd73398-1c93-4bb8-b2ee-cf7027d08daa.jpg"
1682                 alt="Cursus paleografie voor beginners bij Regionaal Archief Noordwest Utrecht"
1683                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1684        <!--[if ENDBLOCK]><![endif]-->
1685        <!--[if BLOCK]><![endif]-->
1685            <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">
1686                Duik in de wereld van oude geschriften
1687            </span>
1688        <!--[if ENDBLOCK]><![endif]-->
1689        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1690            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1691            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1692            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1693            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1694            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1695    </div>
1696
1697    <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">
1698        <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">
1699            Cursus paleografie voor beginners bij Regionaal Archief Noordwest Utrecht
1700        </h3>
1701        <p class="line-clamp-3 font-montserrat max-md:hidden">
1702            BREUKELEN - Ben je gefascineerd door geschiedenis, werk je aan je stamboom of wil je meer weten over de historie van je huis of woonplaats? Dan heb je vast al eens een prachtig oud document in handen gehad, maar wat staat daar eigenlijk? Dit najaar helpt het Regionaal Archief Noordwest Utrecht je op weg met een inspirerende beginnerscursus paleografie – de kunst van het lezen van oude handschriften.
1703        </p>
1704    </div>
1705</a>
1706                            <!--[if ENDBLOCK]><![endif]-->                        </div>
1707                    </section>
1708                <!--[if ENDBLOCK]><![endif]-->
1709                
1710                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            <!--[if ENDBLOCK]><![endif]-->
1711            <!--[if BLOCK]><![endif]-->                <section>
1712                    <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6">
1713                        <!--[if BLOCK]><![endif]-->                            <a
1714            wire:navigate
1715        href="https://rtvstichtsevecht.nl/nieuws/artikel/laatste-werkzaamheden-n402-zorgen-voor-nachtafsluiting"
1716        data-prepr-item-id="c88204f4-b403-48f0-941a-a1df4f5d5654"
1717    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">
1718
1719    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1720        <!--[if BLOCK]><![endif]-->            <img src="https://3mfhdcm0onod.b-cdn.net/5029ceu8mab7/w_728,h_400/werkzaamheden-aan-n402.jpg"
1721                 alt="Laatste werkzaamheden N402 zorgen voor nachtafsluiting"
1722                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1723        <!--[if ENDBLOCK]><![endif]-->
1724        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1725        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1726            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1727            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1728            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1729            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1730            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1731    </div>
1732
1733    <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">
1734        <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">
1735            Laatste werkzaamheden N402 zorgen voor nachtafsluiting
1736        </h3>
1737        <p class="line-clamp-3 font-montserrat max-md:hidden">
1738            STICHSTE VECHT - De N402 tussen Maarssen en Breukelen is in de nacht van 2 op 3 september afgesloten. De provincie brengt dan de paarse middenstreep en glasbollen aan. Woningen en bedrijven blijven bereikbaar. Doorgaand verkeer wordt omgeleid via de A2. Bij slecht weer verschuift het werk een dag.
1739        </p>
1740    </div>
1741</a>
1742                                                    <a
1743            wire:navigate
1744        href="https://rtvstichtsevecht.nl/nieuws/artikel/vechtse-vaarparade-wordt-griezelig-en-gezellig"
1745        data-prepr-item-id="02afd258-9402-4e96-92c3-13857cc5079e"
1746    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">
1747
1748    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1749        <!--[if BLOCK]><![endif]-->            <img src="https://3mfhdcm0onod.b-cdn.net/w_728,h_400/3v70q9squeuy-vechtse-vaarparade-2022-6.png"
1750                 alt="Vechtse Vaarparade wordt griezelig en gezellig"
1751                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1752        <!--[if ENDBLOCK]><![endif]-->
1753        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1754        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1755            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1756            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1757            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1758            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1759            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1760    </div>
1761
1762    <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">
1763        <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">
1764            Vechtse Vaarparade wordt griezelig en gezellig
1765        </h3>
1766        <p class="line-clamp-3 font-montserrat max-md:hidden">
1767            STICHTSE VECHT - De Vechtse Vaarparde zal dit jaar op zaterdag 12 september worden gehouden. Dit jaar kan het wel eens een griezelig evenement worden, want het thema is &#039;Halloween&#039;.
1768        </p>
1769    </div>
1770</a>
1771                                                    <a
1772            wire:navigate
1773        href="https://rtvstichtsevecht.nl/nieuws/artikel/weer-genieten-op-parkpodium-in-boom-en-bosch"
1774        data-prepr-item-id="f865303d-17c2-4ab4-996c-4dcf830cfef2"
1775    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">
1776
1777    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1778        <!--[if BLOCK]><![endif]-->            <img src="https://3mfhdcm0onod.b-cdn.net/4x0i29qfj77n/w_728,h_400/pp16aug022-logo.jpg"
1779                 alt="Weer genieten op ParkPodium in Boom en Bosch"
1780                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1781        <!--[if ENDBLOCK]><![endif]-->
1782        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1783        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1784            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1785            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1786            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1787            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1788            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1789    </div>
1790
1791    <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">
1792        <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">
1793            Weer genieten op ParkPodium in Boom en Bosch
1794        </h3>
1795        <p class="line-clamp-3 font-montserrat max-md:hidden">
1796            BREUKELEN - Het was alweer de achtste zondagmiddag van dit ParkPodiumseizoen en opnieuw viel alles op zijn plek: volop zon, twee sterke optredens en een park dat gedurende de middag steeds verder volliep.
1797        </p>
1798    </div>
1799</a>
1800                                                    <a
1801            wire:navigate
1802        href="https://rtvstichtsevecht.nl/nieuws/artikel/indrukwekkende-indie-herdenking-in-breukelen"
1803        data-prepr-item-id="31803e76-6f6c-42e4-8add-466c91466a32"
1804    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">
1805
1806    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1807        <!--[if BLOCK]><![endif]-->            <img src="https://3mfhdcm0onod.b-cdn.net/3sfxozh3la1w/w_728,h_400/d4441aed-2279-486a-897e-707d86e5a2ae.jpg"
1808                 alt="Indrukwekkende Indië herdenking in Breukelen"
1809                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1810        <!--[if ENDBLOCK]><![endif]-->
1811        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1812        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1813            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1814            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1815            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1816            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1817            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1818    </div>
1819
1820    <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">
1821        <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">
1822            Indrukwekkende Indië herdenking in Breukelen
1823        </h3>
1824        <p class="line-clamp-3 font-montserrat max-md:hidden">
1825            BREUKELEN - Jaarlijks herdenkt de Indische gemeenschap op 15 augustus het einde van de tweede wereldoorlog in Indië.
1826        </p>
1827    </div>
1828</a>
1829                                                    <a
1830            wire:navigate
1831        href="https://rtvstichtsevecht.nl/nieuws/artikel/warm-of-niet-parkpodium-kreeg-iedereen-in-beweging"
1832        data-prepr-item-id="65c8d985-8c64-4533-b95b-0847b15fed91"
1833    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">
1834
1835    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1836        <!--[if BLOCK]><![endif]-->            <img src="https://3mfhdcm0onod.b-cdn.net/1x0vklxe9gxz/w_728,h_400/pp9aug0331-logo.jpg"
1837                 alt="Warm of niet: ParkPodium kreeg iedereen in beweging"
1838                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1839        <!--[if ENDBLOCK]><![endif]-->
1840        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1841        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1842            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1843            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1844            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1845            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1846            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1847    </div>
1848
1849    <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">
1850        <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">
1851            Warm of niet: ParkPodium kreeg iedereen in beweging
1852        </h3>
1853        <p class="line-clamp-3 font-montserrat max-md:hidden">
1854            BREUKELEN - De mussen vielen zowat van het dak, maar wie van gospel en soul hield, zat zondag in het park. Alle stoelen, inclusief de tweehonderd nieuwe, stonden strategisch in de schaduw. En waar dat niet zo was, regelde het publiek zelf een koele plek. Zo kon iedereen volop genieten van twee tomeloos energieke optredens.
1855        </p>
1856    </div>
1857</a>
1858                                                    <a
1859            wire:navigate
1860        href="https://rtvstichtsevecht.nl/nieuws/artikel/tien-jaar-fluisterstil-genieten-op-de-fietsboot"
1861        data-prepr-item-id="87c6731d-01fc-4361-9786-fecbc3512d04"
1862    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">
1863
1864    <div class="relative overflow-hidden w-[120px] md:w-full shrink-0">
1865        <!--[if BLOCK]><![endif]-->            <img src="https://3mfhdcm0onod.b-cdn.net/1hsgzkr1ka18/w_728,h_400/fietsboot.jpg"
1866                 alt="Tien jaar fluisterstil genieten op de Fietsboot"
1867                 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200">
1868        <!--[if ENDBLOCK]><![endif]-->
1869        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1870        <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20">
1871            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1872            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1873            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1874            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1875            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1876    </div>
1877
1878    <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">
1879        <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">
1880            Tien jaar fluisterstil genieten op de Fietsboot
1881        </h3>
1882        <p class="line-clamp-3 font-montserrat max-md:hidden">
1883            STICHTSE VECHT - Na zeven jaar voorzitterschap draagt Bernard van de Weert met een gerust hart het roer over. Letterlijk niet – dat laten de schippers liever zelf doen – maar figuurlijk wel. De enthousiaste voorzitter van de Stichting Veerdie
1883nsten op de Vecht kijkt met trots terug op een periode waarin de Fietsboot uitgroeide tot een geliefde en duurzame trekpleister voor fietsers, wandelaars en natuurliefhebbers.
1884        </p>
1885    </div>
1886</a>
1887                        <!--[if ENDBLOCK]><![endif]-->                    </div>
1888                </section>
1889            <!--[if ENDBLOCK]><![endif]-->
1890            <!--[if BLOCK]><![endif]-->                <section>
1891                    <div class="w-full flex justify-center">
1892                        <button
1893                            wire:click="loadMore"
1894                            wire:loading.attr="disabled"
1895                            wire:loading.class="opacity-70 cursor-not-allowed"
1896                            wire:target="loadMore"
1897                            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"
1898                        >
1899                            <svg wire:loading wire:target="loadMore" class="animate-spin h-4 w-4 text-text-main" fill="none" viewBox="0 0 24 24">
1900                                <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
1901                                <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8v8H4z"></path>
1902                            </svg>
1903                            <span>Toon meer</span>
1904                        </button>
1905                    </div>
1906                </section>
1907            <!--[if ENDBLOCK]><![endif]-->
1908            <div class="hidden lg:block">
1909                <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;https:\/\/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;
1909yjhiUo9bnbkEU6SoDP7m&quot;,&quot;name&quot;:&quot;components.banner&quot;,&quot;path&quot;:&quot;nieuws\/breukelen&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;62283f755d61872c1796bcd81ddd97d06d4e78020ad30a27ec2bae04fa2c058f&quot;}" wire:effects="[]" wire:id="yjhiUo9bnbkEU6SoDP7m" wire:name="components.banner">
1910<!--[if BLOCK]><![endif]-->    <!--[if BLOCK]><![endif]-->        
1911        <section
1912            x-data="{
1913                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}]'),
1914                duration: 4000,
1915                currentPage: 0,
1916                interval: null,
1917                transitionTimeout: null,
1918                maxSlides: 5,
1919                slidesToShow: 1,
1920                itemWidth: 250,
1921                gap: 16,
1922                transitionVisible: true,
1923                /** Must match leave transition duration (ms) so fade-out finishes before content swap */
1924                leaveDurationMs: 450,
1925
1926                recordVisibleImpressions() {
1927                    this.visibleItems().forEach((item) => {
1928                        if (item?._id) {
1929                            $wire.recordImpression(item._id);
1930                        }
1931                    });
1932                },
1933
1934                get slideStart() {
1935                    return this.currentPage * this.slidesToShow;
1936                },
1937
1938                totalPages() {
1939                    if (this.items.length === 0 || this.slidesToShow === 0) {
1940                        return 1;
1941                    }
1942                    return Math.ceil(this.items.length / this.slidesToShow);
1943                },
1944
1945                startAutoplay() {
1946                    this.stopAutoplay();
1947                    if (this.items.length <= this.slidesToShow) return;
1948                    if (this.totalPages() <= 1) return;
1949
1950                    this.interval = setInterval(() => {
1951                        this.goToPage((this.currentPage + 1) % this.totalPages());
1952                    }, this.duration);
1953                },
1954
1955                stopAutoplay() {
1956                    clearInterval(this.interval);
1957                    this.interval = null;
1958                    clearTimeout(this.transitionTimeout);
1959                    // Prevent blank state when a fade-out is interrupted.
1960                    this.transitionVisible = true;
1961                },
1962
1963                trackClick(item) {
1964                    if (typeof prepr !== 'undefined') {
1965                        prepr('event', 'Click', { 'id': item._id });
1966                    }
1967                    window.open(item.url, '_blank');
1968                },
1969
1970                visibleItems() {
1971                    const start = this.currentPage * this.slidesToShow;
1972                    const end = start + this.slidesToShow;
1973
1974                    if (end > this.items.length) {
1975                        return [
1976                            ...this.items.slice(start, this.items.length),
1977                            ...this.items.slice(0, end - this.items.length)
1978                        ];
1979                    }
1980                    return this.items.slice(start, end);
1981                },
1982
1983                goToPage(nextPage) {
1984                    if (nextPage === this.currentPage) return;
1985
1986                    this.transitionVisible = false;
1987                    clearTimeout(this.transitionTimeout);
1988                    this.transitionTimeout = setTimeout(() => {
1989                        this.currentPage = nextPage;
1990                        this.$nextTick(() => {
1991                            this.transitionVisible = true;
1992                            this.recordVisibleImpressions();
1993                        });
1994                    }, this.leaveDurationMs);
1995                },
1996
1997                calculateSlidesToShowFromWidth() {
1998                    const container = this.$refs.sliderContainer;
1999                    if (!container) return 1;
2000
2001                    const cs = window.getComputedStyle(container);
2002                    const padX =
2003                        (parseFloat(cs.paddingLeft) || 0) + (parseFloat(cs.paddingRight) || 0);
2004                    const innerWidth = Math.max(0, container.clientWidth - padX);
2005                    let count = Math.floor((innerWidth + this.gap) / (this.itemWidth + this.gap));
2006                    return Math.max(1, count);
2007                },
2008
2009                updateSlidesToShow() {
2010                    let newCount;
2011                    if (this.maxSlides > 0) {
2012                        newCount = Math.min(this.maxSlides, this.items.length);
2013                    } else {
2014                        newCount = this.calculateSlidesToShowFromWidth();
2015                    }
2016
2017                    if (newCount !== this.slidesToShow) {
2018                        this.slidesToShow = newCount;
2019                        this.currentPage = 0;
2020                        this.transitionVisible = true;
2021                        clearTimeout(this.transitionTimeout);
2022                        this.startAutoplay();
2023                    }
2024                },
2025
2026                init() {
2027                    if (this.items.length === 0) return;
2028
2029                    this.$nextTick(() => {
2030                        this.updateSlidesToShow();
2031                        this.recordVisibleImpressions();
2032                        this.startAutoplay();
2033                    });
2034                }
2035            }"
2036            x-init="init()"
2037            x-on:mouseenter="stopAutoplay()"
2038            x-on:mouseleave="startAutoplay()"
2039            x-on:resize.window.debounce.300ms="updateSlidesToShow()"
2040            class="min-w-0 w-full rounded-xl bg-surface-light-3 p-3"
2041            x-show="items.length > 0"
2042            style="display: none;"
2043        >
2044            <!--[if BLOCK]><![endif]-->            <h3 class="mb-2 text-sm font-montserrat text-center font-normal text-text-secondary">
2045                Advertentie
2046            </h3>
2047            <!--[if ENDBLOCK]><![endif]-->
2048            <div
2049                x-ref="sliderContainer"
2050                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"
2051            >
2052                <div class="relative h-full w-full">
2053                    <div
2054                        x-show="transitionVisible"
2055                        x-transition:enter="transition ease-out duration-[550ms]"
2056                        x-transition:enter-start="opacity-0"
2057                        x-transition:enter-end="opacity-100"
2058                        x-transition:leave="transition ease-in duration-[450ms]"
2059                        x-transition:leave-start="opacity-100"
2060                        x-transition:leave-end="opacity-0"
2061                        class="absolute inset-0 flex w-full max-w-full min-w-0 items-center gap-4"
2062                    >
2063                        <template x-for="(item, index) in visibleItems()" :key="`page-${currentPage}-${item._id || index}`">
2064                            <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">
2065                                <template x-if="item.image">
2066                                    <img :src="item.image" :alt="item.alt" class="max-h-[60px] w-full max-w-full object-contain">
2067                                </template>
2068                            </a>
2069                        </template>
2070                    </div>
2071                </div>
2072            </div>
2073        </section>
2074    <!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
2075
2076            </div>
2077            <div class="lg:hidden">
2078                <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;t73EG0aoTbttmaGZUefQ&quot;,&quot;name&quot;:&quot;components.banner&quot;,&quot;path&quot;:&quot;nieuws\/breukelen&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;e0cd2025060bd1ae5a1683ab2991671c02cfa1eea55c5c745dde16ad7d905f5d&quot;}" wire:effects="[]" wire:id="t73EG0aoTbttmaGZUefQ" wire:name="components.banner">
2079<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
2080
2081            </div>
2082        </div>
2083
2084        
2085        <div class="space-y-8 shrink-0">
2086            <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;dmjT0rQ071JLK6ibj7US&quot;,&quot;name&quot;:&quot;components.banner&quot;,&quot;path&quot;:&quot;nieuws\/breukelen&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;8ff8c7eb6d0cb4b1f97bb514854ef5685a9393461d2d35071396610ce32f17a4&quot;}" wire:effects="[]" wire:id="dmjT0rQ071JLK6ibj7US" wire:name="components.banner">
2087<!--[if BLOCK]><![endif]-->    <!--[if BLOCK]><![endif]-->        
2088        <div
2089            x-data="{
2090                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}]'),
2091                duration: 6000,
2092                current: 0,
2093                interval: null,
2094                containerHeight: 0,
2095
2096                recordImpression(item) {
2097                    if (item?._id) {
2098                        $wire.recordImpression(item._id);
2099                    }
2100                },
2101
2102                startAutoplay() {
2103                    this.stopAutoplay();
2104                    if (this.items.length <= 1) return;
2105
2106                    this.interval = setInterval(() => {
2107                        this.current = (this.current + 1) % this.items.length;
2108                    }, this.duration);
2109                },
2110
2111                stopAutoplay() {
2112                    clearInterval(this.interval);
2113                    this.interval = null;
2114                },
2115
2116                trackClick(item) {
2117                    if (typeof prepr !== 'undefined') {
2118                        prepr('event', 'Click', { 'id': item._id });
2119                    }
2120                    window.open(item.url, '_blank');
2121                },
2122
2123                updateHeight(img) {
2124                    if (img && img.complete) {
2125                        this.containerHeight = img.offsetHeight;
2126                    }
2127                },
2128
2129                init() {
2130                    if (this.items.length === 0) return;
2131
2132                    this.recordImpression(this.items[this.current]);
2133                    this.$watch('current', (index) => this.recordImpression(this.items[index]));
2134
2135                    this.$nextTick(() => {
2136                        const firstImg = this.$el.querySelector('img');
2137                        if (firstImg) {
2138                            if (firstImg.complete) {
2139                                this.updateHeight(firstImg);
2140                            } else {
2141                                firstImg.addEventListener('load', () => this.updateHeight(firstImg));
2142                            }
2143                        }
2144                    });
2145
2146                    this.startAutoplay();
2147                }
2148            }"
2149            x-init="init()"
2150            x-on:mouseenter="stopAutoplay()"
2151            x-on:mouseleave="startAutoplay()"
2152            x-show="items.length > 0"
2153        >
2154            <!--[if BLOCK]><![endif]-->            <h3 class="mb-2 text-sm font-montserrat text-center font-normal text-text-secondary">
2155                Advertentie
2156            </h3>
2157            <!--[if ENDBLOCK]><![endif]-->
2158            <div class="relative w-full overflow-hidden" :style="containerHeight > 0 ? `height: ${containerHeight}px` : ''">
2159                <template x-for="(item, index) in items" :key="item._id || index">
2160                    <a
2161                        x-show="current === index"
2162                        x-transition:enter="transition ease-out duration-500"
2163                        x-transition:enter-start="opacity-0"
2164                        x-transition:enter-end="opacity-100"
2165                        x-transition:leave="transition ease-in duration-400"
2166                        x-transition:leave-start="opacity-100"
2167                        x-transition:leave-end="opacity-0"
2168                        :href="item.url"
2169                        @click.prevent="trackClick(item)"
2170                        target="_blank"
2171                        rel="noopener noreferrer"
2172                        class="absolute top-0 left-0 w-full"
2173                    >
2174                        <template x-if="item.image">
2175                            <img
2176                                :src="item.image"
2177                                :alt="item.alt"
2178                                class="w-full h-auto rounded-lg"
2179                                @load="if (current === index) updateHeight($el)"
2180                            >
2181                        </template>
2182                    </a>
2183                </template>
2184            </div>
2185        </div>
2186    <!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
2187
2188
2189            <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;
2189#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;xTyz14dbRdmMJwJt53XP&quot;,&quot;name&quot;:&quot;components.live-overview&quot;,&quot;path&quot;:&quot;nieuws\/breukelen&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;cd5394e12f51dcc7cf23cf27d7457703afc8c1774635e64fd411f6b80da37038&quot;}" wire:effects="[]" wire:id="xTyz14dbRdmMJwJt53XP" wire:name="components.live-overview" wire:poll.60s="getLiveItems" >
2190
2191    <!--[if BLOCK]><![endif]-->        <div class="bg-surface-light-3 p-4 rounded-lg">
2192            <h3 class="font-bold mb-3">Nu Live</h3>
2193            <div class="space-y-3">
2194                <!--[if BLOCK]><![endif]-->                    <div wire:key="live-6ab5841d8fc4f">
2195                        
2196                        
2197                        <!--[if BLOCK]><![endif]-->                            <a
2198                                href="https://rtvstichtsevecht.nl/televisie/live"
2199                                                                class="bg-surface-main-4 p-4 flex flex-row gap-x-4 rounded-lg justify-between items-center group"
2200                            >
2201                                <div class="flex flex-row gap-x-4 group-hover:text-brand-secondary">
2202                                    <i class="fa-solid text-xl fa-tv-retro"></i>
2203                                    <div class="flex flex-col leading-[24px]">
2204                                        <span class="text-lg font-bold group-hover:underline">Live TV</span>
2205                                        <!--[if BLOCK]><![endif]-->                                            <span class="text-sm font-montserrat">Kabelkrant</span>
2206                                        <!--[if ENDBLOCK]><![endif]-->                                    </div>
2207                                </div>
2208                                <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">
2209                                    <i class="fa-solid fa-play"></i>
2210                                </div>
2211                            </a>
2212                            
2213                        <!--[if ENDBLOCK]><![endif]-->                    </div>
2214                                    <div wire:key="live-6ab5841d8fc54">
2215                        
2216                        
2217                        <!--[if BLOCK]><![endif]-->                            <a
2218                                href="https://rtvstichtsevecht.nl/radio/live"
2219                                                                class="bg-surface-main-4 p-4 flex flex-row gap-x-4 rounded-lg justify-between items-center group"
2220                            >
2221                                <div class="flex flex-row gap-x-4 group-hover:text-brand-secondary">
2222                                    <i class="fa-solid text-xl fa-radio-tuner"></i>
2223                                    <div class="flex flex-col leading-[24px]">
2224                                        <span class="text-lg font-bold group-hover:underline">Live radio</span>
2225                                        <!--[if BLOCK]><![endif]-->                                            <span class="text-sm font-montserrat">Samen de avond in...</span>
2226                                        <!--[if ENDBLOCK]><![endif]-->                                    </div>
2227                                </div>
2228                                <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">
2229                                    <i class="fa-solid fa-play"></i>
2230                                </div>
2231                            </a>
2232                            
2233                        <!--[if ENDBLOCK]><![endif]-->                    </div>
2234                <!--[if ENDBLOCK]><![endif]-->            </div>
2235        </div>
2236    <!--[if ENDBLOCK]><![endif]--></div>
2237            <div wire:key="most-read-overview-component" wire:snapsh
2237ot="{&quot;data&quot;:[],&quot;memo&quot;:{&quot;id&quot;:&quot;JRLJPzxf6Uww13Y3XYOs&quot;,&quot;name&quot;:&quot;components.most-read-overview&quot;,&quot;path&quot;:&quot;nieuws\/breukelen&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;0d4612edc8a899967cd3dbf57bf86ac78e85744b08a3b531121c0774386cf050&quot;}" wire:effects="[]" wire:id="JRLJPzxf6Uww13Y3XYOs" wire:name="components.most-read-overview" class="bg-surface-light-3 p-4 rounded-lg" >
2238    <h3 class="font-bold mb-3">Meest gelezen</h3>
2239    <div class="space-y-3">
2240
2241        <!--[if BLOCK]><![endif]-->                        <a wire:key="most-read-20182364-334e-430f-9e6e-d2e3527b7e1c"
2242                                    wire:navigate
2243                    href="https://rtvstichtsevecht.nl/nieuws/artikel/politiek-kiest-voor-komst-332-nieuwbouwwoningen-in-maarssenbroek"
2244                                class="group flex items-start gap-2 rounded-lg bg-surface-main-4 p-4 cursor-pointer"
2245                data-prepr-item-id="20182364-334e-430f-9e6e-d2e3527b7e1c">
2246
2247                
2248                <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">
2249                    Politiek kiest voor komst 332 nieuwbouwwoningen in Maarssenbroek
2250                </span>
2251
2252                <img
2253                    src="https://3mfhdcm0onod.b-cdn.net/7fgefv8c3143/w_100,h_70/drone-picture.png"
2254                    alt="Politiek kiest voor komst 332 nieuwbouwwoningen in Maarssenbroek"
2255                    class="w-[91px] h-[64px] object-cover rounded shrink-0">
2256            </a>
2257                                <a wire:key="most-read-a91b40d8-376d-44d5-bc44-fff5cb84773e"
2258                                    wire:navigate
2259                    href="https://rtvstichtsevecht.nl/nieuws/artikel/veel-veranderingen-voor-busreizigers-in-stichtse-vecht"
2260                                class="group flex items-start gap-2 rounded-lg bg-surface-main-4 p-4 cursor-pointer"
2261                data-prepr-item-id="a91b40d8-376d-44d5-bc44-fff5cb84773e">
2262
2263                
2264                <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">
2265                    Veel veranderingen voor busreizigers in Stichtse Vecht
2266                </span>
2267
2268                <img
2269                    src="https://3mfhdcm0onod.b-cdn.net/w_100,h_70/3meubw2uv5eh-.jpg"
2270                    alt="Veel veranderingen voor busreizigers in Stichtse Vecht"
2271                    class="w-[91px] h-[64px] object-cover rounded shrink-0">
2272            </a>
2273                                <a wire:key="most-read-362d962e-c1dd-4128-ac7e-159d2ea7472f"
2274                                    wire:navigate
2275                    href="https://rtvstichtsevecht.nl/nieuws/artikel/boeren-opgepakt-na-actie-met-brandende-hooibalen-langs-de-a2-bij-breukelen"
2276                                class="group flex items-start gap-2 rounded-lg bg-surface-main-4 p-4 cursor-pointer"
2277                data-prepr-item-id="362d962e-c1dd-4128-ac7e-159d2ea7472f">
2278
2279                
2280                <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">
2281                    Boeren opgepakt na actie met brandende hooibalen langs de A2 bij Breukelen
2282                </span>
2283
2284                <img
2285                    src="https://3mfhdcm0onod.b-cdn.net/qhbgze8wqbh/w_100,h_70/img-2445.jpg"
2286                    alt="Boeren opgepakt na actie met brandende hooibalen langs de A2 bij Breukelen"
2287                    class="w-[91px] h-[64px] object-cover rounded shrink-0">
2288            </a>
2289                                <a wire:key="most-read-f6546206-088f-402a-b7bf-34b2052b6077"
2290                                    wire:navigate
2291                    href="https://rtvstichtsevecht.nl/nieuws/artikel/inbrekers-slaan-toe-bij-brandweerpost-kockengen-levensreddend-materiaal-verdwenen"
2292                                class="group flex items-start gap-2 rounded-lg bg-surface-main-4 p-4 cursor-pointer"
2293                data-prepr-item-id="f6546206-088f-402a-b7bf-34b2052b6077">
2294
2295                
2296                <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">
2297                    Inbrekers slaan toe bij brandweerpost Kockengen: levensreddend materiaal verdwenen
2298                </span>
2299
2300                <img
2301                    src="https://3mfhdcm0onod.b-cdn.net/4tzvjmwegcho/w_100,h_70/inbraak-brandweerkazerne.jpg"
2302                    alt="Inbrekers slaan toe bij brandweerpost Kockengen: levensreddend materiaal verdwenen"
2303                    class="w-[91px] h-[64px] object-cover rounded shrink-0">
2304            </a>
2305                                <a wire:key="most-read-aa42eaa9-28d7-4439-b1aa-0209979a585f"
2306                                    wire:navigate
2307                    href="https://rtvstichtsevecht.nl/nieuws/artikel/islamitisch-centrum-stichtse-vecht-opent-deuren-na-gemeentelijke-weigering"
2308                                class="group flex items-start gap-2 rounded-lg bg-surface-main-4 p-4 cursor-pointer"
2309                data-prepr-item-id="aa42eaa9-28d7-4439-b1aa-0209979a585f">
2310
2311                
2312                <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">
2313                    Islamitisch Centrum Stichtse Vecht opent deuren na gemeentelijke weigering
2314                </span>
2315
2316                <img
2317                    src="https://3mfhdcm0onod.b-cdn.net/w_100,h_70/5y4tdbeb6biw-img-1250.jpg"
2318                    alt="Islamitisch Centrum Stichtse Vecht opent deuren na gemeentelijke weigering"
2319                    class="w-[91px] h-[64px] object-cover rounded shrink-0">
2320            </a>
2321        <!--[if ENDBLOCK]><![endif]-->
2322    </div>
2323</div>
2324            <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;
2324mailchimp_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;EQXevMOgkYbEtfPr2bh9&quot;,&quot;name&quot;:&quot;components.weather-overview&quot;,&quot;path&quot;:&quot;nieuws\/breukelen&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;d16745c51ca78f3ed95cafafd99fe57e853681fd1e764246bf80ca229496256b&quot;}" wire:effects="[]" wire:id="EQXevMOgkYbEtfPr2bh9" wire:name="components.weather-overview">
2325    <!--[if BLOCK]><![endif]-->        <div class="bg-surface-light-3 p-4 rounded-xl">
2326            <h3 class="font-bold mb-3">Weersverwachting</h3>
2327            <div class="grid gap-2 grid-cols-4">
2328                <!--[if BLOCK]><![endif]-->                    <div wire:key="weather-do" class="p-3 bg-surface-main-4 flex flex-col gap-3 items-center rounded-lg">
2329                    <span class="font-bold text-lg text-text-main">
2330                        do
2331                    </span>
2332                        <img src="https://rtvstichtsevecht.nl/images/weather/04n.svg" width="32" height="32" alt="icon" />
2333                        <span class="text-lg font-bold text-text-main">
2334                        12°
2335                    </span>
2336                        <span class="text-xs text-text-main">
2337                        12°
2338                    </span>
2339                        <span class="text-xs text-text-main">
2340                        0.0 mm
2341                    </span>
2342                    </div>
2343                                    <div wire:key="weather-vr" class="p-3 bg-surface-main-4 flex flex-col gap-3 items-center rounded-lg">
2344                    <span class="font-bold text-lg text-text-main">
2345                        vr
2346                    </span>
2347                        <img src="https://rtvstichtsevecht.nl/images/weather/01d.svg" width="32" height="32" alt="icon" />
2348                        <span class="text-lg font-bold text-text-main">
2349                        23°
2350                    </span>
2351                        <span class="text-xs text-text-main">
2352                        11°
2353                    </span>
2354                        <span class="text-xs text-text-main">
2355                        0.0 mm
2356                    </span>
2357                    </div>
2358                                    <div wire:key="weather-za" class="p-3 bg-surface-main-4 flex flex-col gap-3 items-center rounded-lg">
2359                    <span class="font-bold text-lg text-text-main">
2360                        za
2361                    </span>
2362                        <img src="https://rtvstichtsevecht.nl/images/weather/10d.svg" width="32" height="32" alt="icon" />
2363                        <span class="text-lg font-bold text-text-main">
2364                        19°
2365                    </span>
2366                        <span class="text-xs text-text-main">
2367                        14°
2368                    </span>
2369                        <span class="text-xs text-text-main">
2370                        0.1 mm
2371                    </span>
2372                    </div>
2373                                    <div wire:key="weather-zo" class="p-3 bg-surface-main-4 flex flex-col gap-3 items-center rounded-lg">
2374                    <span class="font-bold text-lg text-text-main">
2375                        zo
2376                    </span>
2377                        <img src="https://rtvstichtsevecht.nl/images/weather/04d.svg" width="32" height="32" alt="icon" />
2378                        <span class="text-lg font-bold text-text-main">
2379                        20°
2380                    </span>
2381                        <span class="text-xs text-text-main">
2382                        12°
2383                    </span>
2384                        <span class="text-xs text-text-main">
2385                        0.0 mm
2386                    </span>
2387                    </div>
2388                <!--[if ENDBLOCK]><![endif]-->            </div>
2389        </div>
2390    <!--[if ENDBLOCK]><![endif]--></div>
2391
2392            <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;PQZ05lpzFnrNk59UIixo&quot;,&quot;name&quot;:&quot;components.banner&quot;,&quot;path&quot;:&quot;nieuws\/breukelen&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;39c7e4fe534ce4f0e368cb1972904d7fd3e9ef922daaaa271af9ce0573ae6c38&quot;}" wire:effects="[]" wire:id="PQZ05lpzFnrNk59UIixo" wire:name="components.banner">
2393<!--[if BLOCK]><![endif]-->    <!--[if BLOCK]><![endif]-->        
2394        <div
2395            x-data="{
2396                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}]'),
2397                duration: 6000,
2398                current: 0,
2399                interval: null,
2400                containerHeight: 0,
2401
2402                recordImpression(item) {
2403                    if (item?._id) {
2404                        $wire.recordImpression(item._id);
2405                    }
2406                },
2407
2408                startAutoplay() {
2409                    this.stopAutoplay();
2410                    if (this.items.length <= 1) return;
2411
2412                    this.interval = setInterval(() => {
2413                        this.current = (this.current + 1) % this.items.length;
2414                    }, this.duration);
2415                },
2416
2417                stopAutoplay() {
2418                    clearInterval(this.interval);
2419                    this.interval = null;
2420                },
2421
2422                trackClick(item) {
2423                    if (typeof prepr !== 'undefined') {
2424                        prepr('event', 'Click', { 'id': item._id });
2425                    }
2426                    window.open(item.url, '_blank');
2427                },
2428
2429                updateHeight(img) {
2430                    if (img && img.complete) {
2431                        this.containerHeight = img.offsetHeight;
2432                    }
2433                },
2434
2435                init() {
2436                    if (this.items.length === 0) return;
2437
2438                    this.recordImpression(this.items[this.current]);
2439                    this.$watch('current', (index) => this.recordImpression(this.items[index]));
2440
2441                    this.$nextTick(() => {
2442                        const firstImg = this.$el.querySelector('img');
2443                        if (firstImg) {
2444                            if (firstImg.complete) {
2445                                this.updateHeight(firstImg);
2446                            } else {
2447                                firstImg.addEventListener('load', () => this.updateHeight(firstImg));
2448                            }
2449                        }
2450                    });
2451
2452                    this.startAutoplay();
2453                }
2454            }"
2455            x-init="init()"
2456            x-on:mouseenter="stopAutoplay()"
2457            x-on:mouseleave="startAutoplay()"
2458            x-show="items.length > 0"
2459        >
2460            <!--[if BLOCK]><![endif]-->            <h3 class="mb-2 text-sm font-montserrat text-center font-normal text-text-secondary">
2461                Advertentie
2462            </h3>
2463            <!--[if ENDBLOCK]><![endif]-->
2464            <div class="relative w-full overflow-hidden" :style="containerHeight > 0 ? `height: ${containerHeight}px` : ''">
2465                <template x-for="(item, index) in items" :key="item._id || index">
2466                    <a
2467                        x-show="current === index"
2468                        x-transition:enter="transition ease-out duration-500"
2469                        x-transition:enter-start="opacity-0"
2470                        x-transition:enter-end="opacity-100"
2471                        x-transition:leave="transition ease-in duration-400"
2472                        x-transition:leave-start="opacity-100"
2473                        x-transition:leave-end="opacity-0"
2474                        :href="item.url"
2475                        @click.prevent="trackClick(item)"
2476                        target="_blank"
2477                        rel="noopener noreferrer"
2478                        class="absolute top-0 left-0 w-full"
2479                    >
2480                        <template x-if="item.image">
2481                            <img
2482                                :src="item.image"
2483                                :alt="item.alt"
2484                                class="w-full h-auto rounded-lg"
2485                                @load="if (current === index) updateHeight($el)"
2486                            >
2487                        </template>
2488                    </a>
2489                </template>
2490            </div>
2491        </div>
2492    <!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
2493
2494            <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;H1P1oaYkfYHGm1Ae1W6P&quot;,&quot;name&quot;:&quot;components.banner&quot;,&quot;path&quot;:&quot;nieuws\/breukelen&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;d3a09dda6e569b639a3443f262ee33d20927b99346ce6f282e594ed1e3d2a57f&quot;}" wire:effects="[]" wire:id="H1P1oaYkfYHGm1Ae1W6P" wire:name="components.banner">
2495<!--[if BLOCK]><![endif]-->    <!--[if BLOCK]><![endif]-->        
2496        <div
2497            x-data="{
2498                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}]'),
2499                duration: 6000,
2500                current: 0,
2501                interval: null,
2502                containerHeight: 0,
2503
2504                recordImpression(item) {
2505                    if (item?._id) {
2506                        $wire.recordImpression(item._id);
2507                    }
2508                },
2509
2510                startAutoplay() {
2511                    this.stopAutoplay();
2512                    if (this.items.length <= 1) return;
2513
2514                    this.interval = setInterval(() => {
2515                        this.current = (this.current + 1) % this.items.length;
2516                    }, this.duration);
2517                },
2518
2519                stopAutoplay() {
2520                    clearInterval(this.interval);
2521                    this.interval = null;
2522                },
2523
2524                trackClick(item) {
2525                    if (typeof prepr !== 'undefined') {
2526                        prepr('event', 'Click', { 'id': item._id });
2527                    }
2528                    window.open(item.url, '_blank');
2529                },
2530
2531                updateHeight(img) {
2532                    if (img && img.complete) {
2533                        this.containerHeight = img.offsetHeight;
2534                    }
2535                },
2536
2537                init() {
2538                    if (this.items.length === 0) return;
2539
2540                    this.recordImpression(this.items[this.current]);
2541                    this.$watch('current', (index) => this.recordImpression(this.items[index]));
2542
2543                    this.$nextTick(() => {
2544                        const firstImg = this.$el.querySelector('img');
2545                        if (firstImg) {
2546                            if (firstImg.complete) {
2547                                this.updateHeight(firstImg);
2548                            } else {
2549                                firstImg.addEventListener('load', () => this.updateHeight(firstImg));
2550                            }
2551                        }
2552                    });
2553
2554                    this.startAutoplay();
2555                }
2556            }"
2557            x-init="init()"
2558            x-on:mouseenter="stopAutoplay()"
2559            x-on:mouseleave="startAutoplay()"
2560            x-show="items.length > 0"
2561        >
2562            <!--[if BLOCK]><![endif]-->            <h3 class="mb-2 text-sm font-montserrat text-center font-normal text-text-secondary">
2563                Advertentie
2564            </h3>
2565            <!--[if ENDBLOCK]><![endif]-->
2566            <div class="relative w-full overflow-hidden" :style="containerHeight > 0 ? `height: ${containerHeight}px` : ''">
2567                <template x-for="(item, index) in items" :key="item._id || index">
2568                    <a
2569                        x-show="current === index"
2570                        x-transition:enter="transition ease-out duration-500"
2571                        x-transition:enter-start="opacity-0"
2572                        x-transition:enter-end="opacity-100"
2573                        x-transition:leave="transition ease-in duration-400"
2574                        x-transition:leave-start="opacity-100"
2575                        x-transition:leave-end="opacity-0"
2576                        :href="item.url"
2577                        @click.prevent="trackClick(item)"
2578                        target="_blank"
2579                        rel="noopener noreferrer"
2580                        class="absolute top-0 left-0 w-full"
2581                    >
2582                        <template x-if="item.image">
2583                            <img
2584                                :src="item.image"
2585                                :alt="item.alt"
2586                                class="w-full h-auto rounded-lg"
2587                                @load="if (current === index) updateHeight($el)"
2588                            >
2589                        </template>
2590                    </a>
2591                </template>
2592            </div>
2593        </div>
2594    <!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
2595
2596            <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;GuhBdGJrJ5ypWOdrM8Nh&quot;,&quot;name&quot;:&quot;components.banner&quot;,&quot;path&quot;:&quot;nieuws\/breukelen&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;c55d1a67b358db0181cbe5a8c65a8e0205947f564d4742664c0838afbdb089ea&quot;}" wire:effects="[]" wire:id="GuhBdGJrJ5ypWOdrM8Nh" wire:name="components.banner">
2597<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
2598
2599            <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;PPUKKAH25I2NjiBtFtf4&quot;,&quot;name&quot;:&quot;components.banner&quot;,&quot;path&quot;:&quot;nieuws\/breukelen&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;4dd2617572f105bc31139e1565e51399ef1a9b18065906b8341e7618585df4f7&quot;}" wire:effects="[]" wire:id="PPUKKAH25I2NjiBtFtf4" wire:name="components.banner">
2600<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
2601
2602        </div>
2603    </div>
2604</main>
2605
2606                        </div>
2607
2608<div>
2609    
2610    
2611    
2612    <footer class="bg-surface-main-3 mt-16 pt-10 pb-[68px] lg:pb-0">
2613        <div class="lg:container mx-auto px-6 pb-8">
2614            <div class="grid grid-cols-1 md:grid-cols-4 xl:grid-cols-8 gap-8">
2615
2616                
2617                <div class="col-span-1 md:col-span-2 xl:col-span-2 space-y-6">
2618                    <img
2619            :src="$store.ui?.darkMode ? 'https://rtvstichtsevecht.nl/tenants/rtvstichtsevecht/logo-dark.svg?v=1789721948' : 'https://rtvstichtsevecht.nl/tenants/rtvstichtsevecht/logo-light.svg?v=1789721948'"
2620            src="https://rtvstichtsevecht.nl/tenants/rtvstichtsevecht/logo-light.svg?v=1789721948"
2621            alt="Logo"
2622            class="h-10 w-auto"
2623            loading="eager"
2624        >
2625    
2626                    
2627                    
2628                                            <div class="flex flex-row gap-3">
2629                                                            <a href="https://www.facebook.com/rtvsv"
2630                                   title="fa-facebook"
2631                                   aria-label="Volg ons op fa-facebook"
2632                                   target="_blank"
2633                                   rel="noopener noreferrer"
2634                                   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">
2635                                    <i class="fa-brands fa-facebook" aria-hidden="true"></i>
2636                                </a>
2637                                                            <a href="https://www.youtube.com/user/rtvstichtsevecht/"
2638                                   title="fa-youtube"
2639                                   aria-label="Volg ons op fa-youtube"
2640                                   target="_blank"
2641                                   rel="noopener noreferrer"
2642                                   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">
2643                                    <i class="fa-brands fa-youtube" aria-hidden="true"></i>
2644                                </a>
2645                                                            <a href="https://twitter.com/rtvsv"
2646                                   title="fa-x-twitter"
2647                                   aria-label="Volg ons op fa-x-twitter"
2648                                   target="_blank"
2649                                   rel="noopener noreferrer"
2650                                   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">
2651                                    <i class="fa-brands fa-x-twitter" aria-hidden="true"></i>
2652                                </a>
2653                                                            <a href="https://www.instagram.com/rtvsv"
2654                                   title="fa-instagram"
2655                                   aria-label="Volg ons op fa-instagram"
2656                                   target="_blank"
2657                                   rel="noopener noreferrer"
2658                                   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">
2659                                    <i class="fa-brands fa-instagram" aria-hidden="true"></i>
2660                                </a>
2661                                                    </div>
2662                                    </div>
2663
2664                
2665                <div class="col-span-1 md:col-span-4 xl:col-span-4">
2666                    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-16">
2667                                                                                                                        <div>
2668                                        <h4 class="text-xs font-bold text-text-tertiary mb-4 font-roboto-condensed">
2669                                            Televisie
2670                                        </h4>
2671                                                                                    <div class="space-y-4 text-lg font-bold flex flex-col">
2672                                                                                                    <a
2673            wire:navigate href="https://rtvstichtsevecht.nl/televisie/gemist/uitzending-gemist"
2674    
2675    class="transition hover:underline"
2676>
2677    Televisie gemist
2678</a>
2679                                                                                                    <a
2680            wire:navigate href="https://rtvstichtsevecht.nl/televisie/gids"
2681    
2682    class="transition hover:underline"
2683>
2684    Televisiegids
2685</a>
2686                                                                                                    <a
2687            wire:navigate href="https://rtvstichtsevecht.nl/televisie/live"
2688    
2689    class="transition hover:underline"
2690>
2691    TV live
2692</a>
2693                                                                                                    <a
2694            href="https://www.youtube.com/user/rtvstichtsevecht/" target="_blank" rel="noopener noreferrer"
2695    
2696    class="transition hover:underline"
2697>
2698    YouTube
2699</a>
2700                                                                                            </div>
2701                                                                            </div>
2702                                                                                                                                <div>
2703                                        <h4 class="text-xs font-bold text-text-tertiary mb-4 font-roboto-condensed">
2704                                            Radio
2705                                        </h4>
2706                                                                                    <div class="space-y-4 text-lg font-bold flex flex-col">
2707                                                                                                    <a
2708            wire:navigate href="https://rtvstichtsevecht.nl/radio/gids"
2709    
2710    class="transition hover:underline"
2711>
2712    Radiogids
2713</a>
2714                                                                                                    <a
2715            wire:navigate href="https://rtvstichtsevecht.nl/radio/live"
2716    
2717    class="transition hover:underline"
2718>
2719    Radio live
2720</a>
2721                                                                                                    <a
2722            wire:navigate href="https://rtvstichtsevecht.nl/radio/gemist/podcasts"
2723    
2724    class="transition hover:underline"
2725>
2726    Podcasts
2727</a>
2728                                                                                            </div>
2729                                                                            </div>
2730                                                                                                                                <div>
2731                                        <h4 class="text-xs font-bold text-text-tertiary mb-4 font-roboto-condensed">
2732                                            Mobiel
2733                                        </h4>
2734                                                                                    <div class="space-y-4 text-lg font-bold flex flex-col">
2735                                                                                                    <a
2736            href="https://play.google.com/store/apps/details?id=com.rtvsoftw
2736are.rtvstichtsevecht" target="_blank" rel="noopener noreferrer"
2737    
2738    class="transition hover:underline"
2739>
2740    Android
2741</a>
2742                                                                                                    <a
2743            href="https://apps.apple.com/us/app/rtv-stichtse-vecht/id6747617193" target="_blank" rel="noopener noreferrer"
2744    
2745    class="transition hover:underline"
2746>
2747    iPhone app
2748</a>
2749                                                                                            </div>
2750                                                                            </div>
2751                                                                                                                                <div>
2752                                        <h4 class="text-xs font-bold text-text-tertiary mb-4 font-roboto-condensed">
2753                                            Over RTV-SV
2754                                        </h4>
2755                                                                                    <div class="space-y-4 text-lg font-bold flex flex-col">
2756                                                                                                    <a
2757            wire:navigate href="https://rtvstichtsevecht.nl/contact"
2758    
2759    class="transition hover:underline"
2760>
2761    Contact
2762</a>
2763                                                                                                    <a
2764            wire:navigate href="https://rtvstichtsevecht.nl/adverteren"
2765    
2766    class="transition hover:underline"
2767>
2768    Adverteren
2769</a>
2770                                                                                                    <a
2771            wire:navigate href="https://rtvstichtsevecht.nl/vacatures"
2772    
2773    class="transition hover:underline"
2774>
2775    Redactie &amp; vacatures
2776</a>
2777                                                                                                    <a
2778            wire:navigate href="https://rtvstichtsevecht.nl/frequenties"
2779    
2780    class="transition hover:underline"
2781>
2782    Frequenties
2783</a>
2784                                                                                                    <a
2785            wire:navigate href="https://rtvstichtsevecht.nl/ambitie-visie"
2786    
2787    class="transition hover:underline"
2788>
2789    Visie &amp; ambitie
2790</a>
2791                                                                                                    <a
2792            wire:navigate href="https://rtvstichtsevecht.nl/klachten"
2793    
2794    class="transition hover:underline"
2795>
2796    Klachtenregeling
2797</a>
2798                                                                                                    <a
2799            wire:navigate href="https://rtvstichtsevecht.nl/anbi-informatie"
2800    
2801    class="transition hover:underline"
2802>
2803    ANBI-regeling
2804</a>
2805                                                                                            </div>
2806                                                                            </div>
2807                                                                                                        </div>
2808                </div>
2809
2810                
2811                <div class="col-span-1 md:col-span-2 xl:col-span-2 space-y-4 xl:pl-16">
2812                    
2813                                            
2814                                                    <h4 class="text-xs font-bold text-text-tertiary">
2815                                Tip de redactie
2816                            </h4>
2817                            <a wire:navigate
2818                               href="https://rtvstichtsevecht.nl/tip-de-redactie"
2819                               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">
2820                                Neem contact op
2821                                <i class="fa-solid fa-chevron-right text-xs"></i>
2822                            </a>
2823                                            
2824                    <h4 class="text-xs font-bold text-text-tertiary">Weergaveopties</h4>
2825                    <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">
2826                        <span class="sr-only">Gebruik lichte of donkere modus</span>
2827                        <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>
2828                        <span class="absolute inset-0 flex items-center">
2829                            <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>
2830                            <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>
2831                        </span>
2832                    </button>
2833                </div>
2834            </div>
2835        </div>
2836
2837        
2838        <div class="py-3 text-sm font-medium font-montserrat text-text-tertiary bg-surface-background">
2839            <div class="lg:container mx-auto px-6 justify-between flex items-center">
2840                <p>&copy;  2026</p>
2841                                    <div class="flex flex-row gap-8 text-xs">
2842                                                                                    <a
2843            wire:navigate href="https://rtvstichtsevecht.nl/meer-informatie-over-cookies"
2844    
2845    class="transition text-text-tertiary underline"
2846>
2847    Cookies
2848</a>
2849                                                                        </div>
2850                            </div>
2851        </div>
2852    </footer>
2853
2854    
2855    
2856    
2857    <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">
2858        <nav class="w-full">
2859            <ul class="space-y-2 pb-6">
2860                                                                                        <li x-data="{ isOpen: true }">
2861                                                                    <div class="w-full flex justify-between items-center p-2 rounded-lg transition !bg-transparent hover:!bg-transparent hover:text-brand-secondary">
2862                                        <a wire:navigate href="https://rtvstichtsevecht.nl/nieuws" class="flex-grow">
2863                                            <span class="text-lg font-bold font-roboto-condensed">Nieuws</span>
2864                                        </a>
2865                                        <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">
2866                                            <i class="fa-solid fa-chevron-up transition-transform duration-200" :class="{ 'rotate-180': !isOpen }"></i>
2867                                        </button>
2868                                    </div>
2869
2870                                    <ul x-show="isOpen" x-transition class="px-3 pt-2 space-y-2">
2871                                                                                    <li>
2872                                                <a
2873            wire:navigate href="https://rtvstichtsevecht.nl/nieuws"
2874    
2875    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"
2876>
2877    Nieuws
2878</a>
2879                                            </li>
2880                                                                                    <li>
2881                                                <a
2882            wire:navigate href="https://rtvstichtsevecht.nl/nieuws/breukelen"
2883    
2884    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"
2885>
2886    Breukelen
2887</a>
2888                                            </li>
2889                                                                                    <li>
2890                                                <a
2891            wire:navigate href="https://rtvstichtsevecht.nl/nieuws/nieuwer-ter-aa"
2892    
2893    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"
2894>
2895    Nieuwe Ter Aa
2896</a>
2897                                            </li>
2898                                                                                    <li>
2899                                                <a
2900            wire:navigate href="https://rtvstichtsevecht.nl/nieuws/kockengen"
2901    
2902    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"
2903>
2904    Kockengen
2905</a>
2906                                            </li>
2907                                                                                    <li>
2908                                                <a
2909            wire:navigate href="https://rtvstichtsevecht.nl/nieuws/nieuwersluis"
2910    
2911    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"
2912>
2913    Nieuwersluis
2914</a>
2915                                            </li>
2916                                                                                    <li>
2917                                                <a
2918            wire:navigate href="https://rtvstichtsevecht.nl/nieuws/loenen-ad-vecht"
2919    
2920    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"
2921>
2922    Loenen a/d Vecht
2923</a>
2924                                            </li>
2925                                                                                    <li>
2926                                                <a
2927            wire:navigate href="https://rtvstichtsevecht.nl/nieuws/nigtevecht"
2928    
2929    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"
2930>
2931    Nigtevecht
2932</a>
2933                                            </li>
2934                                                                                    <li>
2935                                                <a
2936            wire:navigate href="https://rtvstichtsevecht.nl/nieuws/loenersloot"
2937    
2938    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"
2939>
2940    Loenersloot
2941</a>
2942                                            </li>
2943                                                                                    <li>
2944                                                <a
2945            wire:navigate href="https://rtvstichtsevecht.nl/nieuws/oud-zuilen"
2946    
2947    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"
2948>
2949    Oud-Zuilen
2950</a>
2951                                            </li>
2952                                                                                    <li>
2953                                                <a
2954            wire:navigate href="https://rtvstichtsevecht.nl/nieuws/maarssen-dorp"
2955    
2956    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"
2957>
2958    Maarssen-Dorp
2959</a>
2960                                            </li>
2961                                                                                    <li>
2962                                                <a
2963            wire:navigate href="https://rtvstichtsevecht.nl/nieuws/vreeland"
2964    
2965    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"
2966>
2967    Vreeland
2968</a>
2969                                            </li>
2970                                                                                    <li>
2971                                                <a
2972            wire:navigate href="https://rtvstichtsevecht.nl/nieuws/maarssenbroek"
2973    
2974    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"
2975>
2976    Maarssenbroek
2977</a>
2978                                            </li>
2979                                                                                    <li>
2980                                                <a
2981            wire:navigate href="https://rtvstichtsevecht.nl/nieuws/maarsseveen"
2982    
2983    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"
2984>
2985    Maarsseveen/Tienhoven
2986</a>
2987                                            </li>
2988                                                                                    <li>
2989                                                <a
2990            wire:navigate href="https://rtvstichtsevecht.nl/nieuws/regio"
2991    
2992    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"
2993>
2994    Regio
2995</a>
2996                                            </li>
2997                                                                            </ul>
2998                                                            </li>
2999                            <hr class="border-surface-light-3 mt-2">
3000                                                                                                <li x-data="{ isOpen: true }">
3001                                                                    <div class="w-full flex justify-between items-center p-2 rounded-lg transition !bg-transparent hover:!bg-transparent hover:text-brand-secondary">
3002                                        <a wire:navigate href="https://rtvstichtsevecht.nl/nieuws/samenleving" class="flex-grow">
3003                                            <span class="text-lg font-bold font-roboto-condensed">Samenleving</span>
3004                                        </a>
3005                                        <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">
3006                                            <i class="fa-solid fa-chevron-up transition-transform duration-200" :class="{ 'rotate-180': !isOpen }"></i>
3007                                        </button>
3008                                    </div>
3009
3010                                    <ul x-show="isOpen" x-transition class="px-3 pt-2 space-y-2">
3011                                                                                    <li>
3012                                                <a
3013            wire:navigate href="https://rtvstichtsevecht.nl/nieuws/samenleving"
3014    
3015    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"
3016>
3017    Samenleving
3018</a>
3019                                            </li>
3020                                                                                    <li>
3021                                                <a
3022            wire:navigate href="https://rtvstichtsevecht.nl/nieuws/sport"
3023    
3024    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"
3025>
3026    Sport
3027</a>
3028                                            </li>
3029                                                                                    <li>
3030                                                <a
3031            wire:navigate href="https://rtvstichtsevecht.nl/nieuws/cultuur"
3032    
3033    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"
3034>
3035    Cultuur
3036</a>
3037                                            </li>
3038                                                                            </ul>
3039                                                            </li>
3040                            <hr class="border-surface-light-3 mt-2">
3041                                                                                                <li x-data="{ isOpen: true }">
3042                                                                    <div class="w-full flex justify-between items-center p-2 rounded-lg transition !bg-transparent hover:!bg-transparent hover:text-brand-secondary">
3043                                        <a wire:navigate href="https://rtvstichtsevecht.nl/nieuws/gemeente" class="flex-grow">
3044                                            <span class="text-lg font-bold font-roboto-condensed">Gemeente</span>
3045                                        </a>
3046                                        <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">
3047                                            <i class="fa-solid fa-chevron-up transition-transform duration-200" :class="{ 'rotate-180': !isOpen }"></i>
3048                                        </button>
3049                                    </div>
3050
3051                                    <ul x-show="isOpen" x-transition class="px-3 pt-2 space-y-2">
3052                                                                                    <li>
3053                                                <a
3054            wire:navigate href="https://rtvstichtsevecht.nl/nieuws/gemeente"
3055    
3056    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"
3057>
3058    Gemeente
3059</a>
3060                                            </li>
3061                                                                                    <li>
3062                                                <a
3063            wire:navigate href="https://rtvstichtsevecht.nl/nieuws/politiek"
3064    
3065    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"
3066>
3067    Politiek
3068</a>
3069                                            </li>
3070                                                                                    <li>
3071                                                <a
3072            wire:navigate href="https://rtvstichtsevecht.nl/nieuws/bedrijven"
3073    
3074    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"
3075>
3076    Bedrijven
3077</a>
3078                                            </li>
3079                                                                            </ul>
3080                                                            </li>
3081                            <hr class="border-surface-light-3 mt-2">
3082                                                                                                <li x-data="{ isOpen: true }">
3083                                                                    <a
3084            wire:navigate href="https://rtvstichtsevecht.nl/televisie/gemist/uitzending-gemist"
3085    
3086    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"
3087>
3088    <span class="text-lg font-bold font-roboto-condensed">TV gemist</span>
3089</a>
3090                                                            </li>
3091                            <hr class="border-surface-light-3 mt-2">
3092                                                                                                <li x-data="{ isOpen: true }">
3093                                                                    <a
3094            wire:navigate href="https://rtvstichtsevecht.nl/radio/gemist/podcasts"
3095    
3096    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"
3097>
3098    <span class="text-lg font-bold font-roboto-condensed">Podcasts</span>
3099</a>
3100                                                            </li>
3101                            <hr class="border-surface-light-3 mt-2">
3102                                                                        </ul>
3103        </nav>
3104    </div>
3105
3106    
3107    
3108    
3109    <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);">
3110                                    <div class="flex items-center h-[68px] justify-center text-center w-1/5 text-text-secondary relative hover:text-brand-secondary">
3111                    <a
3112            wire:navigate href="https://rtvstichtsevecht.nl/nieuws"
3113    
3114    class="transition w-full h-full flex flex-col gap-y-2.5 justify-center border-t-2 items-center border-t-transparent"
3115>
3116    <i class="fa-solid fa-newspaper text-base h-4"></i>
3117                        <span class="text-xs font-bold">Nieuws</span>
3118</a>
3119                </div>
3120                            <div class="flex items-center h-[68px] justify-center text-center w-1/5 text-text-secondary relative hover:text-brand-secondary">
3121                    <a
3122            wire:navigate href="https://rtvstichtsevecht.nl/televisie/gemist/uitzending-gemist"
3123    
3124    class="transition w-full h-full flex flex-col gap-y-2.5 justify-center border-t-2 items-center border-t-transparent"
3125>
3126    <i class="fa-solid fa-tv-retro text-base h-4"></i>
3127                        <span class="text-xs font-bold">Televisie</span>
3128</a>
3129                </div>
3130                            <div class="flex items-center h-[68px] justify-center text-center w-1/5 text-text-secondary relative hover:text-brand-secondary">
3131                    <a
3132            wire:navigate href="https://rtvstichtsevecht.nl/radio/gemist/podcasts"
3133    
3134    class="transition w-full h-full flex flex-col gap-y-2.5 justify-center border-t-2 items-center border-t-transparent"
3135>
3136    <i class="fa-solid fa-radio-tuner text-base h-4"></i>
3137                        <span class="text-xs font-bold">Podcasts</span>
3138</a>
3139                </div>
3140                            <div class="flex items-center h-[68px] justify-center text-center w-1/5 text-text-secondary relative hover:text-brand-secondary">
3141            <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">
3142                <i class="fa-solid fa-bars text-base h-4"></i>
3143                <span class="text-xs font-bold">Menu</span>
3144            </button>
3145        </div>
3146    </nav>
3147</div>
3148
3149<div x-persist="radio-player">
3150    <div wire:key="lw-2254710295-0-5-4-0" wire:snapshot="{&quot;data&quot;:[],&quot;memo&quot;:{&quot;id&quot;:&quot;6T1hYfttIReQkA0qIK6k&quot;,&quot;name&quot;:&quot;components.radio-player&quot;,&quot;path&quot;:&quot;nieuws\/breukelen&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;76f840acbe37ae3171ba9c2b80ba07d1fbbc6d3f0ff7cef81c02200ae777f19e&quot;}" wire:effects="[]" wire:id="6T1hYfttIReQkA0qIK6k" wire:name="components.radio-player">
3151    <div wire:poll.60000ms="getProgramName">
3152
3153        <div
3154            x-data="{
3155                volumeBeforeMute: 1,
3156                setupAndPlay() {
3157                    // Deze functie wordt alleen de eerste keer uitgevoerd.
3158                    if (this.$store.radio.initialized || !'https:\/\/stream.rtvrondevenen.nl:8443\/live') return;
3159
3160                    let radioStore = this.$store.radio;
3161
3162                    // 1. Maak het Audio-object aan en laad de stream.
3163                    radioStore.audio = new Audio('https:\/\/stream.rtvrondevenen.nl:8443\/live');
3164
3165                    // 2. Stel de watchers in voor TOEKOMSTIGE interacties.
3166                    this.$watch('$store.radio.playing', isPlaying => {
3167                        if (isPlaying) {
3168                            radioStore.audio.play().catch(e => console.error('Audio play failed:', e));
3169                        } else {
3170                            radioStore.audio.pause();
3171                        }
3172                    });
3173
3174                    this.$watch('$store.radio.volume', newVolume => {
3175                        radioStore.audio.volume = newVolume;
3176                        localStorage.setItem('radioPlayerVolume', newVolume);
3177                    });
3178
3179                    this.$watch('$store.radio.isMinimized', isMinimized => localStorage.setItem('radioPlayerMinimized', isMinimized));
3180
3181                    // 3. Pas de initiële instellingen toe.
3182                    radioStore.audio.volume = radioStore.volume;
3183                    radioStore.initialized = true;
3184
3185                    // AANGEPAST: Speel de audio nu DIRECT af.
3186                    // Omdat setupAndPlay() wordt aangeroepen als direct gevolg van een gebruikersklik, is dit toegestaan.
3187                    // We controleren of de status 'playing' is, wat het geval is als deze functie wordt aangeroepen.
3188                    if (radioStore.playing) {
3189                        radioStore.audio.play().catch(e => {
3190                            console.error('Initial audio play failed:', e);
3191                            // Als het afspelen om een of andere reden toch mislukt, zet de status terug.
3192                            radioStore.playing = false;
3193                        });
3194                    }
3195                },
3196                togglePlay() {
3197                    if (!this.$store.radio.initialized) {
3198                        // playing moet true zijn vóór setupAndPlay(), anders wordt audio.play()
3199                        // overgeslagen en werkt pas de tweede klik (wanneer playing wordt getoggled).
3200                        this.$store.radio.playing = true;
3201                        this.setupAndPlay();
3202                    } else {
3203                        this.$store.radio.playing = !this.$store.radio.playing;
3204                    }
3205                },
3206                toggleMute() {
3207                    if (this.$store.radio.volume > 0) {
3208                        this.volumeBeforeMute = this.$store.radio.volume;
3209                        this.$store.radio.volume = 0;
3210                    } else {
3211                        this.$store.radio.volume = this.volumeBeforeMute > 0 ? this.volumeBeforeMute : 1;
3212                    }
3213                }
3214            }"
3215            @setup-radio.window="setupAndPlay()"
3216        >
3217            <div x-effect="document.body.classList.toggle('radio-maximized', !$store.radio.isMinimized && $store.radio.initialized)"></div>
3218            <div x-effect="document.body.classList.toggle('radio-minimized', $store.radio.isMinimized && $store.radio.initialized)"></div>
3219
3220            <div
3221                x-show="'https:\/\/stream.rtvrondevenen.nl:8443\/live'"
3222                x-transition:enter="transition ease-out duration-300"
3223                x-transition:enter-start="opacity-0"
3224                x-transition:enter-end="opacity-100"
3225                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"
3226                :class="{
3227                    'rounded-full lg:w-105.5 w-[calc(100%-16px)] h-[50px] shadow-lg bottom-20 lg:bottom-4': !$store.radio.isMinimized,
3228                    'rounded-full w-8 h-8 bottom-15 lg:-bottom-2 flex items-center justify-center': $store.radio.isMinimized
3229                }"
3230            >
3231                
3232                <div x-show="!$store.radio.isMinimized" x-transition class="flex items-center justify-between gap-4 p-2 w-full">
3233                    <div class="flex items-center gap-4 pl-1">
3234                        <button
3235                            @click="togglePlay()"
3236                            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"
3237                            :aria-label="$store.radio.playing ? 'Pauzeer radio' : 'Start radio'"
3238                            :title="$store.radio.initialized ? ($store.radio.playing ? 'Pauzeren' : 'Afspelen') : 'Afspelen'"
3239                        >
3240                            <i x-show="!$store.radio.playing" class="fa-solid fa-play"></i>
3241                            <i x-show="$store.radio.playing" class="fa-solid fa-pause"></i>
3242                        </button>
3243                        <div class="flex-shrink-0 font-roboto-condensed">
3244                            <div class="font-bold text-sm text-text-main leading-[normal]">Nu Live</div>
3245                            <div class="text-xs text-text-tertiary leading-[normal]">Samen de avond in...</div>
3246                        </div>
3247                    </div>
3248                    <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">
3249                        <i class="fas fa-chevron-down text-sm"></i>
3250                    </button>
3251                    <div class="flex items-center gap-2 pr-1">
3252                        <button @click="toggleMute()" :title="$store.radio.volume > 0 ? 'Dempen' : 'Dempen opheffen'" class="w-6 flex items-center">
3253                            <i x-show="$store.radio.volume > 0" class="fas fa-volume-high text-base"></i>
3254                            <i x-show="$store.radio.volume == 0" class="fas fa-volume-mute text-base"></i>
3255                        </button>
3256                        <input
3257                            aria-label="Radio Player Volume"
3258                            type="range" min="0" max="1" step="0.01"
3259                            x-model.lazy="$store.radio.volume"
3260                            :disabled="!$store.radio.initialized"
3261                            class="w-24 h-1 accent-text-main disabled:opacity-40 disabled:cursor-not-allowed"
3262                        />
3263                    </div>
3264                </div>
3265                
3266                <button
3267                    x-show="$store.radio.isMinimized"
3268                    x-transition
3269                    @click="$store.radio.isMinimized = false"
3270                    class="w-8 h-8 cursor-pointer flex items-center justify-center bg-surface-medium-1 text-text-tertiary rounded-full"
3271                    aria-label="Open radioplayer" title="Open radioplayer"
3272                >
3273                    <i class="fas fa-chevron-up text-sm"></i>
3274                </button>
3275            </div>
3276        </div>
3277    </div>
3278
3279                </div>
3280</div>
3281
3282<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;y5Yg69b2adMpKfk43lg2&quot;,&quot;name&quot;:&quot;components.cookie-consent&quot;,&quot;path&quot;:&quot;nieuws\/breukelen&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;afa0a5c59fcfda7d1827086e41673ea78df4a5cca5c2b6cc4ac9a93144b6b5eb&quot;}" wire:effects="[]" wire:id="y5Yg69b2adMpKfk43lg2" wire:name="components.cookie-consent">
3283    <!--[if BLOCK]><![endif]-->        <!--[if BLOCK]><![endif]-->            
3284            <div class="fixed inset-0 z-62 bg-black/50">
3285                <div
3286                    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"
3287                    x-data="{
3288                        shown: false,
3289                        init() {
3290                            this.$nextTick(() => { this.shown = true; });
3291                            document.body.classList.add('pb-17', 'md:pb-17');
3292                        },
3293                        destroy() {
3294                            document.body.classList.remove('pb-17', 'md:pb-17');
3295                        },
3296                        closeBanner() {
3297                            this.shown = false;
3298                            setTimeout(() => this.destroy(), 300);
3299                        }
3300                    }"
3301                    x-show="shown"
3302                    x-transition:enter="transition ease-out duration-300"
3303                    x-transition:enter-start="opacity-0 translate-y-4"
3304                    x-transition:enter-end="opacity-100 translate-y-0"
3305                    x-transition:leave="transition ease-in duration-200"
3306                    x-transition:leave-start="opacity-100 translate-y-0"
3307                    x-transition:leave-end="opacity-0 translate-y-4"
3308                >
3309                    <div class="container mx-auto flex flex-col md:flex-row md:items-center justify-between">
3310                        <p class="text-sm">
3311                            RTV Stichtse Vecht maakt gebruik van Functionele en Analytische cookies voor website optimalisatie en statistieken.
3312                            <!--[if BLOCK]><![endif]-->                            <a wire:navigate href="https://rtvstichtsevecht.nl/meer-informatie-over-cookies" class="underline font-semibold hover:text-text-secondary">
3313                                Lees meer
3314                            </a>
3315                            <!--[if ENDBLOCK]><![endif]-->                        </p>
3316
3317                        <div class="flex items-center gap-x-6 mt-8 md:mt-0">
3318                            <button
3319                                @click="$wire.accept().then(() => closeBanner())"
3320                                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"
3321                            >
3322                                Sluiten
3323                            </button>
3324                        </div>
3325                    </div>
3326                </div>
3327            </div>
3328        <!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]--></div>
3329
3330<script src="https://rtvstichtsevecht.nl/vendor/livewire/livewire.min.js?id=8642c1d5"   data-csrf="rKD7cqAjWv1Db50fcmBkJYb7u9drfGx91vwsjYzc" data-module-url="https://rtvstichtsevecht.nl/livewire-1a5019f0" data-update-uri="https://rtvstichtsevecht.nl/livewire-1a5019f0/update" data-navigate-once="true"></script>
3330
3331            
3331<script>
3332                document.addEventListener('alpine:init', () => {
3333                    if (!Alpine.store('radio')) {
3334                        Alpine.store('radio', {
3335                            initialized: false,
3336                            audio: null,
3337                            playing: false,
3338                            volume: parseFloat(localStorage.getItem('radioPlayerVolume')) || 1,
3339                            isMinimized: localStorage.getItem('radioPlayerMinimized') === 'true',
3340                            openAndPlay() {
3341                                this.isMinimized = false;
3342                                this.playing = true;
3343                            }
3344                        });
3345                    }
3346                });
3347            </script>
3347
3348        
3349</body>
3350
3351</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.