PageSourceSearch

https://koegekyst.dk/

html koegekyst.dk collected 2026-10-07 19:50:12 UTC 122,714 bytes, 1,762 lines download raw bytes

1
2
3
4<!DOCTYPE html>
5<html lang="da">
6
7<head>
8    <meta charset="utf-8" />
9    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
10
11    <title>Køge Kyst | En levende og mangfoldig bydel mellem Køges bymidte og havet</title>
12<meta name="description" content="I bydelen Køge Kyst skyder der i disse år en mangfoldighed af ejer- og lejeboliger op mellem Køges gamle bymidte og havet">
13
14    <meta property="og:title" content="Køge Kyst | En levende og mangfoldig bydel mellem Køges bymidte og havet"/>
15
16
17    
17<script crossorigin="anonymous" integrity="sha384-dKTEO8VzZTIiEEz2qr4w2bVIIymjPmx1FBadZi7LrMNctUGEjjPUIec/phhqjHLH" src="https://api.mapbox.com/mapbox-gl-js/v1.2.0/mapbox-gl.js"></script>
17
18    <link crossorigin="anonymous" href="https://api.mapbox.com/mapbox-gl-js/v1.2.0/mapbox-gl.css" integrity="sha384-uzVtqbBtD0LlKxAac9xVG/dhmKHEi0yxRV2abA11&#x2B;gNDMz6u8UnlJ9hvx4mugpf/" rel="stylesheet"></link>
19    <link href="/content/main.css" rel="stylesheet"></link>
20
21
22    
22<script>
23        dataLayer = [{
24            'projectTitle': 'Naerheden',
25            'event': 'howeronProject'
26        }];
27    </script>
27
28
29    
29<script src="/polyfill/v3/polyfill.min.js?features=Array.prototype.find%2CString.prototype.includes%2CArray.prototype.includes"></script>
29
30    
30<script src="/content/main.js"></script>
30
31    
31<script async="True" crossorigin="anonymous" integrity="sha384-dBo7K67Ql3VCbsnnnv4Ooln0dQckF64&#x2B;vgnSdbIYj/8HAT4XvlIJkmgwmOx1HWgu" src="https://cdn.jsdelivr.net/npm/[email protected]/widget.module.min.js" type="module"></script>
31
32
33    
33<script id="CookieConsent" src="https://policy.app.cookieinformation.com/uc.js"
34    data-culture="DA" type="text/javascript"></script>
34
35
36<!-- Google Tag Manager -->
37<script>
vendor: 327 bytes, lines 37-41
37(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
38new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
39j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
40'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
41})(window,document,'script','dataLayer','
41GTM-M5M4CT9
vendor: 3 bytes, line 41
41');
41</script>
41
42<!-- End Google Tag Manager -->
43
44<!-- Privacy-friendly analytics by Plausible -->
45<script async src="https://plausible.io/js/pa-jLBPlHZgqvj8XBQ8szVUz.js"></script>
vendor: 1 bytes, line 45
45
46<script>
47  window.plausible=window.plausible||function(){(plausible.q=plausible.q||[]).push(arguments)},plausible.init=plausible.init||function(i){plausible.o=i||{}};
48  plausible.init()
49</script>
49
50
51
52<script src="https://heyoverlay.com/js/core.js"></script>
vendor: 1 bytes, line 52
52
53<script src="https://heyoverlay.com/userscripts/0a959de7-50b4-44d2-92dc-925edb9bd858.js"></script>
53
54</head>
55
56<body class="theme-koegekyst">
57
58    <!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 58-59
58
59<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
59GTM-M5M4CT9
vendor: 83 bytes, lines 59-60
59"
60height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
61<!-- End Google Tag Manager (noscript) -->
62
63    <main class="main ">
64        
65<header class="c-header  ">
66    <div class="c-header__mobile">
67        <a href="/" aria-label="koegekyst">
68            <div class=" c-logo">
69                <svg class="u-icon--kanalbyen-logo ">
70                    <use xlink:href="/content/assets/icons.svg#koegekyst_logo" />
71                </svg>
72            </div>
73        </a>
74        <button type="button" class="mobile-nav-toggle-button"
75            onclick="document.getElementsByTagName('header')[0].classList.toggle('menu-is-open');"
76            aria-label="koegekyst menu">
77            <span></span>
78        </button>
79    </div>
80    <div class="c-header__inner">
81        <a href="/" aria-label="koegekyst">
82            <div class="c-logo">
83                <svg class="u-icon--kanalbyen-logo ">
84                    <use xlink:href="/content/assets/icons.svg#koegekyst_logo" />
85                </svg>
86            </div>
87        </a>
88        <nav class="c-header__nav">
89                <ul class="c-header__nav-list">
90                        <li class="c-header__nav-list-item has-dropdown">
91                            <div class="c-header__nav-text">
92                                    <a href="/boliger/"
93                                        class="c-header__nav-item u-reset-a">Boliger</a>
94                                        <div class="c-header__nav-expand-dropdown">
95                                            <div class="c-header__nav-expand-dropdown-wrap">
96                                                <span class="c-header__nav-expand-dropdown-icon"></span>
97                                            </div>
98                                        </div>
99                            </div>
100                                <ul class="c-header__nav-dropdown">
101                                        <li class="c-header__nav-dropdown-item">
102                                            <a href="/boliger/ejerboliger/" class="u-reset-a">Ejerboliger</a> 
103                                        </li>
104                                        <li class="c-header__nav-dropdown-item">
105                                            <a href="/boliger/lejeboliger/" class="u-reset-a">Lejeboliger</a> 
106                                        </li>
107                                </ul>
108                        </li>
109                        <li class="c-header__nav-list-item has-dropdown">
110                            <div class="c-header__nav-text">
111                                    <a href="/byen/"
112                                        class="c-header__nav-item u-reset-a">Byen</a>
113                                        <div class="c-header__nav-expand-dropdown">
114                                            <div class="c-header__nav-expand-dropdown-wrap">
115                                                <span class="c-header__nav-expand-dropdown-icon"></span>
116                                            </div>
117                                        </div>
118                            </div>
119                                <ul class="c-header__nav-dropdown">
120                                        <li class="c-header__nav-dropdown-item">
121                                            <a href="/byen/hav-og-strand/" class="u-reset-a">Hav og strand</a> 
122                                        </li>
123                                        <li class="c-header__nav-dropdown-item">
124                                            <a href="/byen/indkoeb-og-shopping/" class="u-reset-a">Indk&#xF8;b og shopping</a> 
125                                        </li>
126                                        <li class="c-header__nav-dropdown-item">
127                                            <a href="/byen/kultur-og-oplevelser/" class="u-reset-a">Kultur og oplevelser</a> 
128                                        </li>
129                                        <li class="c-header__nav-dropdown-item">
130                                            <a href="/byen/arkitektur-og-steder/" class="u-reset-a">Arkitektur og steder</a> 
131                                        </li>
132                                        <li class="c-header__nav-dropdown-item">
133                                            <a href="/byen/skoler-og-daginstitutioner/" class="u-reset-a">Skoler og daginstitutioner</a> 
134                                        </li>
135                                        <li class="c-header__nav-dropdown-item">
136                                            <a href="/byen/parkering/" class="u-reset-a">Parkering</a> 
137                                        </li>
138                                        <li class="c-header__nav-dropdown-item">
139                                            <a href="/byen/bydelsforeningen-soendre-havn/" class="u-reset-a">Bydelsforeningen S&#xF8;ndre Havn</a> 
140                                        </li>
141                                        <li class="c-header__nav-dropdown-item">
142                                            <a href="/byen/guidet-byvandring-i-koege-kyst-omraadet/" class="u-reset-a">Guidet byvandring i K&#xF8;ge Kyst-omr&#xE5;det</a> 
143                                        </li>
144                                </ul>
145                        </li>
146                        <li class="c-header__nav-list-item has-dropdown">
147                            <div class="c-header__nav-text">
148                                    <a href="/byudvikling/"
149                                        class="c-header__nav-item u-reset-a">Byudvikling</a>
150                                        <div class="c-header__nav-expand-dropdown">
151                                            <div class="c-header__nav-expand-dropdown-wrap">
152                                                <span class="c-header__nav-expand-dropdown-icon"></span>
153                                            </div>
154                                        </div>
155                            </div>
156                                <ul class="c-header__nav-dropdown">
157                                        <li class="c-header__nav-dropdown-item">
158                                            <a href="/byudvikling/byggeri-og-anlaeg/" class="u-reset-a">Byggeri og anl&#xE6;g</a> 
159                                        </li>
160                                        <li class="c-header__nav-dropdown-item">
161                                            <a href="/byudvikling/udviklingsplan/" class="u-reset-a">Udviklingsplan</a> 
162                                        </li>
163                                        <li class="c-header__nav-dropdown-item">
164                                            <a href="/byudvikling/saa-langt-er-koege-kyst/" class="u-reset-a">S&#xE5; langt er K&#xF8;ge Kyst</a> 
165                                        </li>
166                                        <li class="c-header__nav-dropdown-item">
167                                            <a href="/byudvikling/historien-bag-koege-kyst/" class="u-reset-a">Historien bag K&#xF8;ge Kyst</a> 
168                                        </li>
169                                        <li class="c-header__nav-dropdown-item">
170                                            <a href="/byudvikling/arkaeologi/" class="u-reset-a">Ark&#xE6;ologi</a> 
171                                        </li>
172                                        <li class="c-header__nav-dropdown-item">
173                                            <a href="/byudvikling/underfoering-mellem-by-og-havn/" class="u-reset-a">Underf&#xF8;ring mellem by og havn</a> 
174                                        </li>
175                                </ul>
176                        </li>
177                        <li class="c-header__nav-list-item has-dropdown">
178                            <div class="c-header__nav-text">
179                                    <a href="/investor/"
180                                        class="c-header__nav-item u-reset-a">Investor</a>
181                                        <div class="c-header__nav-expand-dropdown">
182                                            <div class="c-header__nav-expand-dropdown-wrap">
183                                                <span class="c-header__nav-expand-dropdown-icon"></span>
184                                            </div>
185                                        </div>
186                            </div>
187                                <ul class="c-header__nav-dropdown">
188                                </ul>
189                        </li>
190                        <li class="c-header__nav-list-item has-dropdown">
191                            <div class="c-header__nav-text">
192                                    <a href="/om-os/"
193                                        class="c-header__nav-item u-reset-a">Om os</a>
194                                        <div class="c-header__nav-expand-dropdown">
195                                            <div class="c-header__nav-expand-dropdown-wrap">
196                                                <span class="c-header__nav-expand-dropdown-icon"></span>
197                                            </div>
198                                        </div>
199                            </div>
200                                <ul class="c-header__nav-dropdown">
201                                        <li class="c-header__nav-dropdown-item">
202                                            <a href="/om-os/organisation/" class="u-reset-a">Organisation</a> 
203                                        </li>
204                                        <li class="c-header__nav-dropdown-item">
205                                            <a href="/om-os/kontakt-koege-kyst/" class="u-reset-a">Kontakt</a> 
206                                        </li>
207                                        <li class="c-header__nav-dropdown-item">
208                                            <a href="/om-os/nyheder/" class="u-reset-a">
208Nyheder</a> 
209                                        </li>
210                                        <li class="c-header__nav-dropdown-item">
211                                            <a href="/om-os/tilmeld-nyhedsbrev/" class="u-reset-a">Tilmeld nyhedsbrev</a> 
212                                        </li>
213                                </ul>
214                        </li>
215                </ul>
216        </nav>
217    </div>
218</header>
219
220        
221
222
223
224    <section class="c-hero c-hero--video " >
225            <video playsinline autoplay muted loop poster="" class="c-hero__video" data-object-fit="cover">
226                <source src="/media/bmmp5ath/hero5.mp4" type="video/mp4">
227            </video>
228        <div class="c-hero__content" style="color: white">
229            
230
231
232<div class="o-container">
233    <div class="o-container__inner">
234        <h1>En levende og mangfoldig bydel</h1>
235        <h5>Mange forskellige boliger skyder i disse &#xE5;r op mellem K&#xF8;ges gamle bymidte og vandet</h5>
236        <div class="c-hero__play-video">
237
238
239        </div>
240    </div>
241  
242</div>
243        </div>
244    </section>
245<div class="c-social-wrapper">
246    <div class="c-social  c-social--vertical ">
247        
248    <ul class="c-social__icons u-reset-ul">
249            <li>
250                    <a href="https://www.facebook.com/kkbyliv/" target="_blank" class="u-reset-a" aria-label="Facebook" >
251                        <svg class="u-icon--l ">
252                            <use xlink:href="/assets/icons.svg#facebook_icon" />
253                        </svg>
254                    </a>
255            </li>
256            <li>
257                    <a href="https://www.linkedin.com/company/k%C3%B8ge-kyst/?viewAsMember=true" target="_blank" class="u-reset-a" aria-label="LinkedIn" >
258                        <svg class="u-icon--l ">
259                            <use xlink:href="/assets/icons.svg#linkedIn_icon" />
260                        </svg>
261                    </a>
262            </li>
263    </ul>
264
265
266    </div>
267</div>
268
269    <div class="o-container">
270        <div class="o-container__inner">
271            
272
273
274<div class="c-text-media-block c-text-media-block--with-media c-text-media-block--media-right">
275    <div class="c-text-media-block__inner">
276        <div class="c-text-media-block__image">
277                    <img src="/media/ukvno0kh/hav-og-strand.jpg?width=640&amp;height=480"
278                         alt="Hav Og Strand" />
279        </div>
280
281        <div class="c-text-media-block__content c-rte">
282            <h4>Bo t&#xE6;t p&#xE5; strand, natur og K&#xF8;ges hyggelige bymidte</h4>
283            <p>Køges centrale havne- og stationsområde bliver i disse år omdannet til et attraktivt og levende område med masser af boliger - tæt på badestrand, strandeng, grønne områder og den historiske købstad.</p>
284<p>Hvad enten du er på udkig efter at købe en bolig, bo til leje - eller være en del af nye fællesskabsorienterede boformer, kan du finde din bolig her - eller du kan danne dig et indtryk af bydelen!</p>
285<p>&nbsp;</p>
286            <div class="c-text-media-block__buttons">
287                    <a href="/boliger/" class="c-btn c-btn--primary">
288                        Se boliger her
289                        <span class="c-btn__icon ">
290                            <svg class="u-icon--m ">
291                                <use xlink:href="/assets/icons.svg#cta_arrow" />
292                            </svg>
293                        </span>
294                    </a>
295                    <a href="/byen/" class="c-btn c-btn--secondary">
296                        G&#xE5; p&#xE5; opdagelse i byen
297                        <span class="c-btn__icon ">
298                            <svg class="u-icon--m ">
299                                <use xlink:href="/assets/icons.svg#cta_arrow" />
300                            </svg>
301                        </span>
302                    </a>
303            </div>
304        </div>
305    </div>
306</div>
307        </div>
308    </div>
309
310
311
312<div class="c-slider-section o-container">
313    <div class="o-container__inner u-margin-top-reset u-margin-bottom-reset">
314        <h4>Aktuelle boliger</h4>
315        <div class="c-slider swiper">
316            <div class="c-slider__wrapper swiper-wrapper">
317                <div class="swiper-slide">
318                    
319
320
321<div class="c-card">
322            <a href="/boliger/svanen/" class="c-card__img">
323                <img src="/media/wmwgxbka/svanen-normalcard.jpg?width=530&amp;height=700" data-object-fit="cover"
324                     alt="Svanen">
325            </a>
326    <div class="c-card__text">
327            <h5 class="c-card__title">
328                <a href="/boliger/svanen/" class="c-card__heading-link">
329                    Svanen
330                    <span class="c-btn__icon ">
331                        <svg class="u-icon u-icon--m">
332                            <use
333                                xlink:href="/assets/icons.svg#cta_arrow" />
334                        </svg>
335                    </span>
336                </a>
337            </h5>
338
339        Lejeboliger midt p&#xE5; S&#xF8;ndre Havn.
340    </div>
341</div>
342                </div>
343                <div class="swiper-slide">
344                    
345
346
347<div class="c-card">
348            <a href="/boliger/tovvaerket/" class="c-card__img">
349                <img src="/media/ijxhhiys/80167_tovvaerket-sh5-4_ext_001_gaden_crop-web.jpg?width=530&amp;height=700" data-object-fit="cover"
350                     alt="Tovv&#xE6;rket - visualisering">
351            </a>
352    <div class="c-card__text">
353            <h5 class="c-card__title">
354                <a href="/boliger/tovvaerket/" class="c-card__heading-link">
355                    Tovv&#xE6;rket
356                    <span class="c-btn__icon ">
357                        <svg class="u-icon u-icon--m">
358                            <use
359                                xlink:href="/assets/icons.svg#cta_arrow" />
360                        </svg>
361                    </span>
362                </a>
363            </h5>
364
365        Ejerboliger p&#xE5; det nordlige S&#xF8;ndre Havn.
366    </div>
367</div>
368                </div>
369                <div class="swiper-slide">
370                    
371
372
373<div class="c-card">
374            <a href="/boliger/gyldenloeve/" class="c-card__img">
375                <img src="/media/lcpdim3e/soendre-kyst-gyldenloeve.jpg?width=530&amp;height=700" data-object-fit="cover"
376                     alt="Soendre Kyst Gyldenloeve">
377            </a>
378    <div class="c-card__text">
379            <h5 class="c-card__title">
380                <a href="/boliger/gyldenloeve/" class="c-card__heading-link">
381                    Gyldenl&#xF8;ve
382                    <span class="c-btn__icon ">
383                        <svg class="u-icon u-icon--m">
384                            <use
385                                xlink:href="/assets/icons.svg#cta_arrow" />
386                        </svg>
387                    </span>
388                </a>
389            </h5>
390
391        Eksklusive ejerlejligheder p&#xE5; 2-5 v&#xE6;relser.
392    </div>
393</div>
394                </div>
395                <div class="swiper-slide">
396                    
397
398
399<div class="c-card">
400            <a href="/boliger/dannebroge/" class="c-card__img">
401                <img src="/media/zm4lzcxi/soendre-kyst-dannebroge-torvet.jpg?cc=0.34737558002347674,0,0.037067277119380446,0&amp;width=530&amp;height=700" data-object-fit="cover"
402                     alt="Soendre Kyst Dannebroge Torvet">
403            </a>
404    <div class="c-card__text">
405            <h5 class="c-card__title">
406                <a href="/boliger/dannebroge/" class="c-card__heading-link">
407                    Dannebroge
408                    <span class="c-btn__icon ">
409                        <svg class="u-icon u-icon--m">
410                            <use
411                                xlink:href="/assets/icons.svg#cta_arrow" />
412                        </svg>
413                    </span>
414                </a>
415            </h5>
416
417        Eksklusive ejerlejligheder ved havet.
418    </div>
419</div>
420                </div>
421                <div class="swiper-slide">
422                    
423
424
425<div class="c-card">
426            <a href="/boliger/neptunus/" class="c-card__img">
427                <img src="/media/hr1cfctd/soendre-kyst-neptunus-torvet.jpg?width=530&amp;height=700" data-object-fit="cover"
428                     alt="Soendre Kyst Neptunus Torvet">
429            </a>
430    <div class="c-card__text">
431            <h5 class="c-card__title">
432                <a href="/boliger/neptunus/" class="c-card__heading-link">
433                    Neptunus
434                    <span class="c-btn__icon ">
435                        <svg class="u-icon u-icon--m">
436                            <use
437                                xlink:href="/assets/icons.svg#cta_arrow" />
438                        </svg>
439                    </span>
440                </a>
441            </h5>
442
443        Lejeboliger og v&#xE6;rksted ud til vandet
444    </div>
445</div>
446                </div>
447                <div class="swiper-slide">
448                    
449
450
451<div class="c-card">
452            <a href="/boliger/boejen/" class="c-card__img">
453                <img src="/media/hcrim2zf/boejen-normalcard.jpg?width=530&amp;height=700" data-object-fit="cover"
454                     alt="Boligkarr&#xE9;en B&#xF8;jen">
455            </a>
456    <div class="c-card__text">
457            <h5 class="c-card__title">
458                <a href="/boliger/boejen/" class="c-card__heading-link">
459                    B&#xF8;jen
460                    <span class="c-btn__icon ">
461                        <svg class="u-icon u-icon--m">
462                            <use
463                                xlink:href="/assets/icons.svg#cta_arrow" />
464                        </svg>
465                    </span>
466                </a>
467            </h5>
468
469        76 lejeboliger p&#xE5; vej.
470    </div>
471</div>
472                </div>
473            </div>
474            <button class="c-btn-carousell c-btn-carousell--prev">
475                <svg class="u-icon--m ">
476                    <use xlink:href="/assets/icons.svg#small_arrow_left" />
477                </svg>
478            </button>
479            <button class="c-btn-carousell c-btn-carousell--next">
480                <svg class="u-icon--m ">
481                    <use xlink:href="/assets/icons.svg#small_arrow_right" />
482                </svg>
483            </button>
484        </div>
485    </div>
486</div>
487
488    <div class="o-container">
489        <div class="o-container__inner">
490            
491
492
493<div class="c-image-slider">
494    <div class="glide">
495        <div data-glide-el="track" class="glide__track">
496            <ul class="glide__slides">
497                    <li class="glide__slide">
498                        
499<picture>
500        <source media="(min-width: 1440px)" srcset="/media/hnmhwfls/re60df-1.jpg?mode=crop&amp;format=webp&amp;width=1170&amp;height=700" />
501        <source media="(min-width: 1224px)" srcset="/media/hnmhwfls/re60df-1.jpg?mode=crop&amp;format=webp&amp;width=1170&amp;height=700" />
502        <source media="(min-width: 992px)" srcset="/media/hnmhwfls/re60df-1.jpg?mode=crop&amp;format=webp&amp;width=1170&amp;height=700" />
503        <source media="(min-width: 768px)" srcset="/media/hnmhwfls/re60df-1.jpg?mode=crop&amp;format=webp&amp;width=1170&amp;height=700" />
504        <source media="(min-width: 568px)" srcset="/media/hnmhwfls/re60df-1.jpg?mode=crop&amp;format=webp&amp;width=623&amp;height=330" />
505        <img src="/media/hnmhwfls/re60df-1.jpg?mode=crop&amp;format=webp&amp;width=623&amp;height=330" srcset="/media/hnmhwfls/re60df-1.jpg?mode=crop&amp;format=webp&amp;width=1246&amp;height=660 2x" alt="RE60DF~1" loading="lazy" data-object-fit="cover" />
506</picture>
507                        <span class="c-image-slider_slide-caption">
508                            <span class="c-image-slider_slide-caption__content">
509                                S&#xF8;ndre Havn transformeres fra havneindustriomr&#xE5;de til moderne bydel, hvor de f&#xF8;rste 13 boligkarr&#xE9;er nu er beboet.
510                            </span>
511                            <span class="c-image-slider_slide-credit">
512                                Foto: Sehen
513                            </span>
514                        </span>
515                    </li>
516                    <li class="glide__slide">
517                        
518<picture>
519        <source media="(min-width: 1440px)" srcset="/media/m3qakept/straedet-web.jpg?mode=crop&amp;format=webp&amp;width=1170&amp;height=700" />
520        <source media="(min-width: 1224px)" srcset="/media/m3qakept/straedet-web.jpg?mode=crop&amp;format=webp&amp;width=1170&amp;height=700" />
521        <source media="(min-width: 992px)" srcset="/media/m3qakept/straedet-web.jpg?mode=crop&amp;format=webp&amp;width=1170&amp;height=700" />
522        <source media="(min-width: 768px)" srcset="/media/m3qakept/straedet-web.jpg?mode=crop&amp;format=webp&amp;width=1170&amp;height=700" />
523        <source media="(min-width: 568px)" srcset="/media/m3qakept/straedet-web.jpg?mode=crop&amp;format=webp&amp;width=623&amp;height=330" />
524        <img src="/media/m3qakept/straedet-web.jpg?mode=crop&amp;format=webp&amp;width=623&amp;height=330" srcset="/media/m3qakept/straedet-web.jpg?mode=crop&amp;format=webp&amp;width=1246&amp;height=660 2x" alt="Straedet Web" loading="lazy" data-object-fit="cover" />
525</picture>
526                        <span class="c-image-slider_slide-caption">
527                            <span class="c-image-slider_slide-caption__content">
528                                I 2017 &#xE5;bnede et helt nyt handelskvarter omkring et nyt bugtet str&#xE6;de - anlagt i t&#xE6;t samspil med den historiske bymidte.
529                            </span>
530                            <span class="c-image-slider_slide-credit">
531                                Foto: Sees Media
532                            </span>
533                        </span>
534                    </li>
535                    <li class="glide__slide">
536                        
537<picture>
538        <source media="(min-width: 1440px)" srcset="/media/2swlbh13/059_mg_4548-pano.jpg?mode=crop&amp;format=webp&amp;width=1170&amp;height=700" />
539        <source media="(min-width: 1224px)" srcset="/media/2swlbh13/059_mg_4548-pano.jpg?mode=crop&amp;format=webp&amp;width=1170&amp;height=700" />
540        <source media="(min-width: 992px)" srcset="/media/2swlbh13/059_mg_4548-pano.jpg?mode=crop&amp;format=webp&amp;width=1170&amp;height=700" />
541        <source media="(min-width: 768px)" srcset="/media/2swlbh13/059_mg_4548-pano.jpg?mode=crop&amp;format=webp&amp;width=1170&amp;height=700" />
542        <source media="(min-width: 568px)" srcset="/media/2swlbh13/059_mg_4548-pano.jpg?mode=crop&amp;format=webp&amp;width=623&amp;height=330" />
543        <img src="/media/2swlbh13/059_mg_4548-pano.jpg?mode=crop&amp;format=webp&amp;width=623&amp;height=330" srcset="/media/2swlbh13/059_mg_4548-pano.jpg?mode=crop&amp;format=webp&amp;width=1246&amp;height=660 2x" alt="059 MG 4548 Pano" loading="lazy" data-object-fit="cover" />
544</picture>
545                        <span class="c-image-slider_slide-caption">
546                            <span class="c-image-slider_slide-caption__content">
547                                Med K&#xF8;ge Kyst-projektet har K&#xF8;ge f&#xE5;et en ny bred strand - som her bruges til sankthansb&#xE5;l, arrangeret af Bydelsforeningen S&#xF8;ndre Havn.
548                            </span>
549                            <span class="c-image-slider_slide-credit">
550                                Foto: Martin H&#xE5;kan/Coverganda.dk
551                            </span>
552                        </span>
553                    </li>
554            </ul>
555            <div class="glide__arrows" data-glide-el="controls">
556                <button class="c-btn c-btn--slider" data-glide-dir="<" aria-label="tilbage">
557                    <span class="c-btn__icon-slider">
558                        <svg class="u-icon--m ">
559                            <use xlink:href="/assets/icons.svg#small_arrow_left" />
560                        </svg>
561                    </span>
562                </button>
563                <button class="c-btn c-btn--slider c-btn--slider-right" data-glide-dir=">" aria-label="næste">
564                    <span class="c-btn__icon-slider">
565                        <svg class="u-icon--m ">
566                            <use xlink:href="/assets/icons.svg#small_arrow_right" />
567                        </svg>
568                    </span>
569                </button>
570            </div>
571        </div>
572        <div class="c-image-slider__caption"></div>
573    </div>
574</div>
575
576        </div>
577    </div>
578
579    <div class="o-container">
580        <div class="o-container__inner">
581            
582<div class="c-rte   ">
583
584        <article class="c-text-field__content c-rte">
585            <h4>Seneste nyt fra Køge Kyst     -     <a href="/om-os/nyheder/" title="Nyheder"><em>se alle nyheder her</em></a></h4>
586        </article>
587
588
589</div>
590
591        </div>
592    </div>
593
594    <div class="o-container">
595        <div class="o-container__inner">
596            
597
598<div class="c-load-more" data-page-size="12">
599    <div class="c-card-list">
600            <div class="c-card-list__child">
601                <div class="c-card c-card--news">
602                        <a class="c-card__img" href="/om-os/nyheder/ledningsomlaegninger-aendrer-trafik-og-parkering-paa-havnen/">
603                            <img src="/media/rftnlfgz/havnen-sees-media_web.jpg?width=640&amp;height=480" loading="lazy" data-object-fit="cover"
604                                 alt="Havnen Sees Media Web">
605                        </a>
606                    <div class="c-card__text  c-card__text--news">
607                        <h5>Ledningsoml&#xE6;gninger &#xE6;ndrer trafik og parkering p&#xE5; Havnen </h5>
608                            <small class="c-article__date">
609                                4. september 2026
610                            </small>
611                        <p class="truncate-overflow">
612                            Forberedelserne til den nye stiforbindelse mellem bymidten og Havnen i K&#xF8;ge g&#xE5;r i gang i efter&#xE5;ret 2026. Fra 17. september inddrages 27 kommunale p-pladser langs Toldbodvej, og senere oml&#xE6;gges trafikken i en periode.
613                        </p>
614                        <div class="c-card__cta">
615                            <a href="/om-os/nyheder/ledningsomlaegninger-aendrer-trafik-og-parkering-paa-havnen/" class="c-btn c-btn--link">
616                                
617                                <span class="c-btn__icon">
618                                    <svg class="u-icon--m ">
619                                        <use xlink:href="/assets/icons.svg#cta_arrow" />
620                                    </svg>
621                                </span>
622
623                            </a>
624
625                        </div>
626                    </div>
627                </div>
628            </div>
629            <div class="c-card-list__child">
630                <div class="c-card c-card--news">
631                        <a class="c-card__img" href="/om-os/nyheder/snart-kan-man-leje-en-bolig-i-neptunus/">
632                            <img src="/media/txuhjj4b/cam_01_ext_p3-web.jpg?width=640&amp;height=480" loading="lazy" data-object-fit="cover"
633                                 alt="Neptunus set fra g&#xE5;rdrum">
634                        </a>
635                    <div class="c-card__text  c-card__text--news">
636                        <h5>Snart kan man leje en bolig i Neptunus</h5>
637                            <small class="c-article__date">
638                                31. august 2026
639                            </small>
640                        <p class="truncate-overflow">
641                            Den sjette og sidste boligkarr&#xE9;, som PensionDanmark opf&#xF8;rer p&#xE5; S&#xF8;ndre Havn i K&#xF8;ge, &#xE5;bner lige om lidt for udlejning. P&#xE5; s&#xF8;ndag den 6. september inviterer bygherren til &#xE5;bent hus.
642                        </p>
643                        <div class="c-card__cta">
644                            <a href="/om-os/nyheder/snart-kan-man-leje-en-bolig-i-neptunus/" class="c-btn c-btn--link">
645                                
646                                <span class="c-btn__icon">
647                                    <svg class="u-icon--m ">
648                                        <use xlink:href="/assets/icons.svg#cta_arrow" />
649                                    </svg>
650                                </span>
651
652                            </a>
653
654                        </div>
655                    </div>
656                </div>
657            </div>
658            <div class="c-card-list__child">
659                <div class="c-card c-card--news">
660                        <a class="c-card__img" href="/om-os/nyheder/nu-kan-man-leje-en-bolig-i-svanen-midt-paa-soendre-havn/">
661                            <img src="/media/ttmhgmrp/svanen-eksterioer-web.jpg?width=640&amp;height=480" loading="lazy" data-object-fit="cover"
662                                 alt="Boligbyggeriet Svanen">
663                        </a>
664                    <div class="c-card__text  c-card__text--news">
665                        <h5>Nu kan man leje en bolig i Svanen midt p&#xE5; S&#xF8;ndre Havn</h5>
666                            <small class="c-article__date">
667                                8. juli 2026
668                            </small>
669                        <p class="truncate-overflow">
670                            Lige midt p&#xE5; S&#xF8;ndre Havn er byggeriet af &#x201D;Svanen&#x201D; i fuld gang, og udlejningen af karr&#xE9;ens 85 lejeboliger er &#xE5;bnet. To s&#xF8;ndage i juli inviterer Danbolig til &#xE5;bent hus i en m&#xF8;bleret pr&#xF8;vebolig.
671                        </p>
672                        <div class="c-card__cta">
673                            <a href="/om-os/nyheder/nu-kan-man-leje-en-bolig-i-svanen-midt-paa-soendre-havn/" class="c-btn c-btn--link">
674                                
675                                <span class="c-btn__icon">
676                                    <svg class="u-icon--m ">
677                                        <use xlink:href="/assets/icons.svg#cta_arrow" />
678                                    </svg>
679                                </span>
680
681                            </a>
682
683                        </div>
684                    </div>
685                </div>
686            </div>
687            <div class="c-card-list__child">
688                <div class="c-card c-card--news">
689                        <a class="c-card__img" href="/om-os/nyheder/siloring-fra-industritiden-er-blevet-ramme-for-faellesskab-paa-soendre-havn/">
690                            <img src="/media/og0mm2xw/img_5899-web.jpg?width=640&amp;height=480" loading="lazy" data-object-fit="cover"
691                                 alt="Indvielse af siloringen p&#xE5; S&#xF8;ndre Havn i K&#xF8;ge">
692                        </a>
693                    <div class="c-card__text  c-card__text--news">
694                        <h5>Siloring fra industritiden er blevet ramme for f&#xE6;llesskab p&#xE5; S&#xF8;ndre Havn</h5>
695                            <small class="c-article__date">
696                                8. juli 2026
697                            </small>
698                        <p class="truncate-overflow">
699                            Et cirkul&#xE6;rt byrum er blevet et nyt m&#xF8;dested med plads til b&#xE5;de arrangementer, stille stunder og spontant samv&#xE6;r for beboere p&#xE5; S&#xF8;ndre Havn. N&#xE6;sten 200 deltog i indvielsen af f&#xE6;llesrummet under &#xE5;ben himmel.
700                        </p>
701                        <div class="c-card__cta">
702                            <a href="/om-os/nyheder/siloring-fra-industritiden-er-blevet-ramme-for-faellesskab-paa-soendre-havn/" class="c-btn c-btn--link">
703                                
704                                <span class="c-btn__icon">
705                                    <svg class="u-icon--m ">
706                                        <use xlink:href="/assets/icons.svg#cta_arrow" />
707                                    </svg>
708                                </span>
709
710                            </a>
711
712                        </div>
713                    </div>
714                </div>
715            </div>
716    </div>
717</div>
718
719        </div>
720    </div>
721
722    <div class="o-container">
723        <div class="o-container__inner">
724            <div class="content__block--off-grid">
725                
726
727
728<div id='map' class="c-map" style="width: 100%; height: 700px;">
729    <div class="filter c-map__filter">
730        <div class="c-map__filter-inner">
731            <div class="c-map__filter-show-btn">
732                Hvor finder jeg 
733                <svg class="u-icon--m ">
734                    <use xlink:href="/assets/icons.svg#small_arrow_up" />
735                </svg>
736            </div>
737            <div class="c-map__filter-items">
738                        <div class="c-map__filter-checkbox">
739                            <input class="c-map__checkbox filter-category" type="checkbox" id="excavator"  />
740                            <label class="c-map__label" for="excavator">
741                                <svg class="u-icon--m ">
742                                    <use xlink:href="/assets/icons.svg#excavator" />
743                                </svg>
744                                Byggeri og anl&#xE6;g
745                            </label>
746                        </div>
747                        <div class="c-map__filter-checkbox">
748                            <input class="c-map__checkbox filter-category" type="checkbox" id="parking-15"  checked />
749                            <label class="c-map__label" for="parking-15">
750                                <svg class="u-icon--m ">
751                                    <use xlink:href="/assets/icons.svg#parking-15" />
752                                </svg>
753                                Parkering
754                            </label>
755                        </div>
756                        <div class="c-map__filter-checkbox">
757                            <input class="c-map__checkbox filter-category" type="checkbox" id="rail-light-15"  checked />
758                            <label class="c-map__label" for="rail-light-15">
759                                <svg class="u-icon--m ">
760                                    <use xlink:href="/assets/icons.svg#rail-light-15" />
761                                </svg>
762                                Offentlig transport
763                            </label>
764                        </div>
765                        <div class="c-map__filter-checkbox">
766                            <input class="c-map__checkbox filter-category" type="checkbox" id="theatre-15"  checked />
767                            <label class="c-map__label" for="theatre-15">
768                                <svg class="u-icon--m ">
769                                    <use xlink:href="/assets/icons.svg#theatre-15" />
770                                </svg>
771                                Kultur
772                            </label>
773                        </div>
774                        <div class="c-map__filter-checkbox">
775                            <input class="c-map__checkbox filter-category" type="checkbox" id="restaurant-15"  checked />
776                            <label class="c-map__label" for="restaurant-15">
777                                <svg class="u-icon--m ">
778                                    <use xlink:href="/assets/icons.svg#restaurant-15" />
779                                </svg>
780                                Spisesteder
781                            </label>
782                        </div>
783                        <div class="c-map__filter-checkbox">
784                            <input class="c-map__checkbox filter-category" type="checkbox" id="garden-15"  checked />
785                            <label class="c-map__label" for="garden-15">
786                                <svg class="u-icon--m ">
787                                    <use xlink:href="/assets/icons.svg#garden-15" />
788                                </svg>
789                                Natur og byrum
790                            </label>
791                        </div>
792                        <div class="c-map__filter-checkbox">
793                            <input class="c-map__checkbox filter-category" type="checkbox" id="grocery-15"  checked />
794                            <label class="c-map__label" for="grocery-15">
795                                <svg class="u-icon--m ">
796                                    <use xlink:href="/assets/icons.svg#grocery-15" />
797                                </svg>
798                                Butikker
799                            </label>
800                        </div>
801                        <div class="c-map__filter-checkbox">
802                            <input class="c-map__checkbox filter-category" type="checkbox" id="pitch-15"  checked />
803                            <label class="c-map__label" for="pitch-15">
804                                <svg class="u-icon--m ">
805                                    <use xlink:href="/assets/icons.svg#pitch-15" />
806                                </svg>
807                                Sport og fritid
808                            </label>
809                        </div>
810
811
812            </div>
813        </div>
814    </div>
815</div>
816
817<script>
818    var btns = document.querySelectorAll(".filter .filter-category");
819    var list = [];
820            list.push("parking-15");
821            list.push("home-15");
822            list.push("theatre-15");
823            list.push("restaurant-15");
824            list.push("garden-15");
825            list.push("grocery-15");
826            list.push("pitch-15");
827            list.push("rail-light-15");
828        for (var i = 0; i < btns.length; i++) {
829            btns[i].addEventListener("click", function (e) {
830                var index = list.indexOf(e.target.id);
831                if (index > -1)
832                    list.splice(index, 1);
833                else
834                    list.push(e.target.id);
835                if (list.length == 0) {
836                    map.setFilter("places", true);
837                        map.setFilter("whiteBackgroundForPOI", true);
838                }
839                else {
840                    map.setFilter("places", ["match", ["get", "icon"], list, true, false]);
841                        map.setFilter("whiteBackgroundForPOI", ["match", ["get", "icon"], list, true, false]);
842                }
843            });
844    }
845
846</script>
846
847
848<script>
849    var btns = document.querySelectorAll(".filter .c-map__filter-show-btn");
850    for (var i = 0; i < btns.length; i++) {
851        btns[i].addEventListener("click", function (e) {
852            if (e.currentTarget.parentNode.classList.contains("is-active")) {
853                e.currentTarget.parentNode.classList.remove("is-active");
854            } else {
855                e.currentTarget.parentNode.classList.add("is-active");
856            }
857        });
858    }
859</script>
859
860
861<script>
862    var boundsCoordinates = [[
863            [12.18754575197039,55.45415312349229],
864            [12.191673834504911,55.44928431038957],
865            [12.192723633621,55.44959502257822],
866            [12.192128163943948,55.45051499057789],
867            [12.193323451215463,55.4514273862892],
868            [12.197977733344004,55.451721651814665],
869            [12.19964606850192,55.45281580617322],
870            [12.19851930836893,55.45334150792016],
871            [12.19640247652032,55.452656898843344],
872            [12.194213238643641,55.453632802153976],
873            [12.193849689960189,55.453752311660594],
874            [12.191263202652834,55.45409019047645],
875        [12.18754575197039,55.45415312349229]
876    ]];
877
878    var secondBoundsCoordinates = [[
879            [12.188153,55.458654],
880            [12.187519,55.458412],
881            [12.187329,55.458094],
882            [12.186951,55.456911],
883            [12.187734,55.456242],
884            [12.189461,55.456650],
885            [12.188871,55.458244],
886            [12.188367,55.458633],
887        [12.188153,55.458654]
888    ]];
889
890    var thirdBoundsCoordinates = [[
891            [12.186704,55.460324],
892            [12.186076,55.460348],
893            [12.185786,55.459271],
894            [12.185529,55.458112],
895            [12.185336,55.457683],
896            [12.184891,55.457716],
897            [12.184779,55.457518],
898            [12.184900,55.457510],
899            [12.184755,55.457107],
900            [12.184398,55.457156],
901            [12.184088,55.456781],
902            [12.184818,55.456646],
903            [12.184475,55.456007],
904            [12.183649,55.456136],
905            [12.183338,55.455585],
906            [12.184796,55.455298],
907            [12.184115,55.453793],
908            [12.183761,55.453206],
909            [12.184887,55.452865],
910            [12.185439,55.454689],
911            [12.185418,55.454665],
912            [12.185525,55.455225],
913            [12.186287,55.457287],
914            [12.186923,55.460322],
915        [12.186704,55.460324]
916    ]];
917</script>
917
918
919<script>
920    var poiFeatures = [
921        {
922            type: "Feature",
923            properties: { description: '<div class="c-card c-card--no-border">        <div class="c-card__img">            <img src="/media/f4bbl2fr/tapperiet-ude-pm.jpg?width=640&amp;height=480&amp;v=1d61e6a512abb90" data-object-fit="cover"                alt="">        </div>    <button class="c-btn--exit"></button>    <div class="c-card__rich-text c-rte">        <h5 class="title-gtm">Tapperiet</h5>        <p>Tapperiet er stedet, hvor unge fra Køge og oplandet mødes for at spille musik og deltage i koncerter, filmaftener, skate-konkurrencer og meget andet.</p>    </div>        <div class="c-card__cta">            <a href="/byen/kultur-og-oplevelser/tapperiet/" class="c-btn c-btn--link link-gtm">                L&#xE6;s mere                <span class="c-btn__icon ">                    <svg class="u-icon u-icon--l">                        <use                            xlink:href="/assets/icons.svg#cta_arrow" />                    </svg>                </span>            </a>        </div></div>', icon: "theatre-15", id: "2776" },
924            geometry: { type: "Point", coordinates: [12.190568, 55.451404] }
925        },
926        {
927            type: "Feature",
928            properties: { description: '<div class="c-card c-card--no-border">        <div class="c-card__img">            <img src="/media/n2cfyfwb/realdania-by-byg_koege-kyst_fotos-1-web.jpg?width=640&amp;height=480&amp;v=1d9f526cf773a00" data-object-fit="cover"                alt="">        </div>    <button class="c-btn--exit"></button>    <div class="c-card__rich-text c-rte">        <h5 class="title-gtm">P-plads p&#xE5; Collstropgrunden</h5>        <p>Du kan parkere på Collstropgrunden på timebasis eller med parkeringslicens. Indkørsel fra Østre Banevej. Læs mere om vilkår for parkering her.</p>    </div>        <div class="c-card__cta">            <a href="/byen/parkering/" class="c-btn c-btn--link link-gtm">                Parkering                <span class="c-btn__icon ">                    <svg class="u-icon u-icon--l">                        <use                            xlink:href="/assets/icons.svg#cta_arrow" />                    </svg>                </span>            </a>        </div></div>', icon: "parking-15", id: "4808" },
929            geometry: { type: "Point", coordinates: [12.187773, 55.457218] }
930        },
931        {
932            type: "Feature",
933            properties: { description: '<div class="c-card c-card--no-border">        <div class="c-card__img">            <img src="/media/vj2djvvu/_t6g1738.jpg?width=640&amp;height=480&amp;v=1d61e6a5a2ddc90" data-object-fit="cover"                alt="">        </div>    <button class="c-btn--exit"></button>    <div class="c-card__rich-text c-rte">        <h5 class="title-gtm">K&#xF8;ge Station</h5>        <p>Fra Køge Station kan du tage s-tog og regionaltog. Du kan bl.a. tage til Køge Nord, hvorfra det er muligt at komme til København H på 18 minutter.<br><br></p>    </div></div>', icon: "rail-light-15", id: "5998" },
934            geometry: { type: "Point", coordinates: [12.186088898850603, 55.45737344085541] }
935        },
936        {
937            type: "Feature",
938            properties: { description: '<div class="c-card c-card--no-border">        <div class="c-card__img">            <img src="/media/cdkmb3o1/img_0602-web.jpg?width=640&amp;height=480&amp;v=1dcaa5bc25ca6b0" data-object-fit="cover"                alt="S&#xF8;ndre Havnevej">        </div>    <button class="c-btn--exit"></button>    <div class="c-card__rich-text c-rte">        <h5 class="title-gtm">Trafik og veje p&#xE5; S&#xF8;ndre Havn</h5>        <p><span>Her kan du læse om vejarbejde og trafikforhold på Søndre Havn - og om glatførebekæmpelse, som Køge Kyst udfører i vinterperioden.<br><br></span></p>    </div>        <div class="c-card__cta">            <a href="/byudvikling/byggeri-og-anlaeg/trafik-og-veje-paa-soendre-havn/" class="c-btn c-btn--link link-gtm">                L&#xE6;s mere                <span class="c-btn__icon ">                    <svg class="u-icon u-icon--l">                        <use                            xlink:href="/assets/icons.svg#cta_arrow" />                    </svg>                </span>            </a>        </div></div>', icon: "excavator", id: "5933" },
939            geometry: { type: "Point", coordinates: [12.190859257553175, 55.45290345945009] }
940        },
941        {
942            type: "Feature",
943            properties: { description: '<div class="c-card c-card--no-border">        <div class="c-card__img">            <img src="/media/adgbtmhd/restauranter-p&#xE5;-havnepladsen.jpg?width=640&amp;height=480&amp;v=1d61e6a1332c7b0" data-object-fit="cover"                alt="">        </div>    <button class="c-btn--exit"></button>    <div class="c-card__rich-text c-rte">        <h5 class="title-gtm">Restauranter p&#xE5; Havnepladsen</h5>        <p>Oplev den hyggelige stemning i "Køges Nyhavn", hvor du kan nyde en øl eller et måltid mad. Restauranterne har udeservering om sommeren.</p>    </div>        <div class="c-card__cta">            <a href="/byen/kultur-og-oplevelser/havnepladsen-og-havnescenen/" target="_blank" class="c-btn c-btn--link link-gtm">                L&#xE6;
943s mere                <span class="c-btn__icon ">                    <svg class="u-icon u-icon--l">                        <use                            xlink:href="/assets/icons.svg#cta_arrow" />                    </svg>                </span>            </a>        </div></div>', icon: "restaurant-15", id: "2962" },
944            geometry: { type: "Point", coordinates: [12.191367894153785, 55.45491945267008] }
945        },
946        {
947            type: "Feature",
948            properties: { description: '<div class="c-card c-card--no-border">        <div class="c-card__img">            <img src="/media/rh5btsm4/p-plads-bag-haverne.jpg?width=640&amp;height=480&amp;v=1d61e6a135ae920" data-object-fit="cover"                alt="">        </div>    <button class="c-btn--exit"></button>    <div class="c-card__rich-text c-rte">        <h5 class="title-gtm">P-plads ved Bag Haverne</h5>        <p>Her kan du parkere på timebasis. Se vilkår for parkering her.</p>    </div>        <div class="c-card__cta">            <a href="/byen/parkering/" class="c-btn c-btn--link link-gtm">                Parkering                <span class="c-btn__icon ">                    <svg class="u-icon u-icon--l">                        <use                            xlink:href="/assets/icons.svg#cta_arrow" />                    </svg>                </span>            </a>        </div></div>', icon: "parking-15", id: "4810" },
949            geometry: { type: "Point", coordinates: [12.184800, 55.454700] }
950        },
951        {
952            type: "Feature",
953            properties: { description: '<div class="c-card c-card--no-border">        <div class="c-card__img">            <img src="/media/z32cdxki/bryghuset-braunstein-med-pakhuset-i-baggrunden-lysnet-lowres.jpg?width=640&amp;height=480&amp;v=1d629090f4fa290" data-object-fit="cover"                alt="">        </div>    <button class="c-btn--exit"></button>    <div class="c-card__rich-text c-rte">        <h5 class="title-gtm">Bryghuset Braunstein</h5>        <p>Braunstein ligger lige ud til havneindløbet, over for "Køges Nyhavn". Her kan du købe whisky og øl - eller deltage i smagninger og andre arrangementer. I 2020 opfører Braunstein "Pakhuset" som et nyt samlingssted. </p>    </div>        <div class="c-card__cta">            <a href="/byen/kultur-og-oplevelser/bryghuset-braunstein/" class="c-btn c-btn--link link-gtm">                Bryghuset Braunstein                <span class="c-btn__icon ">                    <svg class="u-icon u-icon--l">                        <use                            xlink:href="/assets/icons.svg#cta_arrow" />                    </svg>                </span>            </a>        </div></div>', icon: "restaurant-15", id: "2821" },
954            geometry: { type: "Point", coordinates: [12.188773, 55.453883] }
955        },
956        {
957            type: "Feature",
958            properties: { description: '<div class="c-card c-card--no-border">        <div class="c-card__img">            <img src="/media/i0zbn53s/112_dsf3378-pano.jpg?width=640&amp;height=480&amp;v=1d61e6a50244810" data-object-fit="cover"                alt="">        </div>    <button class="c-btn--exit"></button>    <div class="c-card__rich-text c-rte">        <h5 class="title-gtm">S&#xF8;ndre Strand</h5>        <p><span>Søndre Strand er en stor bred badestrand med fint hvidt sand og lavt vand, som gør den familievenlig. Området inviterer til gåture, vandsport og mange andre aktiviteter, og der </span><span>er blandt andet faciliteter for roning, kajak og vinterbadning.</span></p>    </div>        <div class="c-card__cta">            <a href="/byen/hav-og-strand/" class="c-btn c-btn--link link-gtm">                L&#xE6;s mere                <span class="c-btn__icon ">                    <svg class="u-icon u-icon--l">                        <use                            xlink:href="/assets/icons.svg#cta_arrow" />                    </svg>                </span>            </a>        </div></div>', icon: "garden-15", id: "3167" },
959            geometry: { type: "Point", coordinates: [12.1975, 55.450913] }
960        },
961        {
962            type: "Feature",
963            properties: { description: '<div class="c-card c-card--no-border">        <div class="c-card__img">            <img src="/media/csoecnoy/stationsomr&#xE5;det-med-hm.jpg?width=640&amp;height=480&amp;v=1d629b768d5bbc0" data-object-fit="cover"                alt="">        </div>    <button class="c-btn--exit"></button>    <div class="c-card__rich-text c-rte">        <h5 class="title-gtm">Shopping i R&#xE5;dhusstr&#xE6;de</h5>        <p><span>
963Ny handelsgade med mere end 40 tilbud i </span><span>form af butikker, caféer og restauranter - anlagt i tæt sammenhæng med Køges charmerende gamle bymidte.</span></p>    </div>        <div class="c-card__cta">            <a href="/byen/indkoeb-og-shopping/" class="c-btn c-btn--link link-gtm">                Indk&#xF8;b og shopping                <span class="c-btn__icon ">                    <svg class="u-icon u-icon--l">                        <use                            xlink:href="/assets/icons.svg#cta_arrow" />                    </svg>                </span>            </a>        </div></div>', icon: "grocery-15", id: "3177" },
964            geometry: { type: "Point", coordinates: [12.185657, 55.458634] }
965        },
966        {
967            type: "Feature",
968            properties: { description: '<div class="c-card c-card--no-border">        <div class="c-card__img">            <img src="/media/ei2bljuy/3-stationsbroen.jpg?width=640&amp;height=480&amp;v=1d61e6a12f21530" data-object-fit="cover"                alt="">        </div>    <button class="c-btn--exit"></button>    <div class="c-card__rich-text c-rte">        <h5 class="title-gtm">Stationsbroen</h5>        <p><span>Den tyve meter brede gangbro er adgangsvej for tusinder af rejsende på Køge Station. Den har en indbydende trappe mod Stationspladsen, som forbinder den gamle og nye by, og fra toppen er der udsigt over hele byen og bugten. </span></p>    </div>        <div class="c-card__cta">            <a href="/byen/arkitektur-og-steder/bymidten/stationsbroen/" class="c-btn c-btn--link link-gtm">                L&#xE6;s mere                <span class="c-btn__icon ">                    <svg class="u-icon u-icon--l">                        <use                            xlink:href="/assets/icons.svg#cta_arrow" />                    </svg>                </span>            </a>        </div></div>', icon: "garden-15", id: "3179" },
969            geometry: { type: "Point", coordinates: [12.186588, 55.457579] }
970        },
971        {
972            type: "Feature",
973            properties: { description: '<div class="c-card c-card--no-border">        <div class="c-card__img">            <img src="/media/4cmfsudk/5-k&#xF8;ge-roklub.jpg?width=640&amp;height=480&amp;v=1d61e6a13006d10" data-object-fit="cover"                alt="">        </div>    <button class="c-btn--exit"></button>    <div class="c-card__rich-text c-rte">        <h5 class="title-gtm">K&#xF8;ge Roklub</h5>        <p><span>I mere end 100 år har klubbens medlemmer benyttet de fantastiske kystomgivelser; hav, strand, havn og å. Klubben har en alsidig bådpark til vands og gode træningsfaciliteter til lands - og den er aktiv året rundt.</span></p>    </div>        <div class="c-card__cta">            <a href="https://www.koegeroklub.dk/" target="_blank" class="c-btn c-btn--link link-gtm">                G&#xE5; til klubbens hjemmeside                <span class="c-btn__icon c-btn__icon--external">                    <svg class="u-icon u-icon--l">                        <use                            xlink:href="/assets/icons.svg#external-link" />                    </svg>                </span>            </a>        </div></div>', icon: "pitch-15", id: "3182" },
974            geometry: { type: "Point", coordinates: [12.193679, 55.453044] }
975        },
976        {
977            type: "Feature",
978            properties: { description: '<div class="c-card c-card--no-border">        <div class="c-card__img">            <img src="/media/dtahbkww/p-huset-i-str&#xE6;det.jpg?width=640&amp;height=480&amp;v=1d61e6a130f1310" data-object-fit="cover"                alt="">        </div>    <button class="c-btn--exit"></button>    <div class="c-card__rich-text c-rte">        <h5 class="title-gtm">P-huset i Str&#xE6;det</h5>        <p>Parkering i p-hus og p-kælder mod betaling. Læs mere på Strædet Køges hjemmeside.</p>    </div>        <div class="c-card__cta">            <a href="https://www.straedetkoge.dk/parking" target="_blank" class="c-btn c-btn--link link-gtm">                L&#xE6;
978s mere                <span class="c-btn__icon c-btn__icon--external">                    <svg class="u-icon u-icon--l">                        <use                            xlink:href="/assets/icons.svg#external-link" />                    </svg>                </span>            </a>        </div></div>', icon: "parking-15", id: "3184" },
979            geometry: { type: "Point", coordinates: [12.185558, 55.458120] }
980        },
981        {
982            type: "Feature",
983            properties: { description: '<div class="c-card c-card--no-border">        <div class="c-card__img">            <img src="/media/smxpgdm2/img_1812-beskaaret.jpg?width=640&amp;height=480&amp;v=1db940ee516eee0" data-object-fit="cover"                alt="">        </div>    <button class="c-btn--exit"></button>    <div class="c-card__rich-text c-rte">        <h5 class="title-gtm">P-plads p&#xE5; S&#xF8;ndre Havn</h5>        <p>FB Gruppen har overtaget administration af parkering her på pladsen fra Køge Kyst pr. 1. november 2025. Læs mere om vilkår for parkering her.</p>    </div>        <div class="c-card__cta">            <a href="/byen/parkering/parkering-paa-soendre-havn/" class="c-btn c-btn--link link-gtm">                L&#xE6;s mere                <span class="c-btn__icon ">                    <svg class="u-icon u-icon--l">                        <use                            xlink:href="/assets/icons.svg#cta_arrow" />                    </svg>                </span>            </a>        </div></div>', icon: "parking-15", id: "3188" },
984            geometry: { type: "Point", coordinates: [12.193500, 55.453600] }
985        },
986        {
987            type: "Feature",
988            properties: { description: '<div class="c-card c-card--no-border">        <div class="c-card__img">            <img src="/media/01qj1mrj/vinterbadeklubben-valkyrien.jpg?width=640&amp;height=480&amp;v=1d61e6a49141d70" data-object-fit="cover"                alt="">        </div>    <button class="c-btn--exit"></button>    <div class="c-card__rich-text c-rte">        <h5 class="title-gtm">Vinterbadeklubben Valkyrien</h5>        <p>Nyd vinterbadning med en efterfølgende tur i sauna, inkl. mulighed for saunagus, og nyd solen, når den er fremme.</p>    </div>        <div class="c-card__cta">            <a href="https://www.valkyrien-koege.dk/" target="_blank" class="c-btn c-btn--link link-gtm">                G&#xE5; til Valkyriens hjemmeside                <span class="c-btn__icon c-btn__icon--external">                    <svg class="u-icon u-icon--l">                        <use                            xlink:href="/assets/icons.svg#external-link" />                    </svg>                </span>            </a>        </div></div>', icon: "pitch-15", id: "3535" },
989            geometry: { type: "Point", coordinates: [12.201488, 55.453315] }
990        },
991        {
992            type: "Feature",
993            properties: { description: '<div class="c-card c-card--no-border">        <div class="c-card__img">            <img src="/media/iwbhrre0/strandengen.jpg?width=640&amp;height=480&amp;v=1d61e6a489d18b0" data-object-fit="cover"                alt="">        </div>    <button class="c-btn--exit"></button>    <div class="c-card__rich-text c-rte">        <h5 class="title-gtm">Strandengen</h5>        <p>Ved Søndre Havn og den nye Søndre Strand kan du opleve Køges strandeng. Strandengen er et unikt stykke natur, som blev udvidet med Køge Kysts naturgenopretningsprojekt.<br><br></p>    </div>        <div class="c-card__cta">            <a href="/byen/hav-og-strand/strandengen/" class="c-btn c-btn--link link-gtm">                L&#xE6;s mere                <span class="c-btn__icon ">                    <svg class="u-icon u-icon--l">                        <use                            xlink:href="/assets/icons.svg#cta_arrow" />                    </svg>                </span>            </a>        </div></div>', icon: "garden-15", id: "3537" },
994            geometry: { type: "Point", coordinates: [12.1945, 55.450764] }
995        },
996        {
997            type: "Feature",
998            properties: { description: '<div class="c-card c-card--no-border">        <div class="c-card__img">            <img src="/media/hunnexxw/engkanten.jpg?width=640&amp;height=480&amp;v=1d61e6a572ad5c0" data-object-fit="cover"                alt="">        </div>    <button class="c-btn--exit"></button>    <div class="c-card__rich-text c-rte">        <h5 class="title-gtm">Engkanten</h5>        <p>Engkanten er på én gang en offentlig promenade og en klimasikringsløsning, der beskytter boligerne på Søndre Havn mod havvandsstigninger.</p>    </div>        <div class="c-card__cta">            <a href="/byen/arkitektur-og-byrum-paa-soendre-havn/engkanten-og-kajkanten/" class="c-btn c-btn--link link-gtm">                L&#xE6;
998s mere                <span class="c-btn__icon ">                    <svg class="u-icon u-icon--l">                        <use                            xlink:href="/assets/icons.svg#cta_arrow" />                    </svg>                </span>            </a>        </div></div>', icon: "garden-15", id: "3538" },
999            geometry: { type: "Point", coordinates: [12.1935, 55.451315] }
1000        },
1001        {
1002            type: "Feature",
1003            properties: { description: '<div class="c-card c-card--no-border">        <div class="c-card__img">            <img src="/media/wdof1yrs/k&#xF8;ge-biograf.jpg?width=640&amp;height=480&amp;v=1d61e6a49258290" data-object-fit="cover"                alt="">        </div>    <button class="c-btn--exit"></button>    <div class="c-card__rich-text c-rte">        <h5 class="title-gtm">Biograf</h5>        <p>På Kulturtorvet kan du krybe i ly i mørket og se en film i Nordisk Films biograf i Køge. Med seks sale byder biografen på et stort udbud af filmoplevelser.</p>    </div>        <div class="c-card__cta">            <a href="/byen/kultur-og-oplevelser/biografen/" class="c-btn c-btn--link link-gtm">                L&#xE6;s mere                <span class="c-btn__icon ">                    <svg class="u-icon u-icon--l">                        <use                            xlink:href="/assets/icons.svg#cta_arrow" />                    </svg>                </span>            </a>        </div></div>', icon: "theatre-15", id: "3542" },
1004            geometry: { type: "Point", coordinates: [12.184027, 55.455842] }
1005        },
1006        {
1007            type: "Feature",
1008            properties: { description: '<div class="c-card c-card--no-border">        <div class="c-card__img">            <img src="/media/g1sj2ir1/kulturtorvet.jpg?width=640&amp;height=480&amp;v=1d61e6a478fa050" data-object-fit="cover"                alt="">        </div>    <button class="c-btn--exit"></button>    <div class="c-card__rich-text c-rte">        <h5 class="title-gtm">Kulturtorvet</h5>        <p>Kulturtorvet er en ny stor, åben plads, der ligger omgivet af kulturelle tilbud. I fremtiden bliver det et byrum, som skal hænge tæt sammen med den kommende underføring under jernbanen.</p>    </div>        <div class="c-card__cta">            <a href="/byen/arkitektur-og-steder/bymidten/kulturtorvet/" class="c-btn c-btn--link link-gtm">                L&#xE6;s mere                <span class="c-btn__icon ">                    <svg class="u-icon u-icon--l">                        <use                            xlink:href="/assets/icons.svg#cta_arrow" />                    </svg>                </span>            </a>        </div></div>', icon: "garden-15", id: "3543" },
1009            geometry: { type: "Point", coordinates: [12.184423, 55.455702] }
1010        },
1011        {
1012            type: "Feature",
1013            properties: { description: '<div class="c-card c-card--no-border">        <div class="c-card__img">            <img src="/media/csoecnoy/stationsomr&#xE5;det-med-hm.jpg?width=640&amp;height=480&amp;v=1d629b768d5bbc0" data-object-fit="cover"                alt="">        </div>    <button class="c-btn--exit"></button>    <div class="c-card__rich-text c-rte">        <h5 class="title-gtm">Bymidten</h5>        <p>Køge er en populær handelsby, og med det nye stationsområde er der kommet endnu flere indkøbsmuligheder, samtidig med at der er kommet nye byrum, biograf, caféer og restauranter.</p>    </div>        <div class="c-card__cta">            <a href="/byen/arkitektur-og-steder/bymidten/" class="c-btn c-btn--link link-gtm">                Se bymidtens tilbud                <span class="c-btn__icon ">                    <svg class="u-icon u-icon--l">                        <use                            xlink:href="/assets/icons.svg#cta_arrow" />                    </svg>                </span>            </a>        </div></div>', icon: "grocery-15", id: "3544" },
1014            geometry: { type: "Point", coordinates: [12.185029, 55.456307] }
1015        },
1016        {
1017            type: "Feature",
1018            properties: { description: '<div class="c-card c-card--no-border">        <div class="c-card__img">            <img src="/media/rsnf4iha/taghave-fra-vandring.jpg?width=640&amp;height=480&amp;v=1d61e6a470bca50" data-object-fit="cover"                alt="">        </div>    <button class="c-btn--exit"></button>    <div class="c-card__rich-text c-rte">        <h5 class="title-gtm">Taghaver</h5>        <p>Taghaverne i Stationsområdet tilbyder både aktivitet og rekreation - og tre af haverne over butikkerne i Rådhusstræde er offentligt tilgængelige.</p>    </div>        <div class="c-card__cta">            <a href="/byen/arkitektur-og-steder/bymidten/taghaver/" class="c-btn c-btn--link link-gtm">                L&#xE6;
1018s mere                <span class="c-btn__icon ">                    <svg class="u-icon u-icon--l">                        <use                            xlink:href="/assets/icons.svg#cta_arrow" />                    </svg>                </span>            </a>        </div></div>', icon: "garden-15", id: "3545" },
1019            geometry: { type: "Point", coordinates: [12.185642, 55.457218] }
1020        },
1021        {
1022            type: "Feature",
1023            properties: { description: '<div class="c-card c-card--no-border">        <div class="c-card__img">            <img src="/media/yryldhsv/stationstorvet-og-str&#xE6;det.jpg?width=640&amp;height=480&amp;v=1d61e6a4a3285c0" data-object-fit="cover"                alt="">        </div>    <button class="c-btn--exit"></button>    <div class="c-card__rich-text c-rte">        <h5 class="title-gtm">Stationspladsen</h5>        <p>Stationspladsen er Køges nye mødested – hvor den gamle og den nye bydel mødes. Her kan du kan opleve den 20 m brede stationsbro, hvor du kan tage dig et hvil, nyde solen eller snuppe en kop kaffe, mens du venter på toget.</p>    </div>        <div class="c-card__cta">            <a href="/byen/arkitektur-og-steder/bymidten/stationspladsen/" class="c-btn c-btn--link link-gtm">                L&#xE6;s mere                <span class="c-btn__icon ">                    <svg class="u-icon u-icon--l">                        <use                            xlink:href="/assets/icons.svg#cta_arrow" />                    </svg>                </span>            </a>        </div></div>', icon: "garden-15", id: "3547" },
1024            geometry: { type: "Point", coordinates: [12.185437, 55.457680] }
1025        },
1026        {
1027            type: "Feature",
1028            properties: { description: '<div class="c-card c-card--no-border">        <div class="c-card__img">            <img src="/media/opheymjs/realdania-by-byg_le-jardin-1-web.jpg?width=640&amp;height=480&amp;v=1d9efacfbb707f0" data-object-fit="cover"                alt="">        </div>    <button class="c-btn--exit"></button>    <div class="c-card__rich-text c-rte">        <h5 class="title-gtm">Cafe le Jardin</h5>        <p>Kager, cocktails og kaffe serveret i en farverig haveoase med fransk café stemning med glimt I øjet og smil på læben!</p><p>&nbsp;</p>    </div>        <div class="c-card__cta">            <a href="https://www.facebook.com/cafelejardin.dk" class="c-btn c-btn--link link-gtm">                L&#xE6;s mere p&#xE5; Facebook                <span class="c-btn__icon c-btn__icon--external">                    <svg class="u-icon u-icon--l">                        <use                            xlink:href="/assets/icons.svg#external-link" />                    </svg>                </span>            </a>        </div></div>', icon: "restaurant-15", id: "6540" },
1029            geometry: { type: "Point", coordinates: [12.191159063051163, 55.451321801698874] }
1030        },
1031        {
1032            type: "Feature",
1033            properties: { description: '<div class="c-card c-card--no-border">        <div class="c-card__img">            <img src="/media/edqpram2/siesta.jpg?width=640&amp;height=480&amp;v=1dbe4ce527496d0" data-object-fit="cover"                alt="">        </div>    <button class="c-btn--exit"></button>    <div class="c-card__rich-text c-rte">        <h5 class="title-gtm">Spisesteder i Str&#xE6;det</h5>        <p>I Stationsområdet, fra Kulturtorvet til Stationstorvet, er der gode muligheder for at stå stille sulten. Se oversigt på Strædet Køges hjemmeside.</p>    </div>        <div class="c-card__cta">            <a href="https://www.straedetkoge.dk/spisesteder" target="_blank" class="c-btn c-btn--link link-gtm">                Straedetkoge.dk                <span class="c-btn__icon c-btn__icon--external">                    <svg class="u-icon u-icon--l">                        <use                            xlink:href="/assets/icons.svg#external-link" />                    </svg>                </span>            </a>        </div></div>', icon: "restaurant-15", id: "9218" },
1034            geometry: { type: "Point", coordinates: [12.1852, 55.4560] }
1035        },
1036        {
1037            type: "Feature",
1038            properties: { description: '<div class="c-card c-card--no-border">        <div class="c-card__img">            <img src="/media/0jdjes4w/img_0399-web.jpg?width=640&amp;height=480&amp;v=1dc651617c8e540" data-object-fit="cover"                alt="">        </div>    <button class="c-btn--exit"></button>    <div class="c-card__rich-text c-rte">        <h5 class="title-gtm">Parkeringshus med indbygget skatehal</h5>        <p>Køge Kommunes parkeringshus tilbyder både timeparkering og parkering med månedslicens.</p>    </div>        <div class="c-card__cta">            <a href="https://www.koege.dk/borger/parkering-trafik-og-veje/parkering/parkering-i-koege-midtby" target="_blank" class="c-btn c-btn--link link-gtm">
1038                                <span class="c-btn__icon c-btn__icon--external">                    <svg class="u-icon u-icon--l">                        <use                            xlink:href="/assets/icons.svg#external-link" />                    </svg>                </span>            </a>        </div></div>', icon: "parking-15", id: "9408" },
1039            geometry: { type: "Point", coordinates: [12.1908, 55.4525] }
1040        },
1041        {
1042            type: "Feature",
1043            properties: { description: '<div class="c-card c-card--no-border">        <div class="c-card__img">            <img src="/media/c4sirxyv/dji_0577-kort-popup.jpg?width=640&amp;height=480&amp;v=1dd443bf6f51900" data-object-fit="cover"                alt="Underf&#xF8;ring Kort-popup">        </div>    <button class="c-btn--exit"></button>    <div class="c-card__rich-text c-rte">        <h5 class="title-gtm">Ny underf&#xF8;ring</h5>        <p>Fra efteråret 2026 forbereder Køge Kyst anlæggelsen af en ny underføring under jernbanen.<br><br></p>    </div>        <div class="c-card__cta">            <a href="/byudvikling/underfoering-mellem-by-og-havn/" class="c-btn c-btn--link link-gtm">                Underf&#xF8;ring mellem by og havn                <span class="c-btn__icon ">                    <svg class="u-icon u-icon--l">                        <use                            xlink:href="/assets/icons.svg#cta_arrow" />                    </svg>                </span>            </a>        </div></div>', icon: "excavator", id: "10240" },
1044            geometry: { type: "Point", coordinates: [12.1856, 55.4553] }
1045        }
1046    ];
1047</script>
1047
1048
1049<script>
1050    var projects = [
1051        {
1052            type: "Feature",
1053            properties: { description: '<div class="c-card c-card--no-border">        <div class="c-card__img">            <img src="/media/fj2dpwis/strandengen.jpg?width=640&amp;height=480&amp;v=1d61e6a0c746690" data-object-fit="cover"                alt="">        </div>    <button class="c-btn--exit"></button>    <div class="c-card__rich-text c-rte">        <h5 class="title-gtm">Strandengen</h5>        <p>Færdigbygget boligkarré med ejerlejligheder ud til strandengen. Indflyttet i 2017.</p>    </div>        <div class="c-card__cta">            <a href="/boliger/strandengen/" class="c-btn c-btn--link link-gtm">                Strandengen                <span class="c-btn__icon ">                    <svg class="u-icon u-icon--l">                        <use                            xlink:href="/assets/icons.svg#cta_arrow" />                    </svg>                </span>            </a>        </div></div>', icon: "home-15", id: "3072", color: "rgba(19, 41, 55, 1)", stroke: "rgba(19, 41, 55, 0.2)"},
1054            geometry: { type: "Point", coordinates: [12.191778, 55.449859] }
1055        },
1056        {
1057            type: "Feature",
1058            properties: { description: '<div class="c-card c-card--no-border">        <div class="c-card__img">            <img src="/media/pepg5nki/skibet-drone-kort.jpg?width=640&amp;height=480&amp;v=1d6d8f1ef78d600" data-object-fit="cover"                alt="">        </div>    <button class="c-btn--exit"></button>    <div class="c-card__rich-text c-rte">        <h5 class="title-gtm">Skibet og Broen</h5>        <p>Familielejeboliger og et boligfællesskab for gruppen 50+. Karréen blev færdigbygget i 2020, men der kan fortsat være mulighed for at leje en bolig.</p>    </div>        <div class="c-card__cta">            <a href="/boliger/skibet-og-broen/" class="c-btn c-btn--link link-gtm">                Skibet og Broen                <span class="c-btn__icon ">                    <svg class="u-icon u-icon--l">                        <use                            xlink:href="/assets/icons.svg#cta_arrow" />                    </svg>                </span>            </a>        </div></div>', icon: "home-15", id: "3073", color: "rgba(19, 41, 55, 1)", stroke: "rgba(19, 41, 55, 0.2)"},
1059            geometry: { type: "Point", coordinates: [12.193583, 55.451903] }
1060        },
1061        {
1062            type: "Feature",
1063            properties: { description: '<div class="c-card c-card--no-border">        <div class="c-card__img">            <img src="/media/gngfv0ew/havblik.jpg?width=640&amp;height=480&amp;v=1d61e6a0b79b2e0" data-object-fit="cover"                alt="">        </div>    <button class="c-btn--exit"></button>    <div class="c-card__rich-text c-rte">        <h5 class="title-gtm">Havblik</h5>        <p>Færdigbygget boligkarré med 66 lejligheder ud til strandengen. Indflyttet i 2017/2018.</p>    </div>        <div class="c-card__cta">            <a href="/boliger/havblik/" class="c-btn c-btn--link link-gtm">                Havblik                <span class="c-btn__icon ">                    <svg class="u-icon u-icon--l">                        <use                            xlink:href="/assets/icons.svg#cta_arrow" />                    </svg>                </span>            </a>        </div></div>', icon: "home-15", id: "2773", color: "rgba(19, 41, 55, 1)", stroke: "rgba(19, 41, 55, 0.2)"},
1064            geometry: { type: "Point", coordinates: [12.191820, 55.451119] }
1065        },
1066        {
1067            type: "Feature",
1068            properties: { description: '<div class="c-card c-card--no-border">        <div class="c-card__img">            <img src="/media/iwsnpcqg/engparken-web.jpg?width=640&amp;height=480&amp;v=1d68c0720d07380" data-object-fit="cover"                alt="">        </div>    <button class="c-btn--exit"></button>    <div class="c-card__rich-text c-rte">        <h5 class="title-gtm">Engparken</h5>        <p>61 lejeboliger – heriblandt 12 seniorvenlige - midt på Søndre Havn. Engparken blev indflyttet i september 2020.</p>    </div>        <div class="c-card__cta">            <a href="/boliger/engparken/" class="c-btn c-btn--link link-gtm">
1068                Engparken                <span class="c-btn__icon ">                    <svg class="u-icon u-icon--l">                        <use                            xlink:href="/assets/icons.svg#cta_arrow" />                    </svg>                </span>            </a>        </div></div>', icon: "home-15", id: "3060", color: "rgba(19, 41, 55, 1)", stroke: "rgba(19, 41, 55, 0.2)"},
1069            geometry: { type: "Point", coordinates: [12.192210, 55.452066] }
1070        },
1071        {
1072            type: "Feature",
1073            properties: { description: '<div class="c-card c-card--no-border">        <div class="c-card__img">            <img src="/media/zewhvvg1/strandparken-ii.jpg?width=640&amp;height=480&amp;v=1d61e6a0f5c1d30" data-object-fit="cover"                alt="">        </div>    <button class="c-btn--exit"></button>    <div class="c-card__rich-text c-rte">        <h5 class="title-gtm">Strandparken (2. karr&#xE9;)</h5>        <p><span>Karréen er opført af Calum og rummer 64 lejelejligheder på mellem 64 og 107 m2 fordelt på to til fire værelser. Indflyttet i 2020.</span></p>    </div>        <div class="c-card__cta">            <a href="/boliger/strandparken-2/" class="c-btn c-btn--link link-gtm">                L&#xE6;s mere                <span class="c-btn__icon ">                    <svg class="u-icon u-icon--l">                        <use                            xlink:href="/assets/icons.svg#cta_arrow" />                    </svg>                </span>            </a>        </div></div>', icon: "home-15", id: "2989", color: "rgba(19, 41, 55, 1)", stroke: "rgba(19, 41, 55, 0.2)"},
1074            geometry: { type: "Point", coordinates: [12.19092336290933, 55.450734629822904] }
1075        },
1076        {
1077            type: "Feature",
1078            properties: { description: '<div class="c-card c-card--no-border">        <div class="c-card__img">            <img src="/media/3bnp5akj/blaaklokken-visu-ext_gaardrum.jpg?width=640&amp;height=480&amp;v=1d61e6a0f73eaf0" data-object-fit="cover"                alt="">        </div>    <button class="c-btn--exit"></button>    <div class="c-card__rich-text c-rte">        <h5 class="title-gtm">Bl&#xE5;klokken</h5>        <p>78 lejeboliger til singler, seniorer og mindre børnefamilier. Karréen blev færdig og indflyttet i 2021.<br><br></p>    </div>        <div class="c-card__cta">            <a href="/boliger/blaaklokken/" class="c-btn c-btn--link link-gtm">                Bl&#xE5;klokken                <span class="c-btn__icon ">                    <svg class="u-icon u-icon--l">                        <use                            xlink:href="/assets/icons.svg#cta_arrow" />                    </svg>                </span>            </a>        </div></div>', icon: "home-15", id: "3068", color: "rgba(19, 41, 55, 1)", stroke: "rgba(19, 41, 55, 0.2)"},
1079            geometry: { type: "Point", coordinates: [12.189803, 55.451993] }
1080        },
1081        {
1082            type: "Feature",
1083            properties: { description: '<div class="c-card c-card--no-border">        <div class="c-card__img">            <img src="/media/n55f1ybm/kystengen-foto-bonava-lowres.jpg?width=640&amp;height=480&amp;v=1d61e6a0f7daef0" data-object-fit="cover"                alt="">        </div>    <button class="c-btn--exit"></button>    <div class="c-card__rich-text c-rte">        <h5 class="title-gtm">Kystengen</h5>        <p>Boligkarré med 54 ejerlejligheder og 8 byhuse. Boligerne er færdigbygget i 2019, og projektsalget er afsluttet.<br><br></p>    </div>        <div class="c-card__cta">            <a href="/boliger/kystengen/" class="c-btn c-btn--link link-gtm">                Kystengen                <span class="c-btn__icon ">                    <svg class="u-icon u-icon--l">                        <use                            xlink:href="/assets/icons.svg#cta_arrow" />                    </svg>                </span>            </a>        </div></div>', icon: "home-15", id: "3105", color: "rgba(19, 41, 55, 1)", stroke: "rgba(19, 41, 55, 0.2)"},
1084            geometry: { type: "Point", coordinates: [12.191473, 55.451580] }
1085        },
1086        {
1087            type: "Feature",
1088            properties: { description: '<div class="c-card c-card--no-border">        <div class="c-card__img">            <img src="/media/whdn0ide/strandterrasserne-kort.jpg?width=640&amp;height=480&amp;v=1d6d8f22d20fc30" data-object-fit="cover"                alt="">        </div>    <button class="c-btn--exit"></button>    <div class="c-card__rich-text c-rte">        <h5 class="title-gtm">Strandterrasserne</h5>        <p>55 ejerboliger direkte ud til strandengen og Køge Bugt. Karréen blev indflyttet i 2020, og projektsalget er afsluttet.<br><br></p>    </div>        <div class="c-card__cta">            <a href="/boliger/strandterrasserne/" class="c-btn c-btn--link link-gtm">
1088                Strandterrasserne                <span class="c-btn__icon ">                    <svg class="u-icon u-icon--l">                        <use                            xlink:href="/assets/icons.svg#cta_arrow" />                    </svg>                </span>            </a>        </div></div>', icon: "home-15", id: "3066", color: "rgba(19, 41, 55, 1)", stroke: "rgba(19, 41, 55, 0.2)"},
1089            geometry: { type: "Point", coordinates: [12.192585, 55.451537] }
1090        },
1091        {
1092            type: "Feature",
1093            properties: { description: '<div class="c-card c-card--no-border">        <div class="c-card__img">            <img src="/media/d2mjzol3/dsc02316-boligcard.jpg?width=640&amp;height=480&amp;v=1d6cf04407a1610" data-object-fit="cover"                alt="">        </div>    <button class="c-btn--exit"></button>    <div class="c-card__rich-text c-rte">        <h5 class="title-gtm">Engg&#xE5;rden</h5>        <p>77 lejeboliger. Enggården blev indflyttet i foråret 2020.</p>    </div>        <div class="c-card__cta">            <a href="/boliger/enggaarden/" class="c-btn c-btn--link link-gtm">                Engg&#xE5;rden                <span class="c-btn__icon ">                    <svg class="u-icon u-icon--l">                        <use                            xlink:href="/assets/icons.svg#cta_arrow" />                    </svg>                </span>            </a>        </div></div>', icon: "home-15", id: "3058", color: "rgba(19, 41, 55, 1)", stroke: "rgba(19, 41, 55, 0.2)"},
1094            geometry: { type: "Point", coordinates: [12.191038, 55.452026] }
1095        },
1096        {
1097            type: "Feature",
1098            properties: { description: '<div class="c-card c-card--no-border">        <div class="c-card__img">            <img src="/media/q4djv5sx/strandparken-i.jpg?width=640&amp;height=480&amp;v=1d61e6a0f505d60" data-object-fit="cover"                alt="">        </div>    <button class="c-btn--exit"></button>    <div class="c-card__rich-text c-rte">        <h5 class="title-gtm">Strandparken (1. karr&#xE9;)</h5>        <p>Færdigbygget boligkarré med 65 lejeboliger ud til strandengen. Indflyttet i 2018.</p>    </div>        <div class="c-card__cta">            <a href="/boliger/strandparken-1/" class="c-btn c-btn--link link-gtm">                L&#xE6;s om Strandparken                <span class="c-btn__icon ">                    <svg class="u-icon u-icon--l">                        <use                            xlink:href="/assets/icons.svg#cta_arrow" />                    </svg>                </span>            </a>        </div></div>', icon: "home-15", id: "2949", color: "rgba(19, 41, 55, 1)", stroke: "rgba(19, 41, 55, 0.2)"},
1099            geometry: { type: "Point", coordinates: [12.191367894153785, 55.450183751352085] }
1100        },
1101        {
1102            type: "Feature",
1103            properties: { description: '<div class="c-card c-card--no-border">        <div class="c-card__img">            <img src="/media/u4ml2zvb/_dsc7806-web.jpg?width=640&amp;height=480&amp;v=1dba55849643290" data-object-fit="cover"                alt="">        </div>    <button class="c-btn--exit"></button>    <div class="c-card__rich-text c-rte">        <h5 class="title-gtm">F&#xE6;llesbyg K&#xF8;ge Kyst</h5>        <p>45 ejerlejligheder med fokus på fællesskab i unikt beboerdrevet boligprojekt. Indflyttet i 2021-22.</p>    </div>        <div class="c-card__cta">            <a href="/boliger/faellesbyg-koege-kyst/" class="c-btn c-btn--link link-gtm">                F&#xE6;llesbyg K&#xF8;ge Kyst                <span class="c-btn__icon ">                    <svg class="u-icon u-icon--l">                        <use                            xlink:href="/assets/icons.svg#cta_arrow" />                    </svg>                </span>            </a>        </div></div>', icon: "home-15", id: "3532", color: "rgba(19, 41, 55, 1)", stroke: "rgba(19, 41, 55, 0.2)"},
1104            geometry: { type: "Point", coordinates: [12.192785, 55.452608] }
1105        },
1106        {
1107            type: "Feature",
1108            properties: { description: '<div class="c-card c-card--no-border">        <div class="c-card__img">            <img src="/media/ttmhgmrp/svanen-eksterioer-web.jpg?width=640&amp;height=480&amp;v=1dd0ecbb3f041c0" data-object-fit="cover"                alt="Svanen">        </div>    <button class="c-btn--exit"></button>    <div class="c-card__rich-text c-rte">        <h5 class="title-gtm">Svanen</h5>        <p>Her opfører Bonum Development en boligkarré med 85 lejeboliger. Udlejningen er i gang, og karréen forventes indflyttet i december 2026.<br><br></p>    </div>        <div class="c-card__cta">
1108            <a href="/boliger/svanen/" class="c-btn c-btn--link link-gtm">                L&#xE6;s mere                <span class="c-btn__icon ">                    <svg class="u-icon u-icon--l">                        <use                            xlink:href="/assets/icons.svg#cta_arrow" />                    </svg>                </span>            </a>        </div></div>', icon: "home-15", id: "3540", color: "rgba(19, 41, 55, 1)", stroke: "rgba(19, 41, 55, 0.2)"},
1109            geometry: { type: "Point", coordinates: [12.191816, 55.452650] }
1110        },
1111        {
1112            type: "Feature",
1113            properties: { description: '<div class="c-card c-card--no-border">        <div class="c-card__img">            <img src="/media/ck3figeu/dsc00764-web.jpg?width=640&amp;height=480&amp;v=1db9a436bbbfcd0" data-object-fit="cover"                alt="">        </div>    <button class="c-btn--exit"></button>    <div class="c-card__rich-text c-rte">        <h5 class="title-gtm">Postillionen</h5>        <p>Postillionens rummelige ejerboliger er skabt til familielivet med større eller mindre børn. Indflytningen begyndte i september 2024, og projektsalget er stadig i gang.<br><br></p>    </div>        <div class="c-card__cta">            <a href="/boliger/postillionen/" class="c-btn c-btn--link link-gtm">                Se boliger                <span class="c-btn__icon ">                    <svg class="u-icon u-icon--l">                        <use                            xlink:href="/assets/icons.svg#cta_arrow" />                    </svg>                </span>            </a>        </div></div>', icon: "home-15", id: "6255", color: "rgba(19, 41, 55, 1)", stroke: "rgba(19, 41, 55, 0.2)"},
1114            geometry: { type: "Point", coordinates: [12.194581927892337, 55.4519098877293] }
1115        },
1116        {
1117            type: "Feature",
1118            properties: { description: '<div class="c-card c-card--no-border">        <div class="c-card__img">            <img src="/media/pu5fjlqp/dsc01801-web.jpg?width=640&amp;height=480&amp;v=1dba557666d2b90" data-object-fit="cover"                alt="">        </div>    <button class="c-btn--exit"></button>    <div class="c-card__rich-text c-rte">        <h5 class="title-gtm">Hvide Falk</h5>        <p>Hvide Falk rummer både almindelige lejeboliger og et boligfællesskab for 40-59 år.<span> Der er padelbane på taget.</span></p>    </div>        <div class="c-card__cta">            <a href="/boliger/hvide-falk/" class="c-btn c-btn--link link-gtm">                Se boliger                <span class="c-btn__icon ">                    <svg class="u-icon u-icon--l">                        <use                            xlink:href="/assets/icons.svg#cta_arrow" />                    </svg>                </span>            </a>        </div></div>', icon: "home-15", id: "6256", color: "rgba(19, 41, 55, 1)", stroke: "rgba(19, 41, 55, 0.2)"},
1119            geometry: { type: "Point", coordinates: [12.195257844509191, 55.45195551994311] }
1120        },
1121        {
1122            type: "Feature",
1123            properties: { description: '<div class="c-card c-card--no-border">        <div class="c-card__img">            <img src="/media/lcpdim3e/soendre-kyst-gyldenloeve.jpg?width=640&amp;height=480&amp;v=1d8d19dfc2b5ac0" data-object-fit="cover"                alt="">        </div>    <button class="c-btn--exit"></button>    <div class="c-card__rich-text c-rte">        <h5 class="title-gtm">Gyldenl&#xF8;ve</h5>        <p>Rummelige og eksklusive ejerlejligheder på 2-5 værelser.<br /><br /></p>    </div>        <div class="c-card__cta">            <a href="/boliger/gyldenloeve/" class="c-btn c-btn--link link-gtm">                Se boliger                <span class="c-btn__icon ">                    <svg class="u-icon u-icon--l">                        <use                            xlink:href="/assets/icons.svg#cta_arrow" />                    </svg>                </span>            </a>        </div></div>', icon: "home-15", id: "6257", color: "rgba(19, 41, 55, 1)", stroke: "rgba(19, 41, 55, 0.2)"},
1124            geometry: { type: "Point", coordinates: [12.19612151574184, 55.451964646379544] }
1125        },
1126        {
1127            type: "Feature",
1128            properties: { description: '<div class="c-card c-card--no-border">        <div class="c-card__img">            <img src="/media/zm4lzcxi/soendre-kyst-dannebroge-torvet.jpg?width=640&amp;height=480&amp;v=1d8d19e08d45240" data-object-fit="cover"                alt="">        </div>    <button class="c-btn--exit"></button>    <div class="c-card__rich-text c-rte">        <h5 class="title-gtm">Dannebroge</h5>        <p>De eksklusive ejerlejligheder i Dannebroge får en attraktiv placering alleryderst på den maritime halvø med et ugeneret kig mod Øresund.<br /><br /></p>    </div>        <div class="c-card__cta">            <a href="/boliger/dannebroge/" class="c-btn c-btn--link link-gtm">
1128                Se boliger                <span class="c-btn__icon ">                    <svg class="u-icon u-icon--l">                        <use                            xlink:href="/assets/icons.svg#cta_arrow" />                    </svg>                </span>            </a>        </div></div>', icon: "home-15", id: "6258", color: "rgba(19, 41, 55, 1)", stroke: "rgba(19, 41, 55, 0.2)"},
1129            geometry: { type: "Point", coordinates: [12.195515336553708, 55.45240575495611] }
1130        },
1131        {
1132            type: "Feature",
1133            properties: { description: '<div class="c-card c-card--no-border">        <div class="c-card__img">            <img src="/media/hr1cfctd/soendre-kyst-neptunus-torvet.jpg?width=640&amp;height=480&amp;v=1d8d19e14bd7c30" data-object-fit="cover"                alt="">        </div>    <button class="c-btn--exit"></button>    <div class="c-card__rich-text c-rte">        <h5 class="title-gtm">Neptunus</h5>        <p class="MsoNormal">104 lejeboliger i forskellig størrelse med adgang til fælles faciliteter - direkte ud til vandet.</p><p><br><br></p>    </div>        <div class="c-card__cta">            <a href="/boliger/neptunus/" class="c-btn c-btn--link link-gtm">                Se boliger                <span class="c-btn__icon ">                    <svg class="u-icon u-icon--l">                        <use                            xlink:href="/assets/icons.svg#cta_arrow" />                    </svg>                </span>            </a>        </div></div>', icon: "home-15", id: "6259", color: "rgba(19, 41, 55, 1)", stroke: "rgba(19, 41, 55, 0.2)"},
1134            geometry: { type: "Point", coordinates: [12.19465166532106, 55.45256090231742] }
1135        },
1136        {
1137            type: "Feature",
1138            properties: { description: '<div class="c-card c-card--no-border">        <div class="c-card__img">            <img src="/media/soshznso/billed-koege-5.png?width=640&amp;height=480&amp;v=1dc9054cb2192e0" data-object-fit="cover"                alt="Billed Koege 5">        </div>    <button class="c-btn--exit"></button>    <div class="c-card__rich-text c-rte">        <h5 class="title-gtm">Willes Have</h5>        <p>29 luksus lejeboliger lige ved Køges nye handelsstrøg Rådhusstræde og tæt ved stationen. Indflyttet i 2022.</p>    </div>        <div class="c-card__cta">            <a href="/boliger/willes-have/" class="c-btn c-btn--link link-gtm">                L&#xE6;s mere                <span class="c-btn__icon ">                    <svg class="u-icon u-icon--l">                        <use                            xlink:href="/assets/icons.svg#cta_arrow" />                    </svg>                </span>            </a>        </div></div>', icon: "home-15", id: "6328", color: "rgba(19, 41, 55, 1)", stroke: "rgba(19, 41, 55, 0.2)"},
1139            geometry: { type: "Point", coordinates: [12.1863255450115, 55.45998882627472] }
1140        },
1141        {
1142            type: "Feature",
1143            properties: { description: '<div class="c-card c-card--no-border">        <div class="c-card__img">            <img src="/media/cenkztmy/r&#xE5;dhusstr&#xE6;de-boliger-til-projektkort.jpg?width=640&amp;height=480&amp;v=1d61e6a0a56b6b0" data-object-fit="cover"                alt="">        </div>    <button class="c-btn--exit"></button>    <div class="c-card__rich-text c-rte">        <h5 class="title-gtm">Boliger i R&#xE5;dhusstr&#xE6;de</h5>        <p>28 ejerboliger. Projektsalget blev afsluttet i 2019.</p><p> </p>    </div>        <div class="c-card__cta">            <a href="/boliger/raadhusstraede/" class="c-btn c-btn--link link-gtm">                L&#xE6;s mere                <span class="c-btn__icon ">                    <svg class="u-icon u-icon--l">                        <use                            xlink:href="/assets/icons.svg#cta_arrow" />                    </svg>                </span>            </a>        </div></div>', icon: "home-15", id: "6538", color: "rgba(19, 41, 55, 1)", stroke: "rgba(19, 41, 55, 0.2)"},
1144            geometry: { type: "Point", coordinates: [12.185483508608721, 55.45680041399904] }
1145        },
1146        {
1147            type: "Feature",
1148            properties: { description: '<div class="c-card c-card--no-border">        <div class="c-card__img">            <img src="/media/23hbwia0/80167_tovvaerket-sh5-4_ext_001_gaden_kort
1148-popup.jpg?width=640&amp;height=480&amp;v=1dcd646c979cdd0" data-object-fit="cover"                alt="Tovv&#xE6;rket Kort-popup">        </div>    <button class="c-btn--exit"></button>    <div class="c-card__rich-text c-rte">        <h5 class="title-gtm">Tovv&#xE6;rket</h5>        <p>81 ejerlejligheder med rigt lysindfald og et skønt grønt gårdmiljø.</p>    </div>        <div class="c-card__cta">            <a href="/boliger/tovvaerket/" class="c-btn c-btn--link link-gtm">                Tovv&#xE6;rket                <span class="c-btn__icon ">                    <svg class="u-icon u-icon--l">                        <use                            xlink:href="/assets/icons.svg#cta_arrow" />                    </svg>                </span>            </a>        </div></div>', icon: "home-15", id: "10020", color: "rgba(19, 41, 55, 1)", stroke: "rgba(19, 41, 55, 0.2)"},
1149            geometry: { type: "Point", coordinates: [12.19265, 55.4531] }
1150        }
1151    ];
1152
1153    var projectsWithCircles = [
1154    ];
1155</script>
1155
1156
1157<script>
1158    mapboxgl.accessToken = 'pk.eyJ1IjoiNHBzZXIiLCJhIjoiY2sxajVvaGQ0MXF2cDNtcW02Y2NxeGE5bCJ9.EiXK8xDF3VSI1BcSaoQXLg';
1159
1160    var map = new mapboxgl.Map({
1161        container: 'map',
1162        style: 'mapbox://styles/4pser/ck1j6if5m092k1co5ytec2mf8',
1163        center: [12.187382, 55.453805],
1164        zoom: 14.5,
1165        minZoom: 5,
1166        maxZoom: 20,
1167        antialias: true,
1168        scrollZoom: true,
1169        boxZoom: true,
1170        dragRotate: true,
1171        dragPan: true,
1172        keyboard: true//,
1173        //pitch: 60
1174    });
1175
1176    map.scrollZoom.disable();
1177
1178    // Add zoom and rotation controls to the map.
1179    map.addControl(new mapboxgl.NavigationControl());
1180    map.addControl(new mapboxgl.FullscreenControl());
1181
1182    map.on('load', function () {
1183        map.addSource("pointsOfInterest", {
1184            type: "geojson",
1185            data: {
1186                type: "FeatureCollection",
1187                features: poiFeatures
1188            }
1189        });
1190
1191        map.addSource("projects", {
1192            type: "geojson",
1193            data: {
1194                type: "FeatureCollection",
1195                features: projects
1196            }
1197        });
1198
1199        map.addSource("projectsWithCirclesSource", {
1200            type: "geojson",
1201            data: {
1202                type: "FeatureCollection",
1203                features: projectsWithCircles
1204            }
1205        });
1206
1207        map.addSource("bounds", {
1208            type: "geojson",
1209            data: {
1210                type: "FeatureCollection",
1211                features: [
1212                    {
1213                        type: "Feature",
1214                        geometry: {
1215                            type: "Polygon",
1216                            coordinates: boundsCoordinates
1217                        }
1218                    }
1219                ]
1220            }
1221        });
1222
1223
1224                map.addSource("secondBounds", {
1225                type: "geojson",
1226                    data: {
1227                    type: "FeatureCollection",
1228                        features: [
1229                            {
1230                                type: "Feature",
1231                                geometry: {
1232                                    type: "Polygon",
1233                                    coordinates: secondBoundsCoordinates
1234                                }
1235                            }
1236                        ]
1237                    }
1238                });
1239            
1240
1241                map.addSource("thirdBounds", {
1242                type: "geojson",
1243                    data: {
1244                    type: "FeatureCollection",
1245                        features: [
1246                            {
1247                                type: "Feature",
1248                                geometry: {
1249                                    type: "Polygon",
1250                                    coordinates: thirdBoundsCoordinates
1251                                }
1252                            }
1253                        ]
1254                    }
1255                });
1256            
1257
1258                map.addLayer({
1259                    id: "whiteBackgroundForPOI",
1260                    type: "circle",
1261                    source: "pointsOfInterest",
1262                        filter: ["match", ["get", "icon"], ["parking-15","home-15","theatre-15","restaurant-15","garden-15","grocery-15","pitch-15","rail-light-15"], true, false],
1263                    paint: {
1264                        "circle-color": "rgba(255, 255, 255, 0.7)", //rgba(255, 200, 200, 0.5) #11b4da
1265                        "circle-radius": 12
1266                    }
1267                });
1268            
1269
1270                map.addLayer({
1271                    id: "whiteBackgroundForProjects",
1272                    type: "circle",
1273                    source: "projects",
1274                    paint: {
1275                        "circle-color": "rgba(255, 255, 255, 0.7)", //rgba(255, 200, 200, 0.5) #11b4da
1276                        "circle-radius": 12
1277                    }
1278                });
1279            
1280        map.addLayer({
1281            id: "places",
1282            type: "symbol",
1283            source: "pointsOfInterest",
1284                filter: ["match", ["get", "icon"], ["parking-15","home-15","theatre-15","restaurant-15","garden-15","grocery-15","pitch-15","rail-light-15"], true, false],
1285            //filter: ["!", ["has", "color"]],
1286            layout: {
1287                "icon-image": "{icon}",
1288                "icon-size": 1.0,
1289                "icon-allow-overlap": true,
1290                //"text-field": "{title}",
1291                //"text-font": ["Open Sans Semibold", "Arial Unicode MS Bold"],
1292                //"text-offset": [0, 0.6],
1293                //"text-anchor": "top"
1294            }
1295         });
1296
1297        map.addLayer({
1298            id: "projects",
1299            type: "symbol",
1300            source: "projects",
1301            layout: {
1302                "icon-image": "{icon}",
1303                "icon-size": 1.0,
1304                "icon-allow-overlap": true,
1305            }
1306         });
1307
1308        map.addLayer({
1309            id: "projectsWithCirclesLayer",
1310            type: "circle",
1311            source: "projectsWithCirclesSource",
1312            layout: {
1313                //"text-field": "{title}",
1314                //"text-font": ["Open Sans Semibold", "Arial Unicode MS Bold"],
1315                //"text-offset": [0, 0.6],
1316                //"text-anchor": "top"
1317            },
1318            paint: {
1319                "circle-color": { "type": "identity", "property": "color" },//"rgba(255, 200, 200, 0.8)", //rgba(255, 200, 200, 0.5) #11b4da
1320                "circle-radius": 7,
1321                "circle-stroke-width": 10,
1322                "circle-stroke-color": { "type": "identity", "property": "stroke" } //rgba(255, 100, 100, 1) #14b4aa
1323            }
1324        });
1325
1326        //we need this if we want to use circles instead of symbols (aka icons)
1327        //map.addLayer({
1328        //    id: "projects",
1329        //    type: "circle",
1330        //    source: "projects",
1331        //    //filter: ["has", "color"],
1332        //    layout: {
1333        //        //"text-field": "{title}",
1334        //        //"text-font": ["Open Sans Semibold", "Arial Unicode MS Bold"],
1335        //        //"text-offset": [0, 0.6],
1336        //        //"text-anchor": "top"
1337        //    },
1338        //    paint: {
1339        //        "circle-color": { "type": "identity", "property": "color" },//"rgba(255, 200, 200, 0.8)", //rgba(255, 200, 200, 0.5) #11b4da
1340        //        "circle-radius": 7,
1341        //        "circle-stroke-width": 10,
1342        //        "circle-stroke-color": { "type": "identity", "property": "stroke" } //rgba(255, 100, 100, 1) #14b4aa
1343        //    }
1344        //});
1345
1346        map.addLayer({
1347            id: 'bounds',
1348            type: 'line',
1349            source: 'bounds',
1350            paint: {
1351                'line-width': 3,
1352                // Use a get expression (https://docs.mapbox.com/mapbox-gl-js/style-spec/#expressions-get)
1353                // to set the line-color to a feature property value.
1354                //'line-color': ['get', 'color']
1355                'line-color': 'rgba(80, 141, 156, 1)'
1356            },
1357            layout: {
1358                "line-join": "round",
1359                "line-cap": "round"
1360            }
1361        });
1362
1363
1364                map.addLayer({
1365                    id: 'secondBounds',
1366                    type: 'line',
1367                    source: 'secondBounds',
1368                    paint: {
1369                        'line-width': 3,
1370                        // Use a get expression (https://docs.mapbox.com/mapbox-gl-js/style-spec/#expressions-get)
1371                        // to set the line-color to a feature property value.
1372                        //'line-color': ['get', 'color']
1373                        'line-color': 'rgba(80, 141, 156, 1)'
1374                    },
1375                    layout: {
1376                        "line-join": "round",
1377                        "line-cap": "round"
1378                    }
1379                });
1380            
1381
1382                map.addLayer({
1383                    id: 'thirdBounds',
1384                    type: 'line',
1385                    source: 'thirdBounds',
1386                    paint: {
1387                        'line-width': 3,
1388                        // Use a get expression (https://docs.mapbox.com/mapbox-gl-js/style-spec/#expressions-get)
1389                        // to set the line-color to a feature property value.
1390                        //'line-color': ['get', 'color']
1391                        'line-color': 'rgba(80, 141, 156, 1)'
1392                    },
1393                    layout: {
1394                        "line-join": "round",
1395                        "line-cap": "round"
1396                    }
1397                });
1398            
1399        let popup = new mapboxgl.Popup({ closeButton: false });
1400
1401        // When a click event occurs on a feature in the places layer, open a popup at the
1402        // location of the feature, with description HTML from its properties.
1403        map.on('mouseenter', 'places', function (e) {
1404            map.getCanvas().style.cursor = 'pointer';
1405            var coordinates = e.features[0].geometry.coordinates.slice();
1406            var description = e.features[0].properties.description;
1407
1408            // Ensure that if the map is zoomed out such that multiple
1409            // copies of the feature are visible, the popup appears
1410            // over the copy being pointed to.
1411            while (Math.abs(e.lngLat.lng - coordinates[0]) > 180) {
1412                coordinates[0] += e.lngLat.lng > coordinates[0] ? 360 : -360;
1413            }
1414
1415            if (!description) return;
1416            popup
1417                .setLngLat(e.features[0].geometry.coordinates.slice()) //e.lngLat
1418                .setHTML(description)
1419                .addTo(map)
1420
1421            var closeBtn = popup._content.querySelector(".mapboxgl-popup .c-btn--exit");
1422            closeBtn.addEventListener("click", function (e) {
1423                popup._onClickClose();
1424            });
1425
1426            var link = popup._content.querySelector(".mapboxgl-popup .link-gtm");
1427            var title = popup._content.querySelector(".mapboxgl-popup .title-gtm").innerText;
1428            if (link) {
1429                link.addEventListener("click", function (e) {
1430                    dataLayer.push({
1431                        'event': 'poiClick',
1432                        'poiTitle': title
1433                    });
1434                });
1435            }
1436        });
1437
1438        map.on('mouseenter', 'projects', function (e) {
1439            map.getCanvas().style.cursor = 'pointer';
1440            var coordinates = e.features[0].geometry.coordinates.slice();
1441            var description = e.features[0].properties.description;
1442
1443            if (!description) return;
1444            popup
1445                .setLngLat(coordinates)
1446                .setHTML(description)
1447                .addTo(map)
1448
1449            var closeBtn = popup._content.querySelector(".mapboxgl-popup .c-btn--exit");
1450            closeBtn.addEventListener("click", function (e) {
1451                popup._onClickClose();
1452            });
1453
1454            var link = popup._content.querySelector(".mapboxgl-popup .link-gtm");
1455            var title = popup._content.querySelector(".mapboxgl-popup .title-gtm").innerText;
1456            if (link) {
1457                link.addEventListener("click", function (e) {
1458                    dataLayer.push({
1459                        'event': 'projectClick',
1460                        'projectTitle': title
1461                    });
1462                });
1463            }
1464        });
1465
1466        map.on('mouseenter', 'projectsWithCirclesLayer', function (e) {
1467            map.getCanvas().style.cursor = 'pointer';
1468            var coordinates = e.features[0].geometry.coordinates.slice();
1469            var description = e.features[0].properties.description;
1470
1471            if (!description) return;
1472            popup
1473                .setLngLat(coordinates)
1474                .setHTML(description)
1475                .addTo(map)
1476
1477            var closeBtn = popup._content.querySelector(".mapboxgl-popup .c-btn--exit");
1478            closeBtn.addEventListener("click", function (e) {
1479                popup._onClickClose();
1480            });
1481
1482            var link = popup._content.querySelector(".mapboxgl-popup .link-gtm");
1483            var title = popup._content.querySelector(".mapboxgl-popup .title-gtm").innerText;
1484            if (link) {
1485                link.addEventListener("click", function (e) {
1486                    e.preventDefault();
1487                    dataLayer.push({
1488                        'event': 'projectClick',
1489                        'projectTitle': title
1490                    });
1491                });
1492            }
1493        });
1494
1495        // Change it back to a pointer when it leaves.
1496        map.on('mouseleave', 'places', function () {
1497            map.getCanvas().style.cursor = '';
1498        });
1499        map.on('mouseleave', 'projects', function () {
1500            map.getCanvas().style.cursor = '';
1501        });
1502        map.on('mouseleave', 'projectsWithCirclesLayer', function () {
1503            map.getCanvas().style.cursor = '';
1504        });
1505
1506        map.on('click', function (e) {
1507            console.log(JSON.stringify(e.lngLat));
1508        });
1509    });
1510</script>
1510
1511
1512            </div>
1513        </div>
1514    </div>
1515
1516        
1517
1518
1519<div class="c-newsletter new c-newsletter--koegekyst-green" data-signup-type="newsletter">
1520    <div class="c-newsletter__information c-rte">
1521        <h4 class="newsletter-title">Tilmeld dig nyhedsbrevet</h4>
1522        <p>FÃ¥ nyt om boliger, byggeprojekter, livet i bydelen og meget mere.</p>
1523    </div>
1524    <div class="c-newsletter__form">
1525        <form class="js-cm-form" id="subForm-25327" data-siteid="25327">
1526            <div class="d_newsletter-form-row">
1527                <div class="d_newsletter-email-field">
1528                    <label for="fieldEmail-25327">E-mail</label>
1529                    <input autocomplete="email" aria-label="E-mail" class="js-cm-email-input qa-input-email"
1530                           id="fieldEmail-25327" maxlength="200" name="email" placeholder="Indtast E-mail" required
1531                           type="email" />
1532                </div>
1533                <div class="d_newsletter-captcha-field">
1534                    <div class="frc-captcha frc-captcha--compact light" data-sitekey="FCMMCQF46HG2SVJ8"
1535                         data-start="focus" data-theme="light"></div>
1536                </div>
1537            </div>
1538            <div class="d_newsletter-button-row">
1539                <button type="submit">Tilmeld</button>
1540            </div>
1541        </form>
1542    </div>
1543</div>
1544
1545<style>
1546    .frc-captcha {
1547        border: none !important;
1548
1549        a,
1550        b {
1551            color: white;
1552        }
1553    }
1554
1555    .frc-icon {
1556        color: white;
1557        stroke: white;
1558        fill: white;
1559    }
1560
1561    .frc-text {
1562        color: white;
1563    }
1564
1565    .frc-button {
1566        display: none !important;
1567    }
1568
1569    .frc-container {
1570        margin: 0 !important;
1571    }
1572
1573    .frc-captcha--compact {
1574        background-color: inherit;
1575    }
1576
1577    .c-newsletter.new {
1578        padding: 2rem;
1579    }
1580
1581    .newsletter-title {
1582        margin-bottom: 0.2rem;
1583    }
1584
1585    .c-newsletter__information {
1586        margin-bottom: 1rem;
1587    }
1588
1589    .c-newsletter__form form {
1590        display: flex;
1591        flex-direction: column;
1592    }
1593
1594    .d_newsletter-form-row {
1595        display: flex;
1596        gap: 1rem;
1597        align-items: center;
1598        margin-bottom: 1rem !important;
1599    }
1600
1601    .d_newsletter-email-field {
1602        flex: 1 1 0;
1603        min-width: 0;
1604        display: flex;
1605        flex-direction: column;
1606        gap: 0.25rem;
1607        margin-right: 0 !important;
1608        margin-bottom: 0% !important;
1609
1610        .js-cm-email-input {
1611            padding: 6px 0 !important;
1612            max-width: 220px !important;
1613            border-bottom: 3px solid white !important;
1614        }
1615    }
1616
1617
1618    .d_newsletter-captcha-field {
1619        flex: 1 1 0;
1620        min-width: 0;
1621        display: flex;
1622        align-items: flex-end;
1623        margin-right: 0 !important;
1624        margin-bottom: 0 !important;
1625    }
1626
1627    .d_newsletter-captcha-field .frc-captcha {
1628        width: 100%;
1629        margin-right: 0 !important;
1630        margin-bottom: 0 !important;
1631    }
1632
1633    .d_newsletter-button-row {
1634        display: flex;
1635        justify-content: center;
1636        margin-bottom: 0 !important;
1637    }
1638</style>
1639
1640<script type="module">
1641    const subForm = document.getElementById("subForm-25327");
1642    const newsletterDiv = subForm.closest('.c-newsletter');
1643    const projectCode = subForm.getAttribute("data-siteid");
1644    const messageStyle = projectCode === "25339" ? "" : "color: white;";
1645
1646    subForm.addEventListener("submit", async function (e) {
1647        e.preventDefault();
1648
1649        const email = document.getElementById("fieldEmail-25327").value;
1650        const captchaWidget = subForm.querySelector('.frc-captcha');
1651        const captchaSolutionInput = captchaWidget ? captchaWidget.querySelector('input[name="frc-captcha-solution"]') : null;
1652        const captchaSolution = captchaSolutionInput ? captchaSolutionInput.value : null;
1653
1654        if (!captchaSolution) {
1655            console.error("Please complete the captcha");
1656            return;
1657        }
1658
1659        const formData = new URLSearchParams();
1660        formData.append("projectCode", projectCode);
1661        formData.append("email", email);
1662        formData.append("captchaSolution", captchaSolution);
1663
1664        try {
1665            const response = await fetch(`/api/newsletter/subscribe`, {
1666                method: "POST",
1667                headers: {
1668                    "Content-Type": "application/x-www-form-urlencoded",
1669                },
1670                body: formData,
1671            });
1672
1673            if (!response.ok) {
1674                return;
1675            }
1676
1677            const data = await response.json();
1678            if (data) {
1679                newsletterDiv.innerHTML = `<h4>Tak for din tilmelding</h4><p style="${messageStyle}">${data.message}</p>`;
1680            }
1681        } catch (error) {
1682            console.error("An error occurred, please try again later", error);
1683        }
1684    });
1685</script>
1685
1686
1687        
1688
1689
1690<div class="o-container u-overflow-hidden">
1691    <div class="o-container__inner">
1692
1693        <footer class="c-footer">
1694            <div class="c-footer__column">
1695                <div class="c-footer__column-item c-rte">
1696                    <h5>Køge Kyst P/S</h5>
1697<p>Torvet 1<br>4600 Køge</p>
1698<p>CVR: 31861063</p>
1699                </div>
1700                <div class="c-footer__column-item c-rte">
1701                    <h5>Parterne bag</h5>
1702<p><a rel="noopener" href="http://www.koege.dk" target="_blank" title="Køge Kommune">Køge Kommune</a></p>
1703<p><a rel="noopener" href="http://www.realdaniabyogbyg.dk" target="_blank" title="Realdania By &amp; Byg">Realdania By &amp; Byg</a></p>
1704                </div>
1705                <div class="c-footer__column-item c-rte">
1706                    <h5>Kontakt</h5>
1707<p><a rel="noopener" href="mailto:[email protected]" target="_blank" title="Send en mail">Send en mail til Køge Kyst</a></p>
1708<p><a href="/om-os/kontakt-koege-kyst/" title="Kontakt Køge Kyst">Find medarbejder</a><a href="#" title="Pressekontakt"></a></p>
1709                </div>
1710                <div class="c-footer__column-item c-rte">
1711                    <h5>Følg med</h5>
1712<p><a href="/om-os/tilmeld-nyhedsbrev/" title="Tilmeld nyhedsbrev">Tilmeld dig nyhedsbrevet</a></p>
1713                </div>
1714            </div>
1715            <div class="c-footer__column">
1716                <div class="c-footer__column-item">
1717                    <ul class="c-footer__menu-items u-flex u-flex-wrap u-reset-ul">
1718
1719                                <li><a href="/cookie-politik/" tar
1720                                        class="c-btn c-btn--link">Cookies</a></li>
1721                                <li><a href="/privatlivspolitik/" tar
1722                                        class="c-btn c-btn--link">Privatliv</a></li>
1723                                <li><a href="/english/" tar
1724                                        class="c-btn c-btn--link">English</a></li>
1725
1726                    </ul>
1727                </div>
1728
1729                <div class="c-footer__column-item c-footer__social-items">
1730    <div class="c-social ">
1731        
1732    <ul class="c-social__icons u-reset-ul">
1733            <li>
1734                    <a href="https://www.facebook.com/kkbyliv/" target="_blank" class="u-reset-a" aria-label="Facebook" >
1735                        <svg class="u-icon--l ">
1736                            <use xlink:href="/assets/icons.svg#facebook_icon" />
1737                        </svg>
1738                    </a>
1739            </li>
1740            <li>
1741                    <a href="https://www.linkedin.com/company/k%C3%B8ge-kyst/?viewAsMember=true" target="_blank" class="u-reset-a" aria-label="LinkedIn" >
1742                        <svg class="u-icon--l ">
1743                            <use xlink:href="/assets/icons.svg#linkedIn_icon" />
1744                        </svg>
1745                    </a>
1746            </li>
1747    </ul>
1748
1749
1750    </div>
1751</div>
1752            </div>
1753        </footer>
1754
1755    </div>
1756</div>
1757    </main>
1758
1759
1760</body>
1761
1762</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.