PageSourceSearch

https://www.metzingen.de/

html metzingen.de collected 2026-10-02 07:03:56 UTC 133,012 bytes, 1,701 lines download raw bytes

1                                    
2<!DOCTYPE html>
3<html class="no-js" lang="de">
4    <head>
5        <meta charset="UTF-8">
6        <meta http-equiv="X-UA-Compatible" content="IE=edge">
7
8                                    <meta name="viewport" content="width=device-width, initial-scale=1">
9            
10                            <meta name="date" content="2026-09-23">
11            
12            <title>Stadt Metzingen | Stadt Metzingen</title>
13            <meta name="description" content="Die Stadt Metzingen – Ihr digitales Rathaus mit Informationen zu Bürgerservice, Leben &amp; Wohnen, Wirtschaft, Shopping, Tourismus, Veranstaltungen und Aktuellem. Herzlich Willkommen." />
14
15
16                            
17                                                                                <meta property="og:title" content="Stadt Metzingen">
18                                                                                                                        <meta property="og:description" content="Die Stadt Metzingen – Ihr digitales Rathaus mit Informationen zu Bürgerservice, Leben &amp; Wohnen, Wirtschaft, Shopping, Tourismus, Veranstaltungen und Aktuellem. Herzlich Willkommen.">
19                                                                                                                        <meta property="og:type" content="website">
20                                                                                                                                                                                                                        <meta property="og:url" content="https://www.metzingen.de/">
21                                                        
22            <link rel="icon" href="https://www.metzingen.de/assets/website/favicon.ico" sizes="any">
23    <link rel="icon" href="https://www.metzingen.de/assets/website/favicon.svg" type="image/svg+xml">
24    <link rel="apple-touch-icon" href="https://www.metzingen.de/assets/website/apple-touch-icon.png">
25    <link rel="manifest" href="https://www.metzingen.de/assets/website/site.webmanifest">
26
27        
28        
29                        <!-- CCM -->
30                        <link rel="preconnect" href="https://ccm.ceasy.de">
31        <link rel="dns-prefetch" href="https://ccm.ceasy.de">
32        
32<script src="https://ccm.ceasy.de/public/app.js?apiKey=822910de9becddbd3359a19c1777d4ee87bed7c4d2dba554&amp;domain=7c2e87a" referrerpolicy="origin"></script>
32
33                                                                <!-- END CCM -->
34                        
35                        <!-- Matomo -->
36    <link rel="preconnect" href="https://statistik.disgovery.de">
37    <link rel="dns-prefetch" href="https://statistik.disgovery.de">
38    
38<script>
39        var _paq = window._paq = window._paq || [];
40                _paq.push(["disableCookies"]);
41                _paq.push(['trackPageView']);
42        _paq.push(['enableLinkTracking']);
43        (function() {
44            var u="https://statistik.disgovery.de/";
45            _paq.push(['setTrackerUrl', u+'matomo.php']);
46            _paq.push(['setSiteId', '148']);
47            var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
48            g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
49        })();
50    </script>
50
51    <!-- END Matomo -->
52
53                
54                                                                
55                <link href="/cache-buster-1790874282/assets/website/bundles/hitcomfrontend/css/templates/bootstrap.min.css" media="all" rel="stylesheet" type="text/css" />
56<link href="/cache-buster-1790240307/bundles/hitcomfrontend/css/aos/latest/aos.css" media="screen" rel="stylesheet" type="text/css" />
57<link href="/cache-buster-1790874277/assets/website/css/main.min.css" media="screen" rel="stylesheet" type="text/css" />
58<link href="/cache-buster-1790874279/assets/website/bundles/hitcomfrontend/css/layouts/print.min.css" media="print" rel="stylesheet" type="text/css" />
59<link href="/cache-buster-1790874279/assets/website/bundles/hitcomfrontend/css/layouts/default.min.css" media="all" rel="stylesheet" type="text/css" />
60<link href="/cache-buster-1790874279/assets/website/bundles/hitcomfrontend/css/layouts/ccm.min.css" media="all" rel="stylesheet" type="text/css" />
61<link href="/cache-buster-1790874279/assets/website/bundles/hitcomfrontend/css/partials/skip-links.min.css" media="screen" rel="stylesheet" type="text/css" />
62<link href="/cache-buster-1790874277/assets/website/css/search.min.css" media="screen" rel="stylesheet" type="text/css" />
63<link href="/cache-buster-1790874279/assets/website/bundles/hitcomfrontend/css/templates/navigation.min.css" media="screen" rel="stylesheet" type="text/css" />
64<link href="/cache-buster-1790240307/bundles/hitcomfrontend/css/splide/v4/splide-core.min.css" media="screen" rel="stylesheet" type="text/css" />
65<link href="/cache-buster-1790874279/assets/website/bundles/hitcomfrontend/css/components/splide.min.css" media="screen" rel="stylesheet" type="text/css" />
66<link href="/cache-buster-1790874279/assets/website/bundles/hitcomfrontend/css/areas/banner-slider.min.css" media="screen" rel="stylesheet" type="text/css" />
67<link href="/cache-buster-1790874279/assets/website/bundles/hitcomfrontend/css/areas/direct-links.min.css" media="screen" rel="stylesheet" type="text/css" />
68<link href="/cache-buster-1790874277/assets/website/css/top-topics.min.css" media="screen" rel="stylesheet" type="text/css" />
69<link href="/cache-buster-1790874280/assets/website/bundles/hitcomfrontend/css/twig-strap/default.min.css" media="screen" rel="stylesheet" type="text/css" />
70<link href="/cache-buster-1790874280/assets/website/bundles/hitcomfrontend/css/twig-strap/list.min.css" media="screen" rel="stylesheet" type="text/css" />
71<link href="/cache-buster-1790874279/assets/website/bundles/hitcomfilter/css/templates/filter.min.css" media="screen" rel="stylesheet" type="text/css" />
72<link href="/cache-buster-1790874279/assets/website/bundles/hitcomevent/css/templates/list.min.css" media="screen" rel="stylesheet" type="text/css" />
73<link href="/cache-buster-1790874280/assets/website/bundles/hitcomfrontend/css/twig-strap/slider.min.css" media="screen" rel="stylesheet" type="text/css" />
74<link href="/cache-buster-1790874277/assets/website/css/event-list-custom.min.css" media="screen" rel="stylesheet" type="text/css" />
75<link href="/cache-buster-1790874277/assets/website/css/image-comparsion-custom.min.css" media="screen" rel="stylesheet" type="text/css" />
76<link href="/cache-buster-1790874277/assets/website/css/embed-social-custom.min.css" media="screen" rel="stylesheet" type="text/css" />
77                
78                        
79                
79<script>(function(html){html.className = html.className.replace(/\bno-js\b/,'js')})(document.documentElement);</script>
79
80        
80<script>
81            (function(html){
82                const browserClass = /Firefox/.test(navigator.userAgent) ? 'firefox' :
83                    /Edg/.test(navigator.userAgent) ? 'edge' :
84                        /Chrome/.test(navigator.userAgent) ? 'chrome' :
85                            /Safari/.test(navigator.userAgent) ? 'safari' :
86                                /OPR|Opera/.test(navigator.userAgent) ? 'opera' : '';
87                if (browserClass) {
88                    html.classList.add(browserClass);
89                }
90            })(document.documentElement);
91        </script>
91
92        
92<script src="/cache-buster-1790240307/bundles/hitcomfrontend/js/polyfills/all.min.js"></script>
vendor: 1 bytes, line 92
92
93<script src="/cache-buster-1790240307/assets/bundles/hitcomfrontend/js/layouts/head.min.js"></script>
vendor: 1 bytes, line 93
93
94<script src="/cache-buster-1790874167/assets/website/js/head.min.js"></script>
vendor: 1 bytes, line 94
94
95<script src="/cache-buster-1790240307/bundles/hitcomfrontend/js/lottie-web/latest/lottie.min.js"></script>
vendor: 1 bytes, line 95
95
96<script src="/cache-buster-1790874167/assets/website/js/mdraw.min.js"></script>
vendor: 1 bytes, line 96
96
97<script src="/cache-buster-1790874167/assets/website/js/image-comparsion-custom.min.js"></script>
97
98                
99                
100
101<script type="application/ld+json">
102    {
103        "@context": "https://schema.org",
104        "@type": "BreadcrumbList",
105        "itemListElement":
106        [
107        ]
108    }
109</script>
109
110        
111            </head>
112    <body class="home has-banner-slider banner-fullscreen" data-page-id="2" data-parent-id="1" data-root-id="2" data-template="home">
113        
114                    <div class="loader-wrapper">
115        <div class="loader"></div>
116    </div>
117    <div class="skip-links" data-no-crawl="true"><div class="skip-links__header"><strong>Sprungmarken</strong></div><div class="skip-links__body"><button type="button" class="button button--content" aria-label="Direkt zum Inhalt springen"><span aria-hidden="true">Zum Inhalt springen</span></button><button type="button" class="button button--navigation" aria-label="Direkt zur Navigation springen"><span aria-hidden="true">Zur Navigation springen</span></button><button type="button" class="button button--search" aria-label="Direkt zur Suche springen"><span aria-hidden="true">Zur Suche springen</span></button></div></div>
118
119        <div class="access-keys visually-hidden" aria-hidden="true" data-no-crawl="true"><a href="https://www.metzingen.de" accesskey="0" tabindex="-1">Zur Startseite</a><a href="/erlebnis" accesskey="1" tabindex="-1">Erlebnis &amp; Shopping</a><a href="/stadt_service" accesskey="2" tabindex="-1">Stadt &amp; Service</a><a href="/jobs" accesskey="3" tabindex="-1">Karriere</a></div>
120                <div class="page">
121            <div class="page__wrapper">
122                                    <header class="page__header" data-no-crawl="true">
123                            			
124
125    <div class="menu-custom menu-navigation" data-root-id="2">
126    <nav class="menu-navigation__nav" aria-label="Oberes Hauptmenü">
127        <ul class="menu-navigation__list">
128                                                <li class="menu-navigation__item">
129                                                    <a href="/erlebnis" class="menu-navigation__link">
130                                <span>Erlebnis &amp; Shopping</span>
131                            </a>
132                                            </li>
133                                                                <li class="menu-navigation__item">
134                                                    <a href="/stadt_service" class="menu-navigation__link">
135                                <span>Stadt &amp; Service</span>
136                            </a>
137                                            </li>
138                                                                <li class="menu-navigation__item">
139                                                    <a href="/jobs" class="menu-navigation__link">
140                                <span>Karriere</span>
141                            </a>
142                                            </li>
143                                                                                                                                                                                                                                                                                                </ul>
144    </nav>
145</div>
146
147	<div class="container-xxl">
148	            <div class="d-xxl-flex">
149            <div class="d-none d-xxl-flex search-wrapper">
150                
151            
152
153
154
155                                    
156            
157                                                                                                                                                <div class="search search--preview">
158                <div class="search__preview" data-id="6abf568750ce9" data-class="header-switch">​</div>
159            </div>
160            
160<script>
161                    ((window, document) => {
162                        document.addEventListener('DOMContentLoaded', () => {
163                            const $search = document.querySelector('.search__preview[data-id=\'6abf568750ce9\']');
164
165                            const config = Gufi({
166                                endpoints: {
167                                    search: 'https://www.metzingen.de/search/api/search?pool=website',
168                                    suggest: 'https://www.metzingen.de/search/api/suggest?pool=website',
169                                    metrics: 'https://www.metzingen.de/search/api/metrics?pool=website'
170                                },
171                                cssUrls: [
172                                    '/bundles/hitcomsearch/css/gufi-client/gufi.min.css',
173                                    '/assets/website/css/gufi.min.css'
174                                ],
175                                urls: {
176                                    list: '/suche'
177                                },
178                                translations: {
179                                    
180                                },
181                                hidePreview: false,
182                                                                                                
183                            });
184
185                            if ($search !== null) {
186                                                                config.preview({
187                                    element: $search
188                                });
189                                                            }
190                        });
191                    })(window, document);
192                </script>
192            
193                
194                            
195                    
196
197                </div>
198            <div class="search-button">
199                <a href="/suche" role="button" class="button">
200                    <img src="/bundles/hitcomfrontend/img/material-design-icons/outlined/search.svg" width="24" height="24" alt="" loading="lazy">
201                    <span class="content-text label">Zur Suchseite</span>
202                </a>
203            </div>
204                    </div>
205                                            <div
206                    class="menu-custom-navigation">    
207<div class="menu-navigation" data-root-id="2">
208    <nav class="menu-navigation__nav" aria-label="Hauptmenü">
209        <ul class="menu-navigation__list">
210                                                <li class="menu-navigation__item">
211                                                    <button type="button" class="menu-navigation__button" data-href="/erlebnis" data-page-id="267">
212                                <span>Erlebnis &amp; Shopping</span>
213                            </button>
214                                            </li>
215                                                                <li class="menu-navigation__item">
216                                                    <button type="button" class="menu-navigation__button" data-href="/stadt_service" data-page-id="268">
217                                <span>Stadt &amp; Service</span>
218                            </button>
219                                            </li>
220                                                                <li class="menu-navigation__item">
221                                                    <button type="button" class="menu-navigation__button" data-href="/jobs" data-page-id="269">
222                                <span>Karriere</span>
223                            </button>
224                                            </li>
225                                                                                                                                                                                                                                                                                                </ul>
226    </nav>
227</div>
228                </div>
229
230                                    			<div class="logo">
231    <div class="logo__inner">
232        <a href="https://www.metzingen.de" class="logo__link" title="Zur Startseite" data-title-home="Zum Seitenanfang springen">
233            <span>
234                <img src="/assets/website/img/logo.svg" alt="Logo der Stadt Metzingen">
235            </span>
236        </a>
237    </div>
238</div>
239
240		    </div>
241    
242                                                    
243                        
244                        
245
246    
247            
248<div class="off-canvas" data-no-crawl="true">
249    <input type="checkbox" id="off-canvas__trigger" class="off-canvas__trigger">
250    <div class="off-canvas__wrapper">
251        <label for="off-canvas__trigger" class="off-canvas__toggle off-canvas__toggle--open" aria-label="Navigation öffnen">
252            <span class="lines" aria-hidden="true">≡</span>
253            <span class="text">Menü</span>
254        </label>
255
256        <label for="off-canvas__trigger" class="off-canvas__toggle off-canvas__toggle--off" aria-label="Navigation schließen">
257            <span aria-hidden="true">×</span>
258        </label>
259
260        <div class="off-canvas__inner off-canvas--has-footer">
261            <label for="off-canvas__trigger" class="off-canvas__toggle off-canvas__toggle--close" aria-label="Navigation schließen">
262                <span aria-hidden="true">×</span>
263            </label>
264
265                            <div class="off-canvas__search d-xxl-none">
266                    
267            
268
269
270
271                                    
272            
273                                                                                                                                                <div class="search search--preview">
274                <div class="search__preview" data-id="6abf568752fbf">​</div>
275            </div>
276            
276<script>
277                    ((window, document) => {
278                        document.addEventListener('DOMContentLoaded', () => {
279                            const $search = document.querySelector('.search__preview[data-id=\'6abf568752fbf\']');
280
281                            const config = Gufi({
282                                endpoints: {
283                                    search: 'https://www.metzingen.de/search/api/search?pool=website',
284                                    suggest: 'https://www.metzingen.de/search/api/suggest?pool=website',
285                                    metrics: 'https://www.metzingen.de/search/api/metrics?pool=website'
286                                },
287                                cssUrls: [
288                                    '/bundles/hitcomsearch/css/gufi-client/gufi.min.css',
289                                    '/assets/website/css/gufi.min.css'
290                                ],
291                                urls: {
292                                    list: '/suche'
293                                },
294                                translations: {
295                                    
296                                },
297                                hidePreview: false,
298                                                                                                
299                            });
300
301                            if ($search !== null) {
302                                                                config.offCanvas({
303                                    element: $search
304                                });
305                                                            }
306                        });
307                    })(window, document);
308                </script>
308            
309                
310                            
311                    
312
313                    </div>
314            
315            <div class="main-navigation" data-root-id="2">
316                <nav aria-label="Hauptmenü"></nav>
317            </div>
318
319                            <div class="off-canvas__footer">
320                                                                        <a href="https://www.metzingen.de/buergerserviceportal" class="button button--icon" target="_self">
321                                                                    <span class="icon" aria-hidden="true">
322                                        <img src="/bundles/hitcomfrontend/img/custom-icons/online-buergerbuero.svg" width="24" height="24" alt="" loading="lazy">
323                                    </span>
324                                                                <span>Online-Bürgerservice</span>
325                            </a>
326                                                            </div>
327            
328            
328<script>
329                document.addEventListener('DOMContentLoaded', () => {
330                    window.initMainNavigation && window.initMainNavigation('https://www.metzingen.de/frontend/navigation.json?documentId=2&rootId=2', true);
331                });
332            </script>
332
333        </div>
334    </div>
335</div>
336                    
337    
338                
339
340
341
342                                    
343            
344                                    
345
346
347                            
348                                                    
349
350            
351            
352        <div class="banner banner--slider banner--fullscreen" data-items="2">
353                    <div class="banner__slider splide" data-splide='{ "type": "fade", "rewind": true, "autoplay": true }'>
354                                <div class="splide__track">
355                                    <div class="banner__list splide__list">
356                                                    <div class="banner__item splide__slide">
357                                <figure>
358                                                                                                                                                                                                                    <picture>
359                                                                                                                                                                                        <source srcset="/01%20Website/Unterseiten/Banner%20Unterseiten/3460/image-thumb__3460___auto_11f14bc422c5cdb4561a2315991b7f6c/DJI_20260727170216_0218_D%20Kopie.fb38552c.webp" media="(min-width: 1920px)" type="image/webp">
360                                                                                                                <source srcset="/01%20Website/Unterseiten/Banner%20Unterseiten/3460/image-thumb__3460___auto_11f14bc422c5cdb4561a2315991b7f6c/DJI_20260727170216_0218_D%20Kopie.fb38552c.jpg" media="(min-width: 1920px)" type="image/jpeg">
361                                                                                                                                                                                                                                                    <source srcset="/01%20Website/Unterseiten/Banner%20Unterseiten/3460/image-thumb__3460___auto_8b3180fa9d70cec97da256435d68f3ee/DJI_20260727170216_0218_D%20Kopie.96c3bacd.webp" media="(min-width: 992px)" type="image/webp">
362                                                                                                                <source srcset="/01%20Website/Unterseiten/Banner%20Unterseiten/3460/image-thumb__3460___auto_8b3180fa9d70cec97da256435d68f3ee/DJI_20260727170216_0218_D%20Kopie.96c3bacd.jpg" media="(min-width: 992px)" type="image/jpeg">
363                                                                                                                                                                                                                                                    <source srcset="/01%20Website/Unterseiten/Banner%20Unterseiten/3460/image-thumb__3460___auto_72549c6b34936dca3f902fbe724a6139/DJI_20260727170216_0218_D%20Kopie.64f39051.webp" media="(min-width: 768px)" type="image/webp">
364                                                                                                                <source srcset="/01%20Website/Unterseiten/Banner%20Unterseiten/3460/image-thumb__3460___auto_72549c6b34936dca3f902fbe724a6139/DJI_20260727170216_0218_D%20Kopie.64f39051.jpg" media="(min-width: 768px)" type="image/jpeg">
365                                                                                                                                                                                                                                                    <source srcset="/01%20Website/Unterseiten/Banner%20Unterseiten/3460/image-thumb__3460___auto_cb5c00d8255cd6bdf5b88aeb91d75850/DJI_20260727170216_0218_D%20Kopie.66f688a6.webp" media="(max-width: 767px) and (max-aspect-ratio: 0.9)" type="image/webp">
366                                                                                                                <source srcset="/01%20Website/Unterseiten/Banner%20Unterseiten/3460/image-thumb__3460___auto_cb5c00d8255cd6bdf5b88aeb91d75850/DJI_20260727170216_0218_D%20Kopie.66f688a6.jpg" media="(max-width: 767px) and (max-aspect-ratio: 0.9)" type="image/jpeg">
367                                                                                                                                                                                                                <source srcset="/01%20Website/Unterseiten/Banner%20Unterseiten/3460/image-thumb__3460___auto_acae901dd17d9cbb87a9e90989f1e1c0/DJI_202
36760727170216_0218_D%20Kopie.2a92b11a.webp" type="image/webp">
368                                                                                <source srcset="/01%20Website/Unterseiten/Banner%20Unterseiten/3460/image-thumb__3460___auto_acae901dd17d9cbb87a9e90989f1e1c0/DJI_20260727170216_0218_D%20Kopie.2a92b11a.jpg" type="image/jpeg">
369                                                            <img src="/01%20Website/Unterseiten/Banner%20Unterseiten/3460/image-thumb__3460___auto_acae901dd17d9cbb87a9e90989f1e1c0/DJI_20260727170216_0218_D%20Kopie.2a92b11a.jpg" alt="">
370        </picture>
371    
372                                                                                                            </figure>
373                            </div>
374                                                    <div class="banner__item splide__slide">
375                                <figure>
376                                                                                                                                                                                                                    <picture>
377                                                                                                                                                                                        <source srcset="/01%20Website/Unterseiten/Banner%20Unterseiten/3461/image-thumb__3461___auto_11f14bc422c5cdb4561a2315991b7f6c/DJI_20260727173323_0247_D%20Kopie.d4e93f4d.webp" media="(min-width: 1920px)" type="image/webp">
378                                                                                                                <source srcset="/01%20Website/Unterseiten/Banner%20Unterseiten/3461/image-thumb__3461___auto_11f14bc422c5cdb4561a2315991b7f6c/DJI_20260727173323_0247_D%20Kopie.d4e93f4d.jpg" media="(min-width: 1920px)" type="image/jpeg">
379                                                                                                                                                                                                                                                    <source srcset="/01%20Website/Unterseiten/Banner%20Unterseiten/3461/image-thumb__3461___auto_8b3180fa9d70cec97da256435d68f3ee/DJI_20260727173323_0247_D%20Kopie.e8ea9ab5.webp" media="(min-width: 992px)" type="image/webp">
380                                                                                                                <source srcset="/01%20Website/Unterseiten/Banner%20Unterseiten/3461/image-thumb__3461___auto_8b3180fa9d70cec97da256435d68f3ee/DJI_20260727173323_0247_D%20Kopie.e8ea9ab5.jpg" media="(min-width: 992px)" type="image/jpeg">
381                                                                                                                                                                                                                                                    <source srcset="/01%20Website/Unterseiten/Banner%20Unterseiten/3461/image-thumb__3461___auto_72549c6b34936dca3f902fbe724a6139/DJI_20260727173323_0247_D%20Kopie.74f6777e.webp" media="(min-width: 768px)" type="image/webp">
382                                                                                                                <source srcset="/01%20Website/Unterseiten/Banner%20Unterseiten/3461/image-thumb__3461___auto_72549c6b34936dca3f902fbe724a6139/DJI_20260727173323_0247_D%20Kopie.74f6777e.jpg" media="(min-width: 768px)" type="image/jpeg">
383                                                                                                                                                                                                                                                    <source srcset="/01%20Website/Unterseiten/Banner%20Unterseiten/3461/image-thumb__3461___auto_cb5c00d8255cd6bdf5b88aeb91d75850/DJI_20260727173323_0247_D%20Kopie.3078a29f.webp" media="(max-width: 767px) and (max-aspect-ratio: 0.9)" type="image/webp">
384                                                                                                                <source srcset="/01%20Website/Unterseiten/Banner%20Unterseiten/3461/image-thumb__3461___auto_cb5c00d8255cd6bdf5b88aeb91d75850/DJI_202
38460727173323_0247_D%20Kopie.3078a29f.jpg" media="(max-width: 767px) and (max-aspect-ratio: 0.9)" type="image/jpeg">
385                                                                                                                                                                                                                <source srcset="/01%20Website/Unterseiten/Banner%20Unterseiten/3461/image-thumb__3461___auto_acae901dd17d9cbb87a9e90989f1e1c0/DJI_20260727173323_0247_D%20Kopie.2f18ede5.webp" type="image/webp">
386                                                                                <source srcset="/01%20Website/Unterseiten/Banner%20Unterseiten/3461/image-thumb__3461___auto_acae901dd17d9cbb87a9e90989f1e1c0/DJI_20260727173323_0247_D%20Kopie.2f18ede5.jpg" type="image/jpeg">
387                                                            <img src="/01%20Website/Unterseiten/Banner%20Unterseiten/3461/image-thumb__3461___auto_acae901dd17d9cbb87a9e90989f1e1c0/DJI_20260727173323_0247_D%20Kopie.2f18ede5.jpg" alt="">
388        </picture>
389    
390                                                                                                            </figure>
391                            </div>
392                                                                </div>
393                                            <div class="banner__footer splide__footer">
394                            <div class="container-xxl">
395                                <div class="splide__navigation">
396                                    <div class="splide__arrows">
397                                        <button type="button" class="splide__toggle button button--icon">
398                                            <span class="icon splide__toggle__play" aria-hidden="true">
399                                                <img src="/bundles/hitcomfrontend/img/material-design-icons/filled/play_arrow.svg" width="24" height="24" alt="" loading="lazy">
400                                            </span>
401                                            <span class="icon splide__toggle__pause" aria-hidden="true">
402                                                <img src="/bundles/hitcomfrontend/img/material-design-icons/filled/pause.svg" width="24" height="24" alt="" loading="lazy">
403                                            </span>
404                                        </button>
405                                        <button type="button" class="splide__arrow splide__arrow--prev button button--icon">
406                                            <span class="icon" aria-hidden="true">
407                                                <img src="/bundles/hitcomfrontend/img/material-design-icons/outlined/chevron_right.svg" width="24" height="24" alt="" loading="lazy">
408                                            </span>
409                                        </button>
410                                        <button type="button" class="splide__arrow splide__arrow--next button button--icon">
411                                            <span class="icon" aria-hidden="true">
412                                                <img src="/bundles/hitcomfrontend/img/material-design-icons/outlined/chevron_right.svg" width="24" height="24" alt="" loading="lazy">
413                                            </span>
414                                        </button>
415                                                                                    <div class="to-content_container">
416                                                <button type="button" class="button button--icon button--content" aria-label="Zum Inhalt springen">
417                                                    <span class="icon" aria-hidden="true">
418                                                        <img src="/bundles/hitcomfrontend/img/material-design-icons/outlined/chevron_right.svg" width="24" height="24" alt="" loading="lazy">
419                                                    </span>
420                                                    <span class="visually-hidden">Zum Inhalt springen</span>
421                                                </button>
422                                            </div>
423                                        
424                                    </div>
425                                    <ul class="splide__pagination"></ul>
426                                        <div class="splide__counter">
427                                            <span class="current">1</span>
428                                            <span>2</span>
429                                        </div>
430                                </div>
431                            </div>
432                        </div>
433                                                        </div>
434            </div>
435                        <div class="logo--banner logo">
436            <div class="logo__inner">
437                <span>
438                    <img src="/assets/website/img/logo_b-b.svg" alt="Logo der Stadt Metzingen">
439                </span>
440            </div>
441        </div>
442    </div>
443    
444                
445                            
446                    
447
448        
449                        
450
451
452
453                                    
454            
455                                        
456    
457    
458
459
460
461<div class="container-xxl pt-3 pb-0 pt-lg-4 pb-lg-4">
462    <div class="row ">
463        <div class="col col-lg-8 ">
464<div class="meta-navigation pt-3 pt-lg-0 meta-navigation--direct-links">
465                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <nav class="meta-navigation__nav" aria-label="Direkteinstieg zu wichtigen Themen">
466                <ul class="meta-navigation__list row">
467                                                                    <li class="meta-navigation__item py-2 col-12 col-sm-6 col-xxl-auto">
468                            <a href="/buergerserviceportal" class="meta-navigation__link button--icon" title="Online-Bürgerservice" target="_self">
469                                                                    <span class="icon" aria-hidden="true">
470                                        <img src="/resources/01%20Website/Startseite/Banner%20Startseite/Icons/Direktlinks_Buergerservice.svg" width="24" height="24" alt="" loading="lazy">
471                                    </span>
472                                                                <span aria-hidden="true">Online-Bürgerservice</span>
473                                                            </a>
474                        </li>
475                    
476                                                                    <li class="meta-navigation__item py-2 col-12 col-sm-6 col-xxl-auto">
477                            <a href="/bekanntmachungen" class="meta-navigation__link button--icon" title="Bekanntmachungen" target="_self">
478                                                                    <span class="icon" aria-hidden="true">
479                                        <img src="/resources/01%20Website/Startseite/Banner%20Startseite/Icons/Direktlinks_Terminvereinbarung.svg" width="24" height="24" alt="" loading="lazy">
480                                    </span>
481                                                                <span aria-hidden="true">Bekanntmachungen</span>
482                                                            </a>
483                        </li>
484                    
485                                                                    <li class="meta-navigation__item py-2 col-12 col-sm-6 col-xxl-auto">
486                            <a href="https://familienwegweiser.metzingen.de/" class="meta-navigation__link button--icon" title="Familienwegweiser" target="_self">
487                                                                    <sp
487an class="icon" aria-hidden="true">
488                                        <img src="/resources/03%20Standard-Medien/System-Medien/Icons/buergerservice-familie.svg" width="24" height="24" alt="" loading="lazy">
489                                    </span>
490                                                                <span aria-hidden="true">Familienwegweiser</span>
491                                                            </a>
492                        </li>
493                    
494                                                                    <li class="meta-navigation__item py-2 col-12 col-sm-6 col-xxl-auto">
495                            <a href="/veranstaltungen" class="meta-navigation__link button--icon" title="Veranstaltungen">
496                                                                    <span class="icon" aria-hidden="true">
497                                        <img src="/resources/Upload_Sammelverzeichnis/Direktlinks_Veranstalungen.svg" width="24" height="24" alt="" loading="lazy">
498                                    </span>
499                                                                <span aria-hidden="true">Veranstaltungen</span>
500                                                            </a>
501                        </li>
502                    
503                                    </ul>
504            </nav>
505            </div>
506        </div>
507    </div>
508</div>
509    <div class="lottie__mdraw" data-aos="none" data-aos-delay="6000">
510
511    </div>
512
513                
514                            
515                    
516
517        
518    
519                        </header>
520                                <main class="page__main">
521                        
522
523
524            
525
526
527
528                                    <section class="section section--intro section--padding-top section--padding-bottom" id="intro-1"><div class="container-xxl"><div class="row"><div class="col">
529            
530                                    
531
532
533
534
535<div class="row">
536        <div class="m-p row">
537                <header class="col-lg-4 col-xl-3 mb-0">
538            <h1 class="mb-3 mb-lg-0">
539                <span class="hyphenate text-black">Dörflich. Städtisch. International.</span>
540                <span class="hyphenate uppercase">Metzingen.</span>
541            </h1>
542
543        </header>
544        
545                <div class="col-lg-8 col-xl-9  intro--teaser mt-2 mt-lg-0" >
546                                                                                                                                                    <p>Für über 23.000 Menschen ist Metzingen Heimatstadt und Lebensmittelpunkt. Für die anderen ist Metzingen eine der erfolgreichsten Shoppingdestinationen Europas. <br /><a class="button" href="/ortsportrait">zum Stadtportrait</a></p>
547                        
548                                    </div>
549            </div>
550    </div>
551
552                
553                            </div></div></div></section>
554                    
555
556
557
558
559                                    <section class="section section--top-topics section--padding-top section--padding-bottom" id="top-topics-2"><div class="container-xxl"><div class="row"><div class="col">
560            
561                                    
562
563    
564
565
566    
567
568
569    
570
571<div class="top-topics row">
572                                    <header class="col-md-12 col-xl-3">
573                <span class="house">
574                    <img src="/assets/website/img/logo-house.svg" alt="">
575                </span>
576                <span class="hyphenate">STADT &amp; SERVICE</span>
577                <h2>
578                                        <span class="hyphenate">Topthemen der Stadt</span>
579                                    </h2>
580            </header>
581                        
582                                                                                                                            
583                                        <div class="col-sm-6 col-md-6 col-xl-3 pb-0 pb-md-5">
584                                                        <div class="top-topics__item mb-5 top-topics__item--has-image top-topics__item--has-link">
585                                                                                            <div class="top-topics__image">
586                            <figure>
587                                                                                                                        <picture>
588                                                                                                                        <source srcset="/01%20Website/Unterseiten/Bildergalerien/3516/image-thumb__3516___auto_2261039c95ad59b1d101b790ef1f281b/Bild_Virtuelles_Rathaus.3a4bb985.webp" type="image/webp">
589                                                                                <source srcset="/01%20Website/Unterseiten/Bildergalerien/3516/image-thumb__3516___auto_2261039c95ad59b1d101b790ef1f281b/Bild_Virtuelles_Rathaus.3a4bb985.jpg" type="image/jpeg">
590                                                            <img src="/01%20Website/Unterseiten/Bildergalerien/3516/image-thumb__3516___auto_2261039c95ad59b1d101b790ef1f281b/Bild_Virtuelles_Rathaus.3a4bb985.jpg" alt="" loading="lazy">
591        </picture>
592    
593                                                                                                </figure>
594                        </div>
595                                                                                    <div class="top-topics__caption pt-3 d-flex">
596                                                    <h3 class="h3">
597                                <a href="/Stadt-Service/Rathaus/Online-Buergerbuero/Virtuelles-Rathaus" class="stretched-link">
598                                    <span class="hyphenate">Virtuelles Rathaus</span>
599                                </a>
600                            </h3>
601                                                                                                    <p class="d-flex justify-content-end" aria-hidden="true">
602                                <img src="/bundles/hitcomfrontend/img/material-design-icons/outlined/arrow_forward_ios.svg" width="20" height="20" alt="" loading="lazy">
603                            </p>
604                                            </div>
605                                    </div>
606                                                        </div>
607                                                                                                                                                
608                                        <div class="col-sm-6 col-md-6 col-xl-3 pb-0 pb-md-5">
609                                                        <div class="top-topics__item mb-5 top-topics__item--has-image top-topics__item--has-link">
610                                                                                            <div class="top-topics__image">
611                            <figure>
612                                                                                                                        <picture>
613                                                                                                                        <source srcset="/02%20Datenobjekte/R%C3%A4te%20-%20Fraktionen%20-%20Aussch%C3%BCsse/Gemeinderat%202024-2029/1884/image-thumb__1884___auto_2261039c95ad59b1d101b790ef1f281b/GR-Sitzung_Tablets.0b9bb660.webp" type="image/webp">
614                                                                                <source srcset="/02%20Datenobjekte/R%C3%A4te%20-%20Fraktionen%20-%20Aussch%C3%BCsse/Gemeinderat%202024-2029/1884/image-thumb__1884___auto_2261039c95ad59b1d101b790ef1f281b/GR-Sitzung_Tablets.0b9bb660.jpg" type="image/jpeg">
615                                                            <img src="/02%20Datenobjekte/R%C3%A4te%20-%20Fraktionen%20-%20Aussch%C3%BCsse/Gemeinderat%202024-2029/1884/image-thumb__1884___auto_2261039c95ad59b1d101b790ef1f281b/GR-Sitzung_Tablets.0b9bb660.png" alt="" loading="lazy">
616        </picture>
617    
618                                                                                                </figure>
619                        </div>
620                                                                                    <div class="top-topics__caption pt-3 d-flex">
621                                                    <h3 class="h3">
622                                <a href="/kommunalpolitik" class="stretched-link" target="_blank" title="In einem neuen Fenster" rel="noopener noreferrer">
623                                    <span class="hyphenate">Kommunalpolitik und Sitzungsvorlagen</span>
624                                </a>
625                            </h3>
626                                                                                                    <p class="d-flex justify-content-end" aria-hidden="true">
627                                <img src="/bundles/hitcomfrontend/img/material-design-icons/outlined/arrow_forward_ios.svg" width="20" height="20" alt="" loading="lazy">
628                            </p>
629                                            </div>
630                                    </div>
631                                                        </div>
632                                                                                                                                                
633                                        <div class="col-sm-6 col-md-6 col-xl-3 pb-0 pb-md-5">
634                                                        <div class="top-topics__item mb-5 top-topics__item--has-image top-topics__item--has-link">
635                                                                                            <div class="top-topics__image">
636                            <figure>
637                                                                                                                        <picture>
638                                                                                                                        <source srcset="/01%20Website/Unterseiten/Karriereseite/3132/image-thumb__3132___auto_2261039c95ad59b1d101b790ef1f281b/Banner_FSJ_Kindergarten.2369f487.webp" type="image/webp">
639                                                                                <source srcset="/01%20Website/Unterseiten/Karriereseite/3132/image-thumb__3132___auto_2261039c95ad59b1d101b790ef1f281b/Banner_FSJ_Kindergarten.2369f487.jpg" type="image/jpeg">
640                                                            <img src="/01%20Website/Unterseiten/Karriereseite/3132/image-thumb__3132___auto_2261039c95ad59b1d101b790ef1f281b/Banner_FSJ_Kindergarten.2369f487.jpg" alt="" loading="lazy">
641        </picture>
642    
643                                                                                                </figure>
644                        </div>
645                                                                                    <div class="top-topics__caption pt-3 d-flex">
646                                                    <h3 class="h3">
647                                <a href="/kindertageseinrichtungen" class="stretched-link" target="_self">
648                                    <span class="hyphenate">Kindertageseinrichtungen</span>
649                                </a>
650                            </h3>
651                                                                                                    <p class="d-flex justify-content-end" aria-hidden="true">
652                                <img src="/bundles/hitcomfrontend/img/material-design-icons/outlined/arrow_forward_ios.svg" width="20" height="20" alt="" loading="lazy">
653                            </p>
654                                            </div>
655                                    </div>
656                                                        </div>
657                                                                                                                                                
658                                        <div class="col-sm-6 col-md-6 col-xl-3 pb-0 pb-md-5">
659                                                        <div class="top-topics__item mb-5 top-topics__item--has-image top-topics__item--has-link">
660                                                                                            <div class="top-topics__image">
661                            <figure>
662                                                                                                                        <picture>
663                                                                                                                        <source srcset="/Upload_Sammelverzeichnis/4016/image-thumb__4016___auto_2261039c95ad59b1d101b790ef1f281b/Familienwegweiser.f5d52695.webp" type="image/webp">
664                                                                                <source srcset="/Upload_Sammelverzeichnis/4016/image-thumb__4016___auto_2261039c95ad59b1d101b790ef1f281b/Familienwegweiser.f5d52695.jpg" type="image/jpeg">
665                                                            <img src="/Upload_Sammelverzeichnis/4016/image-thumb__4016___auto_2261039c95ad59b1d101b790ef1f281b/Familienwegweiser.f5d52695.png" alt="" loading="lazy">
666        </picture>
667    
668                                                                                                </figure>
669                        </div>
670                                                                                    <div class="top-topics__caption pt-3 d-flex">
671                                                    <h3 class="h3">
672                                <a href="https://familienwegweiser.metzingen.de/" class="stretched-link" target="_self">
673                                    <span class="hyphenate">Familienwegweiser</span>
674                                </a>
675                            </h3>
676                                                                                                    <p class="d-flex justify-content-end" aria-hidden="true">
677                                <img src="/bundles/hitcomfrontend/img/material-design-icons/outlined/arrow_forward_ios.svg" width="20" height="20" alt="" loading="lazy">
678                            </p>
679                                            </div>
680                                    </div>
681                                                        </div>
682                                                                                                                                                
683                                        <div class="col-sm-6 col-md-6 col-xl-3 pb-0 pb-md-5">
684                                                        <div class="top-topics__item mb-5 top-topics__item--has-image top-topics__item--has-link">
685                                                                                            <div class="top-topics__image">
686                            <figure>
687                                                                                                                        <picture>
688                                                                                                                        <source srcset="/Upload_Sammelverzeichnis/3995/image-thumb__3995___auto_2261039c95ad59b1d101b790ef1f281b/GIS_1.09e8cea6.webp" type="image/webp">
689                                                                                <source srcset="/Upload_Sammelverzeichnis/3995/image-thumb__3995___auto_2261039c95ad59b1d101b790ef1f281b/GIS_1.09e8cea6.jpg" type="image/jpeg">
690                                                            <img src="/Upload_Sammelverzeichnis/3995/image-thumb__3995___auto_2261039c95ad59b1d101b790ef1f281b/GIS_1.09e8cea6.jpg" alt="" loading="lazy">
691        </picture>
692    
693                                                                                                </figure>
694                        </div>
695                                                                                    <div class="top-topics__caption pt-3 d-flex">
696                                                    <h3 class="h3">
697                                <a href="/Azubi-Tag" class="stretched-link" target="_self">
698                                    <span class="hyphenate">Herzliche Einladung!</span>
699                                </a>
700                            </h3>
701                                                                                                    <p class="d-flex justify-content-end" aria-hidden="true">
702                                <img src="/bundles/hitcomfrontend/img/material-design-icons/outlined/arrow_forward_ios.svg" width="20" height="20" alt="" loading="lazy">
703                            </p>
704                                            </div>
705                                    </div>
706                                                        </div>
707                                                                                                                                                
708                                        <div class="col-md-6">
709                                                        <div class="top-topics__item mb-5 top-topics__item--has-image top-topics__item--has-link">
710                                                                                            <div class="top-topics__image">
711                            <figure>
712                                                                                                                        <picture>
713                                                                                                                                                                                        <source srcset="/Upload_Sammelverzeichnis/3129/image-thumb__3129___auto_3037afdc7b23342e4f69dd6bcdcf8983/kaufimst%C3%A4dtle.0b19729a.webp" media="(min-width: 768px)" type="image/webp">
714                                                                                                                <source srcset="/Upload_Sammelverzeichnis/3129/image-thumb__3129___auto_3037afdc7b23342e4f69dd6bcdcf8983/kaufimst%C3%A4dtle.0b19729a.jpg" media="(min-width: 768px)" type="image/jpeg">
715                                                                                                                                                                                                                <source srcset="/Upload_Sammelverzeichnis/3129/image-thumb__3129___auto_3037afdc7b23342e4f69dd6bcdcf8983/kaufimst%C3%A4dtle.0b19729a.webp" type="image/webp">
716                                                                                <source srcset="/Upload_Sammelverzeichnis/3129/image-thumb__3129___auto_3037afdc7b23342e4f69dd6bcdcf8983/kaufimst%C3%A4dtle.0b19729a.jpg" type="image/jpeg">
717                                                            <img src="/Upload_Sammelverzeichnis/3129/image-thumb__3129___auto_3037afdc7b23342e4f69dd6bcdcf8983/kaufimst%C3%A4dtle.0b19729a.jpg" alt="" loading="lazy">
718        </picture>
719    
720                                                                                                </figure>
721                        </div>
722                                                                                    <div class="top-topics__caption pt-3 d-flex">
723                                                    <h3 class="h3">
724                                <a href="/kaufimstaedtle" class="stretched-link" target="_self">
725                                    <span class="hyphenate">#kaufimstädtle -  Deine Events in Metzingen 2026</span>
726                                </a>
727                            </h3>
728                                                                                                    <p class="d-flex justify-content-end" aria-hidden="true">
729                                <img src="/bundles/hitcomfrontend/img/material-design-icons/outlined/arrow_forward_ios.svg" width="20" height="20" alt="" loading="lazy">
730                            </p>
731                                            </div>
732                                    </div>
733                                                        </div>
734                                                                                                                                                                            
735                                        <div class="col-sm-6 col-md-6 col-xl-3 pb-0 pb-md-5">
736                                                        <div class="top-topics__item top-topics__item-lottie">
737                    <div class="lottie__mdraw" data-aos="none" data-aos-delay="10">
738
739                    </div>
740                </div>
741                                                        </div>
742                                                    
743</div>
744
745                
746                            </div></div></div></section>
747                    
748
749
750
751
752                                    <section class="section section--event-list section--padding-top section--padding-bottom" id="event-list-3"><div class="container-xxl"><div class="row"><div class="col">
753            
754                                    
755                                
756
757            
758                                    
759            
760    
761                    <header>
762            <span class="house">
763                <img src="/assets/website/img/logo-house.svg"  alt="">
764            </span>
765            <span class="hyphenate">Veranstaltungen</span>
766            <h2>
767                                <span class="hyphenate">Metzingen live erleben</span>
768                            </h2>
769        </header>
770            
771        
772
773    <div class="event--image">
774        <figure>
775                                                                                            <picture>
776                                                                                                                                                                                        <source srcset="/01%20Website/Unterseiten/_Spinelli%20Fotoshooting%202026/Stadt%20Metzingen%20-%20Fotopoints%202026%20gesamt/3022/image-thumb__3022___auto_11f14bc422c5cdb4561a2315991b7f6c/173%20-%20DSC09584.4fb350f1.webp" media="(min-width: 1920px)" type="image/webp">
777                                                                                                                <source srcset="/01%20Website/Unterseiten/_Spinelli%20Fotoshooting%202026/Stadt%20Metzingen%20-%20Fotopoints%202026%20gesamt/3022/image-thumb__3022___auto_11f14bc422c5cdb4561a2315991b7f6c/173%20-%20DSC09584.4fb350f1.jpg" media="(min-width: 1920px)" type="image/jpeg">
778                                                                                                                                                                                                                                                    <source srcset="/01%20Website/Unterseiten/_Spinelli%20Fotoshooting%202026/Stadt%20Metzingen%20-%20Fotopoints%202026%20gesamt/3022/image-thumb__3022___auto_8b3180fa9d70cec97da256435d68f3ee/173%20-%20DSC09584.36a8759f.webp" media="(min-width: 992px)" type="image/webp">
779                                                                                                                <source srcset="/01%20Website/Unterseiten/_Spinelli%20Fotoshooting%202026/Stadt%20Metzingen%20-%20Fotopoints%202026%20gesamt/3022/image-thumb__3022___auto_8b3180fa9d70cec97da256435d68f3ee/173%20-%20DSC09584.36a8759f.jpg" media="(min-width: 992px)" type="image/jpeg">
780                                                                                                                                                                                                                                                    <source srcset="/01%20Website/Unterseiten/_Spinelli%20Fotoshooting%202026/Stadt%20Metzingen%20-%20Fotopoints%202026%20gesamt/3022/image-thumb__3022___auto_72549c6b34936dca3f902fbe724a6139/173%20-%20DSC09584.cdac19d4.webp" media="(min-width: 768px)" type="image/webp">
781                                                                                                                <source srcset="/01%20Website/Unterseiten/_Spinelli%20Fotoshooting%202026/Stadt%20Metzingen%20-%20Fotopoints%202026%20gesamt/3022/image-thumb__3022___auto_72549c6b34936dca3f902fbe724a6139/173%20-%20DSC09584.cdac19d4.jpg" media="(min-width: 768px)" type="image/jpeg">
782                                                                                                                                                                                                                                                    <source srcset="/01%20Website/Unterseiten/_Spinelli%20Fotoshooting%202026/Stadt%20Metzingen%20-%20Fotopoints%202026%20gesamt/3022/image-thumb__3022___auto_cb5c00d8255cd6bdf5b88aeb91d75850/173%20-%20DSC09584.0dc29d9e.webp" media="(max-width: 767px) and (max-aspect-ratio: 0.9)" type="image/webp">
783                                                                                                                <source srcset="/01%20Website/Unterseiten/_Spinelli%20Fotoshooting%202026/Stadt%20Metzingen%20-%20Fotopoints%202026%20gesamt/3022/image-thumb__3022___auto_cb5c00d8255cd6bdf5b88aeb91d75850/173%20-%20DSC09584.0dc29d9e.jpg" media="(max-width: 767px) and (max-aspect-ratio: 0.9)" type="image/jpeg">
784                                                                                                                                                                                                                <source srcset="/01%20Website/Unterseiten/_Spinelli%20Fotoshooting%202026/Stadt%20Metzingen%20-%20Fotopoints%202026%20gesamt/3022/image-thumb__3022___auto_acae901dd17d9cbb87a9e90989f1e1c0/173%20-%20DSC09584.072a816a.webp" type="image/webp">
785                                                                                <source srcset="/01%20Website/Unterseiten/_Spinelli%20Fotoshooting%202026/Stadt%20Metzingen%20-%20Fotopoints%202026%20gesamt/3022/image-thumb__3022___auto_acae901dd17d9cbb87a9e90989f1e1c0/173%20-%20DSC09584.072a816a.jpg" type="image/jpeg">
786                                                            <img src="/01%20Website/Unterseiten/_Spinelli%20Fotoshooting%202026/Stadt%20Metzingen%20-%20Fotopoints%202026%20gesamt/3022/image-thumb__3022___auto_acae901dd17d9cbb87a9e90989f1e1c0/173%20-%20DSC09584.072a816a.jpg" alt="">
787        </picture>
788    
789                                    </figure>
790    </div>
791    
792
793
794<div class="event-list__wrapper bg-primary px-5 py-5 px-lg-8 py-lg-7 mt-4">
795                
796                                        
797        <div class="event-list__slider splide splide--custom">
798                        <div class="splide__track">
799                                <div class="dgf-list dgf-list--event event-list__list splide__list">
800
801                                            <div class="event-list__item equalheight splide__slide">
802                                                        
803                                                                                                                                                                                                                                                                                                                                                
804                                <div class="row">
805                                                                                                                <div class="card-date col-lg-2 pr-1 pt-3 mb-1 ps-0">
806                                        <span class="card-date__from h1 pr-1 mb-1">02.10.</span></br>
807                                                                                
808                                    </div>
809                                    <div class="card-headline ps-lg-3 ps-0 col-lg-5">
810                                        <div class="card-text__info">
811
812                                            <h3 class="h3 mt-3 pe-xl-2">
813                                                <a class="standalone stretched-link" href="https://www.metzingen.de/termin/Stadtbuecherei-Kalebskelter-Metzingen-liest-vor-event-appointment7868">Stadtbücherei Kalebskelter / Metzingen liest vor</a>
814                                            </h3>
815                                                                                        </div>
816
817                                    </div>
818                                    <div class="card-content col-lg-4 ">
819
820                                            <div >
821                                                Freitag
822                                            </div>
823                                                                                                                                                                                                                        
824                                            <div >
825                                                
826                                                                                                    15:00 - 16:00 Uhr
827                                                                                            </div>
828                                        
829                                                                                                                                                                                                                <div>
830                                                Stadtbücherei Kalebskelter</div>
831                                        
832                                                                                    <div>
833                                                                                                Stadtbücherei Kalebskelter
834                                            </div>
835                                                                            </div>
836                                    <div class="card-button col-lg-1 pe-0">
837                                        <span class="button button--icon ">
838                                            <span class="icon" aria-hidden="true">
839                                                <img src="bundles/hitcomfrontend/img/material-design-icons/outlined/chevron_right.svg" width="24" height="24" alt="" loading="lazy">
840                                            </span>
841                                        </span>
842                                    </div>
843                                </div>
844
845
846
847
848                        </div>
849                                            <div class="event-list__item equalheight splide__slide">
850                                                        
851                                                                                                                                                                                                                                                                                                                                                
852                                <div class="row">
853                                                                                                                <div class="card-date col-lg-2 pr-1 pt-3 mb-1 ps-0">
854                                        <span class="card-date__from h1 pr-1 mb-1">02.10.</span></br>
855                                                                                
856                                    </div>
857                                    <div class="card-headline ps-lg-3 ps-0 col-lg-5">
858                                        <div class="card-text__info">
859
860                                            <h3 class="h3 mt-3 pe-xl-2">
861                                                <a class="standalone stretched-link" href="https://www.metzingen.de/termin/After-Work-in-der-Vino-event-appointment7337">After Work in der Vino</a>
862                                            </h3>
863                                                                                        </div>
864
865                                    </div>
866                                    <div class="card-content col-lg-4 ">
867
868                                            <div >
869                                                Freitag
870                                            </div>
871                                                                                                                                                                                                                        
872                                            <div >
873                                                
874                                                                                                    18:00 - 21:00 Uhr
875                                                                                            </div>
876                                        
877                                                                                                                                                                                                                <div>
878                                                Vinothek</div>
879                                        
880                                                                                    <div>
881                                                                                                Weingärtnergenossenschaft Metzingen-Neuhausen eG
882                                            </div>
883                                                                            </div>
884                                    <div class="card-button col-lg-1 pe-0">
885                                        <span class="button button--icon ">
886                                            <span class="icon" aria-hidden="true">
887                                                <img src="bundles/hitcomfrontend/img/material-design-icons/outlined/chevron_right.svg" width="24" height="24" alt="" loading="lazy">
888                                            </span>
889                                        </span>
890                                    </div>
891                                </div>
892
893
894
895
896                        </div>
897                                            <div class="event-list__item equalheight splide__slide">
898                                                        
899                                                                                                                                                                                                                                                                                                                                                
900                                <div class="row">
901                                                                                                                <div class="card-date col-lg-2 pr-1 pt-3 mb-1 ps-0">
902                                        <span class="card-date__from h1 pr-1 mb-1">02.10.</span></br>
903                                                                                
904                                    </div>
905                                    <div class="card-headline ps-lg-3 ps-0 col-lg-5">
906                                        <div class="card-text__info">
907
908                                            <h3 class="h3 mt-3 pe-xl-2">
909                                                <a class="standalone stretched-link" href="https://www.metzingen.de/termin/Oekumenisches-Friedensgebet-event-appointment7646">Ökumenisches Friedensgebet</a>
910                                            </h3>
911                                                                                        </div>
912
913                                    </div>
914                                    <div class="card-content col-lg-4 ">
915
916                                            <div >
917                                                Freitag
918                                            </div>
919                                                                                                                                                                                                                        
920                                            <div >
921                                                
922                                                                                                    18:30 - 19:30 Uhr
923                                                                                            </div>
924                                        
925                                                                                                                        
926                                                                                    <div>
927                                                                                                ACK Metzingen (Arbeitsgemeinschaft Christlicher Kirchen)
928                                            </div>
929                                                                            </div>
930                                    <div class="card-button col-lg-1 pe-0">
931                                        <span class="button button--icon ">
932                                            <span class="icon" aria-hidden="true">
933                                                <img src="bundles/hitcomfrontend/img/material-design-icons/outlined/chevron_right.svg" width="24" height="24" alt="" loading="lazy">
934                                            </span>
935                                        </span>
936                                    </div>
937                                </div>
938
939
940
941
942                        </div>
943                                            <div class="event-list__item equalheight splide__slide">
944                                                        
945                                                                                                                                                                                                                                                                                                                                                
946                                <div class="row">
947                                                                                                                <div class="card-date col-lg-2 pr-1 pt-3 mb-1 ps-0">
948                                        <span class="card-date__from h1 pr-1 mb-1">03.10.</span></br>
949                                                                                
950                                    </div>
951                                    <div class="card-headline ps-lg-3 ps-0 col-lg-5">
952                                        <div class="card-text__info">
953
954                                            <h3 class="h3 mt-3 pe-xl-2">
955                                                <a class="standalone stretched-link" href="https://www.metzingen.de/termin/Wine-Lounge-im-Kelterngarten-event-appointment7350">Wine Lounge im Kelterngarten</a>
956                                            </h3>
957                                                                                        </div>
958
959                                    </div>
960                                    <div class="card-content col-lg-4 ">
961
962                                            <div >
963                                                Samstag
964                                            </div>
965                                                                                                                                                                                                                        
966                                            <div >
967                                                
968                                                                                                    12:00 - 18:00 Uhr
969                                                                                            </div>
970                                        
971                                                                                                                                                                                                                <div>
972                                                Äußere Kelter Neuhausen</div>
973                                        
974                                                                                    <div>
975                                                                                                Weingärtnergenossenschaft Metzingen-Neuhausen eG
976                                            </div>
977                                                                            </div>
978                                    <div class="card-button col-lg-1 pe-0">
979                                        <span class="button button--icon ">
980                                            <span class="icon" aria-hidden="true">
981                                                <img src="bundles/hitcomfrontend/img/material-design-icons/outlined/chevron_right.svg" width="24" height="24" alt="" loading="lazy">
982                                            </span>
983                                        </span>
984                                    </div>
985                                </div>
986
987
988
989
990                        </div>
991                                            <div class="event-list__item equalheight splide__slide">
992                                                        
993                                                                                                                                                                                                                                                                                                                                                
994                                <div class="row">
995                                                                                                                <div class="card-date col-lg-2 pr-1 pt-3 mb-1 ps-0">
996                                        <span class="card-date__from h1 pr-1 mb-1">04.10.</span></br>
997                                                                                
998                                    </div>
999                                    <div class="card-headline ps-lg-3 ps-0 col-lg-5">
1000                                        <div class="card-text__info">
1001
1002                                            <h3 class="h3 mt-3 pe-xl-2">
1003                                                <a class="standalone stretched-link" href="https://www.metzingen.de/termin/Wine-Lounge-im-Kelterngarten-event-appointment7351">Wine Lounge im Kelterngarten</a>
1004                                            </h3>
1005                                                                                        </div>
1006
1007                                    </div>
1008                                    <div class="card-content col-lg-4 ">
1009
1010                                            <div >
1011                                                Sonntag
1012                                            </div>
1013                                                                                                                                                                                                                        
1014                                            <div >
1015                                                
1016                                                                                                    12:00 - 18:00 Uhr
1017                                                                                            </div>
1018                                        
1019                                                                                                                                                                                                                <div>
1020                                                Äußere Kelter Neuhausen</div>
1021                                        
1022                                                                                    <div>
1023                                                                                                Weingärtnergenossenschaft Metzingen-Neuhausen eG
1024                                            </div>
1025                                                                            </div>
1026                                    <div class="card-button col-lg-1 pe-0">
1027                                        <span class="button button--icon ">
1028                                            <span class="icon" aria-hidden="true">
1029                                                <img src="bundles/hitcomfrontend/img/material-design-icons/outlined/chevron_right.svg" width="24" height="24" alt="" loading="lazy">
1030                                            </span>
1031                                        </span>
1032                                    </div>
1033                                </div>
1034
1035
1036
1037
1038                        </div>
1039                                            <div class="event-list__item equalheight splide__slide">
1040                                                        
1041                                                                                                                                                                                                                                                                                                                                                
1042                                <div class="row">
1043                                                                                                                <div class="card-date col-lg-2 pr-1 pt-3 mb-1 ps-0">
1044                                        <span class="card-date__from h1 pr-1 mb-1">04.10.</span></br>
1045                                                                                
1046                                    </div>
1047                                    <div class="card-headline ps-lg-3 ps-0 col-lg-5">
1048                                        <div class="card-text__info">
1049
1050                                            <h3 class="h3 mt-3 pe-xl-2">
1051                                                <a class="standalone stretched-link" href="https://www.metzingen.de/termin/Klavierkonzert-event-appointment7707">Klavierkonzert</a>
1052                                            </h3>
1053                                                                                        </div>
1054
1055                                    </div>
1056                                    <div class="card-content col-lg-4 ">
1057
1058                                            <div >
1059                                                Sonntag
1060                                            </div>
1061                                                                                                                                                                                                                        
1062                                            <div >
1063                                                
1064                                                                                                    19:00 - 21:00 Uhr
1065                                                                                            </div>
1066                                        
1067                                                                                                                                                                                                                <div>
1068                                                Stadthalle Metzingen</div>
1069                                        
1070                                                                                    <div>
1071                                                                                                Veranstaltungsring Metzingen e.V.
1072                                            </div>
1073                                                                            </div>
1074                                    <div class="card-button col-lg-1 pe-0">
1075                                        <span class="button button--icon ">
1076                                            <span class="icon" aria-hidden="true">
1077                                                <img src="bundles/hitcomfrontend/img/material-design-icons/outlined/chevron_right.svg" width="24" height="24" alt="" loading="lazy">
1078                                            </span>
1079                                        </span>
1080                                    </div>
1081                                </div>
1082
1083
1084
1085
1086                        </div>
1087                                            <div class="event-list__item equalheight splide__slide">
1088                                                        
1089                                                                                                                                                                                                                                                                                                                                                
1090                                <div class="row">
1091                                                                                                                <div class="card-date col-lg-2 pr-1 pt-3 mb-1 ps-0">
1092                                        <span class="card-date__from h1 pr-1 mb-1">06.10.</span></br>
1093                                                                                
1094                                    </div>
1095                                    <div class="card-headline ps-lg-3 ps-0 col-lg-5">
1096                                        <div class="card-text__info">
1097
1098                                            <h3 class="h3 mt-3 pe-xl-2">
1099                                                <a class="standalone stretched-link" href="https://www.metzingen.de/termin/Ortschaftsrat-Neuhausen-event-appointment7407">Ortschaftsrat Neuhausen</a>
1100                                            </h3>
1101                                                                                        </div>
1102
1103                                    </div>
1104                                    <div class="card-content col-lg-4 ">
1105
1106                                            <div >
1107                                                Dienstag
1108                                            </div>
1109                                                                                                                                                                                                                        
1110                                            <div >
1111                                                
1112                                                                                                    19:00 - 20:00 Uhr
1113                                                                                            </div>
1114                                        
1115                                                                                                                                                                                                                <div>
1116                                                Verwaltungsstelle Neuhausen</div>
1117                                        
1118                                                                            </div>
1119                                    <div class="card-button col-lg-1 pe-0">
1120                                        <span class="button button--icon ">
1121                                            <span class="icon" aria-hidden="true">
1122                                                <img src="bundles/hitcomfrontend/img/material-design-icons/outlined/chevron_right.svg" width="24" height="24" alt="" loading="lazy">
1123                                            </span>
1124                                        </span>
1125                                    </div>
1126                                </div>
1127
1128
1129
1130
1131                        </div>
1132                                            <div class="event-list__item equalheight splide__slide">
1133                                                        
1134                                                                                                                                                                                                                                                                                                                                                
1135                                <div class="row">
1136                                                                                                                <div class="card-date col-lg-2 pr-1 pt-3 mb-1 ps-0">
1137                                        <span class="card-date__from h1 pr-1 mb-1">07.10.</span></br>
1138                                                                                
1139                                    </div>
1140                                    <div class="card-headline ps-lg-3 ps-0 col-lg-5">
1141                                        <div class="card-text__info">
1142
1143                                            <h3 class="h3 mt-3 pe-xl-2">
1144                                                <a class="standalone stretched-link" href="https://www.metzingen.de/termin/Zweigstelle-Neuhausen-Metzingen-liest-vor-event-appointment7849">Zweigstelle Neuhausen / Metzingen liest vor</a>
1145                                            </h3>
1146                                                                                        </div>
1147
1148                                    </div>
1149                                    <div class="card-content col-lg-4 ">
1150
1151                                            <div >
1152                                                Mittwoch
1153                                            </div>
1154                                                                                                                                                                                                                        
1155                                            <div >
1156                                                
1157                                                                                                    15:15 - 16:00 Uhr
1158                                                                                            </div>
1159                                        
1160                                                                                                                                                                                                                <div>
1161                                                Stadtbücherei - Zweigstelle Neuhausen im Bindhof</div>
1162                                        
1163                                                                            </div>
1164                                    <div class="card-button col-lg-1 pe-0">
1165                                        <span class="button button--icon ">
1166                                            <span class="icon" aria-hidden="true">
1167                                                <img src="bundles/hitcomfrontend/img/material-design-icons/outlined/chevron_right.svg" width="24" height="24" alt="" loading="lazy">
1168                                            </span>
1169                                        </span>
1170                                    </div>
1171                                </div>
1172
1173
1174
1175
1176                        </div>
1177                                            <div class="event-list__item equalheight splide__slide">
1178                                                        
1179                                                                                                                                                                                                                                                                                                                                                
1180                                <div class="row">
1181                                                                                                                <div class="card-date col-lg-2 pr-1 pt-3 mb-1 ps-0">
1182                                        <span class="card-date__from h1 pr-1 mb-1">
118208.10.</span></br>
1183                                                                                
1184                                    </div>
1185                                    <div class="card-headline ps-lg-3 ps-0 col-lg-5">
1186                                        <div class="card-text__info">
1187
1188                                            <h3 class="h3 mt-3 pe-xl-2">
1189                                                <a class="standalone stretched-link" href="https://www.metzingen.de/termin/Oeffentliche-Sitzung-des-Gemeinderats-event-appointment7689">Öffentliche Sitzung des Gemeinderats</a>
1190                                            </h3>
1191                                                                                        </div>
1192
1193                                    </div>
1194                                    <div class="card-content col-lg-4 ">
1195
1196                                            <div >
1197                                                Donnerstag
1198                                            </div>
1199                                                                                                                                                                                                                        
1200                                            <div >
1201                                                
1202                                                                                                    18:00 - 20:00 Uhr
1203                                                                                            </div>
1204                                        
1205                                                                                                                        
1206                                                                                    <div>
1207                                                                                                Stadt Metzingen
1208                                            </div>
1209                                                                            </div>
1210                                    <div class="card-button col-lg-1 pe-0">
1211                                        <span class="button button--icon ">
1212                                            <span class="icon" aria-hidden="true">
1213                                                <img src="bundles/hitcomfrontend/img/material-design-icons/outlined/chevron_right.svg" width="24" height="24" alt="" loading="lazy">
1214                                            </span>
1215                                        </span>
1216                                    </div>
1217                                </div>
1218
1219
1220
1221
1222                        </div>
1223                    
1224
1225
1226                                    </div>
1227                                    <div class="event-list__footer splide__footer  col-sm-12">
1228                        <div class="splide__navigation splide__navigation--has-link">
1229                            <div class="splide__arrows">
1230                                <button type="button" class="splide__arrow splide__arrow--prev button button--icon">
1231                                        <span class="icon" aria-hidden="true">
1232                                            <img src="bundles/hitcomfrontend/img/material-design-icons/outlined/chevron_right.svg" width="24" height="24" alt="" loading="lazy">
1233                                        </span>
1234                                </button>
1235                                <button type="button" class="splide__arrow splide__arrow--next button button--icon">
1236                                        <span class="icon" aria-hidden="true">
1237                                            <img src="bundles/hitcomfrontend/img/material-design-icons/outlined/chevron_right.svg" width="24" height="24" alt="" loading="lazy">
1238                                        </span>
1239                                </button>
1240                            </div>
1241                            <ul class="splide__pagination"></ul>
1242                            <div class="splide__counter ">
1243                                <span class="current">1</span>
1244                                <span class="total">0</span>                             </div>
1245                            <div class="splide__link">
1246                                <a class="button" href="/veranstaltungen">Alle Veranstaltungen</a>
1247                            </div>
1248                        </div>
1249                    </div>
1250                                            </div>
1251                    </div>
1252
1253            </div>
1254
1255                
1256                            </div></div></div></section>
1257                    
1258
1259
1260
1261
1262                                    <section class="section section--image-comparsion-custom section--padding-top section--padding-bottom" id="image-comparsion-custom-4"><div class="container-xxl"><div class="row"><div class="col">
1263            
1264                                    
1265                
1266                
1267<div class="row">
1268                        <header class="col-md-6 col-lg-3">
1269                <span class="house">
1270                    <img src="/assets/website/img/logo-house.svg" alt="">
1271                </span>
1272                <span class="hyphenate">Schieben.Staunen.Ankommen.</span>
1273                <h2>
1274                                        <span class="hyphenate">Die schönsten Seiten Metzingens</span>
1275                                    </h2>
1276            </header>
1277        
1278                <div class="col-lg-9 image-comparsion-custom--teaser mt-0 mb-4 mb-lg-0">
1279            <div class="image-comparison-custom">
1280                <div class="image-comparison-custom__container" tabindex="0" role="slider" aria-label="Bildvergleich Vorher Nachher"   aria-valuemin="0" aria-valuemax="100" aria-valuenow="30">
1281
1282                    <!-- Hintergrundbild -->
1283                    <div class="image-comparison-custom__item image-comparison-custom__item--background">
1284                        <figure class="image-comparison-custom__image">
1285                                                                                                                                                                            <picture>
1286                                                                                                                                                                                        <source srcset="/01%20Website/Unterseiten/_Spinelli%20Fotoshooting%202026/Stadt%20Metzingen%20-%20Fotopoints%202026%20gesamt/3067/image-thumb__3067___auto_11f14bc422c5cdb4561a2315991b7f6c/217%20-%20DSC09701.07389f16.webp" media="(min-width: 1920px)" type="image/webp">
1287                                                                                                                <source srcset="/01%20Website/Unterseiten/_Spinelli%20Fotoshooting%202026/Stadt%20Metzingen%20-%20Fotopoints%202026%20gesamt/3067/image-thumb__3067___auto_11f14bc422c5cdb4561a2315991b7f6c/217%20-%20DSC09701.07389f16.jpg" media="(min-width: 1920px)" type="image/jpeg">
1288                                                                                                                                                                                                                                                    <source srcset="/01%20Website/Unterseiten/_Spinelli%20Fotoshooting%202026/Stadt%20Metzingen%20-%20Fotopoints%202026%20gesamt/3067/image-thumb__3067___auto_8b3180fa9d70cec97da256435d68f3ee/217%20-%20DSC09701.302c64bc.webp" media="(min-width: 992px)" type="image/webp">
1289                                                                                                                <source srcset="/01%20Website/Unterseiten/_Spinelli%20Fotoshooting%202026/Stadt%20Metzingen%20-%20Fotopoints%202026%20gesamt/3067/image-thumb__3067___auto_8b3180fa9d70cec97da256435d68f3ee/217%20-%20DSC09701.302c64bc.jpg" media="(min-width: 992px)" type="image/jpeg">
1290                                                                                                                                                                                                                                                    <source srcset="/01%20Website/Unterseiten/_Spinelli%20Fotoshooting%202026/Stadt%20Metzingen%20-%20Fotopoints%202026%20gesamt/3067/image-thumb__3067___auto_72549c6b34936dca3f902fbe724a6139/217%20-%20DSC09701.d16608e7.webp" media="(min-width: 768px)" type="image/webp">
1291                                                                                                                <source srcset="/01%20Website/Unterseiten/_Spinelli%20Fotoshooting%202026/Stadt%20Metzingen%20-%20Fotopoints%202026%20gesamt/3067/image-thumb__3067___auto_72549c6b34936dca3f902fbe724a6139/217%20-%20DSC09701.d16608e7.jpg" media="(min-width: 768px)" type="image/jpeg">
1292                                                                                                                                                                                                                                                    <source srcset="/01%20Website/Unterseiten/_Spinelli%20Fotoshooting%202026/Stadt%20Metzingen%20-%20Fotopoints%202026%20gesamt/3067/image-thumb__3067___auto_cb5c00d8255cd6bdf5b88aeb91d75850/217%20-%20DSC09701.73fef263.webp" media="(max-width: 767px) and (max-aspect-ratio: 0.9)" type="image/webp">
1293                                                                                                                <source srcset="/01%20Website/Unterseiten/_Spinelli%20Fotoshooting%202026/Stadt%20Metzingen%20-%20Fotopoints%202026%20gesamt/3067/image-thumb__3067___auto_cb5c00d8255cd6bdf5b88aeb91d75850/217%20-%20DSC09701.73fef263.jpg" media="(max-width: 767px) and (max-aspect-ratio: 0.9)" type="image/jpeg">
1294                                                                                                                                                                                                                <source srcset="/01%20Website/Unterseiten/_Spinelli%20Fotoshooting%202026/Stadt%20Metzingen%20-%20Fotopoints%202026%20gesamt/3067/image-thumb__3067___auto_acae901dd17d9cbb87a9e90989f1e1c0/217%20-%20DSC09701.d9aff7c9.webp" type="image/webp">
1295                                                                                <source srcset="/01%20Website/Unterseiten/_Spinelli%20Fotoshooting%202026/Stadt%20Metzingen%20-%20Fotopoints%202026%20gesamt/3067/image-thumb__3067___auto_acae901dd17d9cbb87a9e90989f1e1c0/217%20-%20DSC09701.d9aff7c9.jpg" type="image/jpeg">
1296                                                            <img src="/01%20Website/Unterseiten/_Spinelli%20Fotoshooting%202026/Stadt%20Metzingen%20-%20Fotopoints%202026%20gesamt/3067/image-thumb__3067___auto_acae901dd17d9cbb87a9e90989f1e1c0/217%20-%20DSC09701.d9aff7c9.jpg" alt="">
1297        </picture>
1298    
1299                                                                                    </figure>
1300                        <span class="image-comparison-custom__text image-comparison-custom__text--background">Metzingen - Stadt zum Leben</span>
1301                    </div>
1302
1303                    <!-- Vordergrundbild -->
1304                    <div class="image-comparison-custom__item image-comparison-custom__item--foreground">
1305                        <figure class="image-comparison-custom__image">
1306                                                                                                                                                                            <picture>
1307                                                                                                                                                                                        <source srcset="/01%20Website/Unterseiten/_Spinelli%20Fotoshooting%202026/Stadt%20Metzingen%20-%20Fotopoints%202026%20gesamt/3039/image-thumb__3039___auto_11f14bc422c5cdb4561a2315991b7f6c/190%20-%20DSC09628.93510673.webp" media="(min-width: 1920px)" type="image/webp">
1308                                                                                                                <source srcset="/01%20Website/Unterseiten/_Spinelli%20Fotoshooting%202026/Stadt%20Metzingen%20-%20Fotopoints%202026%20gesamt/3039/image-thumb__3039___auto_11f14bc422c5cdb4561a2315991b7f6c/190%20-%20DSC09628.93510673.jpg" media="(min-width: 1920px)" type="image/jpeg">
1309                                                                                                                                                                                                                                                    <source srcset="/01%20Website/Unterseiten/_Spinelli%20Fotoshooting%202026/Stadt%20Metzingen%20-%20Fotopoints%202026%20gesamt/3039/image-thumb__3039___auto_8b3180fa9d70cec97da256435d68f3ee/190%20-%20DSC09628.b2a337e1.webp" media="(min-width: 992px)" type="image/webp">
1310                                                                                                                <source srcset="/01%20Website/Unterseiten/_Spinelli%20Fotoshooting%202026/Stadt%20Metzingen%20-%20Fotopoints%202026%20gesamt/3039/image-thumb__3039___auto_8b3180fa9d70cec97da256435d68f3ee/190%20-%20DSC09628.b2a337e1.jpg" media="(min-width: 992px)" type="image/jpeg">
1311                                                                                                                                                                                                                                                    <source srcset="/01%20Website/Unterseiten/_Spinelli%20Fotoshooting%202026/Stadt%20Metzingen%20-%20Fotopoints%202026%20gesamt/3039/image-thumb__3039___auto_72549c6b34936dca3f902fbe724a6139/190%20-%20DSC09628.d88ccce8.webp" media="(min-width: 768px)" type="image/webp">
1312                                                                                                                <source srcset="/01%20Website/Unterseiten/_Spinelli%20Fotoshooting%202026/Stadt%20Metzingen%20-%20Fotopoints%202026%20gesamt/3039/image-thumb__3039___auto_72549c6b34936dca3f902fbe724a6139/190%20-%20DSC09628.d88ccce8.jpg" media="(min-width: 768px)" type="image/jpeg">
1313                                                                                                                                                                                                                                                    <source srcset="/01%20Website/Unterseiten/_Spinelli%20Fotoshooting%202026/Stadt%20Metzingen%20-%20Fotopoints%202026%20gesamt/3039/image-thumb__3039___auto_cb5c00d8255cd6bdf5b88aeb91d75850/190%20-%20DSC09628.70257822.webp" media="(max-width: 767px) and (max-aspect-ratio: 0.9)" type="image/webp">
1314                                                                                                                <source srcset="/01%20Website/Unterseiten/_Spinelli%20Fotoshooting%202026/Stadt%20Metzingen%20-%20Fotopoints%202026%20gesamt/3039/image-thumb__3039___auto_cb5c00d8255cd6bdf5b88aeb91d75850/190%20-%20DSC09628.70257822.jpg" media="(max-width: 767px) and (max-aspect-ratio: 0.9)" type="image/jpeg">
1315                                                                                                                                                                                                                <source srcset="/01%20Website/Unterseiten/_Spinelli%20Fotoshooting%202026/Stadt%20Metzingen%20-%20Fotopoints%202026%20gesamt/3039/image-thumb__3039___auto_acae901dd17d9cbb87a9e90989f1e1c0/190%20-%20DSC09628.079f1c7c.webp" type="image/webp">
1316                                                                                <source srcset="/01%20Website/Unterseiten/_Spinelli%20Fotoshooting%202026/Stadt%20Metzingen%20-%20Fotopoints%202026%20gesamt/3039/image-thumb__3039___auto_acae901dd17d9cbb87a9e90989f1e1c0/190%20-%20DSC09628.079f1c7c.jpg" type="image/jpeg">
1317                                                            <img src="/01%20Website/Unterseiten/_Spinelli%20Fotoshooting%202026/Stadt%20Metzingen%20-%20Fotopoints%202026%20gesamt/3039/image-thumb__3039___auto_acae901dd17d9cbb87a9e90989f1e1c0/190%20-%20DSC09628.079f1c7c.jpg" alt="">
1318        </picture>
1319    
1320                                                                                    </figure>
1321                        <span class="image-comparison-custom__text image-comparison-custom__text--foreground">Metzingen - Stadt zum Erleben</span>
1322                    </div>
1323
1324                    <!-- Handle -->
1325                    <div class="image-comparison-custom__handle" aria-hidden="true"></div>
1326                </div>
1327            </div>
1328
1329        </div>
1330                <div class="moreInformation">
1331                <a href="/oeffnungszeiten" class="stretched-link button">
1332            <span class="hyphenate">Dein Weg zu uns</span>
1333        </a>
1334            </div>
1335</div>
1336
1337
1338
1339                
1340                            </div></div></div></section>
1341                    
1342
1343
1344
1345
1346                                    <section class="section section--top-topics-works-custom section--padding-top section--padding-bottom section--bg-light" id="top-topics-works-custom-5"><div class="container-xxl"><div class="row"><div class="col">
1347            
1348                                    
1349    
1350
1351
1352    
1353
1354
1355    
1356
1357<div class="top-topics row">
1358                                    <header class="col-lg-3">
1359                <span class="house">
1360                    <img src="/assets/website/img/logo-house.svg" alt="">
1361                </span>
1362                <span class="hyphenate">Job &amp; Karriere</span>
1363                <h2>
1364                                        <span class="hyphenate">Vielfältige Karrierechancen bei der Stadt.</span>
1365                                    </h2>
1366            </header>
1367                        
1368                                                                <div class="top-topics__item col-md-6 mb-5 top-topics__item--has-image top-topics__item--has-link">
1369                                            <div class="top-topics__image">
1370                    <figure>
1371                                                                <picture>
1372                                                                                                                                                                                        <source srcset="/01%20Website/Unterseiten/Karriereseite/2718/image-thumb__2718___auto_32708cd127a8e83d102f18334bf88146/Box_Erzieher_72-AdobeStock_1965431535-1.46b70ff2.webp" media="(min-width: 768px)" type="image/webp">
1373                                                                                                                <source srcset="/01%20Website/Unterseiten/Karriereseite/2718/image-thumb__2718___auto_32708cd127a8e83d102f18334bf88146/Box_Erzieher_72-AdobeStock_1965431535-1.46b70ff2.jpg" media="(min-width: 768px)" type="image/jpeg">
1374                                                                                                                                                                                                                <source srcset="/01%20Website/Unterseiten/Karriereseite/2718/image-thumb__2718___auto_32708cd127a8e83d102f18334bf88146/Box_Erzieher_72-AdobeStock_1965431535-1.46b70ff2.webp" type="image/webp">
1375                                                                                <source srcset="/01%20Website/Unterseiten/Karriereseite/2718/image-thumb__2718___auto_32708cd127a8e83d102f18334bf88146/Box_Erzieher_72-AdobeStock_1965431535-1.46b70ff2.jpg" type="image/jpeg">
1376                                                            <img src="/01%20Website/Unterseiten/Karriereseite/2718/image-thumb__2718___auto_32708cd127a8e83d102f18334bf88146/Box_Erzieher_72-AdobeStock_1965431535-1.46b70ff2.png" alt="" loading="lazy">
1377        </picture>
1378    
1379                                            </figure>
1380                </div>
1381                                        <div class="top-topics__caption pt-3 d-flex">
1382                                            <h3 class="h3">
1383                            <a href="/jobs" class="stretched-link">
1384                                <span class="hyphenate">Die Stadt Metzingen als  Arbeitgeber stellt sich vor</span>
1385                            </a>
1386                        </h3>
1387                                                                <p class="d-flex justify-content-end" aria-hidden="true">
1388                            <img src="/bundles/hitcomfrontend/img/material-design-icons/outlined/arrow_forward_ios.svg" width="20" height="20" alt="" loading="lazy">
1389                        </p>
1390                                    </div>
1391                    </div>
1392            
1393                                                        <div class="top-topics__item col-md-6 col-lg-3 mb-5 top-topics__item--has-link">
1394                            <div class="top-topics__image top-topics__image-fallback-wörks">
1395                    <figure>
1396                        <img src="/assets/website/img/icons/wörks.svg" alt="">
1397                    </figure>
1398                </div>
1399                        <div class="top-topics__caption pt-3 d-flex">
1400                                    <h3 class="h3">
1401                        <a href="/jobs" class="stretched-link">
1402                            <span class="hyphenate">Aktuelle Stellenangebote</span>
1403                        </a>
1404                    </h3>
1405                                                                    <p class="d-flex justify-content-end" aria-hidden="true">
1406                        <img src="/bundles/hitcomfrontend/img/material-design-icons/outlined/arrow_forward_ios.svg" width="20" height="20" alt="" loading="lazy">
1407                    </p>
1408                            </div>
1409                    </div>
1410
1411</div>
1412
1413                
1414                            </div></div></div></section>
1415                    
1416
1417
1418
1419
1420                                    <section class="section section--embed-social-custom section--padding-top section--padding-bottom" id="embed-social-custom-6"><div class="container-xxl"><div class="row"><div class="col">
1421            
1422                                        
1423
1424
1425
1426<div class="row">
1427
1428
1429        <header class="col-lg-3">
1430            <span class="house">
1431                <img src="/assets/website/img/logo-house.svg" alt="">
1432            </span>
1433            <span class="hyphenate">Social Media</span>
1434            <h2>
1435                <span class="hyphenate">
1436                    <p>
1437                        <span lang="en">Posten, liken, up to date</span>
1438                        bleiben.
1439                    </p>
1440                </span>
1441            </h2>
1442        </header>
1443
1444        <div class="col-lg-9">
1445            <div class="embedsocial-hashtag" data-ref="bb7bd8f9264da542f627e2a2a0060005fac713b1"></div> 
1445<script> (function(d, s, id) { var js; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "https://embedsocial.com/cdn/ht.js"; d.getElementsByTagName("head")[0].appendChild(js); }(document, "script", "EmbedSocialHashtagScript")); </script>
1445
1446        </div>
1447
1448        <div class="moreInformation">
1449            <a href="https://www.instagram.com/stadtmetzingen/" class="button" target="_blank" rel="noopener noreferrer" title="In einem neuem Fenster:">Die Stadt auf Instagram</a>
1450            <a href="https://www.instagram.com/metzingen_stadtmarketing/" class="button" target="_blank" rel="noopener noreferrer" title="In einem neuem Fenster:">MMT auf Instagram</a>
1451        </div>
1452</div>
1453
1454                
1455                            </div></div></div></section>
1456                    
1457
1458                        </main>
1459                                    <footer class="page__footer" data-no-crawl="true">
1460                                <div class="footer-container">
1461        <div class="pt-8 pb-6 bg-primary section--bg-dark text-negative">
1462            <div class="container-xxl">
1463                <div class="row">
1464                    <div class="col-xl-3 d-flex flex-column justify-content-between">
1465                                                    <div class="logo logo--footer equalheight">
1466                                <figure>
1467                                    <img src="/assets/website/img/logo-house.svg" alt="">
1468                                </figure>
1469                            </div>
1470                                                <div>
1471                            <div class="teaser h3">
1472                                Keep in touch</br>
1473                                with the latest.
1474                            </div>
1475                                                            <div class="meta-navigation meta-navigation--social pt-4 pt-lg-6">
1476                                    
1477<nav class="meta-navigation__nav" aria-label="Social Media Links">
1478    <ul class="meta-navigation__list">
1479                    <li class="meta-navigation__item">
1480                <a href="https://www.facebook.com/stadtmetzingen/" class="meta-navigation__link button button--icon" target="_blank" title="In einem neuem Fenster" rel="noopener noreferrer">
1481                    <span class="icon" aria-hidden="true">
1482                        <img src="/bundles/hitcomfrontend/img/social-media-icons/facebook.svg" width="24" height="24" alt="" loading="lazy">
1483                    </span>
1484                    <span class="visually-hidden">Facebook</span>
1485                </a>
1486            </li>
1487                            <li class="meta-navigation__item">
1488                <a href="https://www.instagram.com/stadtmetzingen" class="meta-navigation__link button button--icon" target="_blank" title="In einem neuem Fenster" rel="noopener noreferrer">
1489                    <span class="icon" aria-hidden="true">
1490                        <img src="/bundles/hitcomfrontend/img/social-media-icons/instagram.svg" width="24" height="24" alt="" loading="lazy">
1491                    </span>
1492                    <span class="visually-hidden">Instagram</span>
1493                </a>
1494            </li>
1495                            <li class="meta-navigation__item">
1496                <a href="https://www.youtube.com/@Stadt_Metzingen" class="meta-navigation__link button button--icon" target="_blank" title="In einem neuem Fenster" rel="noopener noreferrer">
1497                    <span class="icon" aria-hidden="true">
1498                        <img src="/bundles/hitcomfrontend/img/social-media-icons/youtube.svg" width="24" height="24" alt="" loading="lazy">
1499                    </span>
1500                    <span class="visually-hidden">YouTube</span>
1501                </a>
1502            </li>
1503            </ul>
1504</nav>
1505
1506                                </div>
1507                                                    </div>
1508                    </div>
1509                                        <div class="col-md-6 col-xl-4 col-xxl-3 offset-xl-1 offset-xxl-2 d-flex flex-column flex-lg-column-reverse justify-content-lg-end">
1510                                                    <div class="m-p">
1511                                <h2 class="h3 mb-1 mb-lg-3">
1512                                    <span class="hyphenate">Stadt<br> Metzingen</span>
1513                                </h2>
1514                                <p class="mt-0">
1515                                    Stuttgarter Straße 2-4<br>72555 Metzingen
1516                                </p>
1517                                <p>
1518                                    <a href="tel:+4971233950" title="Stadt Metzingen anrufen">+49 7123 395-0</a><br>
1519                                                                        <a href="#" data-mailto-token="novyoVhzoudibzi9yz" data-mailto-vector="-5" title="E-Mail an Stadtverwaltung Metzingen"><span>stadt(at)metzingen.de</span></a>
1520                                </p>
1521                                <a href="https://www.metzingen.de/oeffnungszeiten" class="meta-navigation__link button" title="Öffnungszeiten">
1522                                                                        <sp
1522an aria-hidden="true">Öffnungszeiten</span>
1523                                </a><br>
1524                                <a href="https://www.metzingen.de/buergerserviceportal" class="meta-navigation__link button mt-3" title="Bürgerserviceportal">
1525                                                                        <span aria-hidden="true">Bürgerserviceportal</span>
1526                                </a>
1527                            </div>
1528                        
1529                    </div>
1530                    <div class="col-md-6 col-xl-4 col-xxl-3 offset-xxl-1 d-flex flex-column flex-lg-column-reverse justify-content-lg-end">
1531                                                    <div class="m-p">
1532                                <h2 class="h3 mb-1 mb-lg-3">
1533                                    <span class="hyphenate">Metzingen<br> Marketing Tourismus GmbH</span>
1534                                </h2>
1535                                <p class="mt-0">
1536                                    Stuttgarter Straße 14<br>72555 Metzingen
1537                                </p>
1538                                <p>
1539                                    <a href="tel:+4971233952444" title="Marketing und Tourismus Metzingen anrufen">+49 7123 395-2444</a><br>
1540                                                                        <a href="#" data-mailto-token="hhoVhzoudibzi9yz" data-mailto-vector="-5" title="E-Mail an Marketing Tourismus Metzingen"><span>mmt(at)metzingen.de</span></a>
1541                                </p>
1542                                <a href="https://www.metzingen.de/Erlebnis-Shopping/Informieren/Tourist-Info/Oeffnungszeiten" class="meta-navigation__link button" title="Öffnungszeiten">
1543                                                                        <span aria-hidden="true">Öffnungszeiten</span>
1544                                </a><br>
1545                                <a href="https://www.metzingen.de/anfahrt" class="meta-navigation__link button mt-3" title="Anfahrt">
1546                                                                        <span aria-hidden="true">Anfahrt</span>
1547                                </a>
1548                            </div>
1549                        
1550                    </div>
1551                </div>
1552            </div>
1553            <div class="d-flex equalheight">
1554                                    <div class="top-link">
1555                        <button type="button" class="button button--icon" aria-label="Zum Seitenanfang springen">
1556                            <span class="icon" aria-hidden="true">
1557                                <img src="/bundles/hitcomfrontend/img/material-design-icons/outlined/expand_less.svg" width="24" height="24" alt="" loading="lazy">
1558                            </span>
1559                            <span class="visually-hidden">Zum Seitenanfang springen</span>
1560                        </button>
1561                    </div>
1562                            </div>
1563        </div>
1564        <div class="footer-container-border py-6 bg-primary border-top border-gray section--bg-dark text-negative">
1565            <div class="container-xxl">
1566                <div class="row">
1567                    <div class="col d-flex meta-navigation--container">
1568                                                    <div class="meta-navigation meta-navigation--accessibility">
1569                                <nav class="meta-navigation__nav" aria-label="Infos zur Barrierefreiheit">
1570    <ul class="meta-navigation__list">
1571        <li class="meta-navigation__item">
1572            <a href="https://www.metzingen.de/bedienung-der-website" class="meta-navigation__link" title="Bedienung der Website">
1573                <span class="icon" aria-hidden="true">
1574                    <img src="/bundles/hitcomfrontend/img/accessibility-icons/outlined/bedienung-der-website.svg" width="24" height="24" alt="" loading="lazy">
1575                </span>
1576                <span aria-hidden="true">Bedienung der Website</span>
1577            </a>
1578        </li>
1579                <li class="meta-navigation__item">
1580            <a href="https://www.metzingen.de/gebaerdensprache" class="meta-navigation__link" title="Gebärdensprache">
1581                <span class="icon" aria-hidden="true">
1582                    <img src="/bundles/hitcomfrontend/img/accessibility-icons/outlined/gebaerdensprache.svg" width="24" height="24" alt="" loading="lazy">
1583                </span>
1584                <span aria-hidden="true">Gebärdensprache</span>
1585            </a>
1586        </li>
1587        <li class="meta-navigation__item">
1588            <a href="https://www.metzingen.de/erklaerung-zur-barrierefreiheit" class="meta-navigation__link" title="Erklärung zur Barrierefreiheit">
1589                <span class="icon" aria-hidden="true">
1590                    <img src="/bundles/hitcomfrontend/img/accessibility-icons/outlined/erklaerung-zur-barrierefreiheit.svg" width="24" height="24" alt="" loading="lazy">
1591                </span>
1592                <span aria-hidden="true">Erklärung zur Barrierefreiheit</span>
1593            </a>
1594        </li>
1595        <li class="meta-navigation__item">
1596            <a href="https://www.metzingen.de/fehler-melden" class="meta-navigation__link" title="Fehler melden">
1597                <span class="icon" aria-hidden="true">
1598                    <img src="/bundles/hitcomfrontend/img/accessibility-icons/outlined/fehler-melden.svg" width="24" height="24" alt="" loading="lazy">
1599                </span>
1600                <span aria-hidden="true">Fehler melden</span>
1601            </a>
1602        </li>
1603    </ul>
1604</nav>
1605
1606                            </div>
1607                                                                            <div class="meta-navigation meta-navigation--legal">
1608                                <nav class="meta-navigation__nav" aria-label="Rechtliches">
1609    <ul class="meta-navigation__list">
1610        <li class="meta-navigation__item">
1611            <button type="button" class="meta-navigation__button" onclick="CCM.openControlPanel();" aria-label="Cookie-Einstellungen">
1612                <span aria-hidden="true">Cookie-Einstellungen</span>
1613            </button>
1614        </li>
1615        <li class="meta-navigation__item">
1616            <a href="https://www.metzingen.de/impressum" class="meta-navigation__link" title="Impressum">
1617                <span aria-hidden="true">Impressum</span>
1618            </a>
1619        </li>
1620        <li class="meta-navigation__item">
1621            <a href="https://www.metzingen.de/datenschutz" class="meta-navigation__link" title="Datenschutz">
1622                <span aria-hidden="true">Datenschutz</span>
1623            </a>
1624        </li>
1625        <li class="meta-navigation__item">
1626            <a href="https://www.hitcom.de" class="meta-navigation__link" target="_blank" title="In einem neuem Fenster: Website der hitcom GmbH" rel="noopener noreferrer">
1627                <span aria-hidden="true">by hitcom</span>
1628            </a>
1629        </li>
1630    </ul>
1631</nav>
1632
1633                            </div>
1634                                            </div>
1635                </div>
1636            </div>
1637        </div>
1638    </div>
1639    <div class="placeholder--footer">
1640    </div>
1641    <div class="footer-bottom-information section section--bg-light pt-4 pt-lg-8 pb-4">
1642        <div class="container-xxl">
1643            <div class="row">
1644
1645                <span class="hyphenate house-text">
1646                    <span class="house">
1647                        <img src="/assets/website/img/logo-house.svg" alt="">
1648                    </span>
1649                    Metzingen. Der Arbeitgeber der Region.
1650                </span>
1651                <h2>
1652                    <span class="hyphenate">
1653
1654                            Mehr Spielraum.<br>
1655                            Mehr bewegen.<br>
1656                            Mehr Du.
1657
1658                    </span>
1659                </h2>
1660                <div class="footer-hashtag">
1661                    <p>#metzingenwörks</p>
1662                </div>
1663            </div>
1664        </div>
1665        <figure class="footer-image">
1666            <img src="/assets/website/img/footer-image.png" alt="">
1667        </figure>
1668        <figure class="footer-image-house">
1669            <img src="/assets/website/img/logo-house--footer.svg" alt="">
1670        </figure>
1671
1672    </div>
1673                                    </footer>
1674                            </div>
1675        </div>
1676        
1677        
1678                        
1678<script src="/cache-buster-1790240307/bundles/hitcomfrontend/js/splide/v4/splide.min.js"></script>
vendor: 1 bytes, line 1678
1678
1679<script src="/cache-buster-1790240307/bundles/hitcomfrontend/js/bootstrap/v5/bootstrap.bundle.min.js"></script>
vendor: 1 bytes, line 1679
1679
1680<script src="/cache-buster-1790240307/bundles/hitcomfrontend/js/aos/latest/aos.js"></script>
vendor: 1 bytes, line 1680
1680
1681<script src="/cache-buster-1790874167/assets/website/js/aos.min.js" type="module"></script>
vendor: 1 bytes, line 1681
1681
1682<script src="/cache-buster-1790240307/assets/bundles/hitcomfrontend/js/layouts/body.min.js"></script>
vendor: 1 bytes, line 1682
1682
1683<script src="/cache-buster-1790874167/assets/website/js/main.min.js"></script>
vendor: 1 bytes, line 1683
1683
1684<script src="/cache-buster-1790874167/assets/website/js/footer.min.js"></script>
vendor: 1 bytes, line 1684
1684
1685<script src="/cache-buster-1790240307/assets/bundles/hitcomfrontend/js/layouts/default.min.js"></script>
vendor: 1 bytes, line 1685
1685
1686<script src="/cache-buster-1790240307/assets/bundles/hitcomfrontend/js/layouts/ccm.min.js"></script>
vendor: 1 bytes, line 1686
1686
1687<script src="/cache-buster-1790874167/assets/website/js/startanimation.min.js"></script>
vendor: 1 bytes, line 1687
1687
1688<script src="/cache-buster-1790240307/assets/bundles/hitcomfrontend/js/partials/skip-links.min.js"></script>
vendor: 1 bytes, line 1688
1688
1689<script src="/cache-buster-1789628833/bundles/hitcomsearch/js/gufi-client/gufi.min.js"></script>
vendor: 1 bytes, line 1689
1689
1690<script src="/cache-buster-1790240307/assets/bundles/hitcomfrontend/js/templates/navigation.min.js"></script>
vendor: 1 bytes, line 1690
1690
1691<script src="/cache-buster-1790240307/assets/bundles/hitcomfrontend/js/components/splide-de.min.js"></script>
vendor: 1 bytes, line 1691
1691
1692<script src="/cache-buster-1790240307/assets/bundles/hitcomfrontend/js/components/splide.min.js"></script>
vendor: 1 bytes, line 1692
1692
1693<script src="/cache-buster-1790874167/assets/website/js/jump-to-content.min.js"></script>
vendor: 1 bytes, line 1693
1693
1694<script src="/cache-buster-1790240307/assets/bundles/hitcomfrontend/js/areas/banner-slider.min.js"></script>
vendor: 1 bytes, line 1694
1694
1695<script src="/cache-buster-1790240307/assets/bundles/hitcomfrontend/js/twig-strap/list.min.js"></script>
vendor: 1 bytes, line 1695
1695
1696<script src="/cache-buster-1789397427/assets/bundles/hitcomfilter/js/templates/filter.min.js"></script>
vendor: 1 bytes, line 1696
1696
1697<script src="/cache-buster-1790240307/bundles/hitcomfrontend/js/twig-strap/scripts.min.js"></script>
vendor: 1 bytes, line 1697
1697
1698<script src="/cache-buster-1790240307/bundles/hitcomfrontend/js/splide/Extensions/splide-extension-grid.min.js"></script>
vendor: 1 bytes, line 1698
1698
1699<script src="/cache-buster-1790874167/assets/website/js/event-list-custom.min.js"></script>
1699
1700            </body>
1701</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.