PageSourceSearch

https://www.telstar-online.nl/app

html telstar-online.nl collected 2026-10-02 08:34:50 UTC 65,470 bytes, 1,033 lines download raw bytes

1<!DOCTYPE html>
2<html lang="nl">
3<head>
4    <meta charset="utf-8"/>
5    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
6    <title>Telstar-Online.nl  - Adverteren Pijnacker-Nootdorp | Telstar-online | Krant en Online</title>
7    
8
9
10<script>
11  (function() {
12    // Controleer of de huidige URL 'bctitletext' bevat
13    if (window.location.href.includes("bctitletext")) {
14      // Maak het script-element aan
15      var script = document.createElement('script');
16      script.src = 'https://nookie.io/projects/branded_content/dist/bcLib.js';
17      script.setAttribute('data-nookie-pubid', 'telstar-online.nl');
18      // Voeg het script toe aan de <head> van de pagina
19      document.head.appendChild(script);
20    }
21  })();
22</script>
22<script type="text/javascript" src="https://mmcdn.nl/tags/telstar/telstar-online.js"></script>
22    
23
24    <style type="text/css">
25        :root {
26            --color-primary: 238, 114, 3;
27            --color-secondary: 94, 94, 94;
28            --color-premium: 0, 0, 0;
29            --color-black: 0, 0, 0;
30            --color-white: 255, 255, 255;
31            --color-gray: 128, 128, 128;
32        }
33
34        @media (prefers-color-scheme: dark) {
35            .dark\:bg-dark {
36                background-color: #121212
37            }
38        }
39    </style>
40
41<meta name="description"
42      content=""/>
43
44    <link rel="icon" type="image/png"
45          href="https://storage.pubble.nl/assets/favicons/www/telstar-online/favicon-48x48.png?v=8nyq"
46          sizes="48x48"/>
47    <link rel="icon" type="image/svg+xml"
48          href="https://storage.pubble.nl/assets/favicons/www/telstar-online/favicon.svg?v=8nyq"/>
49    <link rel="shortcut icon"
50          href="https://storage.pubble.nl/assets/favicons/www/telstar-online/favicon.ico?v=8nyq"/>
51    <link rel="apple-touch-icon" sizes="180x180"
52          href="https://storage.pubble.nl/assets/favicons/www/telstar-online/apple-touch-icon.png?v=8nyq"/>
53    <link rel="shortcut icon"
54          href="https://storage.pubble.nl/assets/favicons/www/telstar-online/favicon.ico?v=8nyq">
55    <meta name="apple-mobile-web-app-capable" content="yes">
56
57
58    <link rel="dcterms.rights" href="https://www.telstar-online.nl/privacy" />
59
60    <meta name="twitter:site" content="telstaronline" />
61
62    <meta property="og:site_name" content="Telstar-Online.nl" />
63
64    <meta property="og:locale" content="nl_NL" />
65
66<script type="application/ld&#x2B;json">
67    {
68  "@context": "https://schema.org",
69  "@type": "WebSite",
70  "name": "Telstar-Online.nl",
71  "url": "https://telstar-online.nl/",
72  "potentialAction": {
73    "@type": "SearchAction",
74    "target": {
75      "@type": "EntryPoint",
76      "urlTemplate": "https://telstar-online.nl/search?q={search_term_string}"
77    },
78    "queryInput": "required name=search_term_string"
79  }
80}
81</script>
81
82    
83
84
85<script type="text/javascript">
86    var exports = {};
87    var pubbleEnv = {
88        pubbleContentApiKey: '85qN8tvOGCMaj6DU4kcwHA==',
89        pubbleContentApiHash: 'dGVsZGF0YXwyMHx0ZWxzdGFyLW9ubGluZS5ubA==',
90        domain: 'telstar-online.nl',
91        siteHosts: [],
92        language: 'nl',
93        commonDomain: '',
94        userId: typeof ConsentGiven !== "function" || ConsentGiven('marketing') ? '0' : null,
95        subscriptions: null,
96        pushEnabled: true,
97        regionPages: false,
98        regionPagesAutoRedirect: false,
99        isAuthenticated: false,
100        hasPrivileges: false,
101        region: '',
102    };
103    var lureArticle = {
104        articleAccessLevel: 'null',
105        userAccessLevel: 'Visitor',
106        articlesLeft: -1,
107        articleId: null,
108        hasAccess: false,
109        giftToken: '',
110        articleHeadline: '',
111        articleType: 'null',
112        authorIds: [],
113        articleContentType: 'null',
114        articleIsLiveBlog: false,
115        articleCategory: '',
116        articleSubcategory: '',
117        articleStatus: 'inactive',
118        articleSource: '',
119        articleAuthors: '',
120        articleDate: ''
121    }
122
123    var pubbleStatsContext = null;
124
125    window.dataLayer = window.dataLayer || [];
126
127    window.dataLayer.push({
128        'articleId': null,
129        'userId': typeof ConsentGiven !== "function" || ConsentGiven('marketing') ? '0' : 'n.a.',
130        'pageType': 'home',
131        'region': ''
132    });
133</script>
133
134    
135
136    <link rel="dns-prefetch" href="//storage.pubble.cloud">
137    <link rel="dns-prefetch" href="//storage.pubble.nl">
138
139    <link rel="stylesheet" href="//storage.pubble.cloud/assets/static/css/tailwind.styles.min.css?v=260923-1"/>
140    
140<script>window.PubbleAssets = { base: '//storage.pubble.cloud/assets/static', v: '260925-2' };</script>
140
141
142    
142<script defer src="https://storage.pubble.nl/assets/web/alpine-intersect-3-10-5.cdn.min.js"></script>
142
143    <style>[x-cloak] {
144            display: none !important;
145        }
146    </style>
147<style type="text/css">
148
149table {
150    width: 100%;
151    border-collapse: collapse;
152    font-family: Arial, sans-serif;
153}
154
155th,
156td {
157    padding: 12px 15px;
158    text-align: left;
159    border-bottom: 1px solid #ddd;
160}
161
162th {
163    background-color: #f5f5f5;
164    font-weight: 600;
165}
166
167tbody tr:hover {
168    background-color: #fafafa;
169}
170
171@media (max-width: 600px) {
172    table {
173        font-size: 14px;
174    }
175
176    th,
177    td {
178        padding: 10px;
179    }
180}
181</style><div class="max-w-7xl  flex items-center justify-center mx-auto px-0 md:px-6 lg:px-8">
182<div class="pbph py-2" w="728" h="90" pos="1" max=""> </div>
183</div><style type="text/css">
184
185.leaderboarddiv {
186	    background: #ffffff! important;
187}
188
189.from-black {
190    --tw-gradient-from: #000000 !important;
191    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to,transparent);
192}
193
194img {  
195   user-drag: none;  
196   user-select: none;
197   -moz-user-select: none;
198   -webkit-user-drag: none;
199   -webkit-user-select: none;
200   -ms-user-select: none;
201}
202
203.button-container {
204  display: flex;
205  flex-wrap: wrap;
206  gap: 1rem; /* ruimte tussen de knoppen */
207}
208
209.responsive-button {
210  flex: 1 1 100%; /* default: neemt volledige breedte */
211  padding: 1rem;
212  font-size: 1rem;
213}
214
215/* Als het scherm breed genoeg is, zet ze naast elkaar */
216@media (min-width: 600px) {
217  .responsive-button {
218    flex: 1 1 0; /* even groot */
219  }
220}
221
222</style><!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 67 bytes, lines 222-223
222
223<script async="" src="https://www.googletagmanager.com/gtag/js?id=
223G-91FLCWJCVP
vendor: 12 bytes, line 223
223"></script>
224<script>
225  
vendor: 134 bytes, lines 225-229
225window.dataLayer = window.dataLayer || [];
226  function gtag(){dataLayer.push(arguments);}
227  gtag('js', new Date());
228
229  gtag('config', '
229G-91FLCWJCVP
vendor: 4 bytes, line 229
229');
230</script>
230<style>
231.flex-container {
232  display: flex;
233  flex-wrap: wrap;
234}
235
236.flex-item-left {
237  flex: 50%;
238}
239
240.flex-item-right {
241  flex: 50%;
242}
243
244@media (max-width: 800px) {
245  .flex-item-right, .flex-item-left {
246    flex: 100%;
247  }
248}
249</style>
249<script async="" src="https://boot.pbstck.com/v1/tag/6632caa6-69ef-4a54-a67c-4ce542fb2fed"></script>
249</head>
250<body class="">
251
252
253
254
255
256<div style="margin:0 auto; width:100%; max-width:728px;" class="max-w-7xl flex justify-center mx-auto">
257
258<div class="pbph" w="728" h="90" pos="110" max="1" advobject="desktopleaderbordone" data-pubble-id-onempty="desktopleaderbordone" data-pubble-onempty="desktopleaderbordone()"></div>
259</div>
260
261
262
263
264    <div id="pageTopLeaderboard"></div>
265
266
267
268<header class="sticky md:relative top-0 w-full z-20 bg-white-500 transition-all pt-0 ">
269
270    <nav x-data="{ open: false }" class="bg-white  shadow md:shadow-none	md:bg-none">
271        <div class="">
272            <div class="max-w-7xl mx-auto px-0 md:px-6 lg:px-8">
273                <div class="relative flex justify-between min-h-16">
274                    <div class="absolute px-2 inset-y-0 left-0 flex items-center md:hidden">
275                        <button type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500" aria-controls="mobile-menu" @click="open = !open; document.body.classList.toggle('overflow-hidden');" aria-expanded="false" x-bind:aria-expanded="open.toString()">
276                            <svg x-state:on="Menu open" x-state:off="Menu closed" class="h-6 w-6 block css-hamburgermenu" :class="{ 'hidden': open, 'block': !(open) }" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
277                                <path stroke-linecap="round" class="css-hamburgermenu-p" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
278                            </svg>
279                            <svg x-state:on="Menu open" x-state:off="Menu closed" class="h-6 w-6 hidden css-hamburgermenu" :class="{ 'block': open, 'hidden': !(open) }" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
280                                <path stroke-linecap="round" class="css-hamburgermenu-p" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
281                            </svg>
282                        </button>
283                    </div>
284                    <div class="flex-1 flex items-center justify-center md:items-stretch md:justify-start">
285                        <div class="flex-shrink-0 h-16 md:h-auto flex items-center">
286                            <a href="/" class="w-48 md:w-full">
287                                <?xml version="1.0" encoding="utf-8"?>
288<!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
289<svg class="w-full max-h-full mt-3 mb-2" version="1.1" id="Laag_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="266px" height="60px"
290	 viewBox="0 0 266 60" style="enable-background:new 0 0 266 60;" xml:space="preserve">
291<style type="text/css">
292	.st0{fill:#F49712;}
293</style>
294<g id="Klaar">
295	<g>
296		<g>
297			<path class="st0" d="M261.5,27.7c0,5.7-5.3,7.2-10.1,7.3c0.5-5.4,3.6-11.3,7.1-11.3C260.5,23.7,261.5,25.1,261.5,27.7
298				 M265.4,27.9c0-5-2.6-7.3-7-7.3c-8.1,0-11.4,11.1-11.4,19.2c0,7.8,3.9,9.2,7.6,9.2c2.2-0.1,4.3-0.5,6.3-1.3l0.7-3.9
299				c0,0-3.9,1.7-6.4,1.7c-2,0-4.2-0.7-4.2-5.9c0-0.5,0.1-1,0.1-1.4C257.2,38.1,265.4,35.5,265.4,27.9 M242.2,28.6
300				c0.8-4.3,0.1-8.1-4.7-8.1c-5.1,0-8.9,5.9-8.9,5.9l0.2-5.4h-3.4l-4.8,27.4h4.1l3.1-17.4c0,0,4.5-6.8,8.7-6.8c2.1,0,2,2.2,1.6,4.1
301				l-3.6,20.1h4.1L242.2,28.6z M217.9,21.1h-4.1l-4.8,27.4h4.1L217.9,21.1z M219.5,13.8c0-1.5-1.2-2.8-2.7-2.8
302				c-1.5,0-2.8,1.2-2.8,2.7c0,0,0,0.1,0,0.1c0,1.5,1.2,2.8,2.7,2.8c1.5,0,2.8-1.2,2.8-2.7C219.5,13.9,219.5,13.9,219.5,13.8
303				 M208,11.3h-4.1l-6.6,37.2h4.1L208,11.3z M192.8,28.6c0.8-4.3,0.1-8.1-4.7-8.1c-5.1,0-8.9,5.9-8.9,5.9l0.2-5.4H176l-4.8,27.4h4.1
304				l3.1-17.4c0,0,4.5-6.8,8.7-6.8c2.1,0,2,2.2,1.6,4.1l-3.6,20.1h4.1L192.8,28.6z M163.8,29.6c-0.1,4.1-1,8.1-2.7,11.9
305				c-1.2,2.6-3.4,4.2-5.3,4.2c-2.3,0-4-1.4-4-6.3c0-3.2,1.2-9,3.5-12.6c1.2-1.8,2.7-3.1,4.5-3.1C162.2,23.8,163.8,25.1,163.8,29.6
306				 M168,30c0-7.2-3.5-9.4-7.9-9.4c-3.3-0.1-6.4,1.6-8.2,4.3c-2.7,3.9-4.3,9.9-4.3,14.7c0,7.4,3.8,9.4,7.8,9.4
307				c4.6,0,7.8-2.4,9.6-6.1C166.8,38.8,167.9,34.4,168,30"/>
308			<path d="M142.3,29.3v-8.2c0,0-0.8-0.6-3.1-0.6c-2,0-3.8,1.2-4.4,3.2l-1.4-2.6h-7.8v27.4h9.8V29.7c1-0.6,2.1-0.9,3.3-0.9
309				C139.9,28.8,141.1,29,142.3,29.3 M111.7,42.6c-0.4,0.2-0.8,0.3-1.3,0.3c-1.3,0-1.9-0.9-1.9-3.4c0-3.3,0.5-4.1,2.4-4.2l0.8-0.1
310				L111.7,42.6z M121.5,48.5V28.9c0-6.8-4-8.4-9.6-8.4c-3.4,0-6.8,0.6-10.1,1.6v7c0,0,4.8-1.3,7.5-1.3c1.8,0,2.3,0.5,2.3,1.7v1.1
311				h-1.9c-3.8,0-10.8,0.7-10.8,9.5c0,8.1,4.8,8.8,7.7,8.8c2,0.1,3.9-0.8,5.2-2.4l1.6,1.9L121.5,48.5z M98,48.1v-7
312				c0,0-2.8,0.4-3.5,0.4c-1.1,0-1.7-0.4-1.7-2.2v-12h3.9l1.3-6.3h-5.2v-8.3l-8.6,2.1L83,21.1h-3.6v6.3H83v13.8c0,7.6,5.2,7.9,8,7.9
313				C93.3,48.9,95.7,48.6,98,48.1 M78.3,39.7c0-5.2-3.4-6.9-5.8-8l-1-0.5c-1.3-0.6-2.4-1-2.4-2.2c0-1,0.9-1.3,2.1-1.3
314				c2.1,0.1,4.2,0.5,6.2,1.1v-6.9C75,21,72.5,20.5,70,20.6c-4.8,0-10.5,1.6-10.5,8.9c0,5,3.3,6.9,5.6,8l1.2,0.6
315				c1.3,0.6,2.3,1,2.3,2.2c0,1.3-1.1,1.6-2.6,1.6c-1.5,0-6.2-1.2-6.2-1.2v7.1c2.5,0.8,5.2,1.2,7.9,1.3C72.2,49,78.3,48,78.3,39.7
316				 M56.4,11.3h-9.8v37.2h9.8V11.3z M34.3,32.7h-4.1c0.1-3.3-0.2-6.3,2.3-6.3C34.5,26.4,34.3,29.5,34.3,32.7 M43.5,38v-3.3
317				c0-11-4.6-14.2-11-14.2c-6.2,0-12.1,2.7-12.1,14.3C20.4,48,27.9,49,34.1,49c2.7-0.1,5.4-0.5,8-1.4v-7.1c0,0-5.1,1.1-8,1.1
318				c-2.4,0-3.9-0.6-3.9-3.5H43.5z M23.8,12.3H0V20h7v28.4h9.8V20h5.7L23.8,12.3z"/>
319		</g>
320	</g>
321</g>
322</svg>
323
324                            </a>
325                        </div>
326                    </div>
327
328
329                        <div class="absolute inset-y-0 right-0 flex items-center pr-2 md:static md:inset-auto md:ml-6 md:pr-0">
330                            
331<div class="ml-3 relative" x-data="{ isOpen: false }">
332        <div>
333            <a href="/login?returnUrl=%2fapp">
334                <button type="button" class="flex hover:text-primary" id="user-menu-button" aria-expanded="false" aria-haspopup="true">
335                    <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="user-plus" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" class="h-6 w-6">
336                        <path fill="currentColor" d="M624 208h-64v-64c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v64h-64c-8.8 0-16 7.2-16 16v32c0 8.8 7.2 16 16 16h64v64c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16v-64h64c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zm-400 48c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm89.6 32h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4z" class=""></path>
337                    </svg>
338                </button>
339            </a>
340        </div>
341</div>
342                        </div>
343
344                            <div class="absolute right-0 pr-2 md:static md:inset-auto md:ml-6">
345                                <div class="bg-gray-100 ml-5 md:ml-0 flex mb-2 mt-3"><div class="hidden sm:block text-l font-medium p-4 pr-0 mt-3 text-gray-500 tracking-wide">KRANT ONLINE</div><div class="p-0 md:p-4 pr-2 h-10 md:h-20 overflow-hidden"><a href="https://www.telstar-online.nl/archive"><img alt="Lees de krant online" src="https://pubblestorage.blob.core.windows.net/4c0aa478/pdf/telstar20220119lr.jpg" class="shadow-lg pl-2 md:pl-0 w-16 md:w-40 h-full object-top object-cover fr-fil fr-dib"><p><br></p></a></div></div>
346                            </div>
347                </div>
348            </div>
349
350            <div class="">
351
352                <div class="max-w-7xl mx-auto px-0 md:px-6 lg:px-8">
353                    <nav class="h-12 space-x-8 hidden md:flex relative items-center border-primary border-t-4">
354 
355                        
356
357        <a href="/" class="hover:text-opacity-60">
358            <button type="button"
359                    class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center"
360                    :class="{ 'md:border-transparent md:border-b-0 border-b hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }">
361                <span>Nieuws</span>
362            </button>
363        </a>
364        <a href="/app">
365            <button type="button"
366                    class="text-gray-500 text-gray-900 font-medium text-base text-nav group inline-flex items-center"
367                    :class="{ 'md:border-transparent md:border-b-0 border-b hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }">
368                <span>App</span>
369            </button>
370        </a>
371        <a href="/agenda" class="hover:text-opacity-60">
372            <button type="button"
373                    class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center"
374                    :class="{ 'md:border-transparent md:border-b-0 border-b hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }">
375                <span>Agenda</span>
376            </button>
377        </a>
378        <a href="/search" class="hover:text-opacity-60">
379            <button type="button"
380                    class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center"
381                    :class="{ 'md:border-transparent md:border-b-0 border-b hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }">
382                <span>Archief</span>
383            </button>
384        </a>
385        <a href="/marktplein" class="hover:text-opacity-60">
386            <button type="button"
387                    class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center"
388                    :class="{ 'md:border-transparent md:border-b-0 border-b hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }">
389                <span>Marktplein</span>
390            </button>
391        </a>
392        <a href="/bedrijven" class="hover:text-opacity-60">
393            <button type="button"
394                    class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center"
395                    :class="{ 'md:border-transparent md:border-b-0 border-b hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }">
396                <span>Bedrijvengids</span>
397            </button>
398        </a>
399        <a href="/joboffers" target="_blank" class="hover:text-opacity-60">
400            <button type="button"
401                    class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center"
402                    :class="{ 'md:border-transparent md:border-b-0 border-b hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }">
403                <span>Vacatures</span>
404            </button>
405        </a>
406        <a href="/overlijdensberichten" class="hover:text-opacity-60">
407            <button type="button"
408                    class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center"
409                    :class="{ 'md:border-transparent md:border-b-0 border-b hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }">
410                <span>Familieberichten</span>
411            </button>
412        </a>
413        <div class="relative sm:border-b-0 border-b" x-data="{ isOpen: false }">
414            <button type="button" @click="isOpen = !isOpen"
415                    class="text-nav text-gray-500 hover:text-gray-900 font-medium text-base group inline-flex items-center"
416                    :class="{ 'md:border-transparent hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }"
417                    aria-expanded="false">
418                <span>Adverteren</span>
419                <svg class="text-gray-500 hover:text-gray-900 font-medium text-base ml-2 md:ml-0 h-5 w-5"
420                     :class="{ 'absolute left-0': open,'': !open }"
421                     xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
422                    <path fill-rule="evenodd"
423                          d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
424                          clip-rule="evenodd" />
425                </svg>
426            </button>
427
428            <div class="absolute z-10 -ml-4 mt-3 transform px-2 w-screen max-w-md md:px-0 lg:ml-0 opacity-0"
429                 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak
430                 x-show="isOpen"
431                 @click.away="isOpen = false"
432                 x-transition:enter="transition ease-out duration-200"
433                 x-transition:enter-start="opacity-0 translate-y-1"
434                 x-transition:enter-end="opacity-100 translate-y-0"
435                 x-transition:leave="transition ease-in duration-150"
436                 x-transition:leave-start="opacity-100 translate-y-0"
437                 x-transition:leave-end="opacity-0 translate-y-1">
438
439                <div class=""
440                     :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }">
441                    <div class="relative grid pl-10 ml-2 md:ml-0 gap-6 bg-white px-5 py-6 md:gap-5 md:p-8 pt-0 md:pt-6">
442                            <a href="/adverteren" class="menu-item__sub -m
442-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
443                                <p class="text-base font-medium text-gray-900">
444                                    Adverteren
445                                </p>
446                            </a>
447                            <a href="/crossmediaal-adverteren" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
448                                <p class="text-base font-medium text-gray-900">
449                                    Crossmediaal adverteren
450                                </p>
451                            </a>
452                            <a href="/digitaal-adverteren" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
453                                <p class="text-base font-medium text-gray-900">
454                                    Digitaal adverteren
455                                </p>
456                            </a>
457                            <a href="https://adverteren.telstar-online.nl/campaign/print/maken" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
458                                <p class="text-base font-medium text-gray-900">
459                                    Zetter opgeven
460                                </p>
461                            </a>
462                            <a href="https://adverteren.telstar-online.nl/campaign/felicitaties" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
463                                <p class="text-base font-medium text-gray-900">
464                                    Felicitatie
465                                </p>
466                            </a>
467                    </div>
468                </div>
469            </div>
470        </div>
471        <div class="relative sm:border-b-0 border-b hover:text-opacity-60" x-data="{ isOpen: false }">
472            <button type="button" @click="isOpen = !isOpen"
473                    class="text-nav text-gray-500 hover:text-gray-900 font-medium text-base group inline-flex items-center"
474                    :class="{ 'md:border-transparent hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }"
475                    aria-expanded="false">
476                <span>Contact</span>
477                <svg class="text-gray-500 hover:text-gray-900 font-medium text-base ml-2 md:ml-0 h-5 w-5"
478                     :class="{ 'absolute left-0': open,'': !open }"
479                     xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
480                    <path fill-rule="evenodd"
481                          d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
482                          clip-rule="evenodd" />
483                </svg>
484            </button>
485
486            <div class="absolute z-10 -ml-4 mt-3 transform px-2 w-screen max-w-md md:px-0 lg:ml-0 opacity-0"
487                 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak
488                 x-show="isOpen"
489                 @click.away="isOpen = false"
490                 x-transition:enter="transition ease-out duration-200"
491                 x-transition:enter-start="opacity-0 translate-y-1"
492                 x-transition:enter-end="opacity-100 translate-y-0"
493                 x-transition:leave="transition ease-in duration-150"
494                 x-transition:leave-start="opacity-100 translate-y-0"
495                 x-transition:leave-end="opacity-0 translate-y-1">
496
497                <div class=""
498                     :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }">
499                    <div class="relative grid pl-10 ml-2 md:ml-0 gap-6 bg-white px-5 py-6 md:gap-5 md:p-8 pt-0 md:pt-6">
500                            <a href="/colofon" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
501                                <p class="text-base font-medium text-gray-900">
502                                    Colofon
503                                </p>
504                            </a>
505                            <a href="/richtlijnen" class="menu-item__sub -m
505-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
506                                <p class="text-base font-medium text-gray-900">
507                                    Richtlijnen
508                                </p>
509                            </a>
510                    </div>
511                </div>
512            </div>
513        </div>
514        <div class="relative sm:border-b-0 border-b hover:text-opacity-60" x-data="{ isOpen: false }">
515            <button type="button" @click="isOpen = !isOpen"
516                    class="text-nav text-gray-500 hover:text-gray-900 font-medium text-base group inline-flex items-center"
517                    :class="{ 'md:border-transparent hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }"
518                    aria-expanded="false">
519                <span>Bezorging</span>
520                <svg class="text-gray-500 hover:text-gray-900 font-medium text-base ml-2 md:ml-0 h-5 w-5"
521                     :class="{ 'absolute left-0': open,'': !open }"
522                     xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
523                    <path fill-rule="evenodd"
524                          d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
525                          clip-rule="evenodd" />
526                </svg>
527            </button>
528
529            <div class="absolute z-10 -ml-4 mt-3 transform px-2 w-screen max-w-md md:px-0 lg:ml-0 opacity-0"
530                 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak
531                 x-show="isOpen"
532                 @click.away="isOpen = false"
533                 x-transition:enter="transition ease-out duration-200"
534                 x-transition:enter-start="opacity-0 translate-y-1"
535                 x-transition:enter-end="opacity-100 translate-y-0"
536                 x-transition:leave="transition ease-in duration-150"
537                 x-transition:leave-start="opacity-100 translate-y-0"
538                 x-transition:leave-end="opacity-0 translate-y-1">
539
540                <div class=""
541                     :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }">
542                    <div class="relative grid pl-10 ml-2 md:ml-0 gap-6 bg-white px-5 py-6 md:gap-5 md:p-8 pt-0 md:pt-6">
543                            <a href="/afhaalpunten" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
544                                <p class="text-base font-medium text-gray-900 hover:text-opacity-60">
545                                    Afhaalpunten
546                                </p>
547                            </a>
548                            <a href="/bezorger" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
549                                <p class="text-base font-medium text-gray-900 hover:text-opacity-60">
550                                    Bezorger worden?
551                                </p>
552                            </a>
553                            <a href="/bezorgklacht" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
554                                <p class="text-base font-medium text-gray-900 hover:text-opacity-60">
555                                    Bezorgklacht
556                                </p>
557                            </a>
558                    </div>
559                </div>
560            </div>
561        </div>
562
563
564                        <div class="flex-grow"></div>
565
566
567                        <div x-data="{ searchOpen: false }" class="">
568                            <button @click="searchOpen = !searchOpen; setTimeout(function(){ document.getElementById('searchTerm').focus() }, 200);" class=" flex items-center focus:outline-none focus:border-transparent">
569                                <svg x-cloak class="search-icon h-5 w-5 text-xl ml-4 text-gray-500" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" c role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
570                                    <path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"></path>
571                                </svg>
572                                <svg x-show="searchOpen" aria-hidden="true" focusable="false" data-prefix="far" data-icon="times-circle" class="search-icon h-5 w-5 text-xl ml-4 text-gray-500 svg-inline--fa fa-times-circle fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
573                                    <path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm101.8-262.2L295.6 256l62.2 62.2c4.7 4.7 4.7 12.3 0 17l-22.6 22.6c-4.7 4.7-12.3 4.7-17 0L256 295.6l-62.2 62.2c-4.7 4.7-12.3 4.7-17 0l-22.6-22.6c-4.7-4.7-4.7-12.3 0-17l62.2-62.2-62.2-62.2c-4.7-4.7-4.7-12.3 0-17l22.6-22.6c4.7-4.7 12.3-4.7 17 0l62.2 62.2 62.2-62.2c4.7-4.7 12.3-4.7 17 0l22.6 22.6c4.7 4.7 4.7 12.3 0 17z"></path>
574                                </svg>
575                            </button>
576
577                            <div x-cloak x-show="searchOpen" x-effect="if(searchOpen) setTimeout(() => $el.querySelector('input')?.focus(), 50)" class="mt-2 py-5 w-full border border-grey-dark md:w-full right-0 absolute z-10 bg-gray-50 md:rounded">
578                                <span class="text-3xl block lg:text-2xl pl-5  font-medium text-black-600 leading-normal">Zoeken</span>
579                                <div class="px-4">
580    <form action="/zoek" method="get" class=" px-0 mb-1 py-3 rounded-md flex items-center">
581        <input name="q" type="text" id="searchTerm" action="search" class="text-secondary pl-5 outline-none border-grey-dark w-full"
582               value=""
583               placeholder="Vul je zoekwoord in.."
584               aria-label="Zoeken">
585        <button class="flex items-center focus:outline-none focus:border-transparent" type="submit" aria-label="Zoeken">
586            <svg class="h-5 w-5 text-xl ml-4" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"></path></svg>
587        </button>
588    </form>
589                                </div>
590                            </div>
591                        </div>
592                    </nav>
593                </div>
594            </div>
595              
596 
597 <div class="md:hidden">
598                <div x-show="open"
599                     x-transition:enter="transition-opacity ease-linear duration-300"
600                     x-transition:enter-start="opacity-0"
601                     x-transition:enter-end="opacity-100"
602                     x-transition:leave="transition-opacity ease-linear duration-300"
603                     x-transition:leave-start="opacity-100"
604                     x-transition:leave-end="opacity-0"
605                     class="fixed inset-0 bg-gray-600 bg-opacity-75">
606                </div>
607                <nav class="h-12 space-x-8 hidden md:flex relative items-center border-primary border-t-4"
608                     :class="{ 'fixed inset-0 flex z-50': open, 'hidden relative items-center h-12 space-x-8': !open }">
609
610                    <div x-show="open"
611                         x-transition:enter="transition ease-in-out duration-300 transform"
612                         x-transition:enter-start="-translate-x-full"
613                         x-transition:enter-end="translate-x-0"
614                         x-transition:leave="transition ease-in-out duration-300 transform"
615                         x-transition:leave-start="translate-x-0"
616                         x-transition:leave-end="-translate-x-full"
617                         class="relative flex-1 flex flex-col max-w-xs w-full pb-4 overflow-auto bg-white " @click.away="open = false">
618
619                        <div class="py-5 w-full border border-grey-dark z-10 bg-gray-50">
620                            <div class="px-4">
621    <form action="/zoek" method="get" class=" px-0 mb-1 py-3 rounded-md flex items-center">
622        <input name="q" type="text" id="searchTerm" action="search" class="text-secondary pl-5 outline-none border-grey-dark w-full"
623               value=""
624               placeholder="Vul je zoekwoord in.."
625               aria-label="Zoeken">
626        <button class="flex items-center focus:outline-none focus:border-transparent" type="submit" aria-label="Zoeken">
627            <svg class="h-5 w-5 text-xl ml-4" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
627<path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"></path></svg>
628        </button>
629    </form>
630                            </div>
631                        </div>
632 
633                        <div class="pl-7 py-2 border border-grey-dark">
634                            
635<div class="ml-3 relative" x-data="{ isOpen: false }">
636        <div>
637            <a href="/login?returnUrl=%2fapp">
638                <button type="button" class="flex hover:text-primary" id="user-menu-button" aria-expanded="false" aria-haspopup="true">
639                    <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="user-plus" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" class="h-6 w-6">
640                        <path fill="currentColor" d="M624 208h-64v-64c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v64h-64c-8.8 0-16 7.2-16 16v32c0 8.8 7.2 16 16 16h64v64c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16v-64h64c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zm-400 48c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm89.6 32h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4z" class=""></path>
641                    </svg>
642                </button>
643            </a>
644        </div>
645</div>
646                        </div>
647 
648                        
649
650        <a href="/" class="hover:text-opacity-60">
651            <button type="button"
652                    class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center"
653                    :class="{ 'md:border-transparent md:border-b-0 border-b hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }">
654                <span>Nieuws</span>
655            </button>
656        </a>
657        <a href="/app">
658            <button type="button"
659                    class="text-gray-500 text-gray-900 font-medium text-base text-nav group inline-flex items-center"
660                    :class="{ 'md:border-transparent md:border-b-0 border-b hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }">
661                <span>App</span>
662            </button>
663        </a>
664        <a href="/agenda" class="hover:text-opacity-60">
665            <button type="button"
666                    class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center"
667                    :class="{ 'md:border-transparent md:border-b-0 border-b hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }">
668                <span>Agenda</span>
669            </button>
670        </a>
671        <a href="/search" class="hover:text-opacity-60">
672            <button type="button"
673                    class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center"
674                    :class="{ 'md:border-transparent md:border-b-0 border-b hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }">
675                <span>Archief</span>
676            </button>
677        </a>
678        <a href="/marktplein" class="hover:text-opacity-60">
679            <button type="button"
680                    class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center"
681                    :class="{ 'md:border-transparent md:border-b-0 border-b hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }">
682                <span>Marktplein</span>
683            </button>
684        </a>
685        <a href="/bedrijven" class="hover:text-opacity-60">
686            <button type="button"
687                    class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center"
688                    :class="{ 'md:border-transparent md:border-b-0 border-b hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }">
689                <span>Bedrijvengids</span>
690            </button>
691        </a>
692        <a href="/joboffers" target="_blank" class="hover:text-opacity-60">
693            <button type="button"
694                    class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center"
695                    :class="{ 'md:border-transparent md:border-b-0 border-b hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }">
696                <span>Vacatures</span>
697            </button>
698        </a>
699        <a href="/overlijdensberichten" class="hover:text-opacity-60">
700            <button type="button"
701                    class="text-gray-500 hover:text-gray-900 font-medium text-base text-nav group inline-flex items-center"
702                    :class="{ 'md:border-transparent md:border-b-0 border-b hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }">
703                <span>Familieberichten</span>
704            </button>
705        </a>
706        <div class="relative sm:border-b-0 border-b" x-data="{ isOpen: false }">
707            <button type="button" @click="isOpen = !isOpen"
708                    class="text-nav text-gray-500 hover:text-gray-900 font-medium text-base group inline-flex items-center"
709                    :class="{ 'md:border-transparent hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }"
710                    aria-expanded="false">
711                <span>Adverteren</span>
712                <svg class="text-gray-500 hover:text-gray-900 font-medium text-base ml-2 md:ml-0 h-5 w-5"
713                     :class="{ 'absolute left-0': open,'': !open }"
714                     xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
715                    <path fill-rule="evenodd"
716                          d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
717                          clip-rule="evenodd" />
718                </svg>
719            </button>
720
721            <div class="absolute z-10 -ml-4 mt-3 transform px-2 w-screen max-w-md md:px-0 lg:ml-0 opacity-0"
722                 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak
723                 x-show="isOpen"
724                 @click.away="isOpen = false"
725                 x-transition:enter="transition ease-out duration-200"
726                 x-transition:enter-start="opacity-0 translate-y-1"
727                 x-transition:enter-end="opacity-100 translate-y-0"
728                 x-transition:leave="transition ease-in duration-150"
729                 x-transition:leave-start="opacity-100 translate-y-0"
730                 x-transition:leave-end="opacity-0 translate-y-1">
731
732                <div class=""
733                     :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }">
734                    <div class="relative grid pl-10 ml-2 md:ml-0 gap-6 bg-white px-5 py-6 md:gap-5 md:p-8 pt-0 md:pt-6">
735                            <a href="/adverteren" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
736                                <p class="text-base font-medium text-gray-900">
737                                    Adverteren
738                                </p>
739                            </a>
740                            <a href="/crossmediaal-adverteren" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
741                                <p class="text-base font-medium text-gray-900">
742                                    Crossmediaal adverteren
743                                </p>
744                            </a>
745                            <a href="/digitaal-adverteren" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
746                                <p class="text-base font-medium text-gray-900">
747                                    Digitaal adverteren
748                                </p>
749                            </a>
750                            <a href="https://adverteren.telstar-online.nl/campaign/print/maken" target="_blank" class="menu-item__sub -m
750-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
751                                <p class="text-base font-medium text-gray-900">
752                                    Zetter opgeven
753                                </p>
754                            </a>
755                            <a href="https://adverteren.telstar-online.nl/campaign/felicitaties" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
756                                <p class="text-base font-medium text-gray-900">
757                                    Felicitatie
758                                </p>
759                            </a>
760                    </div>
761                </div>
762            </div>
763        </div>
764        <div class="relative sm:border-b-0 border-b hover:text-opacity-60" x-data="{ isOpen: false }">
765            <button type="button" @click="isOpen = !isOpen"
766                    class="text-nav text-gray-500 hover:text-gray-900 font-medium text-base group inline-flex items-center"
767                    :class="{ 'md:border-transparent hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }"
768                    aria-expanded="false">
769                <span>Contact</span>
770                <svg class="text-gray-500 hover:text-gray-900 font-medium text-base ml-2 md:ml-0 h-5 w-5"
771                     :class="{ 'absolute left-0': open,'': !open }"
772                     xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
773                    <path fill-rule="evenodd"
774                          d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
775                          clip-rule="evenodd" />
776                </svg>
777            </button>
778
779            <div class="absolute z-10 -ml-4 mt-3 transform px-2 w-screen max-w-md md:px-0 lg:ml-0 opacity-0"
780                 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak
781                 x-show="isOpen"
782                 @click.away="isOpen = false"
783                 x-transition:enter="transition ease-out duration-200"
784                 x-transition:enter-start="opacity-0 translate-y-1"
785                 x-transition:enter-end="opacity-100 translate-y-0"
786                 x-transition:leave="transition ease-in duration-150"
787                 x-transition:leave-start="opacity-100 translate-y-0"
788                 x-transition:leave-end="opacity-0 translate-y-1">
789
790                <div class=""
791                     :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }">
792                    <div class="relative grid pl-10 ml-2 md:ml-0 gap-6 bg-white px-5 py-6 md:gap-5 md:p-8 pt-0 md:pt-6">
793                            <a href="/colofon" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
794                                <p class="text-base font-medium text-gray-900">
795                                    Colofon
796                                </p>
797                            </a>
798                            <a href="/richtlijnen" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
799                                <p class="text-base font-medium text-gray-900">
800                                    Richtlijnen
801                                </p>
802                            </a>
803                    </div>
804                </div>
805            </div>
806        </div>
807        <div class="relative sm:border-b-0 border-b hover:text-opacity-60" x-data="{ isOpen: false }">
808            <button type="button" @click="isOpen = !isOpen"
809                    class="text-nav text-gray-500 hover:text-gray-900 font-medium text-base group inline-flex items-center"
810                    :class="{ 'md:border-transparent hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }"
811                    aria-expanded="false">
812                <span>Bezorging</span>
813                <svg class="text-gray-500 hover:text-gray-900 font-medium text-base ml-2 md:ml-0 h-5 w-5"
814                     :class="{ 'absolute left-0': open,'': !open }"
815                     xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
816                    <path fill-rule="evenodd"
817                          d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
818                          clip-rule="evenodd" />
819                </svg>
820            </button>
821
822            <div class="absolute z-10 -ml-4 mt-3 transform px-2 w-screen max-w-md md:px-0 lg:ml-0 opacity-0"
823                 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak
824                 x-show="isOpen"
825                 @click.away="isOpen = false"
826                 x-transition:enter="transition ease-out duration-200"
827                 x-transition:enter-start="opacity-0 translate-y-1"
828                 x-transition:enter-end="opacity-100 translate-y-0"
829                 x-transition:leave="transition ease-in duration-150"
830                 x-transition:leave-start="opacity-100 translate-y-0"
831                 x-transition:leave-end="opacity-0 translate-y-1">
832
833                <div class=""
834                     :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }">
835                    <div class="relative grid pl-10 ml-2 md:ml-0 gap-6 bg-white px-5 py-6 md:gap-5 md:p-8 pt-0 md:pt-6">
836                            <a href="/afhaalpunten" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
837                                <p class="text-base font-medium text-gray-900 hover:text-opacity-60">
838                                    Afhaalpunten
839                                </p>
840                            </a>
841                            <a href="/bezorger" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
842                                <p class="text-base font-medium text-gray-900 hover:text-opacity-60">
843                                    Bezorger worden?
844                                </p>
845                            </a>
846                            <a href="/bezorgklacht" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50">
847                                <p class="text-base font-medium text-gray-900 hover:text-opacity-60">
848                                    Bezorgklacht
849                                </p>
850                            </a>
851                    </div>
852                </div>
853            </div>
854        </div>
855
856
857                        
858
859                    </div>
860                    <div x-show="open"
861                         x-transition:enter="ease-in-out duration-300"
862                         x-transition:enter-start="opacity-0"
863                         x-transition:enter-end="opacity-100"
864                         x-transition:leave="ease-in-out duration-300"
865                         x-transition:leave-start="opacity-100"
866                         x-transition:leave-end="opacity-0"
867                         class="absolute top-0 right-0 -mr-12 pt-2">
868                        <button type="button" class="ml-1 flex items-center justify-center h-10 w-10 rounded-full focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white" @click="open = false" aria-label="Menu sluiten">
869                            <span class="sr-only">Sluit zijkant</span>
870                            <svg class="h-6 w-6 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
871                                <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
872                            </svg>
873                        </button>
874                    </div> 
875                </nav>
876            </div>
877        </div>
878    </nav>
879</header>
880
881<main role="main" class="pb-3 mt-0 pt-1 md:pt-0 md:mt-4">
882    
883
884
885<style type="text/css">
886    @media (min-width: 1024px) {
887        .custompage-settings-open { margin-left: 0 !important; margin-right: 36rem !important; }
888    }
889</style>
890<div x-data="{ IsRedirect : false, settingsOpen: false }"
891     @open-redirect="IsRedirect=true"
892     @close-redirect="IsRedirect=false"
893     :class="{ 'custompage-settings-open': settingsOpen }"
894     class="max-w-7xl mx-auto px-2 sm:px-6 lg:px-8 mt-10 mb-2">
895
896        <div x-show="!IsRedirect" class="prose max-w-none" id="">
897<h1 style="color: rgb(244, 151, 19); text-align: left;"><span style="font-size: 24px;">Download de Telstar Online app</span></h1><div class="flex-container"><div class="flex-item-left"><a href="https://apps.apple.com/nl/app/telstar/id1643895862" rel="noopener noreferrer" target="_blank"><img src="https://telstarmediacentrum.nl/wp-content/uploads/2024/06/App-store.png" alt="Button app store" style="height: auto; max-width: 250px;" class="fr-fic fr-dii"></a></div><div class="flex-item-right"><a href="https://play.google.com/store/apps/details?id=nl.pubble.telstar&amp;pcampaignid=web_share" rel="noopener noreferrer" target="_blank"><img src="https://telstarmediacentrum.nl/wp-content/uploads/2024/06/Google-play-store.png" alt="Button google play" style="height: auto; max-width: 250px;" class="fr-fic fr-dii"></a></div></div><p>Maak kennis met nieuwsapp Telstar Online: dé app die je elk moment van de dag op de hoogte brengt van het laatste lokale nieuws uit Pijnacker-Nootdorp en Delfgauw.<br>Hier lees je ook weekblad Telstar.</p><p><strong style="color:#F49713; font-size: 16px;">Breaking nieuwsmeldingen</strong><br>Ontvang realtime updates over actuele nieuwsberichten uit jouw buurt.<br>Zo blijf jij 24/7 op de hoogte van het lokale nieuws.</p><p><strong style="color:#F49713; font-size: 16px;">Deel interessante artikelen</strong><br>Sla interessante artikelen op voor later gebruik of deel ze met vrienden en familie via sociale media, e-mail of berichtenapps.</p><p><strong style="color:#F49713; font-size: 16px;">Gebruiksvriendelijk</strong><br>Geniet van een strak en intuïtief ontwerp dat zorgt voor naadloze navigatie en een verbeterde leeservaring. Switch tussen de donker- en lichtmodus en pas de lettergroottes aan.<br>Download vandaag nog Telstar Online vanuit de <a href="https://apps.apple.com/nl/app/telstar/id1643895862"><strong class="text-primary">App Store</strong></a> of <a href="https://play.google.com/store/apps/details?id=nl.pubble.telstar&amp;pcampaignid=web_share&amp;pli=1"><strong class="text-primary">Play Store</strong></a> om op de hoogte te blijven, geïnformeerd te worden en verbonden te blijven met de wereld om je heen.</p><p><br></p><p><img src="https://telstarmediacentrum.nl/wp-content/uploads/2023/10/telstar-app-scaled.jpg" class="fr-fic fr-dii fr-fil"></p><p><br></p>        </div>
898</div>
899
900
901</main>
902
903
904<footer class="css-bg-footer bg-gray-800 pt-0 sm:mt-10">
905
906    <div class="max-w-7xl px-2  pt-5 m-auto text-gray-800 flex flex-wrap justify-left">
907        <div class="p-5 w-full md:flex sm:w-4/12 md:w-10/12 ">
908
909            <div class="pt-5 md:p-0 w-full md:w-12/12 text-gray-300">
910                <div class="grid grid-cols-12 gap-4"><div class="md:col-span-4 col-span-12  w-full -"><p><strong>Contact:</strong></p><p class="text-gray-400 text-sm font-medium">Boezemweg 21</p><p class="text-gray-400 text-sm font-medium">2641 KG Pijnacker</p><p class="text-gray-400 text-sm font-medium">015 - 361 54 77</p><p><br></p><p class="text-gray-400 text-sm font-medium">Postadres:</p><p class="text-gray-400 text-sm font-medium">Postbus 109</p><p class="text-gray-400 text-sm font-medium">2640 AC Pijnacker</p></div><div class="md:col-span-4 col-span-12 w-full "><p><strong>Advertenties:</strong></p><p class="block text-gray-400 hover:text-gray-100 text-sm font-medium duration-700"><a href="mailto:[email protected]">[email protected]</a></p><p class="text-gray-400 text-sm font-medium">015 - 361 54 77</p></div><div class="md:col-span-4 col-span-12  w-full"><p><strong>Redactie:</strong></p><p class="block text-gray-400 hover:text-gray-100 text-sm font-medium duration-700"><a href="mailto:[email protected]">[email protected]</a></p><p class="block text-gray-400 hover:text-gray-100 text-sm font-medium duration-700">015 - 361 54 77</p><p class="text-gray-400 text-sm font-medium">WhatsApp nieuwsbeelden: 06 - 2879 2157</p></div></div><div><p class="text-gray-400 text-sm font-medium"><br></p><p class="text-gray-400 text-sm" style="font-size: 0.9em;">Hier vindt u ons <a href="https://www.telstar-online.nl/privacy" rel="noopener noreferrer" target="_blank"><span class="text-gray-200">privacybeleid</span></a>.</p></div>
911            </div>
912        </div>
913
914    </div>
915
916
917    <div class="max-w-7xl px-2 m-auto w-full">
918
919        <ul role="list" class="flex items-center space-x-1 mt-4 mb-2 justify-end">
920
921
922                <li>
923                    <div class="mx-2  bg-primary hover:bg-opacity-60 text-white rounded-full items-center justify-center flex p-2 shadow-md">
924                        <a href="//facebook.com/telstaronline.pijnacker" target="_blank" class="flex items-center justify-center w-6 h-6 text-white hover:text-gray-100" title="facebook">
925                            <svg class="h-5 w-5" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="facebook-f" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
926                                <path fill="currentColor" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path>
927                            </svg>
928                        </a>
929                    </div>
930                </li>
931
932                <li>
933                    <div class="mx-2  bg-primary hover:bg-opacity-60 text-white rounded-full items-center justify-center flex p-2 shadow-md">
934                        <a href="https://www.instagram.com/telstaronline" target="_blank" class="flex items-center justify-center w-6 h-6 text-white hover:text-gray-100" title="instagram">
935                            <svg class="h-5 w-5" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="instagram" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
936                                <path fill="currentColor" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path>
937                            </svg>
938                        </a>
939                    </div>
940                </li>
941
942                <li>
943                    <div class="mx-2  bg-primary hover:bg-opacity-60 text-white rounded-full items-center justify-center flex p-2 shadow-md">
944                        <a href="https://x.com/telstaronline" target="_blank" class="flex items-center justify-center w-6 h-6 text-white hover:text-gray-100" title="twitter">
945                            <svg class="h-4" viewBox="0 0 1200 1227" fill="none" xmlns="http://www.w3.org/2000/svg">
946                                <path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill="white"/>
947                            </svg>
948                        </a>
949                    </div>
950                </li>
951
952
953                <li>
954                    <div class="mx-2  bg-primary hover:bg-opacity-60 text-white rounded-full items-center justify-center flex p-2 shadow-md">
955                        <a href="http://www.youtube.com/user/Telstarvideoteam" target="_blank" class="flex items-center justify-center w-6 h-6 text-white hover:text-gray-100" title="youtube">
956                            <svg class="h-5 w-5" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="youtube" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
957                                <path fill="currentColor" d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path>
958                            </svg>
959                        </a>
960                    </div>
961                </li>
962
963
964
965
966
967
968                <li>
969                    <div class="mx-2  bg-primary hover:bg-opacity-60 text-white rounded-full items-center justify-center flex p-2 shadow-md">
970                        <a href="mailto:[email protected]" target="_blank" class="flex items-center justify-center w-6 h-6 text-white hover:text-gray-100" title="mail de redactie">
971                            <svg class="h-5 w-5" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="envelope-open" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
972                                <path fill="currentColor" d="M512 464c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48V200.724a48 48 0 0 1 18.387-37.776c24.913-19.529 45.501-35.365 164.2-121.511C199.412 29.17 232.797-.347 256 .003c23.198-.354 56.596 29.172 73.413 41.433 118.687 86.137 139.303 101.995 164.2 121.512A48 48 0 0 1 512 200.724V464zm-65.666-196.605c-2.563-3.728-7.7-4.595-11.339-1.907-22.845 16.873-55.462 40.705-105.582 77.079-16.825 12.266-50.21 41.781-73.413 41.43-23.211.344-56.559-29.143-73.413-41.43-50.114-36.37-82.734-60.204-105.582-77.079-3.639-2.688-8.776-1.821-11.339 1.907l-9.072 13.196a7.998 7.998 0 0 0 1.839 10.967c22.887 16.899 55.454 40.69 105.303 76.868 20.274 14.781 56.524 47.813 92.264 47.573 35.724.242 71.961-32.771 92.263-47.573 49.85-36.179 82.418-59.97 105.303-76.868a7.998 7.998 0 0 0 1.839-10.967l-9.071-13.196z"></path>
973                            </svg>
974                        </a>
975                    </div>
976                </li>
977
978        </ul>
979    </div>
980
981    <div class="pt-2">
982        <div class="flex pb-5 px-3 m-auto pt-5
983            border-t border-gray-500 text-gray-400 text-sm
984            flex-col md:flex-row max-w-7xl px-2">
985            <div class="mt-2">
986                © Copyright Telstar Mediacentrum | Het is niet toegestaan teksten, foto’s of enig onderdeel van deze website over te nemen of te verspreiden zonder uitdrukkelijke toestemming van de uitgever.
987                Gemaakt met
988                <a style="font-weight: bold;" href="https://www.pubble.nl/" target="_blank" rel="noopener">
989                    <img style="width: 60px; height: auto; opacity: 1;" loading="lazy" width="60" height="25" class="inline" src="https://storage.pubble.nl/assets/images/Pubble-w-logo.svg" data-src="https://storage.pubble.nl/assets/images/Pubble-w-logo.svg" alt="">
990                </a>
991            </div>
992        </div>
993    </div>
994</footer>
995
996	<div id="subscribe_container" style="position: fixed; top: 0px; width: 100%; z-index: 999999991; display: none; ">
997		<div class="subscribe_widget" style="background-color: rgb(255, 255, 255); padding: 25px; margin: 5px auto; border-radius: 5px; max-width: 550px; pointer-events: auto; box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.07), 0px 15px 35px 1px rgba(56, 58, 103, 0.1), 0px 5px 15px 0px rgba(62, 71, 92, 0.07); ">
998			<div> 
999				<p class="text-black font-semibold">Direct een melding bij belangrijk nieuws?</p><p class="text-black mb-2">Druk dan op onderstaande knop om gratis push notificaties in te schakelen.</p>
1000			</div> 
1001			<div style="clear:both;">
1002					<div onclick="pushNotification.reqPermission();pushNotification.closeSubscribe();" 
1003					class="py-4 text-center bg-primary text-white cursor-pointer rounded font-bold mt-4 mb-2 w-full">
1004						Ja houd mij op de hoogte!
1005					</div>
1006				<a href="#" onclick="pushNotification.closeSubscribe();">
1007					Nee, bedankt
1008				</a>
1009			</div>
1010		</div>
1011	</div> 
1012
1013
1014
1015
1016
1017
1018    
1018<script type="text/javascript" src="//storage.pubble.cloud/assets/static/js/pubble.script.min.js?version=260925-2"></script>
1018
1019        
1019<script type="text/javascript" src="//storage.pubble.cloud/assets/static/js/pubble/pubble.PubbleContent.js?v=260902-1"></script>
vendor: 1 bytes, line 1019
1019
1020<script type="text/javascript" src="/lure/js/pubble/lures.js?version=260925-2"></script>
vendor: 1 bytes, line 1020
1020
1021<script src="/components/js/pubble.stats.min.js?app_name=web&version=260925-2" async></script>
1021
1022    
1022<script defer src="/components/rum/pubble-rum.js?v=260925-2"></script>
1022
1023
1024
1025
1026
1027
1028
1029
1030
1031<!-- web-earth--r189-1-85756f968c-6rnf4 -->
1032</body>
1033</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.