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="{"data":{"selectedTenants":[[],{"s":"arr"}],"tenantNavigation":[[],{"s":"arr"}]},"memo":{"id":"eQNwxM7FPDtphcxQ3bL2","name":"components.tenant-selector","path":"nieuws\/breukelen","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"ea1e265a17a54bc1e8928082f4e765bab6269574c783d8306f1a7f19fa6c2c07"}" 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="{"data":{"pageData":[{"__typename":"Pagina","_id":"06c99e6a-5204-4e41-af1f-3bde0fe993ca","_slug":"nieuws\/breukelen","title":"Breukelen","type":"overview","guide_id":null,"tags":[[[{"slug":"breukelen"},{"s":"arr"}]],{"s":"arr"}],"subtitle":null,"all_content":false,"limit":10,"seo":[{"title":"Nieuws uit Breukelen","description":null},{"s":"arr"}]},{"s":"arr"}],"selectedRegions":[[],{"s":"arr"}],"hasMorePages":true,"page":1},"memo":{"id":"qLuiD4VnzOQYgzai5hVO","name":"pages.overview","path":"nieuws\/breukelen","method":"GET","release":"a-a-a","attributes":{"slug":"nieuws\/breukelen","id":"06c99e6a-5204-4e41-af1f-3bde0fe993ca"},"children":{"banner-category_top":["div","vHXTd9VCLqN0gx0pkWfD"],"banner-category_top_mobile":["div","VBigogyZAe8bsZtM8jk5"],"lw-71422695-2-1":["div","y5d8qUtjkxSKUOiZPioV"],"banner-category_middle":["div","0gA2BBV1XpQfjDPhyF4y"],"banner-category_middle_mobile":["div","LUA7i4JLqMplz0FVJiVe"],"banner-category_bottom":["div","yjhiUo9bnbkEU6SoDP7m"],"banner-category_bottom_mobile":["div","t73EG0aoTbttmaGZUefQ"],"banner-sidebar_top":["div","dmjT0rQ071JLK6ibj7US"],"live-overview-component":["div","xTyz14dbRdmMJwJt53XP"],"most-read-overview-component":["div","JRLJPzxf6Uww13Y3XYOs"],"weather-overview-component":["div","EQXevMOgkYbEtfPr2bh9"],"banner-sidebar_middle":["div","PQZ05lpzFnrNk59UIixo"],"banner-sidebar_bottom":["div","H1P1oaYkfYHGm1Ae1W6P"],"banner-sidebar_bottom_4":["div","GuhBdGJrJ5ypWOdrM8Nh"],"banner-sidebar_bottom_5":["div","PPUKKAH25I2NjiBtFtf4"]},"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"4e499f868d0a2cee4a9bbeef5ec024765daac81abd5c545c987372fe91fb7117"}" wire:effects="{"listeners":["regionsUpdated"]}" 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 'vuurwapen' 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 'vuurwapen' 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: 'We krijgen het moeilijker'" 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: 'We krijgen het moeilijker' 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: "Jongeren zijn druk met van alles. We krijgen het moeilijker." 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="{"data":{"placeId":"category_top","shouldRender":true,"title":"Advertentie","isSlider":true,"duration":6000,"slidesToShow":1,"items":[[[{"_id":"9c1ce1bb-6cbb-43b1-98a7-abba0e016d12","url":"https:\/\/rtvstichtsevecht.nl\/adverteren","image":"https:\/\/54jgdoc2j8wu.b-cdn.net\/ce2df87f-1a4d-4c65-b7c3-7aa02012f968.gif","alt":null,"type":"image","slot_id":null},{"s":"arr"}]],{"s":"arr"}]},"memo":{"id":"vHXTd9VCLqN0gx0pkWfD","name":"components.banner","path":"nieuws\/breukelen","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"
75180e8e8331ab00dc0b8eb357fcee0db86057a09738744031b660d6d69b42b2bc4"}" 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="{"data":{"placeId":"category_top_mobile","shouldRender":true,"title":"Advertentie","isSlider":true,"duration":6000,"slidesToShow":1,"items":[[[{"_id":"9c1ce1bb-6cbb-43b1-98a7-abba0e016d12","url":"https:\/\/rtvstichtsevecht.nl\/adverteren","image":"https:\/\/54jgdoc2j8wu.b-cdn.net\/ce2df87f-1a4d-4c65-b7c3-7aa02012f968.gif","alt":null,"type":"image","slot_id":null},{"s":"arr"}],[{"_id":"cf25c9b0-7892-459d-9f08-be232c620674","url":"https:\/\/open.spotify.com\/show\/2TVE42CR5TwrYfIOaERfOr?si=df209a1a06ac4f66","image":null,"alt":null,"type":"image","slot_id":null},{"s":"arr"}]],{"s":"arr"}]},"memo":{"id":"VBigogyZAe8bsZtM8jk5","name":"components.banner","path":"nieuws\/breukelen","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"5617b6ac3e8c5fd45aeca22f4f6a85538c5ccbe3b23cd6c7bea172d069784c29"}" 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="{"data":[],"memo":{"id":"y5d8qUtjkxSKUOiZPioV","name":"components.video-overview","path":"nieuws\/breukelen","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"16992c042172216f0eca8a58236b2a926faf656b42625fe6b7d2a520a55c8ad6"}" 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 & 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="{"data":{"placeId":"category_middle","shouldRender":true,"title":"Advertentie","isSlider":true,"duration":6000,"slidesToShow":1,"items":[[[{"_id":"5c76c3f3-9fef-4f8b-9db2-c81a7ed8fbb9","url":"http:\/\/bit.ly\/kameleonreclame","image":"https:\/\/3mfhdcm0onod.b-cdn.net\/w_468\/fb8f3a9a-ea59-42c7-a8bb-80a1c65bc19a.jpg","alt":null,"type":"image","slot_id":null},{"s":"arr"}]],{"s":"arr"}]},"memo":{"id":"0gA2BBV1XpQfjDPhyF4y","name":"components.banner","path":"nieuws\/breukelen","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"a374cafc2a121340d9c2a9a460297d33148e10a87eb66ad374986ed8e6dfdbc3"}" 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="{"data":{"placeId":"category_middle_mobile","shouldRender":true,"title":"Advertentie","isSlider":true,"duration":6000,"slidesToShow":1,"items":[[[{"_id":"5c76c3f3-9fef-4f8b-9db2-c81a7ed8fbb9","url":"http:\/\/bit.ly\/kameleonreclame","image":"https:\/\/3mfhdcm0onod.b-cdn.net\/w_468\/fb8f3a9a-ea59-42c7-a8bb-80a1c65bc19a.jpg","alt":null,"type":"image","slot_id":null},{"s":"arr"}],[{"_id":"9c1ce1bb-6cbb-43b1-98a7-abba0e016d12","url":"https:\/\/rtvstichtsevecht.nl\/adverteren","image":"https:\/\/54jgdoc2j8wu.b-cdn.net\/ce2df87f-1a4d-4c65-b7c3-7aa02012f968.gif","alt":null,"type":"image","slot_id":null},{"s":"arr"}]],{"s":"arr"}]},"memo":{"id":"LUA7i4JLqMplz0FVJiVe","name":"components.banner","path":"nieuws\/breukelen","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"5cb2c628df2d1864182807eb5156def12303bc57e503ea25209e1485a146a2de"}" 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 & 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 'Halloween'. 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="{"data":{"placeId":"category_bottom","shouldRender":true,"title":"Advertentie","isSlider":true,"duration":4000,"slidesToShow":5,"items":[[[{"_id":"41c0c8ea-7dd8-4626-8715-beb4ac966ab2","url":"http:\/\/www.vredegoed.nl","image":"https:\/\/3mfhdcm0onod.b-cdn.net\/w_234\/34508339-6f43-44e8-8fa7-626b73787f32.png","alt":null,"type":"image","slot_id":null},{"s":"arr"}],[{"_id":"50234426-1a7a-4821-8284-1490e130473c","url":"https:\/\/momenz.nl\/","image":"https:\/\/3mfhdcm0onod.b-cdn.net\/w_77\/4s8pm8j9fu4n-logo-momenz.png","alt":null,"type":"image","slot_id":null},{"s":"arr"}],[{"_id":"5820f335-bccd-4d29-9e6a-8bb9b9141a0d","url":"http:\/\/www.voedselbankstichtsevecht.nl","image":"https:\/\/3mfhdcm0onod.b-cdn.net\/w_234\/7c37ae0a-9560-4ce7-adbf-d8aa7feea566.png","alt":null,"type":"image","slot_id":null},{"s":"arr"}],[{"_id":"aa77a31b-4e09-4c88-aa10-f9bf427fbcde","url":"http:\/\/www.wereldwinkelmaarssen.nl\/","image":"https:\/\/3mfhdcm0onod.b-cdn.net\/w_234\/7c999260-b574-403c-bc88-d6a7cd238fd6.jpg","alt":null,"type":"image","slot_id":null},{"s":"arr"}],[{"_id":"aa9a8e80-9af1-4e37-8061-bfd22e14507e","url":"http:\/\/www.repaircafe-stichtsevecht.nl","image":"https:\/\/3mfhdcm0onod.b-cdn.net\/w_234\/0884998b-0ff1-46ae-8f6a-7da1a9b2a110.jpg","alt":null,"type":"image","slot_id":null},{"s":"arr"}],[{"_id":"d2e4d4ab-f0f8-4dc7-95cd-133de0d1b637","url":"www.seniorenraadsv.nl","image":"https:\/\/3mfhdcm0onod.b-cdn.net\/w_234\/b309389f-18cf-4bd7-a255-9d9e57d1fc5c.jpg","alt":null,"type":"image","slot_id":null},{"s":"arr"}],[{"_id":"176e60a7-fe8e-46a9-9a00-07f5ca7905c5","url":"https:\/\/www.alzheimer-nederland.nl\/regios\/westelijk-utrecht","image":"https:\/\/3mfhdcm0onod.b-cdn.net\/w_234\/2fd02b70-951c-4b81-9397-ac15549ff414.png","alt":null,"type":"image","slot_id":null},{"s":"arr"}],[{"_id":"181f2bbe-bbb1-4bbb-8f0d-41f24b293bac","url":"http:\/\/platformgehandicaptenstichtsevecht.nl\/","image":"https:\/\/3mfhdcm0onod.b-cdn.net\/w_234\/00a26e5f-2973-43b3-bbb2-399408a12b2a.png","alt":null,"type":"image","slot_id":null},{"s":"arr"}],[{"_id":"1883e8ae-2afb-4855-a013-95481ba9522d","url":"https:\/\/www.gilde-stichtsevecht.nl\/","image":"https:\/\/3mfhdcm0onod.b-cdn.net\/w_234\/a85b2435-1515-4038-bb33-8b23b110133e.png","alt":null,"type":"image","slot_id":null},{"s":"arr"}],[{"_id":"1c520e18-0d89-4dc6-9a4d-60e2cfd685f8","url":"http:\/\/www.vechtstreekmuseum.nl\/","image":"https:\/\/3mfhdcm0onod.b-cdn.net\/w_234\/a2e2654a-1baa-4c5b-a01d-0c7cac0f9d54.png","alt":null,"type":"image","slot_id":null},{"s":"arr"}],[{"_id":"77168ba5-54d1-4e7c-9448-e8ee4c158418","url":null,"image":"https:\/\/3mfhdcm0onod.b-cdn.net\/w_234\/298d98c3-fa49-4f74-94c3-bcdba964a36d.png","alt":null,"type":"image","slot_id":null},{"s":"arr"}],[{"_id":"86ae0439-f5bc-495a-9694-29bc34c1071e","url":"https:\/\/www.handjehelpen.nl\/","image":"https:\/\/3mfhdcm0onod.b-cdn.net\/w_234\/6958e1de-4925-4545-8151-ebe6437287e4.png","alt":null,"type":"image","slot_id":null},{"s":"arr"}],[{"_id":"a8fa056c-3e8d-4fce-8983-0f6950755c19","url":"http:\/\/www.hartreanimatiestichtsevecht.info\/","image":"https:\/\/3mfhdcm0onod.b-cdn.net\/w_234\/8cde522f-875b-46b5-9a78-066c62ba0eb5.png","alt":null,"type":"image","slot_id":null},{"s":"arr"}]],{"s":"arr"}]},"memo":{"id":"
1909yjhiUo9bnbkEU6SoDP7m","name":"components.banner","path":"nieuws\/breukelen","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"62283f755d61872c1796bcd81ddd97d06d4e78020ad30a27ec2bae04fa2c058f"}" 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="{"data":{"placeId":"category_bottom_mobile","shouldRender":false,"title":null,"isSlider":null,"duration":null,"slidesToShow":null,"items":[[],{"s":"arr"}]},"memo":{"id":"t73EG0aoTbttmaGZUefQ","name":"components.banner","path":"nieuws\/breukelen","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"e0cd2025060bd1ae5a1683ab2991671c02cfa1eea55c5c745dde16ad7d905f5d"}" 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="{"data":{"placeId":"sidebar_top","shouldRender":true,"title":"Advertentie","isSlider":true,"duration":6000,"slidesToShow":1,"items":[[[{"_id":"5ea0de7a-d788-4106-897f-c0a285aad56a","url":"https:\/\/open.spotify.com\/show\/2TVE42CR5TwrYfIOaERfOr?si=df209a1a06ac4f66","image":null,"alt":null,"type":"image","slot_id":null},{"s":"arr"}],[{"_id":"dab59081-1c24-4d48-a75d-f1595f028de0","url":"https:\/\/rtvstichtsevecht.nl\/adverteren","image":"https:\/\/54jgdoc2j8wu.b-cdn.net\/c35314e1-d693-4462-9099-594b160482f4.gif","alt":null,"type":"image","slot_id":null},{"s":"arr"}]],{"s":"arr"}]},"memo":{"id":"dmjT0rQ071JLK6ibj7US","name":"components.banner","path":"nieuws\/breukelen","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"8ff8c7eb6d0cb4b1f97bb514854ef5685a9393461d2d35071396610ce32f17a4"}" 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="{"data":{"config":[{"menu":[{"_id":"4d9ac50e-01cb-4119-bc9c-3b289eea6c27"},{"s":"arr"}],"website_title":"{title} | RTV Stichtse Vecht","copyright":"RTV Stichtse Vecht","email":"[email protected]","phone":null,"default_page":[{"__typename":"Pagina","_slug":"nieuws"},{"s":"arr"}],"search_page":[{"_slug":"zoeken"},{"s":"arr"}],"weather_place":"Maarssen","live":[[[{"title":"Live TV","page":[{"_slug":"televisie\/live"},{"s":"arr"}],"guide_id":"f74377e6-16f0-4249-a4c9-a2f36ecade26","icon":"fa-tv-retro"},{"s":"arr"}],[{"title":"Live radio","page":[{"_slug":"radio\/live"},{"s":"arr"}],"guide_id":"d185e28b-f28f-48fb-9981-5ba1e3ad231a","icon":"fa-radio-tuner"},{"s":"arr"}]],{"s":"arr"}],"cookie_page":[{"_slug":"meer-informatie-over-cookies"},{"s":"arr"}],"cookie_consent":true,"gtm_code":"G-023DG5H250","title_under_photo":false,"tolkie_token":null,"radio_player_stream_url":"https:\/\/stream.rtvrondevenen.nl:8443\/live","radio_player_guide_id":"d185e28b-f28f-48fb-9981-5ba1e3ad231a","tracking_code":"c0bc8c3df35d2aecb0e0dc450b41a5eedd95e1a1caba2f7878454799c3533303","openweather_app_id":"f81b86448a512abc8919fd48a744695e","street":"Burg. Huydecoperhof 12","place":"Maarssen","zip_code":"3604 CC","ads_redirect_url":null,"ads_js_file":null,"ads_client_id":null,"ads_txt":null,"android_app_id":null,"ios_app_id":null,"mailchimp_api_key":null,"mailchimp_list_id":null,"mailchimp_tag":null,"light_surface_main_1":"#FFFFFF","dark_surface_main_1":"#FFFFFF","light_surface_main_2":"#FFFFFF","dark_surface_main_2":"#18181B","light_surface_main_3":"#FFFFFF","dark_surface_main_3":"#27272A","light_surface_main_4":"#FFFFFF","dark_surface_main_4":"#3F3F46","light_surface_dark_1":"#27272A","dark_surface_dark_1":"#27272A","light_text_main":"#27272A","dark_text_main":"#F4F4F5","light_text_secondary":"#3F3F46","dark_text_secondary":"#9F9FA9","light_text_tertiary":"#9F9FA9","dark_text_tertiary":"#9F9FA9","light_button_border":"#E4E4E7","dark_button_border":"#3F3F46","light_surface_medium_1":"#E4E4E7","dark_surface_medium_1":"#52525C","light_button_light":"#F4F4F5","dark_button_light":"#18181B","light_surface_light_3":"#F4F4F5","dark_surface_light_3":"#27272A","light_surface_light_2":"#F4F4F5","dark_surface_light_2":"#3F3F46","light_surface_light_1":"#FAFAFA","dark_surface_light_1":"#27272A","light_surface_background":"#FAFAFA","dark_surface_background":"#18181B","light_brand_dark":"#372AAC","dark_brand_dark":"#372AAC","light_brand_main":"#372AAC","dark_brand_main":"#4F39F6","light_brand_secondary":"
2189#372AAC","dark_brand_secondary":"#7C86FF","light_brand_light":"#EEF2FF","dark_brand_light":"#1E1A4D","locale":"nl-NL","tenant":"rtvstichtsevecht"},{"s":"arr"}]},"memo":{"id":"xTyz14dbRdmMJwJt53XP","name":"components.live-overview","path":"nieuws\/breukelen","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"cd5394e12f51dcc7cf23cf27d7457703afc8c1774635e64fd411f6b80da37038"}" 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="{"data":[],"memo":{"id":"JRLJPzxf6Uww13Y3XYOs","name":"components.most-read-overview","path":"nieuws\/breukelen","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"0d4612edc8a899967cd3dbf57bf86ac78e85744b08a3b531121c0774386cf050"}" 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="{"data":{"config":[{"menu":[{"_id":"4d9ac50e-01cb-4119-bc9c-3b289eea6c27"},{"s":"arr"}],"website_title":"{title} | RTV Stichtse Vecht","copyright":"RTV Stichtse Vecht","email":"[email protected]","phone":null,"default_page":[{"__typename":"Pagina","_slug":"nieuws"},{"s":"arr"}],"search_page":[{"_slug":"zoeken"},{"s":"arr"}],"weather_place":"Maarssen","live":[[[{"title":"Live TV","page":[{"_slug":"televisie\/live"},{"s":"arr"}],"guide_id":"f74377e6-16f0-4249-a4c9-a2f36ecade26","icon":"fa-tv-retro"},{"s":"arr"}],[{"title":"Live radio","page":[{"_slug":"radio\/live"},{"s":"arr"}],"guide_id":"d185e28b-f28f-48fb-9981-5ba1e3ad231a","icon":"fa-radio-tuner"},{"s":"arr"}]],{"s":"arr"}],"cookie_page":[{"_slug":"meer-informatie-over-cookies"},{"s":"arr"}],"cookie_consent":true,"gtm_code":"G-023DG5H250","title_under_photo":false,"tolkie_token":null,"radio_player_stream_url":"https:\/\/stream.rtvrondevenen.nl:8443\/live","radio_player_guide_id":"d185e28b-f28f-48fb-9981-5ba1e3ad231a","tracking_code":"c0bc8c3df35d2aecb0e0dc450b41a5eedd95e1a1caba2f7878454799c3533303","openweather_app_id":"f81b86448a512abc8919fd48a744695e","street":"Burg. Huydecoperhof 12","place":"Maarssen","zip_code":"3604 CC","ads_redirect_url":null,"ads_js_file":null,"ads_client_id":null,"ads_txt":null,"android_app_id":null,"ios_app_id":null,"
2324mailchimp_api_key":null,"mailchimp_list_id":null,"mailchimp_tag":null,"light_surface_main_1":"#FFFFFF","dark_surface_main_1":"#FFFFFF","light_surface_main_2":"#FFFFFF","dark_surface_main_2":"#18181B","light_surface_main_3":"#FFFFFF","dark_surface_main_3":"#27272A","light_surface_main_4":"#FFFFFF","dark_surface_main_4":"#3F3F46","light_surface_dark_1":"#27272A","dark_surface_dark_1":"#27272A","light_text_main":"#27272A","dark_text_main":"#F4F4F5","light_text_secondary":"#3F3F46","dark_text_secondary":"#9F9FA9","light_text_tertiary":"#9F9FA9","dark_text_tertiary":"#9F9FA9","light_button_border":"#E4E4E7","dark_button_border":"#3F3F46","light_surface_medium_1":"#E4E4E7","dark_surface_medium_1":"#52525C","light_button_light":"#F4F4F5","dark_button_light":"#18181B","light_surface_light_3":"#F4F4F5","dark_surface_light_3":"#27272A","light_surface_light_2":"#F4F4F5","dark_surface_light_2":"#3F3F46","light_surface_light_1":"#FAFAFA","dark_surface_light_1":"#27272A","light_surface_background":"#FAFAFA","dark_surface_background":"#18181B","light_brand_dark":"#372AAC","dark_brand_dark":"#372AAC","light_brand_main":"#372AAC","dark_brand_main":"#4F39F6","light_brand_secondary":"#372AAC","dark_brand_secondary":"#7C86FF","light_brand_light":"#EEF2FF","dark_brand_light":"#1E1A4D","locale":"nl-NL","tenant":"rtvstichtsevecht"},{"s":"arr"}]},"memo":{"id":"EQXevMOgkYbEtfPr2bh9","name":"components.weather-overview","path":"nieuws\/breukelen","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"d16745c51ca78f3ed95cafafd99fe57e853681fd1e764246bf80ca229496256b"}" 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="{"data":{"placeId":"sidebar_middle","shouldRender":true,"title":"Advertentie","isSlider":true,"duration":6000,"slidesToShow":1,"items":[[[{"_id":"3060b9d9-44aa-4695-9849-647951ff3a02","url":"http:\/\/bit.ly\/kameleonreclame","image":"https:\/\/54jgdoc2j8wu.b-cdn.net\/9790561a-6c6c-4490-93b6-de18e4188675.gif","alt":null,"type":"image","slot_id":null},{"s":"arr"}],[{"_id":"ec96987d-a53b-4ad9-bd2c-18d7faa127da","url":"https:\/\/rtvstichtsevecht.nl\/tip-de-redactie","image":"https:\/\/3mfhdcm0onod.b-cdn.net\/w_300\/02108ec0-5376-427a-b5bd-833fc6314fb0.jpg","alt":null,"type":"image","slot_id":null},{"s":"arr"}]],{"s":"arr"}]},"memo":{"id":"PQZ05lpzFnrNk59UIixo","name":"components.banner","path":"nieuws\/breukelen","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"39c7e4fe534ce4f0e368cb1972904d7fd3e9ef922daaaa271af9ce0573ae6c38"}" 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="{"data":{"placeId":"sidebar_bottom","shouldRender":true,"title":"Advertentie","isSlider":true,"duration":6000,"slidesToShow":1,"items":[[[{"_id":"ec96987d-a53b-4ad9-bd2c-18d7faa127da","url":"https:\/\/rtvstichtsevecht.nl\/tip-de-redactie","image":"https:\/\/3mfhdcm0onod.b-cdn.net\/w_300\/02108ec0-5376-427a-b5bd-833fc6314fb0.jpg","alt":null,"type":"image","slot_id":null},{"s":"arr"}],[{"_id":"3060b9d9-44aa-4695-9849-647951ff3a02","url":"http:\/\/bit.ly\/kameleonreclame","image":"https:\/\/54jgdoc2j8wu.b-cdn.net\/9790561a-6c6c-4490-93b6-de18e4188675.gif","alt":null,"type":"image","slot_id":null},{"s":"arr"}]],{"s":"arr"}]},"memo":{"id":"H1P1oaYkfYHGm1Ae1W6P","name":"components.banner","path":"nieuws\/breukelen","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"d3a09dda6e569b639a3443f262ee33d20927b99346ce6f282e594ed1e3d2a57f"}" 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="{"data":{"placeId":"sidebar_bottom_4","shouldRender":false,"title":null,"isSlider":null,"duration":null,"slidesToShow":null,"items":[[],{"s":"arr"}]},"memo":{"id":"GuhBdGJrJ5ypWOdrM8Nh","name":"components.banner","path":"nieuws\/breukelen","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"c55d1a67b358db0181cbe5a8c65a8e0205947f564d4742664c0838afbdb089ea"}" 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="{"data":{"placeId":"sidebar_bottom_5","shouldRender":false,"title":null,"isSlider":null,"duration":null,"slidesToShow":null,"items":[[],{"s":"arr"}]},"memo":{"id":"PPUKKAH25I2NjiBtFtf4","name":"components.banner","path":"nieuws\/breukelen","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"4dd2617572f105bc31139e1565e51399ef1a9b18065906b8341e7618585df4f7"}" 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 & 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 & 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>© 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="{"data":[],"memo":{"id":"6T1hYfttIReQkA0qIK6k","name":"components.radio-player","path":"nieuws\/breukelen","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"76f840acbe37ae3171ba9c2b80ba07d1fbbc6d3f0ff7cef81c02200ae777f19e"}" 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="{"data":{"showBanner":true,"isOnCookiePage":false},"memo":{"id":"y5Yg69b2adMpKfk43lg2","name":"components.cookie-consent","path":"nieuws\/breukelen","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"afa0a5c59fcfda7d1827086e41673ea78df4a5cca5c2b6cc4ac9a93144b6b5eb"}" 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.