PageSourceSearch

https://zella-mehlis.de/unsere-stadt

html zella-mehlis.de collected 2026-10-02 06:27:16 UTC 87,667 bytes, 951 lines download raw bytes

1<!doctype html>
2<html class="font-sans font-normal text-root text-defaultText-base leading-normal" lang="de">
3<head>
4<meta charset="utf-8">
5<meta name="author" content="Stadt Zella-Mehlis">
6<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5, minimum-scale=1, minimal-ui">
7<title>Unsere Stadt | Stadt Zella-Mehlis</title>
8<meta name="description" content="">
9<meta property="og:description" content="" />
10<meta property="og:image" content="https://zella-mehlis.de/media/site/0fae1b2962-1706626512/cover.png" />
11<meta property="og:site_name" content="Stadt Zella-Mehlis">
12<meta property="og:title" content="Unsere Stadt | Stadt Zella-Mehlis" />
13<meta property="og:type" content="website" />
14<meta property="og:url" content="https://zella-mehlis.de/unsere-stadt" />
15<meta name="twitter:card" content="summary" />
16<meta name="twitter:description" content="" />
17<meta name="twitter:image" content="https://zella-mehlis.de/media/site/0fae1b2962-1706626512/cover-1200x800.png" />
18<meta name="twitter:title" content="Unsere Stadt | Stadt Zella-Mehlis" />
19<link rel="apple-touch-icon-precomposed" href="https://zella-mehlis.de/media/site/c5566aa193-1706626512/favicon.png">
20<link rel="icon" href="https://zella-mehlis.de/media/site/c5566aa193-1706626512/favicon.png">
21<link rel="shortcut icon" href="https://zella-mehlis.de/media/site/c5566aa193-1706626512/favicon.png">
22
23<link href="https://zella-mehlis.de/assets/dist/cookiemanager/iframemanager.css" rel="stylesheet">
24<link href="https://zella-mehlis.de/assets/dist/cookiemanager/cookieconsent.css" rel="stylesheet"><link href="https://zella-mehlis.de/assets/dist/bundle.css" rel="stylesheet">
25<link href="https://zella-mehlis.de/assets/dist/tw.css?ver=1734001662" rel="stylesheet">
26<link href="https://zella-mehlis.de/assets/dist/style.css?ver=1738656348" rel="stylesheet">
27<script src="https://te6492757.emailsys1a.net/form/208/1341/f43960651c/popup.js?_g=1712133569" async></script>
vendor: 1 bytes, line 27
27
28<script async src="https://cdn.eye-able.com/configs/zella-mehlis.de.js"></script>
vendor: 1 bytes, line 28
28
29<script async src="https://cdn.eye-able.com/public/js/eyeAble.js"></script>
29
30
31<script type="text/plain" data-cookiecategory="analytics">
32  var _paq = window._paq = window._paq || [];
33  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
34  _paq.push(['trackPageView']);
35  _paq.push(['enableLinkTracking']);
36  (function() {
37    var u="//matomo.zella-mehlis.de/";
38    _paq.push(['setTrackerUrl', u+'matomo.php']);
39    _paq.push(['setSiteId', '1']);
40    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
41    g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
42  })();
43</script>
43
44
45</head>
46
47<body class="page preload text-base overflow-x-hidden shows-alert default unsere-stadt">
48  
48<script>
49    setTimeout(function() {
50      document.body.classList.remove('preload');
51    }, 100);
52  </script>
52
53
54  <div class="fixed w-full z-[999] flex flex-col">
55    <div x-data="{
56          bannerVisible: false,
57          bannerVisibleAfter: 300,
58      }"
59      x-show="bannerVisible"
60      x-transition:enter="transition ease-out duration-500"
61      x-transition:enter-start="-translate-y-10"
62      x-transition:enter-end="translate-y-0"
63      x-transition:leave="transition ease-in duration-300"
64      x-transition:leave-start="translate-y-0"
65      x-transition:leave-end="-translate-y-10"
66      x-init="
67          setTimeout(()=>{ bannerVisible = true }, bannerVisibleAfter);
68      "
69      class="z-[9999] w-full h-auto py-2 duration-300 ease-out bg-attention py-4 lg:py-8" x-cloak>
70      <div class="flex flex-col md:flex-row items-center justify-between w-full h-full px-2 mx-auto container">
71          <span class="flex items-center gap-6">
72              <span class="text-h4">    <span class="material-icons test icon"><span class="material-icons-outlined"> email </span></span>
73</span>
74              <p>Melden Sie sich für unseren Newsletter an um stets auf dem neuesten Stand zu sein. Sie erhalten nach erfolgreicher Anmeldung von uns eine E-Mail, sobald ein neuer Stadtanzeiger digital zur Verfügung steht. <a href="https://te6492757.emailsys1a.net/208/1341/2af7a10bc6/subscribe/form.html?_g=1746525259"><strong>Jetzt zum Newsletter anmelden!</strong></a></p>          </span>
75          <button @click="bannerVisible=false; setCookieAlert('alertShown', true, 1);" class="flex gap-2 mt-4 md:mt-0 items-center flex-shrink-0 translate-x-1 ease-out duration-150 justify-center p-2 text-textColor text-h4 hover:bg-darkGrayColor hover:text-white">
76              <span class="text-sm font-bold">Schließen</span>              
77              <span class="material-icons icon">close </span>          </button>
78      </div>
79  </div>
80
81  
81<script>
82  function setCookieAlert(cname, cvalue, exdays) {
83      const d = new Date();
84      d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
85      let expires = "expires="+d.toUTCString();
86      document.cookie = cname + "=" + cvalue + ";" + expires + ";SameSite=Lax;path=/";
87      document.body.classList.remove('shows-alert');
88  }
89  
90  function getCookie(cname) {
91      let name = cname + "=";
92      let decodedCookie = decodeURIComponent(document.cookie);
93      let ca = decodedCookie.split(';');
94      for(let i = 0; i <ca.length; i++) {
95        let c = ca[i];
96        while (c.charAt(0) == ' ') {
97          c = c.substring(1);
98        }
99        if (c.indexOf(name) == 0) {
100          return c.substring(name.length, c.length);
101        }
102      }
103      return "";
104  }
105  </script>
105
106
107  <nav 
108    x-data="{ atTop: true }"
109    x-init="atTop = (window.pageYOffset > 100 ? false : true)"
110    tabindex="0" 
111    class="navbar w-full z-[999] bg-white flex justify-end items-center h-navbar py-1 drop-shadow-lg"
112    :class="atTop ? '' : 'navbar-sticky'"
113    @scroll.window="atTop = (window.pageYOffset > 100 ? false : true)"
114  >
115    <div x-data="{ open: false }" class="container mx-auto h-navbar flex flex-wrap items-center justify-between">
116      <a href="https://zella-mehlis.de" class="nav-logo h-navbar-logo w-auto mr-auto flex-shrink-0 flex items-center" title="Stadt Zella-Mehlis">
117          <svg xmlns="http://www.w3.org/2000/svg" width="289.892" height="50" viewBox="0 0 289.892 50"><g transform="translate(9721.528 -3381.445)"><g transform="translate(-9721.528 3381.445)"><path d="M187.98.25c-8.672.6-21.788,4.056-37.12,13.276,2.092,2.256,4.176,4.328,6.268,6.192,10.74-6.312,21.684-9.364,25.744-9.364,1.56,0,2.488.292,2.488.908,0,.9-1.528,2.012-3.012,3.428a136.486,136.486,0,0,0-14.612,16.164c-4.872,6.58-8.32,13.292-8.32,17.12a2.06,2.06,0,0,0,2.144,2.176c2.352,0,6.24-3.44,10.772-7.884,1.44-9.476,8.012-17.932,15.068-27.156,4.5-5.88,3.956-11.344.58-14.86" transform="translate(-120.516 -0.15)" fill="#f59c0c"/><path d="M131.3,47.852q-3.108-2.892-6.188-6.292a.058.058,0,0,0-.012.008A93.647,93.647,0,0,0,116.55,60.2,87.289,87.289,0,0,1,131.3,47.856Z" transform="translate(-99.93 -24.936)" fill="#f59c0c"/><path d="M75,64.938H87.34c1.48-1.728,2.9-3.292,4.28-4.732a93.75,93.75,0,0,1,8.552-18.636C86.14,50.83,79.576,58.8,75,64.938" transform="translate(-75 -24.942)" fill="#ff4f40"/><path d="M213.854,25.824A135.427,135.427,0,0,1,225.418,13c4.108-3.988,6.256-5.768,6.256-8.152S229.706,0,222.942,0c-.86,0-1.784.032-2.764.1,3.372,3.512,3.92,8.976-.58,14.86-7.056,9.224-13.624,17.68-15.068,27.156,3.452-3.384,7.272-7.352,11.068-10.828a38.246,38.246,0,0,1,4.58-10.744c-1.952,1.476-4.064,3.224-6.328,5.284Z" transform="translate(-152.718 0)" fill="#fcda15"/><path d="M295.152,62.92A94.249,94.249,0,0,1,286.9,67.8c1.716,3.64,3,7.7,3.82,9.944h11.42A143.649,143.649,0,0,0,295.152,62.92Z" transform="translate(-202.14 -37.752)" fill="#0c71f2"/><path d="M253.374,34.74a7.22,7.22,0,0,0-2.576-.46c-2.668,0-7.44,1.86-14.008,6.828a38.246,38.246,0,0,0-4.58,10.744c5.308-4.86,10.564-8.756,14.7-8.756,1.48,0,2.84.936,4.068,2.392,1.436-4.052,2.5-8,2.4-10.744Z" transform="translate(-169.326 -20.568)" fill="#aac916"/><path d="M287.424,41.272c-.112-.172-.224-.348-.336-.516-1.52-2.284-3.172-4.412-5.564-5.316.1,2.74-.964,6.692-2.4,10.744a86.173,86.173,0,0,0,8.3-4.912" transform="translate(-197.472 -21.264)" fill="#0c71f2"/></g><path class="text" d="M145.224,152.768h-3.112v15.048h3.112ZM0,167.816H12.508v-2.7H3.688l8.824-13.848v-2.432H0v2.7H8.8L0,165.388v2.428Zm25.92-8.876H17.588a4.28,4.28,0,0,1,1.364-2.772,3.992,3.992,0,0,1,2.76-1.024,4.387,4.387,0,0,1,2.976,1.036,3.541,3.541,0,0,1,1.228,2.76m3.14,2.512a9.836,9.836,0,0,0,.108-1.528,7.845,7.845,0,0,0-.928-3.864,6.566,6.566,0,0,0-2.6-2.608,7.657,7.657,0,0,0-3.8-.928,8.056,8.056,0,0,0-3.92.956,6.613,6.613,0,0,0-2.648,2.716,8.537,8.537,0,0,0-.944,4.084,8.364,8.364,0,0,0,.968,4.084,6.923,6.923,0,0,0,2.676,2.732,7.667,7.667,0,0,0,3.864.968,7.246,7.246,0,0,0,4.44-1.324,6.79,6.79,0,0,0,2.472-3.4h-3.36a3.642,3.642,0,0,1-3.552,2.1,4.152,4.152,0,0,1-4.288-3.988h11.5Zm2.62,6.364h3.112V147.6H31.676Zm6.664,0h3.112V147.6H38.34Zm17.944-7.54a5.521,5.521,0,0,1-.644,2.716,4.461,4.461,0,0,1-1.68,1.76,4.4,4.4,0,0,1-2.24.6,4.293,4.293,0,0,1-2.228-.616,4.512,4.512,0,0,1-1.692-1.788,5.605,5.605,0,0,1-.644-2.732,5.374,5.374,0,0,1,.644-2.692,4.482,4.482,0,0,1,6.16-1.708,4.508,4.508,0,0,1,1.68,1.748,5.452,5.452,0,0,1,.644,2.7m0,7.54h3.14V152.76h-3.14v2.184a6.278,6.278,0,0,0-2.116-1.736,6.575,6.575,0,0,0-3.1-.7,6.864,6.864,0,0,0-6.16,3.684,8.33,8.33,0,0,0-.944,4.016,8.57,8.57,0,0,0,.944,4.056,7.056,7.056,0,0,0,2.556,2.784,6.978,6.978,0,0,0,6.664.284,6.18,6.18,0,0,0,2.16-1.776v2.24Zm7.02-8.576H74.528v-2.624H63.3Zm31.984,8.576H98.4V148.824H95.068l-6.636,14.884-6.664-14.884h-3.36v18.984H81.52v-13l5.816,13h2.156l5.792-13v13Zm17.208-8.876h-8.332a4.28,4.28,0,0,1,1.364-2.772,3.993,3.993,0,0,1,2.76-1.024,4.387,4.387,0,0,1,2.976,1.036,3.541,3.541,0,0,1,1.228,2.76m3.14,2.512a9.836,9.836,0,0,0,.108-1.528,7.845,7.845,0,0,0-.928-3.864,6.566,6.566,0,0,0-2.6-2.608,7.657,7.657,0,0,0-3.8-.928,8.056,8.056,0,0,0-3.92.956,6.613,6.613,0,0,0-2.648,2.716,8.537,8.537,0,0,0-.944,4.084,8.364,8.364,0,0,0,.968,4.084,6.9,6.9,0,0,0,2.676,2.732,7.667,7.667,0,0,0,3.864.968,7.263,7.263,0,0,0,4.44-1.324,6.79,6.79,0,0,0,2.472-3.4h-3.36a3.642,3.642,0,0,1-3.552,2.1,4.152,4.152,0,0,1-4.288-3.988h11.5Zm13.3,6.364h3.088v-8.876a7.281,7.281,0,0,0-.78-3.5,5.249,5.249,0,0,0-2.132-2.184,6.3,6.3,0,0,0-3.072-.736,6.691,6.691,0,0,0-2.664.52,5.235,5.235,0,0,0-2.008,1.476V147.6h-3.112v20.212h3.112V159.4a4.326,4.326,0,0,1,1.024-3.1,3.642,3.642,0,0,1,2.772-1.08,3.6,3.6,0,0,1,2.76,1.08,4.377,4.377,0,0,1,1.012,3.1v8.408Zm6.5,0h3.112V147.6h-3.112Zm9.64-17.616a2.049,2.049,0,0,0,0-2.84,1.893,1.893,0,0,0-1.392-.572,1.966,1.966,0,0,0-1.42.572,1.992,1.992,0,0,0,1.42,3.412,1.87,1.87,0,0,0,1.392-.572m11.608,7.156h3.112a4.651,4.651,0,0,0-1.68-3.536,6.3,6.3,0,0,0-4.14-1.3,7.623,7.623,0,0,0-3.044.572,4.732,4.732,0,0,0-2.036,1.572,3.714,3.714,0,0,0-.712,2.2,3.5,3.5,0,0,0,.78,2.376,4.852,4.852,0,0,0,1.844,1.34,23.929,23.929,0,0,0,2.76.9,15.431,15.431,0,0,1,2.556.9,1.331,1.331,0,0,1,.8,1.256,1.518,1.518,0,0,1-.724,1.3,3.529,3.529,0,0,1-2.036.5,3.236,3.236,0,0,1-2.088-.64,2.2,2.2,0,0,1-.916-1.
1176h-3.224a4.361,4.361,0,0,0,.872,2.472,5.605,5.605,0,0,0,2.228,1.748,7.583,7.583,0,0,0,3.184.644,7.448,7.448,0,0,0,3.044-.572,4.726,4.726,0,0,0,2.008-1.584,3.9,3.9,0,0,0,.712-2.292,3.5,3.5,0,0,0-.792-2.32,5.012,5.012,0,0,0-1.816-1.324,20.168,20.168,0,0,0-2.692-.888c-.82-.236-1.44-.432-1.856-.588a3.044,3.044,0,0,1-1.064-.644,1.323,1.323,0,0,1-.436-1.012,1.439,1.439,0,0,1,.656-1.228,3.243,3.243,0,0,1,1.884-.464,3.088,3.088,0,0,1,1.992.6,2.218,2.218,0,0,1,.82,1.612" transform="translate(-9591.621 3247.526)"/></g></svg>      </a>
118  
119      <div class="hidden lg:flex max-w-[340px] mr-8">
120        
121<form action="https://zella-mehlis.de/s" autocomplete="off" class="search header-search w-full relative" method="get">
122    <input id="search" name="q" placeholder="Suchtext eingeben" type="search" value="">
123    <button class="btn-submit" type="submit" title="Suche starten">
124        <span class="material-icons icon">search </span>    </button>
125</form>
126
127      </div>
128  
129      <div class="hidden lg:flex h-full">
130        <div class="flex justify-center items-center gap-4 lg:gap-2 xl:gap-4 p-4">
131            <a class="social-link" href="https://www.facebook.com/StadtZellaMehlis" title="Zella-Mehlis auf Facebook"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><g transform="translate(-3273 194)"><rect width="40" height="40" transform="translate(3273 -194)" fill="none"/><g transform="translate(3282 -185)"><path d="M2.791,22.33h8.374V14.654H8.374V11.165h2.791V8.374a4.186,4.186,0,0,1,4.187-4.187h2.791V7.676h-1.4c-.77,0-1.4-.073-1.4.7v2.791h3.489l-1.4,3.489H15.352V22.33h4.187a2.8,2.8,0,0,0,2.791-2.791V2.791A2.794,2.794,0,0,0,19.539,0H2.791A2.793,2.793,0,0,0,0,2.791V19.539A2.794,2.794,0,0,0,2.791,22.33Z" fill="currentColor"/></g></g></svg></a>
132            <a class="social-link" href="https://www.instagram.com/zellamehlis/" title="Zella-Mehlis auf Instagram"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><g transform="translate(-3326 194)"><rect width="40" height="40" transform="translate(3326 -194)" fill="none"/><g transform="translate(3335 -185)"><path d="M11.122,5.838A5.276,5.276,0,1,0,16.4,11.114,5.276,5.276,0,0,0,11.122,5.838Zm0,8.7a3.425,3.425,0,1,1,3.425-3.425A3.424,3.424,0,0,1,11.122,14.539Z" transform="translate(0.169 0.177)" fill="currentColor"/><path d="M15.946.072c-2.078-.1-7.223-.092-9.3,0A6.748,6.748,0,0,0,1.905,1.9C-.266,4.069.011,7,.011,11.287c0,4.392-.245,7.251,1.894,9.389,2.18,2.179,5.149,1.894,9.389,1.894,4.351,0,5.852,0,7.391-.593,2.092-.812,3.67-2.682,3.825-6.04.1-2.078.092-7.223,0-9.3C22.324,2.671,20.2.267,15.946.072ZM19.235,19.24c-1.424,1.424-3.4,1.3-7.968,1.3-4.7,0-6.591.07-7.968-1.311C1.714,17.648,2,15.114,2,11.272c0-5.2-.533-8.942,4.684-9.21,1.2-.042,1.552-.056,4.569-.056l.042.028c5.014,0,8.948-.525,9.184,4.691.054,1.19.066,1.548.066,4.561C20.546,15.936,20.634,17.834,19.235,19.24Z" transform="translate(0 -0.001)" fill="currentColor"/><circle cx="1.454" cy="1.454" r="1.454" transform="translate(16.001 3.674)" fill="currentColor"/></g></g></svg></a>
133            <a class="social-link" href="https://www.youtube.com/channel/UC_SpLss1UXOwS_8fwRVSIrA" title="Zella-Mehlis auf YouTube"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><g transform="translate(-3380 194)"><rect width="40" height="40" transform="translate(3380 -194)" fill="none"/><g transform="translate(3387 -184)"><path d="M25.994,6.226l.033.22a3.394,3.394,0,0,0-2.29-2.37l-.023-.006C21.641,3.5,13.3,3.5,13.3,3.5s-8.318-.011-10.411.57A3.394,3.394,0,0,0,.584,6.422l-.006.024A38.035,38.035,0,0,0,.613,19.854l-.034-.222A3.394,3.394,0,0,0,2.869,22l.023.006c2.07.571,10.411.571,10.411.571s8.317,0,10.411-.571a3.394,3.394,0,0,0,2.308-2.352l.006-.024a35.541,35.541,0,0,0,.554-6.339c0-.082,0-.165,0-.248s0-.167,0-.258a36.667,36.667,0,0,0-.588-6.561ZM10.642,17.137V8.952l6.94,4.1Z" transform="translate(0 -3.5)" fill="currentColor"/></g></g></svg></a>
134    </div>      </div>
135  
136      <div 
137    x-data="{ fullscreenModal: false }"
138    x-init="
139    $watch('fullscreenModal', function(value){
140            if(value === true){
141                document.body.classList.add('menu-open');
142            }else{
143                document.body.classList.remove('menu-open');
144            }
145        })
146    "
147    @keydown.escape="fullscreenModal=false"
148    >
149    <button @click="if(fullscreenModal == true){fullscreenModal=false}else{fullscreenModal=true}" :class="fullscreenModal ? 'open' : ''" class="menu-button inline-flex items-center justify-end gap-2 p-2 ml-3 bg-primary-base hover:bg-primary-hover focus:outline-none focus:ring-2 focus:ring-primary-base">
150        <div class="caption text-[1rem] font-bold hidden xl:inline relative">
151            <span class="absolute right-0 underline" :class="fullscreenModal ? 'invisible' : ''">Menü</span>
152            <span class="underline" :class="fullscreenModal ? '' : 'invisible'">Schließen</span>
153        </div>
154        <div class="menu-bar w-8 h-8 lg:h-12 flex flex-col items-center justify-center">
155            <div class="bar bar-1"></div>
156            <div class="bar bar-2"></div>
157            <div class="bar bar-3"></div>
158        </div>
159    </button>
160
161    <template x-teleport="body">
162        <div 
163            x-show="fullscreenModal"
164            x-transition:enter="transition ease-out duration-300"
165            x-transition:enter-start="-translate-y-full"
166            x-transition:enter-end="translate-y-0"
167            x-transition:leave="transition ease-in duration-300"
168            x-transition:leave-start="translate-y-0"
169            x-transition:leave-end="translate-y-full"
170            class="flex flex-col items-center fixed inset-0 z-[990] w-screen h-screen bg-darkGrayAlphaColor backdrop-blur"
171            >
172            
173            <div class="spacer h-navbar"></div>
174            
175            <div x-data="{dropdownVisible: false}" class="menu-content relative container flex flex-wrap flex-col lg:flex-row p-8 lg:p-0 h-full justify-start items-start">
176                <div class="flex w-full lg:hidden" :class="dropdownVisible ? 'hidden' : ''">
177                    
178<form action="https://zella-mehlis.de/s" autocomplete="off" class="search header-search w-full relative" method="get">
179    <input id="search" name="q" placeholder="Suchtext eingeben" type="search" value="">
180    <button class="btn-submit" type="submit" title="Suche starten">
181        <span class="material-icons icon">search </span>    </button>
182</form>
183
184                </div>
185
186                <ul class="flex flex-col p-0 lg:p-4 gap-2 mt-4 w-full lg:max-w-1/2">
187                    
188                                                    <li x-data="{dropdownOpen: false}" class="relative">
189                                    <button @click="dropdownOpen=true, dropdownVisible=true" class="nav-link nav-dropdown open-sub" :class="dropdownVisible ? 'hidden' : ''">
190                                        Unsere Stadt                                        <span class="material-icons text-lg">chevron_right</span>
191                                    </button>
192
193                                    <div x-show="dropdownOpen" 
194                                        x-transition:enter="ease-out duration-200"
195                                        x-transition:enter-start="-translate-y-2"
196                                        x-transition:enter-end="translate-y-0"
197                                        class="dropdown-menu-ol"
198                                        x-cloak>
199                                        <div class="spacer h-navbar"></div>
200                                        <div class="dropdown-menu">
201                                            <div class="dropdown-header">
202                                                <div class="dropdown-header-content">
203                                                    <button @click="dropdownOpen=false, dropdownVisible=false" class="dropdown-back">
204                                                        <span class="underline">Zurück</span>
205                                                    </button>
206                                                    <a class="dropdown-title open" href="https://zella-mehlis.de/unsere-stadt" aria-current="page">
207                                                        <span class="material-icons text-lg">chevron_right</span>
208                                                        Unsere Stadt                                                    </a>
209                                                </div>
210                                            </div>
211                                            <div class="dropdown-menu-items">
212                                                                                                    <a href="https://zella-mehlis.de/unsere-stadt/stadtueberblick" class="nav-link" >Stadtüberblick</a>
213                                                                                                    <a href="https://zella-mehlis.de/unsere-stadt/staedtische-einrichtungen" class="nav-link" >Städtische Einrichtungen</a>
214                                                                                                    <a href="https://zella-mehlis.de/unsere-stadt/ortsrecht" class="nav-link" >Ortsrecht</a>
215                                                                                                    <a href="https://zella-mehlis.de/unsere-stadt/kommunalpolitik" class="nav-link" >Kommunalpolitik</a>
216                                                                                            </div>
217                                        </div>
218                                    </div>
219                                </li>
220                                                                                    <li x-data="{dropdownOpen: false}" class="relative">
221                                    <button @click="dropdownOpen=true, dropdownVisible=true" class="nav-link nav-dropdown" :class="dropdownVisible ? 'hidden' : ''">
222                                        Bürgerservice                                        <sp
222an class="material-icons text-lg">chevron_right</span>
223                                    </button>
224
225                                    <div x-show="dropdownOpen" 
226                                        x-transition:enter="ease-out duration-200"
227                                        x-transition:enter-start="-translate-y-2"
228                                        x-transition:enter-end="translate-y-0"
229                                        class="dropdown-menu-ol"
230                                        x-cloak>
231                                        <div class="spacer h-navbar"></div>
232                                        <div class="dropdown-menu">
233                                            <div class="dropdown-header">
234                                                <div class="dropdown-header-content">
235                                                    <button @click="dropdownOpen=false, dropdownVisible=false" class="dropdown-back">
236                                                        <span class="underline">Zurück</span>
237                                                    </button>
238                                                    <a class="dropdown-title" href="https://zella-mehlis.de/buergerservice" >
239                                                        <span class="material-icons text-lg">chevron_right</span>
240                                                        Bürgerservice                                                    </a>
241                                                </div>
242                                            </div>
243                                            <div class="dropdown-menu-items">
244                                                                                                    <a href="https://zella-mehlis.de/buergerservice/das-rathaus" class="nav-link" >Das Rathaus</a>
245                                                                                                    <a href="https://zella-mehlis.de/buergerservice/staedtische-raeume-mieten" class="nav-link" >Städtische Räume mieten</a>
246                                                                                                    <a href="https://zella-mehlis.de/buergerservice/familie-und-soziales" class="nav-link" >Familie und Soziales</a>
247                                                                                                    <a href="https://zella-mehlis.de/buergerservice/ordnung-und-sicherheit" class="nav-link" >Ordnung und Sicherheit</a>
248                                                                                                    <a href="https://zella-mehlis.de/buergerservice/fundbuero" class="nav-link" >Fundbüro</a>
249                                                                                                    <a href="https://zella-mehlis.de/buergerservice/planen-und-bauen" class="nav-link" >Planen und Bauen</a>
250                                                                                                    <a href="https://zella-mehlis.de/buergerservice/leben-und-wohnen" class="nav-link" >Leben und Wohnen</a>
251                                                                                                    <a href="https://zella-mehlis.de/buergerservice/umwelt-verkehr-natur" class="nav-link" >Umwelt, Verkehr &amp; Natur</a>
252                                                                                                    <a href="https://zella-mehlis.de/buergerservice/stadtanzeiger-amtsblatt" class="nav-link" >Stadtanzeiger / Amtsblatt</a>
253                                                                                                    <a href="https://zella-mehlis.de/buergerservice/maengelmelder" class="nav-link" >Mängelmelder<span class="material-icons icon">open_in_new </span></a>
254                                                                                                    <a href="https://zella-mehlis.de/buergerservice/geoportal" class="nav-link" >Geoportal</a>
255                                                                                                    <a href="https://zella-mehlis.de/buergerservice/download-archiv" class="nav-link" >Download-Archiv<span class="material-icons icon">open_in_new </span></a>
256                                                                                            </div>
257                                        </div>
258                                    </div>
259                                </li>
260                                                                                    <li>
261                                    <a class="nav-link" :class="dropdownVisible ? 'hidden' : ''"  href="https://zella-mehlis.de/rathaus-online1">Rathaus online<span class="material-icons icon">open_in_new </span></a>
262                                </li>
263                                                                                    <li x-data="{dropdownOpen: false}" class="relative">
264                                    <button @click="dropdownOpen=true, dropdownVisible=true" class="nav-link nav-dropdown" :class="dropdownVisible ? 'hidden' : ''">
265                                        Wirtschaft                                        <sp
265an class="material-icons text-lg">chevron_right</span>
266                                    </button>
267
268                                    <div x-show="dropdownOpen" 
269                                        x-transition:enter="ease-out duration-200"
270                                        x-transition:enter-start="-translate-y-2"
271                                        x-transition:enter-end="translate-y-0"
272                                        class="dropdown-menu-ol"
273                                        x-cloak>
274                                        <div class="spacer h-navbar"></div>
275                                        <div class="dropdown-menu">
276                                            <div class="dropdown-header">
277                                                <div class="dropdown-header-content">
278                                                    <button @click="dropdownOpen=false, dropdownVisible=false" class="dropdown-back">
279                                                        <span class="underline">Zurück</span>
280                                                    </button>
281                                                    <a class="dropdown-title" href="https://zella-mehlis.de/wirtschaft" >
282                                                        <span class="material-icons text-lg">chevron_right</span>
283                                                        Wirtschaft                                                    </a>
284                                                </div>
285                                            </div>
286                                            <div class="dropdown-menu-items">
287                                                                                                    <a href="https://zella-mehlis.de/wirtschaft/aktuelles-aus-der-wirtschaft" class="nav-link" >Aktuelles aus der Wirtschaft</a>
288                                                                                                    <a href="https://zella-mehlis.de/wirtschaft/investieren-in-zella-mehlis" class="nav-link" >Investieren in Zella-Mehlis</a>
289                                                                                                    <a href="https://zella-mehlis.de/wirtschaft/fuer-unternehmer" class="nav-link" >Für Unternehmer</a>
290                                                                                            </div>
291                                        </div>
292                                    </div>
293                                </li>
294                                                                                    <li>
295                                    <a class="nav-link" :class="dropdownVisible ? 'hidden' : ''"  href="https://zella-mehlis.de/tourismus">Tourismus<span class="material-icons icon">open_in_new </span></a>
296                                </li>
297                                                                                    <li x-data="{dropdownOpen: false}" class="relative">
298                                    <button @click="dropdownOpen=true, dropdownVisible=true" class="nav-link nav-dropdown" :class="dropdownVisible ? 'hidden' : ''">
299                                        Freizeit                                        <span class="material-icons text-lg">chevron_right</span>
300                                    </button>
301
302                                    <div x-show="dropdownOpen" 
303                                        x-transition:enter="ease-out duration-200"
304                                        x-transition:enter-start="-translate-y-2"
305                                        x-transition:enter-end="translate-y-0"
306                                        class="dropdown-menu-ol"
307                                        x-cloak>
308                                        <div class="spacer h-navbar"></div>
309                                        <div class="dropdown-menu">
310                                            <div class="dropdown-header">
311                                                <div class="dropdown-header-content">
312                                                    <button @click="dropdownOpen=false, dropdownVisible=false" class="dropdown-back">
313                                                        <span class="underline">Zurück</span>
314                                                    </button>
315                                                    <a class="dropdown-title" href="https://zella-mehlis.de/freizeit" >
316                                                        <span class="material-icons text-lg">chevron_right</span>
317                                                        Freizeit                                                    </a>
318                                                </div>
319                                            </div>
320                                            <div class="dropdown-menu-items">
321                                                                                                    <a href="https://zella-mehlis.de/freizeit/veranstaltungen" class="nav-link" >Veranstaltungen<span class="material-icons icon">open_in_new </span></a>
322                                                                                                    <a href="https://zella-mehlis.de/freizeit/kultur-freizeiteinrichtungen" class="nav-link" >Kultur- &amp; Freizeiteinrichtungen</a>
323                                                                                                    <a href="https://zella-mehlis.de/freizeit/aktiv-in-der-stadt" class="nav-link" >Aktiv in der Stadt</a>
324                                                                                                    <a href="https://zella-mehlis.de/freizeit/aktiv-in-der-natur" class="nav-link" >Aktiv in der Natur</a>
325                                                                                                    <a href="https://zella-mehlis.de/freizeit/engagiert" class="nav-link" >Engagiert</a>
326                                                                                            </div>
327                                        </div>
328                                    </div>
329                                </li>
330                                                                    </ul>                
331
332                <div class="flex lg:hidden self-start mt-auto" :class="dropdownVisible ? 'hidden' : ''">
333                    <div class="flex justify-center items-center gap-4 lg:gap-2 xl:gap-4 p-4">
334            <a class="social-link" href="https://www.facebook.com/StadtZellaMehlis" title="Zella-Mehlis auf Facebook"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><g transform="translate(-3273 194)"><rect width="40" height="40" transform="translate(3273 -194)" fill="none"/><g transform="translate(3282 -185)"><path d="M2.791,22.33h8.374V14.654H8.374V11.165h2.791V8.374a4.186,4.186,0,0,1,4.187-4.187h2.791V7.676h-1.4c-.77,0-1.4-.073-1.4.7v2.791h3.489l-1.4,3.489H15.352V22.33h4.187a2.8,2.8,0,0,0,2.791-2.791V2.791A2.794,2.794,0,0,0,19.539,0H2.791A2.793,2.793,0,0,0,0,2.791V19.539A2.794,2.794,0,0,0,2.791,22.33Z" fill="currentColor"/></g></g></svg></a>
335            <a class="social-link" href="https://www.instagram.com/zellamehlis/" title="Zella-Mehlis auf Instagram"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><g transform="translate(-3326 194)"><rect width="40" height="40" transform="translate(3326 -194)" fill="none"/><g transform="translate(3335 -185)"><path d="M11.122,5.838A5.276,5.276,0,1,0,16.4,11.114,5.276,5.276,0,0,0,11.122,5.838Zm0,8.7a3.425,3.425,0,1,1,3.425-3.425A3.424,3.424,0,0,1,11.122,14.539Z" transform="translate(0.169 0.177)" fill="currentColor"/><path d="M15.946.072c-2.078-.1-7.223-.092-9.3,0A6.748,6.748,0,0,0,1.905,1.9C-.266,4.069.011,7,.011,11.287c0,4.392-.245,7.251,1.894,9.389,2.18,2.179,5.149,1.894,9.389,1.894,4.351,0,5.852,0,7.391-.593,2.092-.812,3.67-2.682,3.825-6.04.1-2.078.092-7.223,0-9.3C22.324,2.671,20.2.267,15.946.072ZM19.235,19.24c-1.424,1.424-3.4,1.3-7.968,1.3-4.7,0-6.591.07-7.968-1.311C1.714,17.648,2,15.114,2,11.272c0-5.2-.533-8.942,4.684-9.21,1.2-.042,1.552-.056,4.569-.056l.042.028c5.014,0,8.948-.525,9.184,4.691.054,1.19.066,1.548.066,4.561C20.546,15.936,20.634,17.834,19.235,19.24Z" transform="translate(0 -0.001)" fill="currentColor"/><circle cx="1.454" cy="1.454" r="1.454" transform="translate(16.001 3.674)" fill="currentColor"/></g></g></svg></a>
336            <a class="social-link" href="https://www.youtube.com/channel/UC_SpLss1UXOwS_8fwRVSIrA" title="Zella-Mehlis auf YouTube"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><g transform="translate(-3380 194)"><rect width="40" height="40" transform="translate(3380 -194)" fill="none"/><g transform="translate(3387 -184)"><path d="M25.994,6.226l.033.22a3.394,3.394,0,0,0-2.29-2.37l-.023-.006C21.641,3.5,13.3,3.5,13.3,3.5s-8.318-.011-10.411.57A3.394,3.394,0,0,0,.584,6.422l-.006.024A38.035,38.035,0,0,0,.613,19.854l-.034
336-.222A3.394,3.394,0,0,0,2.869,22l.023.006c2.07.571,10.411.571,10.411.571s8.317,0,10.411-.571a3.394,3.394,0,0,0,2.308-2.352l.006-.024a35.541,35.541,0,0,0,.554-6.339c0-.082,0-.165,0-.248s0-.167,0-.258a36.667,36.667,0,0,0-.588-6.561ZM10.642,17.137V8.952l6.94,4.1Z" transform="translate(0 -3.5)" fill="currentColor"/></g></g></svg></a>
337    </div>                </div>
338            </div>
339        </div>
340    </template>
341</div>    </div>
342  </nav>
343</div>  <div class="spacer h-navbar"></div>
344  <main class="main-unsere-stadt">
345
346    <div class="page-header min-h-[30vh] lg:min-h-[50vh] flex items-end lg:items-stretch bg-no-repeat bg-cover bg-center-center bg-primary" style="background-image: url(https://zella-mehlis.de/media/pages/unsere-stadt/da39f7e12e-1706887589/zella-mehlis-header-stadt-q60.jpg")";>
347            <div class="page-header-text w-full lg:max-w-1/3 flex flex-col justify-center gap-4 py-8 px-4 lg:py-16 lg:pl-16 lg:pr-8 flex-1 relative">
348            <div class="header-bg transition-default absolute w-full h-full left-0 top-0 z-0 bg-primary opacity-80"></div>
349                <h1 class="text-white z-10">Zella-Mehlis hinter den Kulissen</h1>
350                            <h4 class="text-white z-10">Alles, was Sie über die Aufgaben der Stadt wissen müssen</h4>
351                        
352                            <div class="header-swing transition-default hidden lg:block w-32 lg:w-64 absolute h-full left-full top-0 z-0 text-primary opacity-80">
353                    <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 360 700" preserveAspectRatio="none"><path d="M144.224,0h-360V700h12.2C-149.012,467.481-56.8,143.305,144.224,0" transform="translate(215.776)" fill="currentColor"/></svg>                </div>
354                    </div>
355</div>
356
357
358    <nav class="page-subnav bg-darkGrayColor z-10">
359        <div class="container mx-auto relative">
360            <ul class="flex flex-row gap-2 w-full overflow-x-auto overflow-y-hidden">
361                <!-- mobile menu -->
362                <li x-data="{dropdownOpen: false}" class="static snap-center list-item lg:hidden">
363                    <button @click="dropdownOpen=true" :class="dropdownOpen ? 'text-primaryOnDark' : ''" class="subnav-link nav-dropdown">
364                        <span class="material-icons text-lg text-primaryOnDark">menu</span>
365                        Unsere Stadt                        <span class="material-icons text-lg text-primaryOnDark" x-text="dropdownOpen ? 'expand_less' : 'expand_more'"></span>
366                    </button>
367
368                    <div x-show="dropdownOpen"
369                        @click.away="dropdownOpen=false"
370                        x-transition:enter="ease-out duration-200"
371                        x-transition:enter-start="-translate-y-2"
372                        x-transition:enter-end="translate-y-0"
373                        class="absolute z-500 min-w-[14rem] left-0 w-full lg:left-auto lg:w-auto"
374                        x-cloak>
375                        <div class="subnav-dropdown bg-primary shadow-md flex flex-col py-2">
376                                                                <div x-data="{dropdownOpen: false}" class="dropdown-subnav">
377                                        <button @click="dropdownOpen=true" :class="dropdownOpen ? 'bg-darkGrayColor text-white' : ''" class="subnav-sublink nav-dropdown">
378                                            Stadtüberblick                                            <span class="material-icons text-lg text-current" x-text="dropdownOpen ? 'expand_less' : 'expand_more'"></span>
379                                        </button>
380            
381                                        <div x-show="dropdownOpen"
382                                            @click.away="dropdownOpen=false"
383                                            x-transition:enter="ease-out duration-200"
384                                            x-transition:enter-start="-translate-y-2"
385                                            x-transition:enter-end="translate-y-0"
386                                            class="dropdown-subnav absolute z-500 min-w-[14rem] left-4 w-full lg:w-auto"
387                                            x-cloak>
388                                            <div class="bg-darkGrayHoverColor shadow-md flex flex-col py-2">
389                                                                                                    <a href="https://zella-mehlis.de/unsere-stadt/stadtueberblick/geschichte" class="subnav-sublink-dropdown-link"   >
390                                                        Geschichte</a>
391                                                    </a>
392                                                                                                    <a href="https://zella-mehlis.de/unsere-stadt/stadtueberblick/ortsteil-benshausen" class="subnav-sublink-dropdown-link"   >
393                                                        Ortsteil Benshausen</a>
394                                                    </a>
395                                                                                                    <a href="https://zella-mehlis.de/unsere-stadt/stadtueberblick/partnerstaedte" class="subnav-sublink-dropdown-link"   >
396                                                        Partnerstädte</a>
397                                                    </a>
398                                                                                            </div>
399                                        </div>
400                                    </div>
401                                                                                                <div x-data="{dropdownOpen: false}" class="dropdown-subnav">
402                                        <button @click="dropdownOpen=true" :class="dropdownOpen ? 'bg-darkGrayColor text-white' : ''" class="subnav-sublink nav-dropdown">
403                                            Städtische Einrichtungen                                            <sp
403an class="material-icons text-lg text-current" x-text="dropdownOpen ? 'expand_less' : 'expand_more'"></span>
404                                        </button>
405            
406                                        <div x-show="dropdownOpen"
407                                            @click.away="dropdownOpen=false"
408                                            x-transition:enter="ease-out duration-200"
409                                            x-transition:enter-start="-translate-y-2"
410                                            x-transition:enter-end="translate-y-0"
411                                            class="dropdown-subnav absolute z-500 min-w-[14rem] left-4 w-full lg:w-auto"
412                                            x-cloak>
413                                            <div class="bg-darkGrayHoverColor shadow-md flex flex-col py-2">
414                                                                                                    <a href="https://zella-mehlis.de/unsere-stadt/staedtische-einrichtungen/baubetriebshof" class="subnav-sublink-dropdown-link"   >
415                                                        Baubetriebshof</a>
416                                                    </a>
417                                                                                                    <a href="https://zella-mehlis.de/unsere-stadt/staedtische-einrichtungen/wertstoffhof" class="subnav-sublink-dropdown-link"   >
418                                                        Wertstoffhof</a>
419                                                    </a>
420                                                                                                    <a href="https://zella-mehlis.de/unsere-stadt/staedtische-einrichtungen/friedhof" class="subnav-sublink-dropdown-link"   >
421                                                        Friedhof</a>
422                                                    </a>
423                                                                                                    <a href="https://zella-mehlis.de/unsere-stadt/staedtische-einrichtungen/freiwillige-feuerwehr" class="subnav-sublink-dropdown-link"   target="_blank">
424                                                        Freiwillige Feuerwehr<span class="material-icons icon">open_in_new </span></a>
425                                                    </a>
426                                                                                                    <a href="https://zella-mehlis.de/unsere-stadt/staedtische-einrichtungen/schiedsstelle" class="subnav-sublink-dropdown-link"   >
427                                                        Schiedsstelle</a>
428                                                    </a>
429                                                                                                    <a href="https://zella-mehlis.de/unsere-stadt/staedtische-einrichtungen/dorfgemeinschaftshaus" class="subnav-sublink-dropdown-link"   >
430                                                        Dorfgemeinschaftshaus</a>
431                                                    </a>
432                                                                                                    <a href="https://zella-mehlis.de/unsere-stadt/staedtische-einrichtungen/buergerhaus" class="subnav-sublink-dropdown-link"   >
433                                                        Bürgerhaus</a>
434                                                    </a>
435                                                                                                    <a href="https://zella-mehlis.de/unsere-stadt/staedtische-einrichtungen/tierauffangstation" class="subnav-sublink-dropdown-link"   target="_blank">
436                                                        Tierauffangstation<span class="material-icons icon">open_in_new </span></a>
437                                                    </a>
438                                                                                                    <a href="https://zella-mehlis.de/unsere-stadt/staedtische-einrichtungen/kinder-und-jugendfreizeittreff" class="subnav-sublink-dropdown-link"   target="_blank">
439                                                        Kinder- und Jugendfreizeittreff<span class="material-icons icon">open_in_new </span></a>
440                                                    </a>
441                                                                                                    <a href="https://zella-mehlis.de/unsere-stadt/staedtische-einrichtungen/tourist-information-zella-mehlis" class="subnav-sublink-dropdown-link"   target="_blank">
442                                                        Tourist-Information Zella-Mehlis<span class="material-icons icon">open_in_new </span></a>
443                                                    </a>
444                                                                                            </div>
445                                        </div>
446                                    </div>
447                                                                                                <div x-data="{dropdownOpen: false}" class="dropdown-subnav">
448                                        <button @click="dropdownOpen=true" :class="dropdownOpen ? 'bg-darkGrayColor text-white' : ''" class="subnav-sublink nav-dropdown">
449                                            Ortsrecht                                            <sp
449an class="material-icons text-lg text-current" x-text="dropdownOpen ? 'expand_less' : 'expand_more'"></span>
450                                        </button>
451            
452                                        <div x-show="dropdownOpen"
453                                            @click.away="dropdownOpen=false"
454                                            x-transition:enter="ease-out duration-200"
455                                            x-transition:enter-start="-translate-y-2"
456                                            x-transition:enter-end="translate-y-0"
457                                            class="dropdown-subnav absolute z-500 min-w-[14rem] left-4 w-full lg:w-auto"
458                                            x-cloak>
459                                            <div class="bg-darkGrayHoverColor shadow-md flex flex-col py-2">
460                                                                                                    <a href="https://zella-mehlis.de/unsere-stadt/ortsrecht/allgemeine-verwaltungsaufgaben" class="subnav-sublink-dropdown-link"   >
461                                                        Allgemeine Verwaltungsaufgaben</a>
462                                                    </a>
463                                                                                                    <a href="https://zella-mehlis.de/unsere-stadt/ortsrecht/finanzen-abgaben" class="subnav-sublink-dropdown-link"   >
464                                                        Finanzen &amp; Abgaben</a>
465                                                    </a>
466                                                                                                    <a href="https://zella-mehlis.de/unsere-stadt/ortsrecht/ordnung-sicherheit" class="subnav-sublink-dropdown-link"   >
467                                                        Ordnung &amp; Sicherheit</a>
468                                                    </a>
469                                                                                                    <a href="https://zella-mehlis.de/unsere-stadt/ortsrecht/kultur-sport" class="subnav-sublink-dropdown-link"   >
470                                                        Kultur &amp; Sport</a>
471                                                    </a>
472                                                                                                    <a href="https://zella-mehlis.de/unsere-stadt/ortsrecht/soziales-bildung" class="subnav-sublink-dropdown-link"   >
473                                                        Soziales &amp; Bildung</a>
474                                                    </a>
475                                                                                                    <a href="https://zella-mehlis.de/unsere-stadt/ortsrecht/bau-natur-umwelt" class="subnav-sublink-dropdown-link"   >
476                                                        Bau, Natur &amp; Umwelt</a>
477                                                    </a>
478                                                                                            </div>
479                                        </div>
480                                    </div>
481                                                                                                <div x-data="{dropdownOpen: false}" class="dropdown-subnav">
482                                        <button @click="dropdownOpen=true" :class="dropdownOpen ? 'bg-darkGrayColor text-white' : ''" class="subnav-sublink nav-dropdown">
483                                            Kommunalpolitik                                            <span class="material-icons text-lg text-current" x-text="dropdownOpen ? 'expand_less' : 'expand_more'"></span>
484                                        </button>
485            
486                                        <div x-show="dropdownOpen"
487                                            @click.away="dropdownOpen=false"
488                                            x-transition:enter="ease-out duration-200"
489                                            x-transition:enter-start="-translate-y-2"
490                                            x-transition:enter-end="translate-y-0"
491                                            class="dropdown-subnav absolute z-500 min-w-[14rem] left-4 w-full lg:w-auto"
492                                            x-cloak>
493                                            <div class="bg-darkGrayHoverColor shadow-md flex flex-col py-2">
494                                                                                                    <a href="https://zella-mehlis.de/unsere-stadt/kommunalpolitik/stadtrat-ausschuesse" class="subnav-sublink-dropdown-link"   >
495                                                        Stadtrat &amp; Ausschüsse</a>
496                                                    </a>
497                                                                                                    <a href="https://zella-mehlis.de/unsere-stadt/kommunalpolitik/kinder-und-jugendbeirat" class="subnav-sublink-dropdown-link"   >
498                                                        Kinder- und Jugendbeirat</a>
499                                                    </a>
500                                                                                                    <a href="https://zella-mehlis.de/unsere-stadt/kommunalpolitik/seniorenbeirat" class="subnav-sublink-dropdown-link"   >
501                                                        Seniorenbeirat</a>
502                                                    </a>
503                                                                                                    <a href="https://zella-mehlis.de/unsere-stadt/kommunalpolitik/ortsteilrat-und-ortsteilbuergermeister" class="subnav-sublink-dropdown-link"   >
504                                                        Ortsteilrat und Ortsteilbürgermeister</a>
505                                                    </a>
506                                                                                                    <a href="https://zella-mehlis.de/unsere-stadt/kommunalpolitik/landkreis" class="subnav-sublink-dropdown-link"   target="_blank">
507                                                        Landkreis<span class="material-icons icon">open_in_new </span></a>
508                                                    </a>
509                                                                                            </div>
510                                        </div>
511                                    </div>
512                                                                                    </div>
513                    </div>
514                </li>
515
516                <!-- desktop menu -->
517                                        <li x-data="{dropdownOpen: false}" class="static snap-center hidden lg:list-item">
518                            <button @click="dropdownOpen=true" :class="dropdownOpen ? 'text-primaryOnDark' : ''" class="subnav-link nav-dropdown">
519                                Stadtüberblick                                <sp
519an class="material-icons text-lg text-current" x-text="dropdownOpen ? 'expand_less' : 'expand_more'"></span>
520                            </button>
521
522                            <div x-show="dropdownOpen"
523                                @click.away="dropdownOpen=false"
524                                x-transition:enter="ease-out duration-200"
525                                x-transition:enter-start="-translate-y-2"
526                                x-transition:enter-end="translate-y-0"
527                                class="absolute z-500 min-w-[14rem] left-0 w-full lg:left-auto lg:w-auto"
528                                x-cloak>
529                                <div class="subnav-dropdown bg-primary shadow-md flex flex-col py-2">
530                                                                            <a href="https://zella-mehlis.de/unsere-stadt/stadtueberblick/geschichte" class="subnav-sublink"   >
531                                            Geschichte</a>
532                                        </a>
533                                                                            <a href="https://zella-mehlis.de/unsere-stadt/stadtueberblick/ortsteil-benshausen" class="subnav-sublink"   >
534                                            Ortsteil Benshausen</a>
535                                        </a>
536                                                                            <a href="https://zella-mehlis.de/unsere-stadt/stadtueberblick/partnerstaedte" class="subnav-sublink"   >
537                                            Partnerstädte</a>
538                                        </a>
539                                                                    </div>
540                            </div>
541                                                        <li x-data="{dropdownOpen: false}" class="static snap-center hidden lg:list-item">
542                            <button @click="dropdownOpen=true" :class="dropdownOpen ? 'text-primaryOnDark' : ''" class="subnav-link nav-dropdown">
543                                Städtische Einrichtungen                                <span class="material-icons text-lg text-current" x-text="dropdownOpen ? 'expand_less' : 'expand_more'"></span>
544                            </button>
545
546                            <div x-show="dropdownOpen"
547                                @click.away="dropdownOpen=false"
548                                x-transition:enter="ease-out duration-200"
549                                x-transition:enter-start="-translate-y-2"
550                                x-transition:enter-end="translate-y-0"
551                                class="absolute z-500 min-w-[14rem] left-0 w-full lg:left-auto lg:w-auto"
552                                x-cloak>
553                                <div class="subnav-dropdown bg-primary shadow-md flex flex-col py-2">
554                                                                            <a href="https://zella-mehlis.de/unsere-stadt/staedtische-einrichtungen/baubetriebshof" class="subnav-sublink"   >
555                                            Baubetriebshof</a>
556                                        </a>
557                                                                            <a href="https://zella-mehlis.de/unsere-stadt/staedtische-einrichtungen/wertstoffhof" class="subnav-sublink"   >
558                                            Wertstoffhof</a>
559                                        </a>
560                                                                            <a href="https://zella-mehlis.de/unsere-stadt/staedtische-einrichtungen/friedhof" class="subnav-sublink"   >
561                                            Friedhof</a>
562                                        </a>
563                                                                            <a href="https://zella-mehlis.de/unsere-stadt/staedtische-einrichtungen/freiwillige-feuerwehr" class="subnav-sublink"   target="_blank">
564                                            Freiwillige Feuerwehr<span class="material-icons icon">open_in_new </span></a>
565                                        </a>
566                                                                            <a href="https://zella-mehlis.de/unsere-stadt/staedtische-einrichtungen/schiedsstelle" class="subnav-sublink"   >
567                                            Schiedsstelle</a>
568                                        </a>
569                                                                            <a href="https://zella-mehlis.de/unsere-stadt/staedtische-einrichtungen/dorfgemeinschaftshaus" class="subnav-sublink"   >
570                                            Dorfgemeinschaftshaus</a>
571                                        </a>
572                                                                            <a href="https://zella-mehlis.de/unsere-stadt/staedtische-einrichtungen/buergerhaus" class="subnav-sublink"   >
573                                            Bürgerhaus</a>
574                                        </a>
575                                                                            <a href="https://zella-mehlis.de/unsere-stadt/staedtische-einrichtungen/tierauffangstation" class="subnav-sublink"   target="_blank">
576                                            Tierauffangstation<span class="material-icons icon">open_in_new </span></a>
577                                        </a>
578                                                                            <a href="https://zella-mehlis.de/unsere-stadt/staedtische-einrichtungen/kinder-und-jugendfreizeittreff" class="subnav-sublink"   target="_blank">
579                                            Kinder- und Jugendfreizeittreff<span class="material-icons icon">open_in_new </span></a>
580                                        </a>
581                                                                            <a href="https://zella-mehlis.de/unsere-stadt/staedtische-einrichtungen/tourist-information-zella-mehlis" class="subnav-sublink"   target="_blank">
582                                            Tourist-Information Zella-Mehlis<span class="material-icons icon">open_in_new </span></a>
583                                        </a>
584                                                                    </div>
585                            </div>
586                                                        <li x-data="{dropdownOpen: false}" class="static snap-center hidden lg:list-item">
587                            <button @click="dropdownOpen=true" :class="dropdownOpen ? 'text-primaryOnDark' : ''" class="subnav-link nav-dropdown">
588                                Ortsrecht                                <sp
588an class="material-icons text-lg text-current" x-text="dropdownOpen ? 'expand_less' : 'expand_more'"></span>
589                            </button>
590
591                            <div x-show="dropdownOpen"
592                                @click.away="dropdownOpen=false"
593                                x-transition:enter="ease-out duration-200"
594                                x-transition:enter-start="-translate-y-2"
595                                x-transition:enter-end="translate-y-0"
596                                class="absolute z-500 min-w-[14rem] left-0 w-full lg:left-auto lg:w-auto"
597                                x-cloak>
598                                <div class="subnav-dropdown bg-primary shadow-md flex flex-col py-2">
599                                                                            <a href="https://zella-mehlis.de/unsere-stadt/ortsrecht/allgemeine-verwaltungsaufgaben" class="subnav-sublink"   >
600                                            Allgemeine Verwaltungsaufgaben</a>
601                                        </a>
602                                                                            <a href="https://zella-mehlis.de/unsere-stadt/ortsrecht/finanzen-abgaben" class="subnav-sublink"   >
603                                            Finanzen &amp; Abgaben</a>
604                                        </a>
605                                                                            <a href="https://zella-mehlis.de/unsere-stadt/ortsrecht/ordnung-sicherheit" class="subnav-sublink"   >
606                                            Ordnung &amp; Sicherheit</a>
607                                        </a>
608                                                                            <a href="https://zella-mehlis.de/unsere-stadt/ortsrecht/kultur-sport" class="subnav-sublink"   >
609                                            Kultur &amp; Sport</a>
610                                        </a>
611                                                                            <a href="https://zella-mehlis.de/unsere-stadt/ortsrecht/soziales-bildung" class="subnav-sublink"   >
612                                            Soziales &amp; Bildung</a>
613                                        </a>
614                                                                            <a href="https://zella-mehlis.de/unsere-stadt/ortsrecht/bau-natur-umwelt" class="subnav-sublink"   >
615                                            Bau, Natur &amp; Umwelt</a>
616                                        </a>
617                                                                    </div>
618                            </div>
619                                                        <li x-data="{dropdownOpen: false}" class="static snap-center hidden lg:list-item">
620                            <button @click="dropdownOpen=true" :class="dropdownOpen ? 'text-primaryOnDark' : ''" class="subnav-link nav-dropdown">
621                                Kommunalpolitik                                <span class="material-icons text-lg text-current" x-text="dropdownOpen ? 'expand_less' : 'expand_more'"></span>
622                            </button>
623
624                            <div x-show="dropdownOpen"
625                                @click.away="dropdownOpen=false"
626                                x-transition:enter="ease-out duration-200"
627                                x-transition:enter-start="-translate-y-2"
628                                x-transition:enter-end="translate-y-0"
629                                class="absolute z-500 min-w-[14rem] left-0 w-full lg:left-auto lg:w-auto"
630                                x-cloak>
631                                <div class="subnav-dropdown bg-primary shadow-md flex flex-col py-2">
632                                                                            <a href="https://zella-mehlis.de/unsere-stadt/kommunalpolitik/stadtrat-ausschuesse" class="subnav-sublink"   >
633                                            Stadtrat &amp; Ausschüsse</a>
634                                        </a>
635                                                                            <a href="https://zella-mehlis.de/unsere-stadt/kommunalpolitik/kinder-und-jugendbeirat" class="subnav-sublink"   >
636                                            Kinder- und Jugendbeirat</a>
637                                        </a>
638                                                                            <a href="https://zella-mehlis.de/unsere-stadt/kommunalpolitik/seniorenbeirat" class="subnav-sublink"   >
639                                            Seniorenbeirat</a>
640                                        </a>
641                                                                            <a href="https://zella-mehlis.de/unsere-stadt/kommunalpolitik/ortsteilrat-und-ortsteilbuergermeister" class="subnav-sublink"   >
642                                            Ortsteilrat und Ortsteilbürgermeister</a>
643                                        </a>
644                                                                            <a href="https://zella-mehlis.de/unsere-stadt/kommunalpolitik/landkreis" class="subnav-sublink"   target="_blank">
645                                            Landkreis<span class="material-icons icon">open_in_new </span></a>
646                                        </a>
647                                                                    </div>
648                            </div>
649                                            </ul>
650        </div>
651    </nav>
652
653    <div class="container mx-auto flex justify-center mb-row-large">
654    <nav class="breadcrumb w-full my-4 py-2 px-4" aria-label="breadcrumb">
655        <ol class="w-full flex justify-start items-center gap-2 text-xs">
656            <li class="pr-0.5">
657                <a href="https://zella-mehlis.de" class="flex items-center hover:text-primary"><span class="material-icons icon">home </span></a>
658            </li>
659
660            
661                            <li class="">
662                    <a href="https://zella-mehlis.de/unsere-stadt" aria-current="page" class="hover:text-primary hover:underline font-bold">
663                        Unsere Stadt                    </a>
664                </li>
665                <span class="text-primary hidden md:inline last:hidden">|</span>
666                    </ol>
667    </nav>
668</div>
669    <div class="spacer mb-row-large"></div>
670
671
672      <section class="layout-section mb-row-small"  >
673  <div class="layout grid grid-cols-12 mx-auto gap-blocks container" >
674              <div class="grid-col col-span-12">
675      <div class="blocks flex flex-col h-full justify-start gap-blocks">
676        <div class="block type-text text-center self-center w-full md:max-w-1/2">
677      <div class="writer" style="color:#f59c0c;">
678      <h2>Do kömmt näer reih nach Zell uh Mehls!</h2>    </div>
679  </div><div class="block type-text text-center self-center w-full md:max-w-3/4">
680      <div class="writer" >
681      <p>Hier erhalten Sie die geballte Ladung Basiswissen über unser Zella-Mehlis – von A wie Ansprechpartner bei allen Fachbereichen bis Z wie ziemlich jede wichtige Satzung, die die Bereiche des täglichen Lebens in der Stadt regeln.</p>    </div>
682  </div>      </div>
683    </div>
684      </div>
685</section>
686  <section class="layout-section mb-row-large"  >
687  <div class="layout grid grid-cols-12 mx-auto gap-blocks container" >
688              <div class="grid-col col-span-12">
689      <div class="blocks flex flex-col h-full justify-start gap-blocks">
690        
691<div class="block type-grid text-left self-center w-full md:max-w-none">
692    <div class="h-full item-grid grid gap-4 grid-cols-1  lg:grid-cols-6 [&>div]:col-span-2">
693        <div class="card card-default flex-1">
694    <a class="group transition-default h-full flex flex-col items-center bg-white drop-shadow-lg hover:bg-darkGrayColor" href="https://zella-mehlis.de/unsere-stadt/stadtueberblick/geschichte">
695                    <div class="cover-img w-full flex overflow-hidden [&_img]:transition-default [&_img]:group-hover:scale-105">
696                
697    <picture class="inline-flex">
698      <source srcset="https://zella-mehlis.de/media/pages/unsere-stadt/cbb5377704-1706874257/zella-mehlis-content5-stadt-ueberblick-geschichte-rathaus-400x200-crop-q70.webp 400w, https://zella-mehlis.de/media/pages/unsere-stadt/cbb5377704-1706874257/zella-mehlis-content5-stadt-ueberblick-geschichte-rathaus-800x400-crop-q70.webp 992w, https://zella-mehlis.de/media/pages/unsere-stadt/cbb5377704-1706874257/zella-mehlis-content5-stadt-ueberblick-geschichte-rathaus-1400x700-crop-q70.webp 1400w" type="image/webp">      
699      <img src="https://zella-mehlis.de/media/pages/unsere-stadt/cbb5377704-1706874257/zella-mehlis-content5-stadt-ueberblick-geschichte-rathaus.jpg" alt="" class="w-full h-auto" width="1400" height="700">
700    </picture>
701
702                </div>
703                <div class="card-text flex flex-col flex-1 w-full gap-2 p-4">
704            <div class="flex w-full items-start gap-4">
705                
706                <h6 class="headline flex-1 font-theme-base group-hover:text-white">Geschichte</h6>
707
708                <div class="flex text-h5 text-primary ml-auto">
709                    <span class="material-icons icon">chevron_right </span>                </div>
710            </div>
711
712                            <div class="flex items-center gap-4">
713                    
714                    <div class="subline text-sm group-hover:text-white">
715                        Zella-Mehlis im Wandel der Zeiten                    </div>
716                </div> 
717               
718        </div>
719    </a>
720</div><div class="card card-default flex-1">
721    <a class="group transition-default h-full flex flex-col items-center bg-white drop-shadow-lg hover:bg-darkGrayColor" href="https://zella-mehlis.de/unsere-stadt/ortsrecht">
722                    <div class="cover-img w-full flex overflow-hidden [&_img]:transition-default [&_img]:group-hover:scale-105">
723                
724    <picture class="inline-flex">
725      <source srcset="https://zella-mehlis.de/media/pages/unsere-stadt/5cc8432761-1706888878/zella-mehlis-teaser-stadt-ortsrecht-400x200-crop-q70.webp 400w, https://zella-mehlis.de/media/pages/unsere-stadt/5cc8432761-1706888878/zella-mehlis-teaser-stadt-ortsrecht-800x400-crop-q70.webp 992w, https://zella-mehlis.de/media/pages/unsere-stadt/5cc8432761-1706888878/zella-mehlis-teaser-stadt-ortsrecht-1400x700-crop-q70.webp 1400w" type="image/webp">      
726      <img src="https://zella-mehlis.de/media/pages/unsere-stadt/5cc8432761-1706888878/zella-mehlis-teaser-stadt-ortsrecht.jpg" alt="" class="w-full h-auto" width="1400" height="700">
727    </picture>
728
729                </div>
730                <div class="card-text flex flex-col flex-1 w-full gap-2 p-4">
731            <div class="flex w-full items-start gap-4">
732                
733                <h6 class="headline flex-1 font-theme-base group-hover:text-white">Ortsrecht</h6>
734
735                <div class="flex text-h5 text-primary ml-auto">
736                    <span class="material-icons icon">chevron_right </span>                </div>
737            </div>
738
739                            <div class="flex items-center gap-4">
740                    
741                    <div class="subline text-sm group-hover:text-white">
742                        Diese Regelungen gelten in Zella-Mehlis                    </div>
743                </div> 
744               
745        </div>
746    </a>
747</div><div class="card card-default flex-1">
748    <a class="group transition-default h-full flex flex-col items-center bg-white drop-shadow-lg hover:bg-darkGrayColor" href="https://zella-mehlis.de/unsere-stadt/kommunalpolitik">
749                    <div class="cover-img w-full flex overflow-hidden [&_img]:transition-default [&_img]:group-hover:scale-105">
750                
751    <picture class="inline-flex">
752      <source srcset="https://zella-mehlis.de/media/pages/unsere-stadt/8896d73121-1706875573/zella-mehlis-header-stadt-kommunalpolitik-paul-hentschel-photography-by-ph-enterprise-400x200-crop-q70.webp 400w, https://zella-mehlis.de/media/pages/unsere-stadt/8896d73121-1706875573/zella-mehlis-header-stadt-kommunalpolitik-paul-hentschel-photography-by-ph-enterprise-800x400-crop-q70.webp 992w, https://zella-mehlis.de/media/pages/unsere-stadt/8896d73121-1706875573/zella-mehlis-header-stadt-kommunalpolitik-paul-hentschel-photography-by-ph-enterprise-1400x700-crop-q70.webp 1400w" type="image/webp">      
753      <img src="https://zella-mehlis.de/media/pages/unsere-stadt/8896d73121-1706875573/zella-mehlis-header-stadt-kommunalpolitik-paul-hentschel-photography-by-ph-enterprise.jpg" alt="" class="w-full h-auto" width="1400" height="700">
754    </picture>
755
756                </div>
757                <div class="card-text flex flex-col flex-1 w-full gap-2 p-4">
758            <div class="flex w-full items-start gap-4">
759                
760                <h6 class="headline flex-1 font-theme-base group-hover:text-white">Kommunalpolitik</h6>
761
762                <div class="flex text-h5 text-primary ml-auto">
763                    <span class="material-icons icon">chevron_right </span>                </div>
764            </div>
765
766                            <div class="flex items-center gap-4">
767                    
768                    <div class="subline text-sm group-hover:text-white">
769                        Infos zu Beiräten, Ausschüssen, Wahlen und mehr                    </div>
770                </div> 
771               
772        </div>
773    </a>
774</div>    </div>
775</div>      </div>
776    </div>
777      </div>
778</section>
779  <section class="layout-section mb-row-large"  >
780  <div class="layout grid grid-cols-12 mx-auto gap-blocks container" >
781              <div class="grid-col col-span-12">
782      <div class="blocks flex flex-col h-full justify-start gap-blocks">
783        <div class="block type-solocardlarge text-left self-start w-full md:max-w-none">
784    <div class="card card-large-img-right flex-1">
785    <div class="card-wrapper transition-default h-full flex flex-col md:flex-row bg-white drop-shadow-lg" href="https://zella-mehlis.de/unsere-stadt/staedtische-einrichtungen">
786        <div class="card-text flex flex-col flex-1 gap-4 lg:gap-8 p-4 md:px-4 md:py-8 lg:px-6 lg:py-12">
787
788            <h2 class="headline">Mehr als nur Rathaus</h2>
789
790            
791                            <div class="description text-sm">
792                    Erfahren Sie hier, welche Einrichtungen offiziell zur Stadt gehören und an wen Sie sich mit Ihren individuellen Anfragen, Wünschen und Sorgen wenden können.                </div>
793               
794
795                            <div class="relative flex flex-row flex-wrap gap-4 z-10 mt-2">
796                    <a href="https://zella-mehlis.de/unsere-stadt/staedtische-einrichtungen" class="btn btn-secondary">
797                        Mehr erfahren                        <span class="material-icons icon text-h4 text-primary">chevron_right</span>
798                    </a>
799                </div>
800                    </div>
801
802                    <div class="cover-img flex w-full md:w-1/2 xl:w-2/3 overflow-hidden relative">
803                
804    <picture class="inline-flex">
805      <source srcset="https://zella-mehlis.de/media/pages/unsere-stadt/6bb0c3e158-1706889070/zella-mehlis-teaser-stadt-rathaus-adobestock_529612080-400x200-crop-q70.webp 400w, https://zella-mehlis.de/media/pages/unsere-stadt/6bb0c3e158-1706889070/zella-mehlis-teaser-stadt-rathaus-adobestock_529612080-800x400-crop-q70.webp 992w, https://zella-mehlis.de/media/pages/unsere-stadt/6bb0c3e158-1706889070/zella-mehlis-teaser-stadt-rathaus-adobestock_529612080-1400x700-crop-q70.webp 1400w" type="image/webp">      
806      <img src="https://zella-mehlis.de/media/pages/unsere-stadt/6bb0c3e158-1706889070/zella-mehlis-teaser-stadt-rathaus-adobestock_529612080.jpg" alt="" class="w-full h-auto" width="1920" height="720">
807    </picture>
808
809                    <div class="teaser-decoration absolute -right-16 lg:-right-24 -top-1 h-full">
810                    <svg class="min-h-[102%] w-auto absolute right-0 top-0" xmlns="http://www.w3.org/2000/svg" width="459.869" height="433.34" viewBox="0 0 459.869 433.34"><g transform="translate(-13767.95 -4109.461)"><path class="text-primary" d="M234.213,619.967H-83c9.228-15.843,18.4-33.478,27.264-52.418,9.262-19.8,17.933-40.489,25.772-61.506,8.342-22.366,15.633-44.82,21.671-66.741A631.618,631.618,0,0,0,6.666,371.178a202.627,202.627,0,0,1,41.265-4.328,193.985,193.985,0,0,1,23.723,1.461A197.517,197.517,0,0,1,95.3,372.727a209.556,209.556,0,0,1,23.544,7.421,230.774,230.774,0,0,1,23.419,10.475,262.108,262.108,0,0,1,23.27,13.58c7.72,5.043,15.491,10.673,23.1,16.734,7.659,6.1,15.364,12.81,22.9,19.938,7.59,7.177,15.221,14.98,22.682,23.191v155.9Z" transform="translate(13993 3922.335)" fill="currentColor" stroke="rgba(0,0,0,0)" stroke-miterlimit="10" stroke-width="1" opacity="0.75"/><path class="text-white" d="M457.358,186.984c-64.6,55.571-93.043,123.32-96.967,176.371H502.728c36.186-62.12,75.356-158.747,89.666-248.788-45.19,9.424-90.447,34.062-135.036,72.417" transform="translate(13407.56 4178.946)" fill="currentColor" opacity="0.463"/><path class="text-attention" d="M173.319,464.061h0v0c-7.459-8.209-15.089-16.01-22.679-23.187-7.537-7.127-1
8105.242-13.835-22.9-19.937-7.607-6.06-15.378-11.69-23.1-16.733a262.15,262.15,0,0,0-23.27-13.579A230.815,230.815,0,0,0,57.95,380.147a209.577,209.577,0,0,0-23.544-7.421,197.516,197.516,0,0,0-23.645-4.416A193.945,193.945,0,0,0-12.96,366.85a202.628,202.628,0,0,0-41.266,4.328c6.149-38.686,7.262-73.386,3.309-103.137a213.836,213.836,0,0,0-4.273-22.867,171.318,171.318,0,0,0-6.657-21.194,140.329,140.329,0,0,0-9.213-19.267A120.562,120.562,0,0,0-83,187.626H173.319Z" transform="translate(14054 3922.335)" fill="currentColor" stroke="rgba(0,0,0,0)" stroke-miterlimit="10" stroke-width="1" opacity="0.854"/></g></svg>
811                </div>
812            </div>
813                </div>
814</div></div>      </div>
815    </div>
816      </div>
817</section>
818  <section class="layout-section mb-row-large"  >
819  <div class="layout grid grid-cols-12 mx-auto gap-blocks container" >
820              <div class="grid-col col-span-12">
821      <div class="blocks flex flex-col h-full justify-start gap-blocks">
822        <div class="block type-text text-center self-center w-full md:max-w-3/4">
823      <div class="writer" style="color:#f59c0c;">
824      <h3>Hier finden Sie alle Infos zu unserem Ortsteil Benshausen und unseren Partnerstädten</h3>    </div>
825  </div>
826<div class="block type-grid text-left self-center w-full md:max-w-none">
827    <div class="h-full item-grid grid gap-4 grid-cols-1  lg:grid-cols-4 [&>div]:col-span-2">
828        <div class="card flex-1">
829    <a class="card-bg-image group transition-default h-full flex flex-col items-start bg-white bg-no-repeat bg-center bg-cover drop-shadow-lg relative" href="https://zella-mehlis.de/unsere-stadt/stadtueberblick/ortsteil-benshausen" style="background-image:url(https://zella-mehlis.de/media/pages/unsere-stadt/12b59bc14c-1706875660/zella-mehlis-header-stadt-ueberblick-geschichte.jpg)";>
830        <div class="card-bg-hover transition-default opacity-0 group-hover:opacity-60 absolute w-full h-full left-0 top-0 z-0 bg-tertiary"></div>
831
832        <div class="card-text flex flex-col flex-1 relative max-w-[55%] xl:max-w-1/3 z-10">
833            <div class="card-bg transition-default absolute w-full h-full left-0 top-0 z-0 bg-tertiary opacity-90 group-hover:opacity-0"></div>
834
835            <div class="flex flex-col items-center gap-4 p-4 lg:px-8 lg:py-14 relative text-white z-10">
836                <h5 class="headline flex-1 font-theme-base group-hover:text-white">Ortsteil Benshausen</h5>
837
838                                    <div class="subline text-sm">
839                        Im lieblichen Tale der Lichtenau                    </div>
840                                   
841            </div>
842
843            <div class="card-swing transition-default w-12 xl:w-32 absolute h-full left-full top-0 z-0 text-tertiary opacity-90 group-hover:opacity-0">
844                <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 360 700" preserveAspectRatio="none"><path d="M144.224,0h-360V700h12.2C-149.012,467.481-56.8,143.305,144.224,0" transform="translate(215.776)" fill="currentColor"/></svg>            </div>
845        </div>
846
847        <div class="card-link bg-white group-hover:bg-darkGrayColor flex items-center gap-4 p-4 w-full z-20">
848            
849            
850            <div class="link-title text-h6 font-theme-base group-hover:text-white">Mehr erfahren</div>
851
852            <div class="flex text-h5 text-tertiary ml-auto">
853                <span class="material-icons icon">chevron_right </span>            </div>
854        </div>
855    </a>
856</div><div class="card flex-1">
857    <a class="card-bg-image group transition-default h-full flex flex-col items-start bg-white bg-no-repeat bg-center bg-cover drop-shadow-lg relative" href="https://zella-mehlis.de/unsere-stadt/stadtueberblick/partnerstaedte" style="background-image:url(https://zella-mehlis.de/media/pages/unsere-stadt/41267ca38f-1709119986/zella-mehlis-content-stadt-ueberblick-partnerstadt-andernach-adobestock-72731138-by-mh90photo.jpg)";>
858        <div class="card-bg-hover transition-default opacity-0 group-hover:opacity-60 absolute w-full h-full left-0 top-0 z-0 bg-primary"></div>
859
860        <div class="card-text flex flex-col flex-1 relative max-w-[55%] xl:max-w-1/3 z-10">
861            <div class="card-bg transition-default absolute w-full h-full left-0 top-0 z-0 bg-primary opacity-90 group-hover:opacity-0"></div>
862
863            <div class="flex flex-col items-center gap-4 p-4 lg:px-8 lg:py-14 relative text-white z-10">
864                <h5 class="headline flex-1 font-theme-base group-hover:text-white">Partnerstädte</h5>
865
866                                    <div class="subline text-sm">
867                        Unsere Partnerstädte – in Freundschaft verbunden                    </div>
868                                   
869            </div>
870
871            <div class="card-swing transition-default w-12 xl:w-32 absolute h-full left-full top-0 z-0 text-primary opacity-90 group-hover:opacity-0">
872                <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewB
872ox="0 0 360 700" preserveAspectRatio="none"><path d="M144.224,0h-360V700h12.2C-149.012,467.481-56.8,143.305,144.224,0" transform="translate(215.776)" fill="currentColor"/></svg>            </div>
873        </div>
874
875        <div class="card-link bg-white group-hover:bg-darkGrayColor flex items-center gap-4 p-4 w-full z-20">
876            
877            
878            <div class="link-title text-h6 font-theme-base group-hover:text-white">Mehr erfahren</div>
879
880            <div class="flex text-h5 text-primary ml-auto">
881                <span class="material-icons icon">chevron_right </span>            </div>
882        </div>
883    </a>
884</div>    </div>
885</div>      </div>
886    </div>
887      </div>
888</section>
889
890  </main>
891
892  <footer class="site-footer bg-white pt-12 pb-20 relative mt-20 lg:mt-32">
893
894          <img src="https://zella-mehlis.de/media/site/4cda547411-1706626510/site-bg.png" class="footer-decoration">
895        
896      <section class="layout-section"  >
897  <div class="layout grid grid-cols-12 mx-auto gap-blocks container" >
898              <div class="grid-col col-span-12 md:col-span-6 lg:col-span-4 last:md:col-start-4 last:lg:col-start-auto">
899      <div class="blocks flex flex-col h-full justify-start gap-blocks">
900        <div class="block type-text text-left self-center w-full md:max-w-none footer-address">
901      <div class="writer" >
902      <h6>Stadt Zella-Mehlis</h6><p>Rathausstraße 4<br>D-98544 Zella-Mehlis</p><p>Tel.: <a href="tel:+4936828520">+ 49 (0) 3682 / 852 - 0</a><br>Fax: + 49 (0) 3682 / 852 - 400<br>E-Mail: <a href="mailto:[email protected]">[email protected]</a></p>    </div>
903  </div>      </div>
904    </div>
905              <div class="grid-col col-span-12 md:col-span-6 lg:col-span-4 last:md:col-start-4 last:lg:col-start-auto">
906      <div class="blocks flex flex-col h-full justify-start gap-blocks">
907        <div class="block type-openingtimes text-left self-center w-full md:max-w-none">
908    <div class="opening-times-wrapper">
909                    <div class="mb-8">
910                <h6>Öffnungszeiten Bürgerservicebüro</h6>            </div>
911        
912        <dl class="opening-times vertical">
913                            <dt><p>Montag</p></dt>
914                <dd><p>nach&nbsp;Vereinbarung</p></dd>
915                            <dt><p>Dienstag</p></dt>
916                <dd><p>9 – 12 Uhr // 13 – 18&nbsp;Uhr</p></dd>
917                            <dt><p>Mittwoch</p></dt>
918                <dd><p>9 – 13&nbsp;Uhr</p></dd>
919                            <dt><p>Donnerstag</p></dt>
920                <dd><p>9 – 12 Uhr // 13 – 18&nbsp;Uhr</p></dd>
921                            <dt><p>Freitag</p></dt>
922                <dd><p>9 – 12&nbsp;Uhr</p></dd>
923                    </dl>
924    </div>
925</div>      </div>
926    </div>
927              <div class="grid-col col-span-12 md:col-span-6 lg:col-span-4 last:md:col-start-4 last:lg:col-start-auto">
928      <div class="blocks flex flex-col h-full justify-start gap-blocks">
929        <div class="block type-button text-left self-center w-full md:max-w-3/4">
930    <div class="buttons flex flex-wrap gap-4 flex-col items-start ">
931    <a href="https://geoportal01.ktgis-hosting.de/zellamehlis" class="btn btn-text"target="_blank">Stadtplan</a><a href="https://zella-mehlis.de/buergerservice/das-rathaus/presseservice" class="btn btn-text"target="_self">Presseservice</a><button type="button" class="rm-open-popup btn btn-text">Newsletter</button><a href="https://zella-mehlis.de/impressum" class="btn btn-text">Impressum</a><a href="https://zella-mehlis.de/datenschutz" class="btn btn-text">Datenschutz</a><button type="button" data-cc="c-settings" class="btn btn-text">Cookies</button><a href="https://zella-mehlis.de/barrierefreiheit" class="btn btn-text"target="_self">Barrierefreiheit</a>  </div>
932</div>      </div>
933    </div>
934      </div>
935</section>
936
937    <div class="container mx-auto mt-[30rem] md:mt-[12rem] lg:mt-20 flex justify-center lg:justify-start">
938              <a href="https://zella-mehlis.de">
939          <img src="https://zella-mehlis.de/assets/img/zella-mehlis-logo-footer.svg" alt="Stadt Zella-Mehlis">
940        </a>
941          </div>
942
943    <button onclick='window.scrollTo({top: 0, behavior: "smooth"});' class="btn-scroll-top absolute bottom-8 lg:bottom-0 left-1/2 lg:left-auto -translate-x-1/2 lg:translate-x-0 lg:right-8 lg:top-8 bg-darkGrayColor hover:bg-primary rounded-full w-8 h-8 lg:w-12 lg:h-12 text-white flex justify-center items-center text-h4" title="Zum Seitenanfang">
944      <span class="material-icons icon">keyboard_arrow_up </span>    </button>
945  </footer>
946</body>
947
948<script defer src="https://zella-mehlis.de/assets/dist/cookiemanager/iframemanager.js"></script>
vendor: 1 bytes, line 948
948
949<script defer src="https://zella-mehlis.de/assets/dist/cookiemanager/cookieconsent.js"></script>
vendor: 1 bytes, line 949
949
950<script defer src="https://zella-mehlis.de/assets/dist/bundle.js?2407"></script>
950
951</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.