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 & 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- & 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 & Abgaben</a> 465 </a> 466 <a href="https://zella-mehlis.de/unsere-stadt/ortsrecht/ordnung-sicherheit" class="subnav-sublink-dropdown-link" > 467 Ordnung & Sicherheit</a> 468 </a> 469 <a href="https://zella-mehlis.de/unsere-stadt/ortsrecht/kultur-sport" class="subnav-sublink-dropdown-link" > 470 Kultur & Sport</a> 471 </a> 472 <a href="https://zella-mehlis.de/unsere-stadt/ortsrecht/soziales-bildung" class="subnav-sublink-dropdown-link" > 473 Soziales & 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 & 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 & 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 & Abgaben</a> 604 </a> 605 <a href="https://zella-mehlis.de/unsere-stadt/ortsrecht/ordnung-sicherheit" class="subnav-sublink" > 606 Ordnung & Sicherheit</a> 607 </a> 608 <a href="https://zella-mehlis.de/unsere-stadt/ortsrecht/kultur-sport" class="subnav-sublink" > 609 Kultur & Sport</a> 610 </a> 611 <a href="https://zella-mehlis.de/unsere-stadt/ortsrecht/soziales-bildung" class="subnav-sublink" > 612 Soziales & Bildung</a> 613 </a> 614 <a href="https://zella-mehlis.de/unsere-stadt/ortsrecht/bau-natur-umwelt" class="subnav-sublink" > 615 Bau, Natur & 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 & 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 Vereinbarung</p></dd> 915 <dt><p>Dienstag</p></dt> 916 <dd><p>9 â 12 Uhr // 13 â 18 Uhr</p></dd> 917 <dt><p>Mittwoch</p></dt> 918 <dd><p>9 â 13 Uhr</p></dd> 919 <dt><p>Donnerstag</p></dt> 920 <dd><p>9 â 12 Uhr // 13 â 18 Uhr</p></dd> 921 <dt><p>Freitag</p></dt> 922 <dd><p>9 â 12 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.