1<!DOCTYPE html> 2<html lang="de"> 3<head> 4 <meta charset="utf-8"> 5 6 <link rel="preload" as="image" href="/touristik/26382/image-thumb__26382__v2-fullhd/Oktober.f6f987f7.jpg"> 7 <link rel="apple-touch-icon" sizes="57x57" href="/static/2017/fav/apple-icon-57x57.png"> 8 <link rel="apple-touch-icon" sizes="60x60" href="/static/2017/fav/apple-icon-60x60.png"> 9 <link rel="apple-touch-icon" sizes="72x72" href="/static/2017/fav/apple-icon-72x72.png"> 10 <link rel="apple-touch-icon" sizes="76x76" href="/static/2017/fav/apple-icon-76x76.png"> 11 <link rel="apple-touch-icon" sizes="114x114" href="/static/2017/fav/apple-icon-114x114.png"> 12 <link rel="apple-touch-icon" sizes="120x120" href="/static/2017/fav/apple-icon-120x120.png"> 13 <link rel="apple-touch-icon" sizes="144x144" href="/static/2017/fav/apple-icon-144x144.png"> 14 <link rel="apple-touch-icon" sizes="152x152" href="/static/2017/fav/apple-icon-152x152.png"> 15 <link rel="apple-touch-icon" sizes="180x180" href="/static/2017/fav/apple-icon-180x180.png"> 16 <link rel="icon" type="image/png" sizes="192x192" href="/static/2017/fav/android-icon-192x192.png"> 17 <link rel="icon" type="image/png" sizes="32x32" href="/static/2017/fav/favicon-32x32.png"> 18 <link rel="icon" type="image/png" sizes="96x96" href="/static/2017/fav/favicon-96x96.png"> 19 <link rel="icon" type="image/png" sizes="16x16" href="/static/2017/fav/favicon-16x16.png"> 20 <meta name="msapplication-TileColor" content="#ffffff"> 21 <meta name="msapplication-TileImage" content="/static/2017/fav/ms-icon-144x144.png"> 22 <meta name="theme-color" content="#ffffff"> 23 <meta name="viewport" 24 content="width=device-width, initial-scale=1, shrink-to-fit=no"> 25 <link rel="manifest" href="/manifest.json"> 26 27 28 29 30 31 32 <title>Abensberg.de - Willkommen auf der Webseite der Stadt Abensberg</title> 33 <meta name="description" content="Die offizielle Webseite der Stadt Abensberg - Alles, was Sie über Abensberg wissen müssen finden Sie auf unseren Seiten, zB. Neuigkeiten, Veranstaltungen, Bürgerservice, Touristik, Wirtschaft, Bildung und Kultur. " /> 34 35 36 <link crossorigin rel="stylesheet" href="/build/assets/abensberg_style-Cu9QtHL3.css"> 37 38
38<script crossorigin defer type="module" src="/build/assets/abensberg-CxApiQ1S.js"></script>
38 39 40</head> 41 42 43<body class="bg-light-gray"> 44 45 46<header x-data="{ mobMenuOpen: false }"> 47 <div class="w-full max-w-[1600px] mx-auto flex flex-row max-h-[192px] relative"> 48 <a aria-label="Zur Startseite" href="/"> 49 <img class="max-w-[250px] h-auto max-lg:h-[75px] md:max-lg:absolute" 50 src="/images/Logo.png" 51 alt="Logo Stadt Abensberg"/> 52 </a> 53 <nav class="flex flex-col w-full bg-light-gray"> 54 <div class="w-full h-[75px] flex flex-row md:max-lg:gap-4 gap-8 items-center justify-end text-dark-purple body-font-sm "> 55 <a href="/shop" class="max-md:hidden font-semibold flex items-center gap-2"> 56 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" 57 stroke="currentColor" class="w-6 h-6"> 58 <path stroke-linecap="round" stroke-linejoin="round" 59 d="M13.5 21v-7.5a.75.75 0 0 1 .75-.75h3a.75.75 0 0 1 .75.75V21m-4.5 0H2.36m11.14 0H18m0 0h3.64m-1.39 0V9.349M3.75 21V9.349m0 0a3.001 3.001 0 0 0 3.75-.615A2.993 2.993 0 0 0 9.75 9.75c.896 0 1.7-.393 2.25-1.016a2.993 2.993 0 0 0 2.25 1.016c.896 0 1.7-.393 2.25-1.015a3.001 3.001 0 0 0 3.75.614m-16.5 0a3.004 3.004 0 0 1-.621-4.72l1.189-1.19A1.5 1.5 0 0 1 5.378 3h13.243a1.5 1.5 0 0 1 1.06.44l1.19 1.189a3 3 0 0 1-.621 4.72M6.75 18h3.75a.75.75 0 0 0 .75-.75V13.5a.75.75 0 0 0-.75-.75H6.75a.75.75 0 0 0-.75.75v3.75c0 .414.336.75.75.75Z"/> 60 </svg> 61 Shop </a> <a href="/leichte-sprache" class="max-md:hidden">Leichte Sprache</a> <a 62 href="/barrierefrei" class="max-md:hidden">Barrierefrei</a> <a href="/kontakt" 63 class="max-md:hidden">Ãffnungszeiten 64 / Termine</a> 65 <button type="button" class="max-md:hidden cursor-pointer" aria-label="Suche öffnen" 66 @click="$dispatch('open-search')"> 67 <img src="/images/icons/search.svg" alt="" title="Suche" class="w-7 h-7"> 68 </button> 69 <!-- Mobile menu button --> 70 <button type="button" 71 class="inline-flex items-center justify-center p-2 focus:outline-none xl:hidden ml-4" 72 aria-controls="mobile-menu" aria-expanded="false" aria-label="Mobile Navigation" 73 @click="mobMenuOpen = !mobMenuOpen"> 74 <svg :class="{'block': !mobMenuOpen, 'hidden': mobMenuOpen}" class="block h-8 w-8" 75 xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" 76 :aria-hidden="mobMenuOpen"> 77 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 78 d="M4 6h16M4 12h16M4 18h16"/> 79 </svg> 80 <svg class="hidden h-8 w-8" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" 81 stroke="currentColor" :aria-hidden="!mobMenuOpen" 82 :class="{'block': mobMenuOpen, 'hidden': !mobMenuOpen}"> 83 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> 84 </svg> 85 </button> 86 87 </div> 88 <div class="bg-white h-[76px] w-full max-xl:hidden" 89 x-data="{ activeMenu: null, activeSubmenu: null, menuOpen: false }" x-cloak 90 @mouseleave="activeMenu = null; activeSubmenu = null; menuOpen = false"> 91 <ul class="hidden lg:flex grow h-full justify-end xl:mr-8"> 92 <li class="px-4 flex items-center justify-center h-full cursor-pointer" 93 @mouseenter=""> 94 <a href="/" title="" 95 target="" 96 class="body-lg-font font-bold text-dark-purple hover:underline underline"> 97 Startseite 98 </a> 99 </li> 100 <li class="px-4 flex items-center justify-center h-full cursor-pointer" 101 @mouseenter="activeMenu = '1196'; activeSubmenu = '1226'; menuOpen = true"> 102 <a href="/leben" title="" 103 target="" 104 class="body-lg-font font-bold text-dark-purple hover:underline "> 105 Leben 106 </a> 107 </li> 108 <li class="px-4 flex items-center justify-center h-full cursor-pointer" 109 @mouseenter="activeMenu = '1182'; activeSubmenu = '1189'; menuOpen = true"> 110 <a href="/touristik" title="Touristik" 111 target="" 112 class="body-lg-font font-bold text-dark-purple hover:underline "> 113 Touristik 114 </a> 115 </li> 116 <li class="px-4 flex items-center justify-center h-full cursor-pointer" 117 @mouseenter="activeMenu = '1195'; activeSubmenu = '1234'; menuOpen = true"> 118 <a href="/wirtschaft" title="Wirtschaft" 119 target="" 120 class="body-lg-font font-bold text-dark-purple hover:underline "> 121 Wirtschaft 122 </a> 123 </li> 124 <li class="px-4 flex items-center justify-center h-full cursor-pointer" 125 @mouseenter="activeMenu = '1176'; activeSubmenu = '1179'; menuOpen = true"> 126 <a href="/buergerservice" title="" 127 target="" 128 class="body-lg-font font-bold text-dark-purple hover:underline "> 129 Bürgerservice 130 </a> 131 </li> 132 <li class="px-4 flex items-center justify-center h-full cursor-pointer" 133 @mouseenter="activeMenu = '1197'; activeSubmenu = '1235'; menuOpen = true"> 134 <a href="/bildung" title="Bildung" 135 target="" 136 class="body-lg-font font-bold text-dark-purple hover:underline "> 137 Bildung 138 </a> 139 </li> 140 <li class="px-4 flex items-center justify-center h-full cursor-pointer" 141 @mouseenter="activeMenu = '1611'; activeSubmenu = '1612'; menuOpen = true"> 142 <a href="/stadtmuseum" title="Stadtmuseum" 143 target="" 144 class="body-lg-font font-bold text-dark-purple hover:underline "> 145 Stadtmuseum 146 </a> 147 </li> 148 </ul> 149 150 <div class="z-50 top-37.5 absolute left-0 w-full max-w-[1600px] drop-shadow-2xl text-sm xl:text-base bg-dark-purple text-white transition-all duration-200 ease-in h-0 opacity-0 overflow-hidden" 151 :class="menuOpen ? 'h-[65vh] opacity-100' : 'h-0 opacity-0 overflow-hidden'"> 152 <div class="container mx-auto flex flex-row z-20 h-full"> 153 <div class="w-full flex flex-row" x-show="activeMenu === '1196'"> 154 <div class="w-1/3 p-12"> 155 <p class="title-2-font-bold mb-8">Leben</p> 156 <div class="body-lg-font font-bold" 157 @mouseenter="activeSubmenu = '1226'"> 158 <a href="/leben/gesundheit" target="" 159 title="Gesundheit" 160 class="group/item py-4 flex w-full justify-between"> <span 161 class="text-white ">Gesundheit</span>
162 <span class="text-orange title-4-font transition-all duration-300" 163 :class="activeSubmenu === '1226' ? 'mr-0' : 'mr-4'">→</span> 164 </a> 165 </div> 166 <div class="body-lg-font font-bold" 167 @mouseenter="activeSubmenu = '1229'"> 168 <a href="/leben/umwelt" target="" 169 title="Umwelt" 170 class="group/item py-4 flex w-full justify-between"> <span 171 class="text-white ">Umwelt</span> 172 <span class="text-orange title-4-font transition-all duration-300" 173 :class="activeSubmenu === '1229' ? 'mr-0' : 'mr-4'">→</span> 174 </a> 175 </div> 176 <div class="body-lg-font font-bold" 177 @mouseenter="activeSubmenu = '1231'"> 178 <a href="/leben/generationen" target="" 179 title="Generationen" 180 class="group/item py-4 flex w-full justify-between"> <span 181 class="text-white ">Generationen</span> 182 <span class="text-orange title-4-font transition-all duration-300" 183 :class="activeSubmenu === '1231' ? 'mr-0' : 'mr-4'">→</span> 184 </a> 185 </div> 186 <div class="body-lg-font font-bold" 187 @mouseenter="activeSubmenu = '1225'"> 188 <a href="/leben/vereine" target="" 189 title="Vereine" 190 class="group/item py-4 flex w-full justify-between"> <span 191 class="text-white ">Vereine</span> 192 <span class="text-orange title-4-font transition-all duration-300" 193 :class="activeSubmenu === '1225' ? 'mr-0' : 'mr-4'">→</span> 194 </a> 195 </div> 196 <div class="body-lg-font font-bold" 197 @mouseenter="activeSubmenu = '1230'"> 198 <a href="/leben/bauen-wohnen" target="" 199 title="Bauen & Wohnen" 200 class="group/item py-4 flex w-full justify-between"> <span 201 class="text-white ">Bauen</span>
202 <span class="text-orange title-4-font transition-all duration-300" 203 :class="activeSubmenu === '1230' ? 'mr-0' : 'mr-4'">→</span> 204 </a> 205 </div> 206 <div class="body-lg-font font-bold" 207 @mouseenter="activeSubmenu = '1276'"> 208 <a href="/freibad" target="" 209 title="Freibad" 210 class="group/item py-4 flex w-full justify-between"> <span 211 class="text-white ">Freibad</span> 212 <span class="text-orange title-4-font transition-all duration-300" 213 :class="activeSubmenu === '1276' ? 'mr-0' : 'mr-4'">→</span> 214 </a> 215 </div> 216 <div class="body-lg-font font-bold" 217 @mouseenter="activeSubmenu = '1277'"> 218 <a href="/leben/musikgruppen" target="" 219 title="Musikgruppen" 220 class="group/item py-4 flex w-full justify-between"> <span 221 class="text-white ">Musikgruppen</span> 222 <span class="text-orange title-4-font transition-all duration-300" 223 :class="activeSubmenu === '1277' ? 'mr-0' : 'mr-4'">→</span> 224 </a> 225 </div> 226 <div class="body-lg-font font-bold" 227 @mouseenter="activeSubmenu = '1628'"> 228 <a href="/ehrenamtsboerse" target="" 229 title="Ehrenamt" 230 class="group/item py-4 flex w-full justify-between"> <span 231 class="text-white ">Ehrenamt</span> 232 <span class="text-orange title-4-font transition-all duration-300" 233 :class="activeSubmenu === '1628' ? 'mr-0' : 'mr-4'">→</span> 234 </a> 235 </div> 236 <div class="body-lg-font font-bold" 237 @mouseenter="activeSubmenu = '1532'"> 238 <a href="/inklusion" target="" 239 title="Barrierefrei" 240 class="group/item py-4 flex w-full justify-between"> <span 241 class="text-white ">Barrierefrei</span>
242 <span class="text-orange title-4-font transition-all duration-300" 243 :class="activeSubmenu === '1532' ? 'mr-0' : 'mr-4'">→</span> 244 </a> 245 </div> 246 </div> 247 <div class="w-2/3 bg-white text-dark-purple relative z-30"> 248 <div class="p-12 absolute inset-0 text-dark-purple" 249 x-show="activeSubmenu === '1226'" 250 style="display: none;"> 251 <span class="mt-2 title-4-font-bold pb-8">Gesundheit</span> 252 <div class="mt-4"> 253 Medizinische Einrichtungenund vieles mehr auf einen Blick 254 </div> 255 </div> 256 <div class="p-12 absolute inset-0 text-dark-purple" 257 x-show="activeSubmenu === '1229'" 258 style="display: none;"> 259 <span class="mt-2 title-4-font-bold pb-8">Umwelt</span> 260 <div class="mt-4"> 261 Ein Herz für unsere Umwelt 262 </div> 263 <ul class="grid grid-cols-2 grid-flow-row gap-x-4"> 264 </ul> 265 </div> 266 <div class="p-12 absolute inset-0 text-dark-purple" 267 x-show="activeSubmenu === '1231'" 268 style="display: none;"> 269 <span class="mt-2 title-4-font-bold pb-8">Generationen</span> 270 <div class="mt-4"> 271 Familien, Jugendliche, Senioren 272 </div> 273 <ul class="grid grid-cols-2 grid-flow-row gap-x-4"> 274 </ul> 275 </div> 276 <div class="p-12 absolute inset-0 text-dark-purple" 277 x-show="activeSubmenu === '1225'" 278 style="display: none;">
279 <span class="mt-2 title-4-font-bold pb-8">Vereine</span> 280 <div class="mt-4"> 281 282 </div> 283 <ul class="grid grid-cols-2 grid-flow-row gap-x-4"> 284 </ul> 285 </div> 286 <div class="p-12 absolute inset-0 text-dark-purple" 287 x-show="activeSubmenu === '1230'" 288 style="display: none;"> 289 <span class="mt-2 title-4-font-bold pb-8">Bauen</span> 290 <div class="mt-4"> 291 Hier finden Sie wichtige Links rund um das Thema Bauen 292 </div> 293 </div> 294 <div class="p-12 absolute inset-0 text-dark-purple" 295 x-show="activeSubmenu === '1276'" 296 style="display: none;"> 297 <span class="mt-2 title-4-font-bold pb-8">Freibad</span> 298 <div class="mt-4"> 299 Kurzurlaub dahoam 300 </div> 301 <ul class="grid grid-cols-2 grid-flow-row gap-x-4"> 302 </ul> 303 </div> 304 <div class="p-12 absolute inset-0 text-dark-purple" 305 x-show="activeSubmenu === '1277'" 306 style="display: none;"> 307 <span class="mt-2 title-4-font-bold pb-8">Musikgruppen</span> 308 <div class="mt-4"> 309 Wir haben viele tolle Musikerinnen und Musiker in Abensberg. Hier stellen wir sie vor 310 </div> 311 </div> 312 <div class="p-12 absolute inset-0 text-dark-purple" 313 x-show="activeSubmenu === '1628'" 314 style="display: none;">
315 <span class="mt-2 title-4-font-bold pb-8">Ehrenamt</span> 316 <div class="mt-4"> 317 Ehrenamtsbörse - jetzt engagieren! 318 </div> 319 <ul class="grid grid-cols-2 grid-flow-row gap-x-4"> 320 </ul> 321 </div> 322 <div class="p-12 absolute inset-0 text-dark-purple" 323 x-show="activeSubmenu === '1532'" 324 style="display: none;"> 325 <span class="mt-2 title-4-font-bold pb-8">Barrierefrei</span> 326 <div class="mt-4"> 327 328 </div> 329 </div> 330 </div> 331 </div> 332 <div class="w-full flex flex-row" x-show="activeMenu === '1182'"> 333 <div class="w-1/3 p-12"> 334 <p class="title-2-font-bold mb-8">Touristik</p> 335 <div class="body-lg-font font-bold" 336 @mouseenter="activeSubmenu = '1189'"> 337 <a href="/touristik/touristinfo" target="" 338 title="Touristinformation" 339 class="group/item py-4 flex w-full justify-between"> <span 340 class="text-white ">Touristinformation</span> 341 <span class="text-orange title-4-font transition-all duration-300" 342 :class="activeSubmenu === '1189' ? 'mr-0' : 'mr-4'">→</span> 343 </a> 344 </div> 345 <div class="body-lg-font font-bold" 346 @mouseenter="activeSubmenu = '1203'"> 347 <a href="/touristik/entdecken" target="" 348 title="Entdecken" 349 class="group/item py-4 flex w-full justify-between"> <span 350 class="text-white ">Entdecken</span>
351 <span class="text-orange title-4-font transition-all duration-300" 352 :class="activeSubmenu === '1203' ? 'mr-0' : 'mr-4'">→</span> 353 </a> 354 </div> 355 <div class="body-lg-font font-bold" 356 @mouseenter="activeSubmenu = '1204'"> 357 <a href="/touristik/erleben" target="" 358 title="Erleben" 359 class="group/item py-4 flex w-full justify-between"> <span 360 class="text-white ">Erleben</span> 361 <span class="text-orange title-4-font transition-all duration-300" 362 :class="activeSubmenu === '1204' ? 'mr-0' : 'mr-4'">→</span> 363 </a> 364 </div> 365 <div class="body-lg-font font-bold" 366 @mouseenter="activeSubmenu = '1205'"> 367 <a href="/touristik/ausspannen" target="" 368 title="Ausspannen" 369 class="group/item py-4 flex w-full justify-between"> <span 370 class="text-white ">Ausspannen</span> 371 <span class="text-orange title-4-font transition-all duration-300" 372 :class="activeSubmenu === '1205' ? 'mr-0' : 'mr-4'">→</span> 373 </a> 374 </div> 375 <div class="body-lg-font font-bold" 376 @mouseenter="activeSubmenu = '1206'"> 377 <a href="/touristik/geniessen" target="" 378 title="GenieÃen" 379 class="group/item py-4 flex w-full justify-between"> <span 380 class="text-white ">GenieÃen</span> 381 <span class="text-orange title-4-font transition-all duration-300" 382 :class="activeSubmenu === '1206' ? 'mr-0' : 'mr-4'">→</span> 383 </a> 384 </div> 385 <div class="body-lg-font font-bold" 386 @mouseenter="activeSubmenu = '1207'"> 387 <a href="/touristik/uebernachten" target="" 388 title="Ãber
388nachten" 389 class="group/item py-4 flex w-full justify-between"> <span 390 class="text-white ">Ãbernachten</span> 391 <span class="text-orange title-4-font transition-all duration-300" 392 :class="activeSubmenu === '1207' ? 'mr-0' : 'mr-4'">→</span> 393 </a> 394 </div> 395 </div> 396 <div class="w-2/3 bg-white text-dark-purple relative z-30"> 397 <div class="p-12 absolute inset-0 text-dark-purple" 398 x-show="activeSubmenu === '1189'" 399 style="display: none;"> 400 <span class="mt-2 title-4-font-bold pb-8">Touristinformation</span> 401 <div class="mt-4"> 402 In der Tourisinfo finden Sie zahlreiche Prospekte zum Download oder können Infomaterial per Post anfordern oder Prospekte direkt runterladen 403 </div> 404 <ul class="grid grid-cols-2 grid-flow-row gap-x-4"> 405 </ul> 406 </div> 407 <div class="p-12 absolute inset-0 text-dark-purple" 408 x-show="activeSubmenu === '1203'" 409 style="display: none;"> 410 <span class="mt-2 title-4-font-bold pb-8">Entdecken</span> 411 <div class="mt-4"> 412 413 </div> 414 <ul class="grid grid-cols-2 grid-flow-row gap-x-4"> 415 <li class="my-4 h-6 col-span-1"> 416 <a href="/touristik/entdecken/anfahrt" 417 class="hover:text-orange transition-colors duration-200 body-lg-font font-bold flex flex-col"> 418 Anfahrt 419 <span class="body-sm-font-lg font-normal truncate">Anreise mit Ãffis oder PKW</span> 420 </a> 421 </li> 422 <li class="my-4 h-6 col-span-1"> 423 <a href="/touristik/entdecken/stadtplan" 424 class="hover:text-orange transition-colors duration-200 body-lg-font font-bold flex flex-col"> 425 Stadtplan 426 <sp
426an class="body-sm-font-lg font-normal truncate">Ãbersichtspläne zur Orientierung</span> 427 </a> 428 </li> 429 <li class="my-4 h-6 col-span-1"> 430 <a href="/touristik/stadtfuehrungen" 431 class="hover:text-orange transition-colors duration-200 body-lg-font font-bold flex flex-col"> 432 Stadtführungen 433 <span class="body-sm-font-lg font-normal truncate">Entdeckungstour mit Gästeführern</span> 434 </a> 435 </li> 436 <li class="my-4 h-6 col-span-1"> 437 <a href="/touristik/sehenswuerdigkeiten" 438 class="hover:text-orange transition-colors duration-200 body-lg-font font-bold flex flex-col"> 439 Sehenswürdigkeiten 440 <span class="body-sm-font-lg font-normal truncate">Kuchlbauer Turm, Herzogskasten und vieles mehr</span> 441 </a> 442 </li> 443 </ul> 444 </div> 445 <div class="p-12 absolute inset-0 text-dark-purple" 446 x-show="activeSubmenu === '1204'" 447 style="display: none;"> 448 <span class="mt-2 title-4-font-bold pb-8">Erleben</span> 449 <div class="mt-4"> 450 451 </div> 452 <ul class="grid grid-cols-2 grid-flow-row gap-x-4"> 453 <li class="my-4 h-6 col-span-1"> 454 <a href="/udo" 455 class="hover:text-orange transition-colors duration-200 body-lg-font font-bold flex flex-col"> 456 UDO 457 <sp
457an class="body-sm-font-lg font-normal truncate">Unsinniger Donnerstag</span> 458 </a> 459 </li> 460 <li class="my-4 h-6 col-span-1"> 461 <a href="/fagi" 462 class="hover:text-orange transition-colors duration-200 body-lg-font font-bold flex flex-col"> 463 Faschingsgillamoos 464 <span class="body-sm-font-lg font-normal truncate">Faschingsgaudi zum Finale</span> 465 </a> 466 </li> 467 <li class="my-4 h-6 col-span-1"> 468 <a href="/kunstnachtmarkt" 469 class="hover:text-orange transition-colors duration-200 body-lg-font font-bold flex flex-col"> 470 Kunstnachtmarkt 471 <span class="body-sm-font-lg font-normal truncate">Sommernachtshighlight</span> 472 </a> 473 </li> 474 <li class="my-4 h-6 col-span-1"> 475 <a href="/buergerfest" 476 class="hover:text-orange transition-colors duration-200 body-lg-font font-bold flex flex-col"> 477 Buergerfest 478 <span class="body-sm-font-lg font-normal truncate">Historisch, lebendig, anders</span> 479 </a> 480 </li> 481 <li class="my-4 h-6 col-span-1"> 482 <a href="/maerchenstadt" 483 class="hover:text-orange transition-colors duration-200 body-lg-font font-bold flex flex-col"> 484 Märchenhaftes-Abensberg 485 <sp
485an class="body-sm-font-lg font-normal truncate">Drei Weihnachtsmärkte und ein Lichtermeer</span> 486 </a> 487 </li> 488 <li class="my-4 h-6 col-span-1"> 489 <a href="/touristik/erleben/kulturreihen" 490 class="hover:text-orange transition-colors duration-200 body-lg-font font-bold flex flex-col"> 491 Kulturreihen 492 <span class="body-sm-font-lg font-normal truncate">Frühlingsgefühle, Novembernebel, Musiksonntag</span> 493 </a> 494 </li> 495 <li class="my-4 h-6 col-span-1"> 496 <a href="/touristik/erleben/fruehjahrsmarkt" 497 class="hover:text-orange transition-colors duration-200 body-lg-font font-bold flex flex-col"> 498 Fruehjahrsmarkt 499 <span class="body-sm-font-lg font-normal truncate">Frühlingsmarkt am Palmsonntag</span> 500 </a> 501 </li> 502 <li class="my-4 h-6 col-span-1"> 503 <a href="/touristik/erleben/herbstmarkt" 504 class="hover:text-orange transition-colors duration-200 body-lg-font font-bold flex flex-col"> 505 Herbstmarkt 506 <span class="body-sm-font-lg font-normal truncate">Herbstmarkt</span> 507 </a> 508 </li> 509 <li class="my-4 h-6 col-span-1"> 510 <a href="/sommerlaune" 511 class="hover:text-orange transition-colors duration-200 body-lg-font font-bold flex flex-col"> 512 Sommerlaune 513 <sp
513an class="body-sm-font-lg font-normal truncate">Laue Sommernächte mit Livemusik genieÃen</span> 514 </a> 515 </li> 516 </ul> 517 </div> 518 <div class="p-12 absolute inset-0 text-dark-purple" 519 x-show="activeSubmenu === '1205'" 520 style="display: none;"> 521 <span class="mt-2 title-4-font-bold pb-8">Ausspannen</span> 522 <div class="mt-4"> 523 524 </div> 525 <ul class="grid grid-cols-2 grid-flow-row gap-x-4"> 526 <li class="my-4 h-6 col-span-1"> 527 <a href="/radfahren" 528 class="hover:text-orange transition-colors duration-200 body-lg-font font-bold flex flex-col"> 529 Radfahren 530 <span class="body-sm-font-lg font-normal truncate">Tourenvorschläge und mehr</span> 531 </a> 532 </li> 533 <li class="my-4 h-6 col-span-1"> 534 <a href="/wandern" 535 class="hover:text-orange transition-colors duration-200 body-lg-font font-bold flex flex-col"> 536 Wandern 537 <span class="body-sm-font-lg font-normal truncate">Rundwanderwege und mehr</span> 538 </a> 539 </li> 540 <li class="my-4 h-6 col-span-1"> 541 <a href="/touristik/ausspannen/natur%20fuer%20alle" 542 class="hover:text-orange transition-colors duration-200 body-lg-font font-bold flex flex-col"> 543 Natur für Alle 544 <sp
544an class="body-sm-font-lg font-normal truncate">Landschaftliche Besonderheiten</span> 545 </a> 546 </li> 547 </ul> 548 </div> 549 <div class="p-12 absolute inset-0 text-dark-purple" 550 x-show="activeSubmenu === '1206'" 551 style="display: none;"> 552 <span class="mt-2 title-4-font-bold pb-8">GenieÃen</span> 553 <div class="mt-4"> 554 555 </div> 556 <ul class="grid grid-cols-2 grid-flow-row gap-x-4"> 557 <li class="my-4 h-6 col-span-1"> 558 <a href="/touristik/geniessen/essen-trinken" 559 class="hover:text-orange transition-colors duration-200 body-lg-font font-bold flex flex-col"> 560 Essen und Trinken 561 <span class="body-sm-font-lg font-normal truncate">Gastrobetriebe und mehr</span> 562 </a> 563 </li> 564 <li class="my-4 h-6 col-span-1"> 565 <a href="/touristik/geniessen/spargel" 566 class="hover:text-orange transition-colors duration-200 body-lg-font font-bold flex flex-col"> 567 Spargel 568 <span class="body-sm-font-lg font-normal truncate">Abensberger Qualitätsspargel gga</span> 569 </a> 570 </li> 571 <li class="my-4 h-6 col-span-1"> 572 <a href="/touristik/geniessen/hopfen" 573 class="hover:text-orange transition-colors duration-200 body-lg-font font-bold flex flex-col"> 574 Hopfen 575 <sp
575an class="body-sm-font-lg font-normal truncate">Hallertauer Hopfen</span> 576 </a> 577 </li> 578 <li class="my-4 h-6 col-span-1"> 579 <a href="/touristik/geniessen/beeren" 580 class="hover:text-orange transition-colors duration-200 body-lg-font font-bold flex flex-col"> 581 Beeren 582 <span class="body-sm-font-lg font-normal truncate">Abensberger Beerenland</span> 583 </a> 584 </li> 585 </ul> 586 </div> 587 <div class="p-12 absolute inset-0 text-dark-purple" 588 x-show="activeSubmenu === '1207'" 589 style="display: none;"> 590 <span class="mt-2 title-4-font-bold pb-8">Ãbernachten</span> 591 <div class="mt-4"> 592 593 </div> 594 <ul class="grid grid-cols-2 grid-flow-row gap-x-4"> 595 <li class="my-4 h-6 col-span-1"> 596 <a href="/touristik/uebernachten/hotels" 597 class="hover:text-orange transition-colors duration-200 body-lg-font font-bold flex flex-col"> 598 Hotels 599 <span class="body-sm-font-lg font-normal truncate">Unsere Hotels freuen sich auf Sie</span> 600 </a> 601 </li> 602 <li class="my-4 h-6 col-span-1"> 603 <a href="/touristik/uebernachten/camping" 604 class="hover:text-orange transition-colors duration-200 body-lg-font font-bold flex flex-col"> 605 Camping 606 <sp
606an class="body-sm-font-lg font-normal truncate">Camper, Wohnwagen & Co.</span> 607 </a> 608 </li> 609 <li class="my-4 h-6 col-span-1"> 610 <a href="/touristik/uebernachten/tagungen" 611 class="hover:text-orange transition-colors duration-200 body-lg-font font-bold flex flex-col"> 612 Tagungen 613 <span class="body-sm-font-lg font-normal truncate">Räumlichkeiten für Ihr Businessmeeting</span> 614 </a> 615 </li> 616 </ul> 617 </div> 618 </div> 619 </div> 620 <div class="w-full flex flex-row" x-show="activeMenu === '1195'"> 621 <div class="w-1/3 p-12"> 622 <p class="title-2-font-bold mb-8">Wirtschaft</p> 623 <div class="body-lg-font font-bold" 624 @mouseenter="activeSubmenu = '1234'"> 625 <a href="/wirtschaft/ausschreibungen" target="" 626 title="Ausschreibungen" 627 class="group/item py-4 flex w-full justify-between"> <span 628 class="text-white ">Ausschreibungen</span> 629 <span class="text-orange title-4-font transition-all duration-300" 630 :class="activeSubmenu === '1234' ? 'mr-0' : 'mr-4'">→</span> 631 </a> 632 </div> 633 <div class="body-lg-font font-bold" 634 @mouseenter="activeSubmenu = '1343'"> 635 <a href="/branchen" target="" 636 title="Branchen" 637 class="group/item py-4 flex w-full justify-between"> <span 638 class="text-white ">Branchen</span>
639 <span class="text-orange title-4-font transition-all duration-300" 640 :class="activeSubmenu === '1343' ? 'mr-0' : 'mr-4'">→</span> 641 </a> 642 </div> 643 <div class="body-lg-font font-bold" 644 @mouseenter="activeSubmenu = '1227'"> 645 <a href="/wirtschaft/gigabit-ausbau" target="" 646 title="Gigabit-Ausbau" 647 class="group/item py-4 flex w-full justify-between"> <span 648 class="text-white ">Gigabit-Ausbau</span> 649 <span class="text-orange title-4-font transition-all duration-300" 650 :class="activeSubmenu === '1227' ? 'mr-0' : 'mr-4'">→</span> 651 </a> 652 </div> 653 <div class="body-lg-font font-bold" 654 @mouseenter="activeSubmenu = '1228'"> 655 <a href="/wirtschaft/gewerbegebiete" target="" 656 title="Gewerbegebiete" 657 class="group/item py-4 flex w-full justify-between"> <span 658 class="text-white ">Gewerbegebiete</span> 659 <span class="text-orange title-4-font transition-all duration-300" 660 :class="activeSubmenu === '1228' ? 'mr-0' : 'mr-4'">→</span> 661 </a> 662 </div> 663 </div> 664 <div class="w-2/3 bg-white text-dark-purple relative z-30"> 665 <div class="p-12 absolute inset-0 text-dark-purple" 666 x-show="activeSubmenu === '1234'" 667 style="display: none;"> 668 <span class="mt-2 title-4-font-bold pb-8">Ausschreibungen</span> 669 <div class="mt-4"> 670 Hier finden Sie alle Ausschreibungen der Verwaltung 671 </div> 672 </div> 673 <div class="p-12 absolute inset-0 text-dark-purple" 674 x-show="activeSubmenu === '1343'" 675 style="display: none;">
676 <span class="mt-2 title-4-font-bold pb-8">Branchen</span> 677 <div class="mt-4"> 678 Alle Abensberger Firmen und Institutionen - das Branchenverzeichnis finden Sie hier 679 </div> 680 </div> 681 <div class="p-12 absolute inset-0 text-dark-purple" 682 x-show="activeSubmenu === '1227'" 683 style="display: none;"> 684 <span class="mt-2 title-4-font-bold pb-8">Gigabit-Ausbau</span> 685 <div class="mt-4"> 686 Was ist der Stand in Sachen Gigabit? Infos finden Sie hier 687 </div> 688 <ul class="grid grid-cols-2 grid-flow-row gap-x-4"> 689 </ul> 690 </div> 691 <div class="p-12 absolute inset-0 text-dark-purple" 692 x-show="activeSubmenu === '1228'" 693 style="display: none;"> 694 <span class="mt-2 title-4-font-bold pb-8">Gewerbegebiete</span> 695 <div class="mt-4"> 696 Abensberg liegt zentral im Landkreis Kelheim, hier stellen wir Ihnen unsere Gewerbegebiete vor 697 </div> 698 </div> 699 </div> 700 </div> 701 <div class="w-full flex flex-row" x-show="activeMenu === '1176'"> 702 <div class="w-1/3 p-12"> 703 <p class="title-2-font-bold mb-8">Bürgerservice</p> 704 <div class="body-lg-font font-bold" 705 @mouseenter="activeSubmenu = '1179'"> 706 <a href="/rathaus" target="" 707 title="Rathaus" 708 class="group/item py-4 flex w-full justify-between"> <span 709 class="text-white ">Rathaus</span>
710 <span class="text-orange title-4-font transition-all duration-300" 711 :class="activeSubmenu === '1179' ? 'mr-0' : 'mr-4'">→</span> 712 </a> 713 </div> 714 <div class="body-lg-font font-bold" 715 @mouseenter="activeSubmenu = '1181'"> 716 <a href="/buergerservice/onlineservice" target="" 717 title="Onlineservice" 718 class="group/item py-4 flex w-full justify-between"> <span 719 class="text-white ">Onlineservice</span> 720 <span class="text-orange title-4-font transition-all duration-300" 721 :class="activeSubmenu === '1181' ? 'mr-0' : 'mr-4'">→</span> 722 </a> 723 </div> 724 <div class="body-lg-font font-bold" 725 @mouseenter="activeSubmenu = '1183'"> 726 <a href="/buergerservice/stadtrecht" target="" 727 title="Stadtrecht" 728 class="group/item py-4 flex w-full justify-between"> <span 729 class="text-white ">Stadtrecht</span> 730 <span class="text-orange title-4-font transition-all duration-300" 731 :class="activeSubmenu === '1183' ? 'mr-0' : 'mr-4'">→</span> 732 </a> 733 </div> 734 <div class="body-lg-font font-bold" 735 @mouseenter="activeSubmenu = '1184'"> 736 <a href="/buergerservice/politik" target="" 737 title="Stadtpolitik" 738 class="group/item py-4 flex w-full justify-between"> <span 739 class="text-white ">Politik</span> 740 <span class="text-orange title-4-font transition-all duration-300" 741 :class="activeSubmenu === '1184' ? 'mr-0' : 'mr-4'">→</span> 742 </a> 743 </div> 744 <div class="body-lg-font font-bold" 745 @mouseenter="activeSubmenu = '1351'"> 746 <a href="/buergerservice/bekanntmachungen" target="" 747 title="Bekanntmachungen" 748 class="group/item py-4 flex w-full justify-between"> <span 749 class="text-white ">Bekanntmachungen</span>
750 <span class="text-orange title-4-font transition-all duration-300" 751 :class="activeSubmenu === '1351' ? 'mr-0' : 'mr-4'">→</span> 752 </a> 753 </div> 754 <div class="body-lg-font font-bold" 755 @mouseenter="activeSubmenu = '1185'"> 756 <a href="/stellenangebote" target="" 757 title="Stellenangebote" 758 class="group/item py-4 flex w-full justify-between"> <span 759 class="text-white ">Stellenangebote</span> 760 <span class="text-orange title-4-font transition-all duration-300" 761 :class="activeSubmenu === '1185' ? 'mr-0' : 'mr-4'">→</span> 762 </a> 763 </div> 764 <div class="body-lg-font font-bold" 765 @mouseenter="activeSubmenu = '1186'"> 766 <a href="/buergerservice/buergerinfo" target="" 767 title="Bürgerinformationsbroschüre" 768 class="group/item py-4 flex w-full justify-between"> <span 769 class="text-white ">Bürgerinfo</span> 770 <span class="text-orange title-4-font transition-all duration-300" 771 :class="activeSubmenu === '1186' ? 'mr-0' : 'mr-4'">→</span> 772 </a> 773 </div> 774 </div> 775 <div class="w-2/3 bg-white text-dark-purple relative z-30"> 776 <div class="p-12 absolute inset-0 text-dark-purple" 777 x-show="activeSubmenu === '1179'" 778 style="display: none;"> 779 <span class="mt-2 title-4-font-bold pb-8">Rathaus</span> 780 <div class="mt-4"> 781 782 </div> 783 <ul class="grid grid-cols-2 grid-flow-row gap-x-4"> 784 <li class="my-4 h-6 col-span-1"> 785 <a href="/buergerservice/rathaus/ewo" 786 class="hover:text-orange transition-colors duration-200 body-lg-font font-bold flex flex-col"> 787 Einwohnermeldeamt 788 <sp
788an class="body-sm-font-lg font-normal truncate">Dokumente, Wahlunterlagen, Fundsachen</span> 789 </a> 790 </li> 791 <li class="my-4 h-6 col-span-1"> 792 <a href="/buergerservice/rathaus/kasse" 793 class="hover:text-orange transition-colors duration-200 body-lg-font font-bold flex flex-col"> 794 Kasse 795 <span class="body-sm-font-lg font-normal truncate">Zahlungsverkehr, Mahnwesen, Vollstreckungen</span> 796 </a> 797 </li> 798 <li class="my-4 h-6 col-span-1"> 799 <a href="/buergerservice/rathaus/bauamt" 800 class="hover:text-orange transition-colors duration-200 body-lg-font font-bold flex flex-col"> 801 Bauamt 802 <span class="body-sm-font-lg font-normal truncate">Verkehrsrecht, Bauverwaltung, Stadtplanung</span> 803 </a> 804 </li> 805 <li class="my-4 h-6 col-span-1"> 806 <a href="/buergerservice/rathaus/kaemmerei" 807 class="hover:text-orange transition-colors duration-200 body-lg-font font-bold flex flex-col"> 808 Kämmerei 809 <span class="body-sm-font-lg font-normal truncate">Finanzverwaltung, Grundstücke, Liegenschaften</span> 810 </a> 811 </li> 812 <li class="my-4 h-6 col-span-1"> 813 <a href="/buergerservice/rathaus/hauptamt" 814 class="hover:text-orange transition-colors duration-200 body-lg-font font-bold flex flex-col"> 815 Hauptamt 816 <sp
816an class="body-sm-font-lg font-normal truncate">Wahlkoordination, Feuerwehrwesen, Katastrophenschutz</span> 817 </a> 818 </li> 819 <li class="my-4 h-6 col-span-1"> 820 <a href="/buergerservice/rathaus/buergermeisteramt" 821 class="hover:text-orange transition-colors duration-200 body-lg-font font-bold flex flex-col"> 822 Buergermeisteramt 823 <span class="body-sm-font-lg font-normal truncate">Leitung, Terminkoordination, Sitzungen</span> 824 </a> 825 </li> 826 <li class="my-4 h-6 col-span-1"> 827 <a href="/buergerservice/rathaus/ordnungsamt" 828 class="hover:text-orange transition-colors duration-200 body-lg-font font-bold flex flex-col"> 829 Ordnungsamt 830 <span class="body-sm-font-lg font-normal truncate">Gewerbeamt, Sicherheit, Ordnung</span> 831 </a> 832 </li> 833 <li class="my-4 h-6 col-span-1"> 834 <a href="/buergerservice/rathaus/standesamt" 835 class="hover:text-orange transition-colors duration-200 body-lg-font font-bold flex flex-col"> 836 Standesamt 837 <span class="body-sm-font-lg font-normal truncate">Heiraten, Geburten, Sterbefälle</span> 838 </a> 839 </li> 840 <li class="my-4 h-6 col-span-1"> 841 <a href="/buergerservice/rathaus/generationenarbeit" 842 class="hover:text-orange transition-colors duration-200 body-lg-font font-bold flex flex-col"> 843 Generationenarbeit 844 <sp
844an class="body-sm-font-lg font-normal truncate">Jugend, Soziales, Senioren</span> 845 </a> 846 </li> 847 <li class="my-4 h-6 col-span-1"> 848 <a href="/buergerservice/rathaus/museum" 849 class="hover:text-orange transition-colors duration-200 body-lg-font font-bold flex flex-col"> 850 Kultur 851 <span class="body-sm-font-lg font-normal truncate">Museum, VHS, Partnerstädte</span> 852 </a> 853 </li> 854 <li class="my-4 h-6 col-span-1"> 855 <a href="/buergerservice/rathaus/stadtmarketing" 856 class="hover:text-orange transition-colors duration-200 body-lg-font font-bold flex flex-col"> 857 Stadtmarketing 858 <span class="body-sm-font-lg font-normal truncate">Veranstaltungen, Tourismus, Wirtschaft</span> 859 </a> 860 </li> 861 <li class="my-4 h-6 col-span-1"> 862 <a href="/buergerservice/rathaus/pressearbeit" 863 class="hover:text-orange transition-colors duration-200 body-lg-font font-bold flex flex-col"> 864 Pressearbeit 865 <span class="body-sm-font-lg font-normal truncate">Bürgerinfo, Pressearbeit</span> 866 </a> 867 </li> 868 <li class="my-4 h-6 col-span-1"> 869 <a href="/stadtwerke" 870 class="hover:text-orange transition-colors duration-200 body-lg-font font-bold flex flex-col"> 871 Stadtwerke 872 <sp
872an class="body-sm-font-lg font-normal truncate">Wasserwerk, Klärwerk, Nahwärme</span> 873 </a> 874 </li> 875 <li class="my-4 h-6 col-span-1"> 876 <a href="/buergerservice/rathaus/personalamt" 877 class="hover:text-orange transition-colors duration-200 body-lg-font font-bold flex flex-col"> 878 Personalamt 879 <span class="body-sm-font-lg font-normal truncate">Stellenangebote, Personalwesen, Stadtarchiv</span> 880 </a> 881 </li> 882 <li class="my-4 h-6 col-span-1"> 883 <a href="/bauhof" 884 class="hover:text-orange transition-colors duration-200 body-lg-font font-bold flex flex-col"> 885 Bauhof 886 <span class="body-sm-font-lg font-normal truncate">StraÃenunterhalt, Grünanlagen, Winterdienst</span> 887 </a> 888 </li> 889 </ul> 890 </div> 891 <div class="p-12 absolute inset-0 text-dark-purple" 892 x-show="activeSubmenu === '1181'" 893 style="display: none;"> 894 <span class="mt-2 title-4-font-bold pb-8">Onlineservice</span> 895 <div class="mt-4"> 896 Hier finden Sie alles, was Sie digital erledigen können 897 </div> 898 <ul class="grid grid-cols-2 grid-flow-row gap-x-4"> 899 <li class="my-4 h-6 col-span-1"> 900 <a href="/buergerservice/onlineservice/abwasser" 901 class="hover:text-orange transition-colors duration-200 body-lg-font font-bold flex flex-col"> 902 Abwasser 903 <sp
903an class="body-sm-font-lg font-normal truncate">Abwasser & Entwässerung</span> 904 </a> 905 </li> 906 <li class="my-4 h-6 col-span-1"> 907 <a href="/buergerservice/onlineservice/kanal" 908 class="hover:text-orange transition-colors duration-200 body-lg-font font-bold flex flex-col"> 909 Kanal 910 <span class="body-sm-font-lg font-normal truncate">Kanal Anschluss</span> 911 </a> 912 </li> 913 <li class="my-4 h-6 col-span-1"> 914 <a href="/buergerservice/onlineservice/feuerwehreinsatz" 915 class="hover:text-orange transition-colors duration-200 body-lg-font font-bold flex flex-col"> 916 Feuerwehreinsatz 917 <span class="body-sm-font-lg font-normal truncate">Antrag auf Erstattung der Kosten</span> 918 </a> 919 </li> 920 <li class="my-4 h-6 col-span-1"> 921 <a href="/buergerservice/onlineservice/jugendfoerderung" 922 class="hover:text-orange transition-colors duration-200 body-lg-font font-bold flex flex-col"> 923 Jugend-Förderung 924 <span class="body-sm-font-lg font-normal truncate">Basisförderung, Inlands-Förderung, Auslands-Förderung</span> 925 </a> 926 </li> 927 <li class="my-4 h-6 col-span-1"> 928 <a href="/buergerservice/onlineservice/parkausweis" 929 class="hover:text-orange transition-colors duration-200 body-lg-font font-bold flex flex-col"> 930 Parkausweis 931 <sp
931an class="body-sm-font-lg font-normal truncate">Handwerker-Parkausweis</span> 932 </a> 933 </li> 934 <li class="my-4 h-6 col-span-1"> 935 <a href="/buergerservice/onlineservice/sepa-lastschrift" 936 class="hover:text-orange transition-colors duration-200 body-lg-font font-bold flex flex-col"> 937 SEPA Mandat 938 <span class="body-sm-font-lg font-normal truncate">... für Stadtverwaltung / Stadtwerke</span> 939 </a> 940 </li> 941 <li class="my-4 h-6 col-span-1"> 942 <a href="/buergerservice/onlineservice/wasseranschluss" 943 class="hover:text-orange transition-colors duration-200 body-lg-font font-bold flex flex-col"> 944 Wasseranschluss 945 <span class="body-sm-font-lg font-normal truncate">Checkliste Wasser-Anschluss</span> 946 </a> 947 </li> 948 <li class="my-4 h-6 col-span-1"> 949 <a href="/buergerservice/onlineservice/wasseranalysen" 950 class="hover:text-orange transition-colors duration-200 body-lg-font font-bold flex flex-col"> 951 Wasseranal
951ysen 952 <span class="body-sm-font-lg font-normal truncate">Trinkwasser Abensberg & Sandharlanden</span> 953 </a> 954 </li> 955 <li class="my-4 h-6 col-span-1"> 956 <a href="/buergerservice/onlineservice/wohnungsgeber" 957 class="hover:text-orange transition-colors duration-200 body-lg-font font-bold flex flex-col"> 958 Wohnungsgeber 959 <span class="body-sm-font-lg font-normal truncate">Wohnungsgeber-Bestätigung</span> 960 </a> 961 </li> 962 <li class="my-4 h-6 col-span-1"> 963 <a href="/buergerservice/onlineservice/vao" 964 class="hover:text-orange transition-colors duration-200 body-lg-font font-bold flex flex-col"> 965 Verkehrsrechtliche Anordnung 966 </a> 967 </li> 968 <li class="my-4 h-6 col-span-1"> 969 <a href="/buergerservice/onlineservice/kinderausweis" 970 class="hover:text-orange transition-colors duration-200 body-lg-font font-bold flex flex-col"> 971 Kinderausweis 972 <span class="body-sm-font-lg font-normal truncate">Kinderausweis beantragen</span> 973 </a> 974 </li> 975 <li class="my-4 h-6 col-span-1"> 976 <a href="/buergerservice/onlineservice/defekte-strassenlaterne" 977 class="hover:text-orange transition-colors duration-200 body-lg-font font-bold flex flex-col"> 978 Defekte StraÃenlaterne 979 <sp
979an class="body-sm-font-lg font-normal truncate">Defekte StraÃenlaterne melden</span> 980 </a> 981 </li> 982 <li class="my-4 h-6 col-span-1"> 983 <a href="/bauleitplaene" 984 class="hover:text-orange transition-colors duration-200 body-lg-font font-bold flex flex-col"> 985 Bauleitpläne 986 <span class="body-sm-font-lg font-normal truncate">Bauleitpläne der Stadt Abensberg</span> 987 </a> 988 </li> 989 <li class="my-4 h-6 col-span-1"> 990 <a href="/starkregen-formular" 991 class="hover:text-orange transition-colors duration-200 body-lg-font font-bold flex flex-col"> 992 starkregen-formular 993 </a> 994 </li> 995 </ul> 996 </div> 997 <div class="p-12 absolute inset-0 text-dark-purple" 998 x-show="activeSubmenu === '1183'" 999 style="display: none;"> 1000 <span class="mt-2 title-4-font-bold pb-8">Stadtrecht</span> 1001 <div class="mt-4"> 1002 Satzungen, Gebührenordnungen, Nutzungsregeln 1003 </div> 1004 </div> 1005 <div class="p-12 absolute inset-0 text-dark-purple" 1006 x-show="activeSubmenu === '1184'" 1007 style="display: none;">
1008 <span class="mt-2 title-4-font-bold pb-8">Politik</span> 1009 <div class="mt-4"> 1010 Stadtrat, Sitzungen und mehr 1011 </div> 1012 <ul class="grid grid-cols-2 grid-flow-row gap-x-4"> 1013 <li class="my-4 h-6 col-span-1"> 1014 <a href="/buergerservice/politik/buergermeister" 1015 class="hover:text-orange transition-colors duration-200 body-lg-font font-bold flex flex-col"> 1016 Buergermeister 1017 </a> 1018 </li> 1019 <li class="my-4 h-6 col-span-1"> 1020 <a href="/buergerservice/politik/stadtrat" 1021 class="hover:text-orange transition-colors duration-200 body-lg-font font-bold flex flex-col"> 1022 Stadtrat 1023 <span class="body-sm-font-lg font-normal truncate">Informationen zu allen Parteien</span> 1024 </a> 1025 </li> 1026 <li class="my-4 h-6 col-span-1"> 1027 <a href="/buergerservice/politik/wahlen" 1028 class="hover:text-orange transition-colors duration-200 body-lg-font font-bold flex flex-col"> 1029 Wahlen 1030 </a> 1031 </li> 1032 <li class="my-4 h-6 col-span-1"> 1033 <a href="/buergerservice/politik/sitzungen" 1034 class="hover:text-orange transition-colors duration-200 body-lg-font font-bold flex flex-col"> 1035 Sitzungen 1036 </a> 1037 </li> 1038 </ul> 1039 </div> 1040 <div class="p-12 absolute inset-0 text-dark-purple" 1041 x-show="activeSubmenu === '1351'" 1042 style="display: none;">
1043 <span class="mt-2 title-4-font-bold pb-8">Bekanntmachungen</span> 1044 <div class="mt-4"> 1045 Hier geht es zu den öffentlichen Bekanntmachungen 1046 </div> 1047 </div> 1048 <div class="p-12 absolute inset-0 text-dark-purple" 1049 x-show="activeSubmenu === '1185'" 1050 style="display: none;"> 1051 <span class="mt-2 title-4-font-bold pb-8">Stellenangebote</span> 1052 <div class="mt-4"> 1053 Starten Sie jetzt Ihre Karriere im Ãffentlichen Dienst 1054 </div> 1055 </div> 1056 <div class="p-12 absolute inset-0 text-dark-purple" 1057 x-show="activeSubmenu === '1186'" 1058 style="display: none;"> 1059 <span class="mt-2 title-4-font-bold pb-8">Bürgerinfo</span> 1060 <div class="mt-4"> 1061 Hier finden Se die Bürgerinformationsbroschüre 1062 </div> 1063 </div> 1064 </div> 1065 </div> 1066 <div class="w-full flex flex-row" x-show="activeMenu === '1197'"> 1067 <div class="w-1/3 p-12"> 1068 <p class="title-2-font-bold mb-8">Bildung</p> 1069 <div class="body-lg-font font-bold" 1070 @mouseenter="activeSubmenu = '1235'"> 1071 <a href="/bildung/kinderbetreuung" target="" 1072 title="Kinderbetreuung" 1073 class="group/item py-4 flex w-full justify-between"> <span 1074 class="text-white ">Kinderbetreuung</span> 1075 <span class="text-orange title-4-font transition-all duration-300" 1076 :class="activeSubmenu === '1235' ? 'mr-0' : 'mr-4'">→</span> 1077 </a> 1078 </div> 1079 <div class="body-lg-font font-bold" 1080 @mouseenter="activeSubmenu = '1236'"> 1081 <a href="/bildung/schulen" target="" 1082 title="Schulen" 1083 class="group/item py-4 flex w-full justify-between"> <span 1084 class="text-white ">Schulen</span>
1085 <span class="text-orange title-4-font transition-all duration-300" 1086 :class="activeSubmenu === '1236' ? 'mr-0' : 'mr-4'">→</span> 1087 </a> 1088 </div> 1089 <div class="body-lg-font font-bold" 1090 @mouseenter="activeSubmenu = '1239'"> 1091 <a href="/bildung/ausbildung" target="" 1092 title="Ausbildung" 1093 class="group/item py-4 flex w-full justify-between"> <span 1094 class="text-white ">Ausbildung</span> 1095 <span class="text-orange title-4-font transition-all duration-300" 1096 :class="activeSubmenu === '1239' ? 'mr-0' : 'mr-4'">→</span> 1097 </a> 1098 </div> 1099 <div class="body-lg-font font-bold" 1100 @mouseenter="activeSubmenu = '1215'"> 1101 <a href="/bildung/buecherei" target="" 1102 title="Bücherei" 1103 class="group/item py-4 flex w-full justify-between"> <span 1104 class="text-white ">Bücherei</span> 1105 <span class="text-orange title-4-font transition-all duration-300" 1106 :class="activeSubmenu === '1215' ? 'mr-0' : 'mr-4'">→</span> 1107 </a> 1108 </div> 1109 <div class="body-lg-font font-bold" 1110 @mouseenter="activeSubmenu = '1578'"> 1111 <a href="/musikschule" target="" 1112 title="Musikschule" 1113 class="group/item py-4 flex w-full justify-between"> <span 1114 class="text-white ">Musikschule</span> 1115 <span class="text-orange title-4-font transition-all duration-300" 1116 :class="activeSubmenu === '1578' ? 'mr-0' : 'mr-4'">→</span> 1117 </a> 1118 </div> 1119 <div class="body-lg-font font-bold" 1120 @mouseenter="activeSubmenu = '1730'"> 1121 <a href="/bildung/Vhs%20Abensberg" target="_self" 1122 title="vhs" 1123 class="group/item py-4 flex w-full justify-between"> <span 1124 class="text-white ">vhs Abensberg</span>
1125 <span class="text-orange title-4-font transition-all duration-300" 1126 :class="activeSubmenu === '1730' ? 'mr-0' : 'mr-4'">→</span> 1127 </a> 1128 </div> 1129 </div> 1130 <div class="w-2/3 bg-white text-dark-purple relative z-30"> 1131 <div class="p-12 absolute inset-0 text-dark-purple" 1132 x-show="activeSubmenu === '1235'" 1133 style="display: none;"> 1134 <span class="mt-2 title-4-font-bold pb-8">Kinderbetreuung</span> 1135 <div class="mt-4"> 1136 Hier finden Sie Informationen zu den beiden Kinderkrippen und den sechs Kindergärten unterschiedlicher Trägerschaft 1137 </div> 1138 <ul class="grid grid-cols-2 grid-flow-row gap-x-4"> 1139 </ul> 1140 </div> 1141 <div class="p-12 absolute inset-0 text-dark-purple" 1142 x-show="activeSubmenu === '1236'" 1143 style="display: none;"> 1144 <span class="mt-2 title-4-font-bold pb-8">Schulen</span> 1145 <div class="mt-4"> 1146 Hier finden Sie Informationen zu allen Schulen in Abensberg 1147 </div> 1148 </div> 1149 <div class="p-12 absolute inset-0 text-dark-purple" 1150 x-show="activeSubmenu === '1239'" 1151 style="display: none;"> 1152 <span class="mt-2 title-4-font-bold pb-8">Ausbildung</span> 1153 <div class="mt-4"> 1154 Hier finden Sie Infos zu den Ausbildungseinrichtungen vor Ort 1155 </div> 1156 </div> 1157 <div class="p-12 absolute inset-0 text-dark-purple" 1158 x-show="activeSubmenu === '1215'" 1159 style="display: none;">
1160 <span class="mt-2 title-4-font-bold pb-8">Bücherei</span> 1161 <div class="mt-4"> 1162 Die Stadtbücherei stellt sich vor - Lesespaà für Klein und Groà und vieles mehr ... 1163 </div> 1164 </div> 1165 <div class="p-12 absolute inset-0 text-dark-purple" 1166 x-show="activeSubmenu === '1578'" 1167 style="display: none;"> 1168 <span class="mt-2 title-4-font-bold pb-8">Musikschule</span> 1169 <div class="mt-4"> 1170 Die Städtische Musikschule bietet ein Vielfältiges Angebot für Kinder ab vier Jahren 1171 </div> 1172 <ul class="grid grid-cols-2 grid-flow-row gap-x-4"> 1173 </ul> 1174 </div> 1175 <div class="p-12 absolute inset-0 text-dark-purple" 1176 x-show="activeSubmenu === '1730'" 1177 style="display: none;"> 1178 <span class="mt-2 title-4-font-bold pb-8">vhs Abensberg</span> 1179 <div class="mt-4"> 1180 1181 </div> 1182 </div> 1183 </div> 1184 </div> 1185 <div class="w-full flex flex-row" x-show="activeMenu === '1611'"> 1186 <div class="w-1/3 p-12"> 1187 <p class="title-2-font-bold mb-8">Stadtmuseum</p> 1188 <div class="body-lg-font font-bold" 1189 @mouseenter="activeSubmenu = '1612'"> 1190 <a href="/stadtmuseum/museum" target="" 1191 title="Museum" 1192 class="group/item py-4 flex w-full justify-between"> <span 1193 class="text-white ">Museum</span> 1194 <span class="text-orange title-4-font transition-all duration-300" 1195 :class="activeSubmenu === '1612' ? 'mr-0' : 'mr-4'">→</span> 1196 </a> 1197 </div> 1198 <div class="body-lg-font font-bold" 1199 @mouseenter="activeSubmenu = '1613'"> 1200 <a href="/stadtmuseum/ausstellungen" target="" 1201 title="Ausstellungen" 1202 class="group/item py-4 flex w-full justify-between"> <span 1203 class="text-white ">Ausstellungen</span>
1204 <span class="text-orange title-4-font transition-all duration-300" 1205 :class="activeSubmenu === '1613' ? 'mr-0' : 'mr-4'">→</span> 1206 </a> 1207 </div> 1208 <div class="body-lg-font font-bold" 1209 @mouseenter="activeSubmenu = '1614'"> 1210 <a href="/stadtmuseum/veranstaltungen" target="" 1211 title="Veranstaltungen" 1212 class="group/item py-4 flex w-full justify-between"> <span 1213 class="text-white ">Veranstaltungen</span> 1214 <span class="text-orange title-4-font transition-all duration-300" 1215 :class="activeSubmenu === '1614' ? 'mr-0' : 'mr-4'">→</span> 1216 </a> 1217 </div> 1218 <div class="body-lg-font font-bold" 1219 @mouseenter="activeSubmenu = '1615'"> 1220 <a href="/stadtmuseum/besuch" target="" 1221 title="Besuch" 1222 class="group/item py-4 flex w-full justify-between"> <span 1223 class="text-white ">Besuch</span> 1224 <span class="text-orange title-4-font transition-all duration-300" 1225 :class="activeSubmenu === '1615' ? 'mr-0' : 'mr-4'">→</span> 1226 </a> 1227 </div> 1228 <div class="body-lg-font font-bold" 1229 @mouseenter="activeSubmenu = '1631'"> 1230 <a href="/stadtmuseum/stadtarchiv" target="" 1231 title="Stadtarchiv" 1232 class="group/item py-4 flex w-full justify-between"> <span 1233 class="text-white ">Stadtarchiv</span> 1234 <span class="text-orange title-4-font transition-all duration-300" 1235 :class="activeSubmenu === '1631' ? 'mr-0' : 'mr-4'">→</span> 1236 </a> 1237 </div> 1238 <div class="body-lg-font font-bold" 1239 @mouseenter="activeSubmenu = '1630'"> 1240 <a href="/stadtmuseum/schuleundfamilie" target="" 1241 title="Schule und Familie" 1242 class="group/item py-4 flex w-full justify-between"> <span 1243 class="text-white ">Schule und Familie</span>
1244 <span class="text-orange title-4-font transition-all duration-300" 1245 :class="activeSubmenu === '1630' ? 'mr-0' : 'mr-4'">→</span> 1246 </a> 1247 </div> 1248 <div class="body-lg-font font-bold" 1249 @mouseenter="activeSubmenu = '1729'"> 1250 <a href="/stadtmuseum/artothek" target="" 1251 title="Artothek" 1252 class="group/item py-4 flex w-full justify-between"> <span 1253 class="text-white ">Artothek</span> 1254 <span class="text-orange title-4-font transition-all duration-300" 1255 :class="activeSubmenu === '1729' ? 'mr-0' : 'mr-4'">→</span> 1256 </a> 1257 </div> 1258 </div> 1259 <div class="w-2/3 bg-white text-dark-purple relative z-30"> 1260 <div class="p-12 absolute inset-0 text-dark-purple" 1261 x-show="activeSubmenu === '1612'" 1262 style="display: none;"> 1263 <span class="mt-2 title-4-font-bold pb-8">Museum</span> 1264 <div class="mt-4"> 1265 Das Stadtmuseum stellt sich vor 1266 </div> 1267 <ul class="grid grid-cols-2 grid-flow-row gap-x-4"> 1268 </ul> 1269 </div> 1270 <div class="p-12 absolute inset-0 text-dark-purple" 1271 x-show="activeSubmenu === '1613'" 1272 style="display: none;"> 1273 <span class="mt-2 title-4-font-bold pb-8">Ausstellungen</span> 1274 <div class="mt-4"> 1275 Im ersten Stock des Stadtmuseums finden regelmäÃig kulturhistorische Sonderausstellung statt 1276 </div> 1277 <ul class="grid grid-cols-2 grid-flow-row gap-x-4"> 1278 </ul> 1279 </div> 1280 <div class="p-12 absolute inset-0 text-dark-purple" 1281 x-show="activeSubmenu === '1614'" 1282 style="display: none;">
1283 <span class="mt-2 title-4-font-bold pb-8">Veranstaltungen</span> 1284 <div class="mt-4"> 1285 Vom Kindergeburtstag bis zur Kuratorenführung - Veranstaltungen für jeden Geschmack 1286 </div> 1287 </div> 1288 <div class="p-12 absolute inset-0 text-dark-purple" 1289 x-show="activeSubmenu === '1615'" 1290 style="display: none;"> 1291 <span class="mt-2 title-4-font-bold pb-8">Besuch</span> 1292 <div class="mt-4"> 1293 Alles was Sie vor Ihrem Besuch im Stadtmuseum wissen müssen 1294 </div> 1295 </div> 1296 <div class="p-12 absolute inset-0 text-dark-purple" 1297 x-show="activeSubmenu === '1631'" 1298 style="display: none;"> 1299 <span class="mt-2 title-4-font-bold pb-8">Stadtarchiv</span> 1300 <div class="mt-4"> 1301 Das Stadtarchiv ist Bestandteil des Stadtmuseums 1302 </div> 1303 </div> 1304 <div class="p-12 absolute inset-0 text-dark-purple" 1305 x-show="activeSubmenu === '1630'" 1306 style="display: none;"> 1307 <span class="mt-2 title-4-font-bold pb-8">Schule und Familie</span> 1308 <div class="mt-4"> 1309 Wir haben zahrleiche spezielle Angebote für Schulklassen und Familien 1310 </div> 1311 </div> 1312 <div class="p-12 absolute inset-0 text-dark-purple" 1313 x-show="activeSubmenu === '1729'" 1314 style="display: none;"> 1315 <span class="mt-2 title-4-font-bold pb-8">Artothek</span> 1316 <div class="mt-4"> 1317 Die Bibliothek für Bilder! Die, wie eine âechteâ Bücherei, allen Interessierten die Möglichkeit bietet, Kunstwerke auszuleihen und vom Sofa aus zu genieÃen. 1318 </div> 1319 </div> 1320 </div> 1321 </div> 1322 <div class="absolute bg-white right-0 h-full w-92 z-10"></div> 1323 </div> 1324 </div> 1325 </div> 1326 </nav> 1327 </div> 1328 <div :class="{ 'block': mobMenuOpen, 'hidden': !mobMenuOpen}" 1329 class="hidden absolute top-[75px] lg:top-[150px] z-60 w-full bg-white max-h-[calc(100vh-75px)] lg:max-h-[calc(100vh-150px)] overflow-y-auto drop-shadow-2xl" 1330 id="mobile-menu"> 1331 <div class="p-3 space-y-1"> 1332 1333 <div x-data="{ 1334 subMenuOpen: false, 1335 init() { 1336 // Only auto-open if this page has active children, not just if the page itself is active 1337 this.subMenuOpen = false;
1338 } 1339 }" x-init="init()"> 1340 <div class="flex"> 1341 <a href="/" title="" target="" 1342 class="flex-1 bg-white block pl-3 pr-4 py-2 text-base font-bold text-orange"> 1343 Startseite 1344 </a> 1345 </div> 1346 </div> 1347 1348 <div x-data="{ 1349 subMenuOpen: false, 1350 init() { 1351 // Only auto-open if this page has active children, not just if the page itself is active 1352 this.subMenuOpen = false; 1353 } 1354 }" x-init="init()"> 1355 <div class="flex"> 1356 <a href="/leben" title="" target="" 1357 class="flex-1 bg-white block pl-3 pr-4 py-2 text-base font-bold text-dark-purple"> 1358 Leben 1359 </a> 1360 <div class="flex-initial px-2 align-middle pt-1 cursor-pointer" 1361 @click="subMenuOpen = !subMenuOpen"> 1362 <svg x-show="!subMenuOpen" xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" 1363 fill="none" viewBox="0 0 24 24" stroke="#3E303D"> 1364 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 1365 d="M12 6v6m0 0v6m0-6h6m-6 0H6"/> 1366 </svg> 1367 <svg x-show="subMenuOpen" xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" 1368 fill="none" viewBox="0 0 24 24" stroke="#3E303D"> 1369 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 1370 d="M18 12H6"/> 1371 </svg> 1372 </div> 1373 </div> 1374 <div x-show="subMenuOpen"> 1375 1376 <div x-data="{ 1377 childMenuOpen: false, 1378 init() { 1379 // Only auto-open if this child has active grandchildren, not just if child itself is active 1380 this.childMenuOpen = false; 1381 } 1382 }" x-init="init()"> 1383 <div class="flex"> 1384 <a href="/leben/gesundheit" title="Gesundheit" 1385 target="" 1386 class="flex-1 ml-4 mt-1 border-orange block pl-3 pr-4 py-2 border-l-4 text-base font-bold text-dark-purple"> 1387 Gesundheit 1388 </a> 1389 </div> 1390 </div> 1391 1392 <div x-data="{ 1393 childMenuOpen: false, 1394 init() { 1395 // Only auto-open if this child has active grandchildren, not just if child itself is active 1396 this.childMenuOpen = false;
1397 } 1398 }" x-init="init()"> 1399 <div class="flex"> 1400 <a href="/leben/umwelt" title="Umwelt" 1401 target="" 1402 class="flex-1 ml-4 mt-1 border-orange block pl-3 pr-4 py-2 border-l-4 text-base font-bold text-dark-purple"> 1403 Umwelt 1404 </a> 1405 <div class="flex-initial px-2 align-middle pt-1 cursor-pointer" 1406 @click="childMenuOpen = !childMenuOpen"> 1407 <svg x-show="!childMenuOpen" xmlns="http://www.w3.org/2000/svg" 1408 class="h-6 w-6" fill="none" viewBox="0 0 24 24" 1409 stroke="#3E303D"> 1410 <path stroke-linecap="round" stroke-linejoin="round" 1411 stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6"/> 1412 </svg> 1413 <svg x-show="childMenuOpen" xmlns="http://www.w3.org/2000/svg" 1414 class="h-6 w-6" fill="none" viewBox="0 0 24 24" 1415 stroke="#3E303D"> 1416 <path stroke-linecap="round" stroke-linejoin="round" 1417 stroke-width="2" d="M18 12H6"/> 1418 </svg> 1419 </div> 1420 </div> 1421 <div class="ml-8" x-show="childMenuOpen"> 1422 </div> 1423 </div> 1424 1425 <div x-data="{ 1426 childMenuOpen: false, 1427 init() { 1428 // Only auto-open if this child has active grandchildren, not just if child itself is active 1429 this.childMenuOpen = false; 1430 } 1431 }" x-init="init()"> 1432 <div class="flex"> 1433 <a href="/leben/generationen" title="Generationen" 1434 target="" 1435 class="flex-1 ml-4 mt-1 border-orange block pl-3 pr-4 py-2 border-l-4 text-base font-bold text-dark-purple"> 1436 Generationen 1437 </a> 1438 <div class="flex-initial px-2 align-middle pt-1 cursor-pointer" 1439 @click="childMenuOpen = !childMenuOpen"> 1440 <svg x-s
1440how="!childMenuOpen" xmlns="http://www.w3.org/2000/svg" 1441 class="h-6 w-6" fill="none" viewBox="0 0 24 24" 1442 stroke="#3E303D"> 1443 <path stroke-linecap="round" stroke-linejoin="round" 1444 stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6"/> 1445 </svg> 1446 <svg x-show="childMenuOpen" xmlns="http://www.w3.org/2000/svg" 1447 class="h-6 w-6" fill="none" viewBox="0 0 24 24" 1448 stroke="#3E303D"> 1449 <path stroke-linecap="round" stroke-linejoin="round" 1450 stroke-width="2" d="M18 12H6"/> 1451 </svg> 1452 </div> 1453 </div> 1454 <div class="ml-8" x-show="childMenuOpen"> 1455 </div> 1456 </div> 1457 1458 <div x-data="{ 1459 childMenuOpen: false, 1460 init() { 1461 // Only auto-open if this child has active grandchildren, not just if child itself is active 1462 this.childMenuOpen = false; 1463 } 1464 }" x-init="init()"> 1465 <div class="flex"> 1466 <a href="/leben/vereine" title="Vereine" 1467 target="" 1468 class="flex-1 ml-4 mt-1 border-orange block pl-3 pr-4 py-2 border-l-4 text-base font-bold text-dark-purple"> 1469 Vereine 1470 </a> 1471 <div class="flex-initial px-2 align-middle pt-1 cursor-pointer" 1472 @click="childMenuOpen = !childMenuOpen"> 1473 <svg x-show="!childMenuOpen" xmlns="http://www.w3.org/2000/svg" 1474 class="h-6 w-6" fill="none" viewBox="0 0 24 24" 1475 stroke="#3E303D"> 1476 <path stroke-linecap="round" stroke-linejoin="round" 1477 stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6"/> 1478 </svg> 1479 <svg x-s
1479how="childMenuOpen" xmlns="http://www.w3.org/2000/svg" 1480 class="h-6 w-6" fill="none" viewBox="0 0 24 24" 1481 stroke="#3E303D"> 1482 <path stroke-linecap="round" stroke-linejoin="round" 1483 stroke-width="2" d="M18 12H6"/> 1484 </svg> 1485 </div> 1486 </div> 1487 <div class="ml-8" x-show="childMenuOpen"> 1488 </div> 1489 </div> 1490 1491 <div x-data="{ 1492 childMenuOpen: false, 1493 init() { 1494 // Only auto-open if this child has active grandchildren, not just if child itself is active 1495 this.childMenuOpen = false; 1496 } 1497 }" x-init="init()"> 1498 <div class="flex"> 1499 <a href="/leben/bauen-wohnen" title="Bauen & Wohnen" 1500 target="" 1501 class="flex-1 ml-4 mt-1 border-orange block pl-3 pr-4 py-2 border-l-4 text-base font-bold text-dark-purple"> 1502 Bauen 1503 </a> 1504 </div> 1505 </div> 1506 1507 <div x-data="{ 1508 childMenuOpen: false, 1509 init() { 1510 // Only auto-open if this child has active grandchildren, not just if child itself is active 1511 this.childMenuOpen = false; 1512 } 1513 }" x-init="init()"> 1514 <div class="flex"> 1515 <a href="/freibad" title="Freibad" 1516 target="" 1517 class="flex-1 ml-4 mt-1 border-orange block pl-3 pr-4 py-2 border-l-4 text-base font-bold text-dark-purple"> 1518 Freibad 1519 </a> 1520 <div class="flex-initial px-2 align-middle pt-1 cursor-pointer" 1521 @click="childMenuOpen = !childMenuOpen"> 1522 <svg x-show="!childMenuOpen" xmlns="http://www.w3.org/2000/svg" 1523 class="h-6 w-6" fill="none" viewBox="0 0 24 24" 1524 stroke="#3E303D"> 1525 <path stroke-linecap="round" stroke-linejoin="round" 1526 stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6"/> 1527 </svg> 1528 <svg x-s
1528how="childMenuOpen" xmlns="http://www.w3.org/2000/svg" 1529 class="h-6 w-6" fill="none" viewBox="0 0 24 24" 1530 stroke="#3E303D"> 1531 <path stroke-linecap="round" stroke-linejoin="round" 1532 stroke-width="2" d="M18 12H6"/> 1533 </svg> 1534 </div> 1535 </div> 1536 <div class="ml-8" x-show="childMenuOpen"> 1537 </div> 1538 </div> 1539 1540 <div x-data="{ 1541 childMenuOpen: false, 1542 init() { 1543 // Only auto-open if this child has active grandchildren, not just if child itself is active 1544 this.childMenuOpen = false; 1545 } 1546 }" x-init="init()"> 1547 <div class="flex"> 1548 <a href="/leben/musikgruppen" title="Musikgruppen" 1549 target="" 1550 class="flex-1 ml-4 mt-1 border-orange block pl-3 pr-4 py-2 border-l-4 text-base font-bold text-dark-purple"> 1551 Musikgruppen 1552 </a> 1553 </div> 1554 </div> 1555 1556 <div x-data="{ 1557 childMenuOpen: false, 1558 init() { 1559 // Only auto-open if this child has active grandchildren, not just if child itself is active 1560 this.childMenuOpen = false; 1561 } 1562 }" x-init="init()"> 1563 <div class="flex"> 1564 <a href="/ehrenamtsboerse" title="Ehrenamt" 1565 target="" 1566 class="flex-1 ml-4 mt-1 border-orange block pl-3 pr-4 py-2 border-l-4 text-base font-bold text-dark-purple"> 1567 Ehrenamt 1568 </a> 1569 <div class="flex-initial px-2 align-middle pt-1 cursor-pointer" 1570 @click="childMenuOpen = !childMenuOpen"> 1571 <svg x-s
1571how="!childMenuOpen" xmlns="http://www.w3.org/2000/svg" 1572 class="h-6 w-6" fill="none" viewBox="0 0 24 24" 1573 stroke="#3E303D"> 1574 <path stroke-linecap="round" stroke-linejoin="round" 1575 stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6"/> 1576 </svg> 1577 <svg x-show="childMenuOpen" xmlns="http://www.w3.org/2000/svg" 1578 class="h-6 w-6" fill="none" viewBox="0 0 24 24" 1579 stroke="#3E303D"> 1580 <path stroke-linecap="round" stroke-linejoin="round" 1581 stroke-width="2" d="M18 12H6"/> 1582 </svg> 1583 </div> 1584 </div> 1585 <div class="ml-8" x-show="childMenuOpen"> 1586 </div> 1587 </div> 1588 1589 <div x-data="{ 1590 childMenuOpen: false, 1591 init() { 1592 // Only auto-open if this child has active grandchildren, not just if child itself is active 1593 this.childMenuOpen = false; 1594 } 1595 }" x-init="init()"> 1596 <div class="flex"> 1597 <a href="/inklusion" title="Barrierefrei" 1598 target="" 1599 class="flex-1 ml-4 mt-1 border-orange block pl-3 pr-4 py-2 border-l-4 text-base font-bold text-dark-purple"> 1600 Barrierefrei 1601 </a> 1602 </div> 1603 </div> 1604 </div> 1605 </div> 1606 1607 <div x-data="{ 1608 subMenuOpen: false, 1609 init() { 1610 // Only auto-open if this page has active children, not just if the page itself is active 1611 this.subMenuOpen = false; 1612 } 1613 }" x-init="init()"> 1614 <div class="flex"> 1615 <a href="/touristik" title="Touristik" target="" 1616 class="flex-1 bg-white block pl-3 pr-4 py-2 text-base font-bold text-dark-purple"> 1617 Touristik 1618 </a> 1619 <div class="flex-initial px-2 align-middle pt-1 cursor-pointer" 1620 @click="subMenuOpen = !subMenuOpen">
1621 <svg x-show="!subMenuOpen" xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" 1622 fill="none" viewBox="0 0 24 24" stroke="#3E303D"> 1623 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 1624 d="M12 6v6m0 0v6m0-6h6m-6 0H6"/> 1625 </svg> 1626 <svg x-show="subMenuOpen" xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" 1627 fill="none" viewBox="0 0 24 24" stroke="#3E303D"> 1628 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 1629 d="M18 12H6"/> 1630 </svg> 1631 </div> 1632 </div> 1633 <div x-show="subMenuOpen"> 1634 1635 <div x-data="{ 1636 childMenuOpen: false, 1637 init() { 1638 // Only auto-open if this child has active grandchildren, not just if child itself is active 1639 this.childMenuOpen = false; 1640 } 1641 }" x-init="init()"> 1642 <div class="flex"> 1643 <a href="/touristik/touristinfo" title="Touristinformation" 1644 target="" 1645 class="flex-1 ml-4 mt-1 border-orange block pl-3 pr-4 py-2 border-l-4 text-base font-bold text-dark-purple"> 1646 Touristinformation 1647 </a> 1648 <div class="flex-initial px-2 align-middle pt-1 cursor-pointer" 1649 @click="childMenuOpen = !childMenuOpen"> 1650 <svg x-show="!childMenuOpen" xmlns="http://www.w3.org/2000/svg" 1651 class="h-6 w-6" fill="none" viewBox="0 0 24 24" 1652 stroke="#3E303D"> 1653 <path stroke-linecap="round" stroke-linejoin="round" 1654 stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6"/> 1655 </svg> 1656 <svg x-show="childMenuOpen" xmlns="http://www.w3.org/2000/svg" 1657 class="h-6 w-6" fill="none" viewBox="0 0 24 24" 1658 stroke="#3E303D"> 1659 <path stroke-linecap="round" stroke-linejoin="round" 1660 stroke-width="2" d="M18 12H6"/> 1661 </svg> 1662 </div> 1663 </div> 1664 <div class="ml-8" x-show="childMenuOpen"> 1665 </div> 1666 </div> 1667 1668 <div x-data="{ 1669 childMenuOpen: false, 1670 init() { 1671 // Only auto-open if this child has active grandchildren, not just if child itself is active 1672 this.childMenuOpen = false;
1673 } 1674 }" x-init="init()"> 1675 <div class="flex"> 1676 <a href="/touristik/entdecken" title="Entdecken" 1677 target="" 1678 class="flex-1 ml-4 mt-1 border-orange block pl-3 pr-4 py-2 border-l-4 text-base font-bold text-dark-purple"> 1679 Entdecken 1680 </a> 1681 <div class="flex-initial px-2 align-middle pt-1 cursor-pointer" 1682 @click="childMenuOpen = !childMenuOpen"> 1683 <svg x-show="!childMenuOpen" xmlns="http://www.w3.org/2000/svg" 1684 class="h-6 w-6" fill="none" viewBox="0 0 24 24" 1685 stroke="#3E303D"> 1686 <path stroke-linecap="round" stroke-linejoin="round" 1687 stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6"/> 1688 </svg> 1689 <svg x-show="childMenuOpen" xmlns="http://www.w3.org/2000/svg" 1690 class="h-6 w-6" fill="none" viewBox="0 0 24 24" 1691 stroke="#3E303D"> 1692 <path stroke-linecap="round" stroke-linejoin="round" 1693 stroke-width="2" d="M18 12H6"/> 1694 </svg> 1695 </div> 1696 </div> 1697 <div class="ml-8" x-show="childMenuOpen"> 1698 <a href="/touristik/entdecken/anfahrt" 1699 title="Anfahrt" 1700 target="" 1701 class="border-l-4 border-orange bg-white block pl-3 pr-4 py-2 mt-1 text-base font-bold hover:text-orange transition-colors duration-200 text-dark-purple"> 1702 Anfahrt 1703 </a> 1704 <a href="/touristik/entdecken/stadtplan" 1705 title="Stadtplan" 1706 target="" 1707 class="border-l-4 border-orange bg-white block pl-3 pr-4 py-2 mt-1 text-base font-bold hover:text-orange transition-colors duration-200 text-dark-purple"> 1708 Stadtplan 1709 </a> 1710 <a href="/touristik/stadtfuehrungen" 1711 title="Stadtführungen" 1712 target="" 1713 class="border-l-4 border-orange bg-white block pl-3 pr-4 py-2 mt-1 text-base font-bold hover:text-orange transition-colors duration-200 text-dark-purple"> 1714 Stadtführungen 1715 </a> 1716 <a href="/touristik/sehenswuerdigkeiten" 1717 title="Sehenswürdigkeiten" 1718 target="" 1719 class="border-l-4 border-orange bg-white block pl-3 pr-4 py-2 mt-1 text-base font-bold hover:text-orange transition-colors duration-200 text-dark-purple"> 1720 Sehenswürdigkeiten 1721 </a> 1722 </div> 1723 </div> 1724 1725 <div x-data="{ 1726 childMenuOpen: false, 1727 init() { 1728 // Only auto-open if this child has active grandchildren, not just if child itself is active 1729 this.childMenuOpen = false;
1730 } 1731 }" x-init="init()"> 1732 <div class="flex"> 1733 <a href="/touristik/erleben" title="Erleben" 1734 target="" 1735 class="flex-1 ml-4 mt-1 border-orange block pl-3 pr-4 py-2 border-l-4 text-base font-bold text-dark-purple"> 1736 Erleben 1737 </a> 1738 <div class="flex-initial px-2 align-middle pt-1 cursor-pointer" 1739 @click="childMenuOpen = !childMenuOpen"> 1740 <svg x-show="!childMenuOpen" xmlns="http://www.w3.org/2000/svg" 1741 class="h-6 w-6" fill="none" viewBox="0 0 24 24" 1742 stroke="#3E303D"> 1743 <path stroke-linecap="round" stroke-linejoin="round" 1744 stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6"/> 1745 </svg> 1746 <svg x-show="childMenuOpen" xmlns="http://www.w3.org/2000/svg" 1747 class="h-6 w-6" fill="none" viewBox="0 0 24 24" 1748 stroke="#3E303D"> 1749 <path stroke-linecap="round" stroke-linejoin="round" 1750 stroke-width="2" d="M18 12H6"/> 1751 </svg> 1752 </div> 1753 </div> 1754 <div class="ml-8" x-show="childMenuOpen"> 1755 <a href="/udo" 1756 title="UDO " 1757 target="" 1758 class="border-l-4 border-orange bg-white block pl-3 pr-4 py-2 mt-1 text-base font-bold hover:text-orange transition-colors duration-200 text-dark-purple"> 1759 UDO 1760 </a> 1761 <a href="/fagi" 1762 title="Faschingsgillamoos" 1763 target="" 1764 class="border-l-4 border-orange bg-white block pl-3 pr-4 py-2 mt-1 text-base font-bold hover:text-orange transition-colors duration-200 text-dark-purple"> 1765 Faschingsgillamoos 1766 </a> 1767 <a href="/kunstnachtmarkt" 1768 title="KunstNachtMarkt" 1769 target="" 1770 class="border-l-4 border-orange bg-white block pl-3 pr-4 py-2 mt-1 text-base font-bold hover:text-orange transition-colors duration-200 text-dark-purple"> 1771 Kunstnachtmarkt 1772 </a> 1773 <a href="/buergerfest" 1774 title="Bürgerfest" 1775 target="" 1776 class="border-l-4 border-orange bg-white block pl-3 pr-4 py-2 mt-1 text-base font-bold hover:text-orange transition-colors duration-200 text-dark-purple"> 1777 Buergerfest 1778 </a> 1779 <a href="/maerchenstadt" 1780 title="Märchenstadt" 1781 target="" 1782 class="border-l-4 border-orange bg-white block pl-3 pr-4 py-2 mt-1 text-base font-bold hover:text-orange transition-colors duration-200 text-dark-purple"> 1783 Märchenhaftes-Abensberg 1784 </a> 1785 <a href="/touristik/erleben/kulturreihen" 1786 title="Kulturreihen" 1787 target="" 1788 class="border-l-4 border-orange bg-white block pl-3 pr-4 py-2 mt-1 text-base font-bold hover:text-orange transition-colors duration-200 text-dark-purple"> 1789 Kulturreihen 1790 </a> 1791 <a href="/touristik/erleben/fruehjahrsmarkt" 1792 title="Frühjahrsmarkt" 1793 target="" 1794 class="border-l-4 border-orange bg-white block pl-3 pr-4 py-2 mt-1 text-base font-bold hover:text-orange transition-colors duration-200 text-dark-purple"> 1795 Fruehjahrsmarkt 1796 </a> 1797 <a href="/touristik/erleben/herbstmarkt" 1798 title="Herbstmarkt" 1799 target="" 1800 class="border-l-4 border-orange bg-white block pl-3 pr-4 py-2 mt-1 text-base font-bold hover:text-orange transition-colors duration-200 text-dark-purple"> 1801 Herbstmarkt 1802 </a> 1803 <a href="/sommerlaune" 1804 title="Sommerlaune" 1805 target="" 1806 class="border-l-4 border-orange bg-white block pl-3 pr-4 py-2 mt-1 text-base font-bold hover:text-orange transition-colors duration-200 text-dark-purple"> 1807 Sommerlaune 1808 </a> 1809 </div> 1810 </div> 1811 1812 <div x-data="{ 1813 childMenuOpen: false, 1814 init() { 1815 // Only auto-open if this child has active grandchildren, not just if child itself is active 1816 this.childMenuOpen = false;
1817 } 1818 }" x-init="init()"> 1819 <div class="flex"> 1820 <a href="/touristik/ausspannen" title="Ausspannen" 1821 target="" 1822 class="flex-1 ml-4 mt-1 border-orange block pl-3 pr-4 py-2 border-l-4 text-base font-bold text-dark-purple"> 1823 Ausspannen 1824 </a> 1825 <div class="flex-initial px-2 align-middle pt-1 cursor-pointer" 1826 @click="childMenuOpen = !childMenuOpen"> 1827 <svg x-show="!childMenuOpen" xmlns="http://www.w3.org/2000/svg" 1828 class="h-6 w-6" fill="none" viewBox="0 0 24 24" 1829 stroke="#3E303D"> 1830 <path stroke-linecap="round" stroke-linejoin="round" 1831 stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6"/> 1832 </svg> 1833 <svg x-show="childMenuOpen" xmlns="http://www.w3.org/2000/svg" 1834 class="h-6 w-6" fill="none" viewBox="0 0 24 24" 1835 stroke="#3E303D"> 1836 <path stroke-linecap="round" stroke-linejoin="round" 1837 stroke-width="2" d="M18 12H6"/> 1838 </svg> 1839 </div> 1840 </div> 1841 <div class="ml-8" x-show="childMenuOpen"> 1842 <a href="/radfahren" 1843 title="Radfahren" 1844 target="" 1845 class="border-l-4 border-orange bg-white block pl-3 pr-4 py-2 mt-1 text-base font-bold hover:text-orange transition-colors duration-200 text-dark-purple"> 1846 Radfahren 1847 </a> 1848 <a href="/wandern" 1849 title="Wandern" 1850 target="" 1851 class="border-l-4 border-orange bg-white block pl-3 pr-4 py-2 mt-1 text-base font-bold hover:text-orange transition-colors duration-200 text-dark-purple"> 1852 Wandern 1853 </a> 1854 <a href="/touristik/ausspannen/natur%20fuer%20alle" 1855 title="" 1856 target="" 1857 class="border-l-4 border-orange bg-white block pl-3 pr-4 py-2 mt-1 text-base font-bold hover:text-orange transition-colors duration-200 text-dark-purple"> 1858 Natur für Alle 1859 </a> 1860 </div> 1861 </div> 1862 1863 <div x-data="{ 1864 childMenuOpen: false, 1865 init() { 1866 // Only auto-open if this child has active grandchildren, not just if child itself is active 1867 this.childMenuOpen = false;
1868 } 1869 }" x-init="init()"> 1870 <div class="flex"> 1871 <a href="/touristik/geniessen" title="GenieÃen" 1872 target="" 1873 class="flex-1 ml-4 mt-1 border-orange block pl-3 pr-4 py-2 border-l-4 text-base font-bold text-dark-purple"> 1874 GenieÃen 1875 </a> 1876 <div class="flex-initial px-2 align-middle pt-1 cursor-pointer" 1877 @click="childMenuOpen = !childMenuOpen"> 1878 <svg x-show="!childMenuOpen" xmlns="http://www.w3.org/2000/svg" 1879 class="h-6 w-6" fill="none" viewBox="0 0 24 24" 1880 stroke="#3E303D"> 1881 <path stroke-linecap="round" stroke-linejoin="round" 1882 stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6"/> 1883 </svg> 1884 <svg x-show="childMenuOpen" xmlns="http://www.w3.org/2000/svg" 1885 class="h-6 w-6" fill="none" viewBox="0 0 24 24" 1886 stroke="#3E303D"> 1887 <path stroke-linecap="round" stroke-linejoin="round" 1888 stroke-width="2" d="M18 12H6"/> 1889 </svg> 1890 </div> 1891 </div> 1892 <div class="ml-8" x-show="childMenuOpen"> 1893 <a href="/touristik/geniessen/essen-trinken" 1894 title="Essen und Trinken" 1895 target="" 1896 class="border-l-4 border-orange bg-white block pl-3 pr-4 py-2 mt-1 text-base font-bold hover:text-orange transition-colors duration-200 text-dark-purple"> 1897 Essen und Trinken 1898 </a> 1899 <a href="/touristik/geniessen/spargel" 1900 title="Spargel" 1901 target="" 1902 class="border-l-4 border-orange bg-white block pl-3 pr-4 py-2 mt-1 text-base font-bold hover:text-orange transition-colors duration-200 text-dark-purple"> 1903 Spargel 1904 </a> 1905 <a href="/touristik/geniessen/hopfen" 1906 title="Hopfen" 1907 target="" 1908 class="border-l-4 border-orange bg-white block pl-3 pr-4 py-2 mt-1 text-base font-bold hover:text-orange transition-colors duration-200 text-dark-purple"> 1909 Hopfen 1910 </a> 1911 <a href="/touristik/geniessen/beeren" 1912 title="Beeren" 1913 target="" 1914 class="border-l-4 border-orange bg-white block pl-3 pr-4 py-2 mt-1 text-base font-bold hover:text-orange transition-colors duration-200 text-dark-purple"> 1915 Beeren 1916 </a> 1917 </div> 1918 </div> 1919 1920 <div x-data="{ 1921 childMenuOpen: false, 1922 init() { 1923 // Only auto-open if this child has active grandchildren, not just if child itself is active 1924 this.childMenuOpen = false;
1925 } 1926 }" x-init="init()"> 1927 <div class="flex"> 1928 <a href="/touristik/uebernachten" title="Ãbernachten" 1929 target="" 1930 class="flex-1 ml-4 mt-1 border-orange block pl-3 pr-4 py-2 border-l-4 text-base font-bold text-dark-purple"> 1931 Ãbernachten 1932 </a> 1933 <div class="flex-initial px-2 align-middle pt-1 cursor-pointer" 1934 @click="childMenuOpen = !childMenuOpen"> 1935 <svg x-show="!childMenuOpen" xmlns="http://www.w3.org/2000/svg" 1936 class="h-6 w-6" fill="none" viewBox="0 0 24 24" 1937 stroke="#3E303D"> 1938 <path stroke-linecap="round" stroke-linejoin="round" 1939 stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6"/> 1940 </svg> 1941 <svg x-show="childMenuOpen" xmlns="http://www.w3.org/2000/svg" 1942 class="h-6 w-6" fill="none" viewBox="0 0 24 24" 1943 stroke="#3E303D"> 1944 <path stroke-linecap="round" stroke-linejoin="round" 1945 stroke-width="2" d="M18 12H6"/> 1946 </svg> 1947 </div> 1948 </div> 1949 <div class="ml-8" x-show="childMenuOpen"> 1950 <a href="/touristik/uebernachten/hotels" 1951 title="Hotels" 1952 target="" 1953 class="border-l-4 border-orange bg-white block pl-3 pr-4 py-2 mt-1 text-base font-bold hover:text-orange transition-colors duration-200 text-dark-purple"> 1954 Hotels 1955 </a> 1956 <a href="/touristik/uebernachten/camping" 1957 title="Camping" 1958 target="" 1959 class="border-l-4 border-orange bg-white block pl-3 pr-4 py-2 mt-1 text-base font-bold hover:text-orange transition-colors duration-200 text-dark-purple"> 1960 Camping 1961 </a> 1962 <a href="/touristik/uebernachten/tagungen" 1963 title="Tagungen" 1964 target="" 1965 class="border-l-4 border-orange bg-white block pl-3 pr-4 py-2 mt-1 text-base font-bold hover:text-orange transition-colors duration-200 text-dark-purple"> 1966 Tagungen 1967 </a> 1968 </div> 1969 </div> 1970 </div> 1971 </div> 1972 1973 <div x-data="{ 1974 subMenuOpen: false, 1975 init() { 1976 // Only auto-open if this page has active children, not just if the page itself is active 1977 this.subMenuOpen = false;
1978 } 1979 }" x-init="init()"> 1980 <div class="flex"> 1981 <a href="/wirtschaft" title="Wirtschaft" target="" 1982 class="flex-1 bg-white block pl-3 pr-4 py-2 text-base font-bold text-dark-purple"> 1983 Wirtschaft 1984 </a> 1985 <div class="flex-initial px-2 align-middle pt-1 cursor-pointer" 1986 @click="subMenuOpen = !subMenuOpen"> 1987 <svg x-show="!subMenuOpen" xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" 1988 fill="none" viewBox="0 0 24 24" stroke="#3E303D"> 1989 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 1990 d="M12 6v6m0 0v6m0-6h6m-6 0H6"/> 1991 </svg> 1992 <svg x-show="subMenuOpen" xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" 1993 fill="none" viewBox="0 0 24 24" stroke="#3E303D"> 1994 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 1995 d="M18 12H6"/> 1996 </svg> 1997 </div> 1998 </div> 1999 <div x-show="subMenuOpen"> 2000 2001 <div x-data="{ 2002 childMenuOpen: false, 2003 init() { 2004 // Only auto-open if this child has active grandchildren, not just if child itself is active 2005 this.childMenuOpen = false; 2006 } 2007 }" x-init="init()"> 2008 <div class="flex"> 2009 <a href="/wirtschaft/ausschreibungen" title="Ausschreibungen" 2010 target="" 2011 class="flex-1 ml-4 mt-1 border-orange block pl-3 pr-4 py-2 border-l-4 text-base font-bold text-dark-purple"> 2012 Ausschreibungen 2013 </a> 2014 </div> 2015 </div> 2016 2017 <div x-data="{ 2018 childMenuOpen: false, 2019 init() { 2020 // Only auto-open if this child has active grandchildren, not just if child itself is active 2021 this.childMenuOpen = false; 2022 } 2023 }" x-init="init()"> 2024 <div class="flex"> 2025 <a href="/branchen" title="Branchen" 2026 target="" 2027 class="flex-1 ml-4 mt-1 border-orange block pl-3 pr-4 py-2 border-l-4 text-base font-bold text-dark-purple"> 2028 Branchen 2029 </a> 2030 </div> 2031 </div> 2032 2033 <div x-data="{ 2034 childMenuOpen: false, 2035 init() { 2036 // Only auto-open if this child has active grandchildren, not just if child itself is active 2037 this.childMenuOpen = false;
2038 } 2039 }" x-init="init()"> 2040 <div class="flex"> 2041 <a href="/wirtschaft/gigabit-ausbau" title="Gigabit-Ausbau" 2042 target="" 2043 class="flex-1 ml-4 mt-1 border-orange block pl-3 pr-4 py-2 border-l-4 text-base font-bold text-dark-purple"> 2044 Gigabit-Ausbau 2045 </a> 2046 <div class="flex-initial px-2 align-middle pt-1 cursor-pointer" 2047 @click="childMenuOpen = !childMenuOpen"> 2048 <svg x-show="!childMenuOpen" xmlns="http://www.w3.org/2000/svg" 2049 class="h-6 w-6" fill="none" viewBox="0 0 24 24" 2050 stroke="#3E303D"> 2051 <path stroke-linecap="round" stroke-linejoin="round" 2052 stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6"/> 2053 </svg> 2054 <svg x-show="childMenuOpen" xmlns="http://www.w3.org/2000/svg" 2055 class="h-6 w-6" fill="none" viewBox="0 0 24 24" 2056 stroke="#3E303D"> 2057 <path stroke-linecap="round" stroke-linejoin="round" 2058 stroke-width="2" d="M18 12H6"/> 2059 </svg> 2060 </div> 2061 </div> 2062 <div class="ml-8" x-show="childMenuOpen"> 2063 </div> 2064 </div> 2065 2066 <div x-data="{ 2067 childMenuOpen: false, 2068 init() { 2069 // Only auto-open if this child has active grandchildren, not just if child itself is active 2070 this.childMenuOpen = false; 2071 } 2072 }" x-init="init()"> 2073 <div class="flex"> 2074 <a href="/wirtschaft/gewerbegebiete" title="Gewerbegebiete" 2075 target="" 2076 class="flex-1 ml-4 mt-1 border-orange block pl-3 pr-4 py-2 border-l-4 text-base font-bold text-dark-purple"> 2077 Gewerbegebiete 2078 </a> 2079 </div> 2080 </div> 2081 </div> 2082 </div> 2083 2084 <div x-data="{ 2085 subMenuOpen: false, 2086 init() { 2087 // Only auto-open if this page has active children, not just if the page itself is active 2088 this.subMenuOpen = false;
2089 } 2090 }" x-init="init()"> 2091 <div class="flex"> 2092 <a href="/buergerservice" title="" target="" 2093 class="flex-1 bg-white block pl-3 pr-4 py-2 text-base font-bold text-dark-purple"> 2094 Bürgerservice 2095 </a> 2096 <div class="flex-initial px-2 align-middle pt-1 cursor-pointer" 2097 @click="subMenuOpen = !subMenuOpen"> 2098 <svg x-show="!subMenuOpen" xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" 2099 fill="none" viewBox="0 0 24 24" stroke="#3E303D"> 2100 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 2101 d="M12 6v6m0 0v6m0-6h6m-6 0H6"/> 2102 </svg> 2103 <svg x-show="subMenuOpen" xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" 2104 fill="none" viewBox="0 0 24 24" stroke="#3E303D"> 2105 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 2106 d="M18 12H6"/> 2107 </svg> 2108 </div> 2109 </div> 2110 <div x-show="subMenuOpen"> 2111 2112 <div x-data="{ 2113 childMenuOpen: false, 2114 init() { 2115 // Only auto-open if this child has active grandchildren, not just if child itself is active 2116 this.childMenuOpen = false; 2117 } 2118 }" x-init="init()"> 2119 <div class="flex"> 2120 <a href="/rathaus" title="Rathaus" 2121 target="" 2122 class="flex-1 ml-4 mt-1 border-orange block pl-3 pr-4 py-2 border-l-4 text-base font-bold text-dark-purple"> 2123 Rathaus 2124 </a> 2125 <div class="flex-initial px-2 align-middle pt-1 cursor-pointer" 2126 @click="childMenuOpen = !childMenuOpen"> 2127 <svg x-s
2127how="!childMenuOpen" xmlns="http://www.w3.org/2000/svg" 2128 class="h-6 w-6" fill="none" viewBox="0 0 24 24" 2129 stroke="#3E303D"> 2130 <path stroke-linecap="round" stroke-linejoin="round" 2131 stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6"/> 2132 </svg> 2133 <svg x-show="childMenuOpen" xmlns="http://www.w3.org/2000/svg" 2134 class="h-6 w-6" fill="none" viewBox="0 0 24 24" 2135 stroke="#3E303D"> 2136 <path stroke-linecap="round" stroke-linejoin="round" 2137 stroke-width="2" d="M18 12H6"/> 2138 </svg> 2139 </div> 2140 </div> 2141 <div class="ml-8" x-show="childMenuOpen"> 2142 <a href="/buergerservice/rathaus/ewo" 2143 title="Einwohnermeldeamt" 2144 target="" 2145 class="border-l-4 border-orange bg-white block pl-3 pr-4 py-2 mt-1 text-base font-bold hover:text-orange transition-colors duration-200 text-dark-purple"> 2146 Einwohnermeldeamt 2147 </a> 2148 <a href="/buergerservice/rathaus/kasse" 2149 title="Kasse" 2150 target="" 2151 class="border-l-4 border-orange bg-white block pl-3 pr-4 py-2 mt-1 text-base font-bold hover:text-orange transition-colors duration-200 text-dark-purple"> 2152 Kasse 2153 </a> 2154 <a href="/buergerservice/rathaus/bauamt" 2155 title="Bauamt" 2156 target="" 2157 class="border-l-4 border-orange bg-white block pl-3 pr-4 py-2 mt-1 text-base font-bold hover:text-orange transition-colors duration-200 text-dark-purple"> 2158 Bauamt 2159 </a> 2160 <a href="/buergerservice/rathaus/kaemmerei" 2161 title="Kämmerei" 2162 target="" 2163 class="border-l-4 border-orange bg-white block pl-3 pr-4 py-2 mt-1 text-base font-bold hover:text-orange transition-colors duration-200 text-dark-purple"> 2164 Kämmerei 2165 </a> 2166 <a href="/buergerservice/rathaus/hauptamt" 2167 title="Hauptamt" 2168 target="" 2169 class="border-l-4 border-orange bg-white block pl-3 pr-4 py-2 mt-1 text-base font-bold hover:text-orange transition-colors duration-200 text-dark-purple"> 2170 Hauptamt 2171 </a> 2172 <a href="/buergerservice/rathaus/buergermeisteramt" 2173 title="Bürgermeisteramt" 2174 target="" 2175 class="border-l-4 border-orange bg-white block pl-3 pr-4 py-2 mt-1 text-base font-bold hover:text-orange transition-colors duration-200 text-dark-purple"> 2176 Buergermeisteramt 2177 </a> 2178 <a href="/buergerservice/rathaus/ordnungsamt" 2179 title="Ordnungsamt" 2180 target="" 2181 class="border-l-4 border-orange bg-white block pl-3 pr-4 py-2 mt-1 text-base font-bold hover:text-orange transition-colors duration-200 text-dark-purple"> 2182 Ordnungsamt 2183 </a> 2184 <a href="/buergerservice/rathaus/standesamt" 2185 title="Standesamt" 2186 target="" 2187 class="border-l-4 border-orange bg-white block pl-3 pr-4 py-2 mt-1 text-base font-bold hover:text-orange transition-colors duration-200 text-dark-purple"> 2188 Standesamt 2189 </a> 2190 <a href="/buergerservice/rathaus/generationenarbeit" 2191 title="Generationenarbeit" 2192 target="" 2193 class="border-l-4 border-orange bg-white block pl-3 pr-4 py-2 mt-1 text-base font-bold hover:text-orange transition-colors duration-200 text-dark-purple"> 2194 Generationenarbeit 2195 </a> 2196 <a href="/buergerservice/rathaus/museum" 2197 title="Kultur" 2198 target="" 2199 class="border-l-4 border-orange bg-white block pl-3 pr-4 py-2 mt-1 text-base font-bold hover:text-orange transition-colors duration-200 text-dark-purple"> 2200 Kultur 2201 </a> 2202 <a href="/buergerservice/rathaus/stadtmarketing" 2203 title="Stadtmarketing" 2204 target="" 2205 class="border-l-4 border-orange bg-white block pl-3 pr-4 py-2 mt-1 text-base font-bold hover:text-orange transition-colors duration-200 text-dark-purple"> 2206 Stadtmarketing 2207 </a> 2208 <a href="/buergerservice/rathaus/pressearbeit" 2209 title="Pressearbeit" 2210 target="" 2211 class="border-l-4 border-orange bg-white block pl-3 pr-4 py-2 mt-1 text-base font-bold hover:text-orange transition-colors duration-200 text-dark-purple"> 2212 Pressearbeit 2213 </a> 2214 <a href="/stadtwerke" 2215 title="Stadtwerke" 2216 target="" 2217 class="border-l-4 border-orange bg-white block pl-3 pr-4 py-2 mt-1 text-base font-bold hover:text-orange transition-colors duration-200 text-dark-purple"> 2218 Stadtwerke 2219 </a> 2220 <a href="/buergerservice/rathaus/personalamt" 2221 title="Personalamt" 2222 target="" 2223 class="border-l-4 border-orange bg-white block pl-3 pr-4 py-2 mt-1 text-base font-bold hover:text-orange transition-colors duration-200 text-dark-purple"> 2224 Personalamt 2225 </a> 2226 <a href="/bauhof" 2227 title="Bauhof" 2228 target="" 2229 class="border-l-4 border-orange bg-white block pl-3 pr-4 py-2 mt-1 text-base font-bold hover:text-orange transition-colors duration-200 text-dark-purple"> 2230 Bauhof 2231 </a> 2232 </div> 2233 </div> 2234 2235 <div x-data="{ 2236 childMenuOpen: false, 2237 init() { 2238 // Only auto-open if this child has active grandchildren, not just if child itself is active 2239 this.childMenuOpen = false;
2240 } 2241 }" x-init="init()"> 2242 <div class="flex"> 2243 <a href="/buergerservice/onlineservice" title="Onlineservice" 2244 target="" 2245 class="flex-1 ml-4 mt-1 border-orange block pl-3 pr-4 py-2 border-l-4 text-base font-bold text-dark-purple"> 2246 Onlineservice 2247 </a> 2248 <div class="flex-initial px-2 align-middle pt-1 cursor-pointer" 2249 @click="childMenuOpen = !childMenuOpen"> 2250 <svg x-show="!childMenuOpen" xmlns="http://www.w3.org/2000/svg" 2251 class="h-6 w-6" fill="none" viewBox="0 0 24 24" 2252 stroke="#3E303D"> 2253 <path stroke-linecap="round" stroke-linejoin="round" 2254 stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6"/> 2255 </svg> 2256 <svg x-show="childMenuOpen" xmlns="http://www.w3.org/2000/svg" 2257 class="h-6 w-6" fill="none" viewBox="0 0 24 24" 2258 stroke="#3E303D"> 2259 <path stroke-linecap="round" stroke-linejoin="round" 2260 stroke-width="2" d="M18 12H6"/> 2261 </svg> 2262 </div> 2263 </div> 2264 <div class="ml-8" x-show="childMenuOpen"> 2265 <a href="/buergerservice/onlineservice/abwasser" 2266 title="Abwasser" 2267 target="" 2268 class="border-l-4 border-orange bg-white block pl-3 pr-4 py-2 mt-1 text-base font-bold hover:text-orange transition-colors duration-200 text-dark-purple"> 2269 Abwasser 2270 </a> 2271 <a href="/buergerservice/onlineservice/kanal" 2272 title="Kanal Anschluss" 2273 target="" 2274 class="border-l-4 border-orange bg-white block pl-3 pr-4 py-2 mt-1 text-base font-bold hover:text-orange transition-colors duration-200 text-dark-purple"> 2275 Kanal 2276 </a> 2277 <a href="/buergerservice/onlineservice/feuerwehreinsatz" 2278 title="Feuerwehreinsatz" 2279 target="" 2280 class="border-l-4 border-orange bg-white block pl-3 pr-4 py-2 mt-1 text-base font-bold hover:text-orange transition-colors duration-200 text-dark-purple"> 2281 Feuerwehreinsatz 2282 </a> 2283 <a href="/buergerservice/onlineservice/jugendfoerderung" 2284 title="" 2285 target="" 2286 class="border-l-4 border-orange bg-white block pl-3 pr-4 py-2 mt-1 text-base font-bold hover:text-orange transition-colors duration-200 text-dark-purple"> 2287 Jugend-Förderung 2288 </a> 2289 <a href="/buergerservice/onlineservice/parkausweis" 2290 title="Parkausweis" 2291 target="" 2292 class="border-l-4 border-orange bg-white block pl-3 pr-4 py-2 mt-1 text-base font-bold hover:text-orange transition-colors duration-200 text-dark-purple"> 2293 Parkausweis 2294 </a> 2295 <a href="/buergerservice/onlineservice/sepa-lastschrift" 2296 title="" 2297 target="" 2298 class="border-l-4 border-orange bg-white block pl-3 pr-4 py-2 mt-1 text-base font-bold hover:text-orange transition-colors duration-200 text-dark-purple"> 2299 SEPA Mandat 2300 </a> 2301 <a href="/buergerservice/onlineservice/wasseranschluss" 2302 title="Wasseranschluss" 2303 target="" 2304 class="border-l-4 border-orange bg-white block pl-3 pr-4 py-2 mt-1 text-base font-bold hover:text-orange transition-colors duration-200 text-dark-purple"> 2305 Wasseranschluss 2306 </a> 2307 <a href="/buergerservice/onlineservice/wasseranal
2307ysen" 2308 title="Wasseranalysen" 2309 target="" 2310 class="border-l-4 border-orange bg-white block pl-3 pr-4 py-2 mt-1 text-base font-bold hover:text-orange transition-colors duration-200 text-dark-purple"> 2311 Wasseranalysen 2312 </a> 2313 <a href="/buergerservice/onlineservice/wohnungsgeber" 2314 title="Wohnungsgeber" 2315 target="" 2316 class="border-l-4 border-orange bg-white block pl-3 pr-4 py-2 mt-1 text-base font-bold hover:text-orange transition-colors duration-200 text-dark-purple"> 2317 Wohnungsgeber 2318 </a> 2319 <a href="/buergerservice/onlineservice/vao" 2320 title="Verkehrsrechtl Anordnung" 2321 target="" 2322 class="border-l-4 border-orange bg-white block pl-3 pr-4 py-2 mt-1 text-base font-bold hover:text-orange transition-colors duration-200 text-dark-purple"> 2323 Verkehrsrechtliche Anordnung 2324 </a> 2325 <a href="/buergerservice/onlineservice/kinderausweis" 2326 title="Kinderausweis" 2327 target="" 2328 class="border-l-4 border-orange bg-white block pl-3 pr-4 py-2 mt-1 text-base font-bold hover:text-orange transition-colors duration-200 text-dark-purple"> 2329 Kinderausweis 2330 </a> 2331 <a href="/buergerservice/onlineservice/defekte-strassenlaterne" 2332 title="Defekte StraÃenlaterne" 2333 target="" 2334 class="border-l-4 border-orange bg-white block pl-3 pr-4 py-2 mt-1 text-base font-bold hover:text-orange transition-colors duration-200 text-dark-purple"> 2335 Defekte StraÃenlaterne 2336 </a> 2337 <a href="/bauleitplaene" 2338 title="" 2339 target="" 2340 class="border-l-4 border-orange bg-white block pl-3 pr-4 py-2 mt-1 text-base font-bold hover:text-orange transition-colors duration-200 text-dark-purple"> 2341 Bauleitpläne 2342 </a> 2343 <a href="/starkregen-formular" 2344 title="" 2345 target="" 2346 class="border-l-4 border-orange bg-white block pl-3 pr-4 py-2 mt-1 text-base font-bold hover:text-orange transition-colors duration-200 text-dark-purple"> 2347 starkregen-formular 2348 </a> 2349 </div> 2350 </div> 2351 2352 <div x-data="{ 2353 childMenuOpen: false, 2354 init() { 2355 // Only auto-open if this child has active grandchildren, not just if child itself is active 2356 this.childMenuOpen = false;
2357 } 2358 }" x-init="init()"> 2359 <div class="flex"> 2360 <a href="/buergerservice/stadtrecht" title="Stadtrecht" 2361 target="" 2362 class="flex-1 ml-4 mt-1 border-orange block pl-3 pr-4 py-2 border-l-4 text-base font-bold text-dark-purple"> 2363 Stadtrecht 2364 </a> 2365 </div> 2366 </div> 2367 2368 <div x-data="{ 2369 childMenuOpen: false, 2370 init() { 2371 // Only auto-open if this child has active grandchildren, not just if child itself is active 2372 this.childMenuOpen = false; 2373 } 2374 }" x-init="init()"> 2375 <div class="flex"> 2376 <a href="/buergerservice/politik" title="Stadtpolitik" 2377 target="" 2378 class="flex-1 ml-4 mt-1 border-orange block pl-3 pr-4 py-2 border-l-4 text-base font-bold text-dark-purple"> 2379 Politik 2380 </a> 2381 <div class="flex-initial px-2 align-middle pt-1 cursor-pointer" 2382 @click="childMenuOpen = !childMenuOpen"> 2383 <svg x-show="!childMenuOpen" xmlns="http://www.w3.org/2000/svg" 2384 class="h-6 w-6" fill="none" viewBox="0 0 24 24" 2385 stroke="#3E303D"> 2386 <path stroke-linecap="round" stroke-linejoin="round" 2387 stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6"/> 2388 </svg> 2389 <svg x-show="childMenuOpen" xmlns="http://www.w3.org/2000/svg" 2390 class="h-6 w-6" fill="none" viewBox="0 0 24 24" 2391 stroke="#3E303D"> 2392 <path stroke-linecap="round" stroke-linejoin="round" 2393 stroke-width="2" d="M18 12H6"/> 2394 </svg> 2395 </div> 2396 </div> 2397 <div class="ml-8" x-show="childMenuOpen"> 2398 <a href="/buergerservice/politik/buergermeister" 2399 title="Bürgermeister" 2400 target="" 2401 class="border-l-4 border-orange bg-white block pl-3 pr-4 py-2 mt-1 text-base font-bold hover:text-orange transition-colors duration-200 text-dark-purple"> 2402 Buergermeister 2403 </a> 2404 <a href="/buergerservice/politik/stadtrat" 2405 title="Stadtrat" 2406 target="" 2407 class="border-l-4 border-orange bg-white block pl-3 pr-4 py-2 mt-1 text-base font-bold hover:text-orange transition-colors duration-200 text-dark-purple"> 2408 Stadtrat 2409 </a> 2410 <a href="/buergerservice/politik/wahlen" 2411 title="Wahlen" 2412 target="" 2413 class="border-l-4 border-orange bg-white block pl-3 pr-4 py-2 mt-1 text-base font-bold hover:text-orange transition-colors duration-200 text-dark-purple"> 2414 Wahlen 2415 </a> 2416 <a href="/buergerservice/politik/sitzungen" 2417 title="Sitzungen" 2418 target="" 2419 class="border-l-4 border-orange bg-white block pl-3 pr-4 py-2 mt-1 text-base font-bold hover:text-orange transition-colors duration-200 text-dark-purple"> 2420 Sitzungen 2421 </a> 2422 </div> 2423 </div> 2424 2425 <div x-data="{ 2426 childMenuOpen: false, 2427 init() { 2428 // Only auto-open if this child has active grandchildren, not just if child itself is active 2429 this.childMenuOpen = false;
2430 } 2431 }" x-init="init()"> 2432 <div class="flex"> 2433 <a href="/buergerservice/bekanntmachungen" title="Bekanntmachungen" 2434 target="" 2435 class="flex-1 ml-4 mt-1 border-orange block pl-3 pr-4 py-2 border-l-4 text-base font-bold text-dark-purple"> 2436 Bekanntmachungen 2437 </a> 2438 </div> 2439 </div> 2440 2441 <div x-data="{ 2442 childMenuOpen: false, 2443 init() { 2444 // Only auto-open if this child has active grandchildren, not just if child itself is active 2445 this.childMenuOpen = false; 2446 } 2447 }" x-init="init()"> 2448 <div class="flex"> 2449 <a href="/stellenangebote" title="Stellenangebote" 2450 target="" 2451 class="flex-1 ml-4 mt-1 border-orange block pl-3 pr-4 py-2 border-l-4 text-base font-bold text-dark-purple"> 2452 Stellenangebote 2453 </a> 2454 </div> 2455 </div> 2456 2457 <div x-data="{ 2458 childMenuOpen: false, 2459 init() { 2460 // Only auto-open if this child has active grandchildren, not just if child itself is active 2461 this.childMenuOpen = false; 2462 } 2463 }" x-init="init()"> 2464 <div class="flex"> 2465 <a href="/buergerservice/buergerinfo" title="Bürgerinformationsbroschüre" 2466 target="" 2467 class="flex-1 ml-4 mt-1 border-orange block pl-3 pr-4 py-2 border-l-4 text-base font-bold text-dark-purple"> 2468 Bürgerinfo 2469 </a> 2470 </div> 2471 </div> 2472 </div> 2473 </div> 2474 2475 <div x-data="{ 2476 subMenuOpen: false, 2477 init() { 2478 // Only auto-open if this page has active children, not just if the page itself is active 2479 this.subMenuOpen = false;
2480 } 2481 }" x-init="init()"> 2482 <div class="flex"> 2483 <a href="/bildung" title="Bildung" target="" 2484 class="flex-1 bg-white block pl-3 pr-4 py-2 text-base font-bold text-dark-purple"> 2485 Bildung 2486 </a> 2487 <div class="flex-initial px-2 align-middle pt-1 cursor-pointer" 2488 @click="subMenuOpen = !subMenuOpen"> 2489 <svg x-show="!subMenuOpen" xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" 2490 fill="none" viewBox="0 0 24 24" stroke="#3E303D"> 2491 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 2492 d="M12 6v6m0 0v6m0-6h6m-6 0H6"/> 2493 </svg> 2494 <svg x-show="subMenuOpen" xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" 2495 fill="none" viewBox="0 0 24 24" stroke="#3E303D"> 2496 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 2497 d="M18 12H6"/> 2498 </svg> 2499 </div> 2500 </div> 2501 <div x-show="subMenuOpen"> 2502 2503 <div x-data="{ 2504 childMenuOpen: false, 2505 init() { 2506 // Only auto-open if this child has active grandchildren, not just if child itself is active 2507 this.childMenuOpen = false; 2508 } 2509 }" x-init="init()"> 2510 <div class="flex"> 2511 <a href="/bildung/kinderbetreuung" title="Kinderbetreuung" 2512 target="" 2513 class="flex-1 ml-4 mt-1 border-orange block pl-3 pr-4 py-2 border-l-4 text-base font-bold text-dark-purple"> 2514 Kinderbetreuung 2515 </a> 2516 <div class="flex-initial px-2 align-middle pt-1 cursor-pointer" 2517 @click="childMenuOpen = !childMenuOpen"> 2518 <svg x-show="!childMenuOpen" xmlns="http://www.w3.org/2000/svg" 2519 class="h-6 w-6" fill="none" viewBox="0 0 24 24" 2520 stroke="#3E303D"> 2521 <path stroke-linecap="round" stroke-linejoin="round" 2522 stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6"/> 2523 </svg> 2524 <svg x-s
2524how="childMenuOpen" xmlns="http://www.w3.org/2000/svg" 2525 class="h-6 w-6" fill="none" viewBox="0 0 24 24" 2526 stroke="#3E303D"> 2527 <path stroke-linecap="round" stroke-linejoin="round" 2528 stroke-width="2" d="M18 12H6"/> 2529 </svg> 2530 </div> 2531 </div> 2532 <div class="ml-8" x-show="childMenuOpen"> 2533 </div> 2534 </div> 2535 2536 <div x-data="{ 2537 childMenuOpen: false, 2538 init() { 2539 // Only auto-open if this child has active grandchildren, not just if child itself is active 2540 this.childMenuOpen = false; 2541 } 2542 }" x-init="init()"> 2543 <div class="flex"> 2544 <a href="/bildung/schulen" title="Schulen" 2545 target="" 2546 class="flex-1 ml-4 mt-1 border-orange block pl-3 pr-4 py-2 border-l-4 text-base font-bold text-dark-purple"> 2547 Schulen 2548 </a> 2549 </div> 2550 </div> 2551 2552 <div x-data="{ 2553 childMenuOpen: false, 2554 init() { 2555 // Only auto-open if this child has active grandchildren, not just if child itself is active 2556 this.childMenuOpen = false; 2557 } 2558 }" x-init="init()"> 2559 <div class="flex"> 2560 <a href="/bildung/ausbildung" title="Ausbildung" 2561 target="" 2562 class="flex-1 ml-4 mt-1 border-orange block pl-3 pr-4 py-2 border-l-4 text-base font-bold text-dark-purple"> 2563 Ausbildung 2564 </a> 2565 </div> 2566 </div> 2567 2568 <div x-data="{ 2569 childMenuOpen: false, 2570 init() { 2571 // Only auto-open if this child has active grandchildren, not just if child itself is active 2572 this.childMenuOpen = false;
2573 } 2574 }" x-init="init()"> 2575 <div class="flex"> 2576 <a href="/bildung/buecherei" title="Bücherei" 2577 target="" 2578 class="flex-1 ml-4 mt-1 border-orange block pl-3 pr-4 py-2 border-l-4 text-base font-bold text-dark-purple"> 2579 Bücherei 2580 </a> 2581 </div> 2582 </div> 2583 2584 <div x-data="{ 2585 childMenuOpen: false, 2586 init() { 2587 // Only auto-open if this child has active grandchildren, not just if child itself is active 2588 this.childMenuOpen = false; 2589 } 2590 }" x-init="init()"> 2591 <div class="flex"> 2592 <a href="/musikschule" title="Musikschule" 2593 target="" 2594 class="flex-1 ml-4 mt-1 border-orange block pl-3 pr-4 py-2 border-l-4 text-base font-bold text-dark-purple"> 2595 Musikschule 2596 </a> 2597 <div class="flex-initial px-2 align-middle pt-1 cursor-pointer" 2598 @click="childMenuOpen = !childMenuOpen"> 2599 <svg x-show="!childMenuOpen" xmlns="http://www.w3.org/2000/svg" 2600 class="h-6 w-6" fill="none" viewBox="0 0 24 24" 2601 stroke="#3E303D"> 2602 <path stroke-linecap="round" stroke-linejoin="round" 2603 stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6"/> 2604 </svg> 2605 <svg x-show="childMenuOpen" xmlns="http://www.w3.org/2000/svg" 2606 class="h-6 w-6" fill="none" viewBox="0 0 24 24" 2607 stroke="#3E303D"> 2608 <path stroke-linecap="round" stroke-linejoin="round" 2609 stroke-width="2" d="M18 12H6"/> 2610 </svg> 2611 </div> 2612 </div> 2613 <div class="ml-8" x-show="childMenuOpen"> 2614 </div> 2615 </div> 2616 2617 <div x-data="{ 2618 childMenuOpen: false, 2619 init() { 2620 // Only auto-open if this child has active grandchildren, not just if child itself is active 2621 this.childMenuOpen = false;
2622 } 2623 }" x-init="init()"> 2624 <div class="flex"> 2625 <a href="/bildung/Vhs%20Abensberg" title="vhs" 2626 target="_self" 2627 class="flex-1 ml-4 mt-1 border-orange block pl-3 pr-4 py-2 border-l-4 text-base font-bold text-dark-purple"> 2628 vhs Abensberg 2629 </a> 2630 </div> 2631 </div> 2632 </div> 2633 </div> 2634 2635 <div x-data="{ 2636 subMenuOpen: false, 2637 init() { 2638 // Only auto-open if this page has active children, not just if the page itself is active 2639 this.subMenuOpen = false; 2640 } 2641 }" x-init="init()"> 2642 <div class="flex"> 2643 <a href="/stadtmuseum" title="Stadtmuseum" target="" 2644 class="flex-1 bg-white block pl-3 pr-4 py-2 text-base font-bold text-dark-purple"> 2645 Stadtmuseum 2646 </a> 2647 <div class="flex-initial px-2 align-middle pt-1 cursor-pointer" 2648 @click="subMenuOpen = !subMenuOpen"> 2649 <svg x-show="!subMenuOpen" xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" 2650 fill="none" viewBox="0 0 24 24" stroke="#3E303D"> 2651 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 2652 d="M12 6v6m0 0v6m0-6h6m-6 0H6"/> 2653 </svg> 2654 <svg x-show="subMenuOpen" xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" 2655 fill="none" viewBox="0 0 24 24" stroke="#3E303D"> 2656 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 2657 d="M18 12H6"/> 2658 </svg> 2659 </div> 2660 </div> 2661 <div x-show="subMenuOpen"> 2662 2663 <div x-data="{ 2664 childMenuOpen: false, 2665 init() { 2666 // Only auto-open if this child has active grandchildren, not just if child itself is active 2667 this.childMenuOpen = false; 2668 } 2669 }" x-init="init()"> 2670 <div class="flex"> 2671 <a href="/stadtmuseum/museum" title="Museum" 2672 target="" 2673 class="flex-1 ml-4 mt-1 border-orange block pl-3 pr-4 py-2 border-l-4 text-base font-bold text-dark-purple"> 2674 Museum 2675 </a> 2676 <div class="flex-initial px-2 align-middle pt-1 cursor-pointer" 2677 @click="childMenuOpen = !childMenuOpen"> 2678 <svg x-s
2678how="!childMenuOpen" xmlns="http://www.w3.org/2000/svg" 2679 class="h-6 w-6" fill="none" viewBox="0 0 24 24" 2680 stroke="#3E303D"> 2681 <path stroke-linecap="round" stroke-linejoin="round" 2682 stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6"/> 2683 </svg> 2684 <svg x-show="childMenuOpen" xmlns="http://www.w3.org/2000/svg" 2685 class="h-6 w-6" fill="none" viewBox="0 0 24 24" 2686 stroke="#3E303D"> 2687 <path stroke-linecap="round" stroke-linejoin="round" 2688 stroke-width="2" d="M18 12H6"/> 2689 </svg> 2690 </div> 2691 </div> 2692 <div class="ml-8" x-show="childMenuOpen"> 2693 </div> 2694 </div> 2695 2696 <div x-data="{ 2697 childMenuOpen: false, 2698 init() { 2699 // Only auto-open if this child has active grandchildren, not just if child itself is active 2700 this.childMenuOpen = false; 2701 } 2702 }" x-init="init()"> 2703 <div class="flex"> 2704 <a href="/stadtmuseum/ausstellungen" title="Ausstellungen" 2705 target="" 2706 class="flex-1 ml-4 mt-1 border-orange block pl-3 pr-4 py-2 border-l-4 text-base font-bold text-dark-purple"> 2707 Ausstellungen 2708 </a> 2709 <div class="flex-initial px-2 align-middle pt-1 cursor-pointer" 2710 @click="childMenuOpen = !childMenuOpen"> 2711 <svg x-show="!childMenuOpen" xmlns="http://www.w3.org/2000/svg" 2712 class="h-6 w-6" fill="none" viewBox="0 0 24 24" 2713 stroke="#3E303D"> 2714 <path stroke-linecap="round" stroke-linejoin="round" 2715 stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6"/> 2716 </svg> 2717 <svg x-s
2717how="childMenuOpen" xmlns="http://www.w3.org/2000/svg" 2718 class="h-6 w-6" fill="none" viewBox="0 0 24 24" 2719 stroke="#3E303D"> 2720 <path stroke-linecap="round" stroke-linejoin="round" 2721 stroke-width="2" d="M18 12H6"/> 2722 </svg> 2723 </div> 2724 </div> 2725 <div class="ml-8" x-show="childMenuOpen"> 2726 </div> 2727 </div> 2728 2729 <div x-data="{ 2730 childMenuOpen: false, 2731 init() { 2732 // Only auto-open if this child has active grandchildren, not just if child itself is active 2733 this.childMenuOpen = false; 2734 } 2735 }" x-init="init()"> 2736 <div class="flex"> 2737 <a href="/stadtmuseum/veranstaltungen" title="Veranstaltungen" 2738 target="" 2739 class="flex-1 ml-4 mt-1 border-orange block pl-3 pr-4 py-2 border-l-4 text-base font-bold text-dark-purple"> 2740 Veranstaltungen 2741 </a> 2742 </div> 2743 </div> 2744 2745 <div x-data="{ 2746 childMenuOpen: false, 2747 init() { 2748 // Only auto-open if this child has active grandchildren, not just if child itself is active 2749 this.childMenuOpen = false; 2750 } 2751 }" x-init="init()"> 2752 <div class="flex"> 2753 <a href="/stadtmuseum/besuch" title="Besuch" 2754 target="" 2755 class="flex-1 ml-4 mt-1 border-orange block pl-3 pr-4 py-2 border-l-4 text-base font-bold text-dark-purple"> 2756 Besuch 2757 </a> 2758 </div> 2759 </div> 2760 2761 <div x-data="{ 2762 childMenuOpen: false, 2763 init() { 2764 // Only auto-open if this child has active grandchildren, not just if child itself is active 2765 this.childMenuOpen = false;
2766 } 2767 }" x-init="init()"> 2768 <div class="flex"> 2769 <a href="/stadtmuseum/stadtarchiv" title="Stadtarchiv" 2770 target="" 2771 class="flex-1 ml-4 mt-1 border-orange block pl-3 pr-4 py-2 border-l-4 text-base font-bold text-dark-purple"> 2772 Stadtarchiv 2773 </a> 2774 </div> 2775 </div> 2776 2777 <div x-data="{ 2778 childMenuOpen: false, 2779 init() { 2780 // Only auto-open if this child has active grandchildren, not just if child itself is active 2781 this.childMenuOpen = false; 2782 } 2783 }" x-init="init()"> 2784 <div class="flex"> 2785 <a href="/stadtmuseum/schuleundfamilie" title="Schule und Familie" 2786 target="" 2787 class="flex-1 ml-4 mt-1 border-orange block pl-3 pr-4 py-2 border-l-4 text-base font-bold text-dark-purple"> 2788 Schule und Familie 2789 </a> 2790 </div> 2791 </div> 2792 2793 <div x-data="{ 2794 childMenuOpen: false, 2795 init() { 2796 // Only auto-open if this child has active grandchildren, not just if child itself is active 2797 this.childMenuOpen = false; 2798 } 2799 }" x-init="init()"> 2800 <div class="flex"> 2801 <a href="/stadtmuseum/artothek" title="Artothek" 2802 target="" 2803 class="flex-1 ml-4 mt-1 border-orange block pl-3 pr-4 py-2 border-l-4 text-base font-bold text-dark-purple"> 2804 Artothek 2805 </a> 2806 </div> 2807 </div> 2808 </div> 2809 </div> 2810 2811 <div class="mt-4 pt-4 border-t-2 border-gray-200"> 2812 <a href="/shop" 2813 class="bg-white block pl-3 pr-4 py-2 text-base font-bold text-dark-purple flex items-center gap-2"> 2814 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" 2815 stroke="currentColor" class="w-6 h-6"> 2816 <path stroke-linecap="round" stroke-linejoin="round" 2817 d="M13.5 21v-7.5a.75.75 0 0 1 .75-.75h3a.75.75 0 0 1 .75.75V21m-4.5 0H2.36m11.14 0H18m0 0h3.64m-1.39 0V9.349M3.75 21V9.349m0 0a3.001 3.001 0 0 0 3.75-.615A2.993 2.993 0 0 0 9.75 9.75c.896 0 1.7-.393 2.25-1.016a2.993 2.993 0 0 0 2.25 1.016c.896 0 1.7-.393 2.25-1.015a3.001 3.001 0 0 0 3.75.614m-16.5 0a3.004 3.004 0 0 1-.621-4.72l1.189-1.19A1.5 1.5 0 0 1 5.378 3h13.243a1.5 1.5 0 0 1 1.06.44l1.19 1.189a3 3 0 0 1-.621 4.72M6.75 18h3.75a.75.75 0 0 0 .75-.75V13.5a.75.75 0 0 0-.75-.75H6.75a.75.75 0 0 0-.75.75v3.75c0 .414.336.75.75.75Z"/> 2818 </svg> 2819 Shop </a> <a href="/leichte-sprache" 2820 class="bg-white block pl-3 pr-4 py-2 text-base font-bold text-dark-purple"> Leichte
2821 Sprache </a> <a href="/barrierefrei" 2822 class="bg-white block pl-3 pr-4 py-2 text-base font-bold text-dark-purple"> 2823 Barrierefrei </a> <a href="/kontakt" 2824 class="bg-white block pl-3 pr-4 py-2 text-base font-bold text-dark-purple"> 2825 Ãffnungszeiten / Termine </a> <button type="button" 2826 @click="mobMenuOpen = false; $dispatch('open-search')" 2827 class="w-full text-left cursor-pointer bg-white block pl-3 pr-4 py-2 text-base font-bold text-dark-purple flex items-center gap-2"> 2828 <img src="/images/icons/search.svg" alt="" title="Suche" class="w-6 h-6"> Suche </button> 2829 </div> 2830 </div> 2831 </div> 2832</header> 2833 2834 <div 2835 x-data="searchSpotlight" 2836 x-show="isOpen" 2837 x-cloak 2838 @open-search.window="open()" 2839 @keydown.escape.window="close()" 2840 class="fixed inset-0 z-[100] flex items-start justify-center px-4" 2841 role="dialog" aria-modal="true" aria-label="Suche auf abensberg.de" 2842 style="display:none;"> 2843 2844 <div x-show="isOpen" 2845 x-transition.opacity.duration.200ms 2846 @click="close()" 2847 class="absolute inset-0 bg-dark-purple/40 backdrop-blur-md"></div> 2848 2849 <div x-show="isOpen" 2850 x-transition:enter="transition ease-out duration-200" 2851 x-transition:enter-start="opacity-0 -translate-y-3 scale-95" 2852 x-transition:enter-end="opacity-100 translate-y-0 scale-100" 2853 x-transition:leave="transition ease-in duration-150" 2854 x-transition:leave-start="opacity-100 translate-y-0 scale-100" 2855 x-transition:leave-end="opacity-0 -translate-y-3 scale-95" 2856 class="relative mt-[12vh] w-full max-w-2xl bg-white/75 backdrop-blur-2xl rounded-2xl shadow-2xl ring-1 ring-white/50 overflow-hidden"> 2857 2858 <div class="flex items-center gap-3 px-5 py-4 border-b border-dark-purple/10"> 2859 <img src="/images/icons/search.svg" alt="" role="presentation" class="w-6 h-6 opacity-60 shrink-0"> 2860 <input 2861 x-ref="input" 2862 x-model="query" 2863 @input.debounce.200ms="fetchResults()" 2864 @keydown.down.prevent="move(1)" 2865 @keydown.up.prevent="move(-1)" 2866 @keydown.enter.prevent="enter()" 2867 type="text" 2868 autocomplete="off" 2869 spellcheck="false" 2870 placeholder="Suche auf abensberg.de â¦" 2871 aria-label="Suchbegriff eingeben" 2872 class="grow bg-transparent text-lg text-dark-purple placeholder:text-dark-purple/50 focus:outline-none"> 2873 2874 <svg x-show="loading" class="animate-spin h-5 w-5 text-orange shrink-0" viewBox="0 0 24 24" fill="none" aria-hidden="true"> 2875 <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> 2876 <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 0 1 8-8v4a4 4 0 0 0-4 4H4z"></path> 2877 </svg> 2878 <kbd class="hidden md:inline-block text-xs font-sans text-dark-purple/50 border border-dark-purple/20 rounded px-1.5 py-0.5 shrink-0">ESC</kbd> 2879 </div> 2880 2881 <div class="max-h-[55vh] overflow-y-auto"> 2882 <template x-if="query.trim().length >= 2 && !loading && results.length === 0"> 2883 <p class="px-5 py-8 text-center text-dark-purple/70"> 2884 Keine Treffer für â<span x-text="query.trim()"></span>" 2885 </p> 2886 </template> 2887 2888 <ul> 2889 <template x-for="(item, i) in results" :key="item.url + '-' + i"> 2890 <li> 2891 <a :href="item.url" 2892 @mouseenter="activeIndex = i" 2893 :class="activeIndex === i ? 'bg-orange/15' : 'hover:bg-orange/10'" 2894 class="flex flex-col gap-0.5 px-5 py-3 border-b border-dark-purple/5 transition-colors duration-150">
2895 <span class="text-xs uppercase tracking-wide text-orange" x-text="item.typeLabel"></span> 2896 <span class="body-lg-font font-bold text-dark-purple" x-html="item.title"></span> 2897 <span class="text-sm text-dark-purple/70 line-clamp-1" x-html="item.snippet"></span> 2898 </a> 2899 </li> 2900 </template> 2901 </ul> 2902 </div> 2903 2904 <div x-show="query.trim().length >= 2" 2905 class="px-5 py-3 border-t border-dark-purple/10 bg-white/40 flex items-center justify-between gap-4"> 2906 <span class="text-xs text-dark-purple/60" 2907 x-show="total > 0" 2908 x-text="total + ' Treffer gesamt'"></span> 2909 <a :href="allResultsUrl()" 2910 class="ml-auto text-sm font-bold text-orange hover:text-dark-purple transition-colors duration-200"> 2911 Alle Ergebnisse anzeigen â 2912 </a> 2913 </div> 2914 </div> 2915</div> 2916 2917<main role="main" id="content"> 2918 2919 2920 <section id="hero" class="mx-auto max-w-[1600px] xl:h-[700px] flex flex-col items-end relative"> 2921 <div class="w-[1450px] max-xl:w-full bg-cover bg-center max-md:h-80 h-[650px]" 2922 style="background-image: url('/touristik/26382/image-thumb__26382__v2-fullhd/Oktober.f6f987f7.jpg');"></div> 2923 <div class="absolute top-[20%] md:top-[37%] -translate-y-1/2 left-0 text-white flex flex-col gap-2 leading-[1.1] max-xl:pl-4"> 2924 <p class="space-y-2"> 2925 <span class="inline-block w-fit bg-dark-purple px-3 title-1-font font-bold pb-1 pt-2 leading-none">historisch</span><br> 2926 <span class="inline-block w-fit bg-dark-purple px-3 title-1-font font-bold pb-1 pt-2 leading-none"> lebendig</span><br> 2927 <span class="inline-block w-fit bg-orange px-3 title-1-font font-bold pb-1 pt-2 leading-none">anders</span> 2928 </p> 2929 </div> 2930 <div class="max-xl:items-center xl:self-start w-full xl:w-[1450px] md:-mt-16 xl:-mt-20 md:gap-4 flex flex-col xl:flex-row justify-center xl:justify-between text-dark-purple "> 2931 <div class="max-md:w-full w-full xl:w-1/3 bg-white ^h-full max-md:p-4 max-md:pt-8 p-6 xl:px-8 xl:pt-6 md:max-xl:mb-2 md:shadow-2xl"> 2932 <p class="font-bold">Abensberg, ich brauche Informationen zu</p> 2933 2934 <form method="get" action="/suche" class="min-w-[200px] max-xl:w-full mt-4 " x-data> 2935 <div class="relative"> 2936 <input name="q" 2937 @focus="$dispatch('open-search')" 2938 @click="$dispatch('open-search')" 2939 class="w-full placeholder:pt-1 placeholder:text-[#9A9399] text-dark-purple border-b border-dark-purple pr-10 pt-3 pb-2 transition duration-300 ease focus:outline-none active:border-dark-purple focus:border-dark-purple hover:border-dark-purple" 2940 placeholder="Suchbegriff..." aria-label="Was suchen Sie?"/> 2941 <button class="cursor-pointer absolute top-1 right-1 flex items-center py-1 text-center text-white transition-all" 2942 type="submit" aria-label="Suche starten" 2943 @click.prevent="$dispatch('open-search')"> 2944 <img src="/images/icons/search.svg" alt="Suche" role="presentation" 2945 class="h-7 w-7"/> 2946 2947 </button> 2948 </div> 2949 </form> 2950 2951 </div> 2952 <div class="w-full xl:w-2/3 bg-white h-full px-4 py-6 flex max-md:flex-col flex-row max-md:gap-8 md:gap-4 md:shadow-2xl"> 2953 <div class="max-md:w-full w-1/2 xl:w-6/10"> 2954 <h3 class="font-bold">Bürgerservice</h3> 2955 <div class="flex flex-row mt-4 gap-2 "> 2956 <div class="grow flex flex-col gap-2"> 2957 <a href="/buergerservice/onlineservice" 2958 class="w-full max-md:p-1 p-2 text-dark-purple body-base-font font-bold flex items-center gap-3 shadow-[0_0_30px_rgba(0,0,0,0.15)] group"> 2959 <div class="flex-shrink-0"> 2960 <img src="/images/icons/service-light.svg" alt="Serviceportal" 2961 class="h-9 w-9 xl:h-10 xl:w-10 p-[9px] xl:p-2.5 bg-dark-purple group-hover:bg-orange transition-all duration-300"/> 2962 </div> 2963 <div class="flex flex-col justify-center">
2964 <span class="body-base-font">Serviceportal</span> <span 2965 class="body-sm-font font-normal">Onlinedienst rund um die Uhr</span> 2966 </div> 2967 </a> 2968 <div class="flex flex-row gap-2"> 2969 <a class="w-1/2 bg-dark-purple max-md:p-1 p-2 center-content gap-1 flex-col body-sm-font max-xl:text-center hover:bg-orange transition-all duration-300 text-white" 2970 href="/rathaus"><img src="/images/icons/atoz-light.svg" 2971 alt="" class="h-4.5 w-4.5"/>Dienstleistungen 2972 von A-Z</a> <a 2973 class="w-1/2 bg-dark-purple max-md:p-1 p-2 center-content gap-1 flex-col body-sm-font hover:bg-orange transition-all duration-300 text-white" 2974 href="/kontakt"><img src="/images/icons/clock.svg" 2975 alt="" 2976 class="h-4.5 w-4.5"/>Ãffnungszeiten</a> 2977 </div> 2978 </div> 2979 <a class="xl:w-[113px] bg-dark-purple max-md:p-1 p-2 xl:p-4 center-content gap-1 flex-col body-sm-font text-center hover:bg-orange transition-all duration-300 text-white" 2980 href="/buergerservice/termine"> <img src="/images/icons/appointment-light.svg" 2981 alt="" class="h-4.5 w-4.5"/> Termin buchen 2982 </a> 2983 </div> 2984 </div> 2985 <div class="max-md:w-full w-1/2 xl:w-4/10 relative md:pl-4 md:before:absolute md:max-xl:before:h-44 xl:before:h-40 md:before:w-[1px] md:before:bg-black/25 md:before:content-[''] md:before:left-0"> 2986 <h3 class="font-bold">Rund um Abensberg</h3> 2987 <div class="flex flex-row mt-4 gap-2 text-white body-sm-font"> 2988 <a class="w-1/3 bg-orange p-2 center-content gap-1 flex-col text-center hover:bg-dark-purple transition-all duration-300 text-white" 2989 href="/gillamoos"> <img src="/images/icons/carousel-light.svg" alt="" 2990 class="h-4.5 w-4.5"/> Gillamoos </a> 2991 <div class="flex flex-col w-2/3 gap-2"> 2992 <a href="/touristik/sehenswuerdigkeiten" 2993 class="w-full p-2 md:max-xl:py-3 bg-orange flex flex-col items-center gap-1 hover:bg-dark-purple transition-all duration-300 text-white"> 2994 2995 <img src="/images/icons/camera-light.svg" alt="" 2996 class="h-4.5 w-4.5"/> Sehenswürdigkeiten 2997 2998 </a> 2999 <a class="w-full bg-orange p-2 md:max-xl:py-3 center-content gap-1 flex-col hover:bg-dark-purple transition-all duration-300 text-white" 3000 href="/kalender"><img src="/images/icons/calendar-white.svg" 3001 alt="" class="h-4.5 w-4.5"/>Veranstaltungen</a> 3002 </div> 3003 3004 </div> 3005 </div> 3006 </div> 3007 </div> 3008 <img src="/images/abensberg.svg" alt="Stadt Abensberg Schriftzug" 3009 class="w-[530px] h-auto hidden xl:block absolute right-38 bottom-47"/> 3010 </section> 3011 <section id="news" class="pt-12 xl:pt-20 pb-6 flex flex-col px-4 xl:px-0 container mx-auto "> 3012 <img src="/images/icons/news.png" alt="Neuigkeiten rund um Abensberg" class="h-20 w-20"/> 3013 <h2 class="flex items-center gap-8 relative mb-4 title-2-font-bold text-dark-purple"> 3014 <span>Das bewegt Abensberg.</span> <span class="flex-1 h-[1px] bg-dark-purple mb-1.5"></span> 3015 </h2> 3016 <div class="sliderContainer relative"> 3017 <button id="prevButton" 3018 aria-label="Vorheriger Beitrag"
3019 class="hidden md:block h-9 w-9 xl:h-15 xl:w-15 rounded-full bg-light-gray -left-3 xl:-left-7.5 absolute top-1/2 -translate-y-1/2 z-10 flex items-center justify-center cursor-pointer"> 3020 <div class="flex items-center justify-center"> 3021 <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 46 26" fill="none" 3022 class="h-8 w-8 xl:h-12 xl:w-12 bg-dark-purple rounded-full hover:bg-orange transition-all duration-300"> 3023 <path d="M35.3976 14.3606H10.6017C9.83024 14.3606 9.22412 13.7619 9.22412 13C9.22412 12.2381 9.83024 11.6395 10.6017 11.6395H35.3976C36.169 11.6395 36.7751 12.2381 36.7751 13C36.7751 13.7619 36.169 14.3606 35.3976 14.3606Z" 3024 fill="white"/> 3025 <path d="M17.4896 23.8844C17.309 23.8865 17.1298 23.8514 16.9638 23.7811C16.7977 23.7108 16.6484 23.6069 16.5254 23.4762L6.8825 13.9524C6.33148 13.4082 6.33148 12.5646 6.8825 12.0204L16.5254 2.52382C17.0764 1.97961 17.9305 1.97961 18.4815 2.52382C19.0325 3.06804 19.0325 3.91158 18.4815 4.4558L9.80291 13.0272L18.4815 21.5987C19.0325 22.1429 19.0325 22.9864 18.4815 23.5306C18.206 23.8027 17.8478 23.9388 17.5172 23.9388L17.4896 23.8844Z" 3026 fill="white"/> 3027 </svg> 3028 </div> 3029 </button> 3030 <button id="nextButton" 3031 aria-label="Naechster Beitrag" 3032 class="hidden md:block h-9 w-9 xl:h-15 xl:w-15 rounded-full bg-light-gray -right-3 xl:-right-7.5 absolute top-1/2 -translate-y-1/2 z-10 flex items-center justify-center cursor-pointer"> 3033 <div class="flex items-center justify-center rotate-180"> 3034 <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 46 26" fill="none" 3035 class="h-8 w-8 xl:h-12 xl:w-12 bg-dark-purple rounded-full hover:bg-orange transition-all duration-300"> 3036 <path d="M35.3976 14.3606H10.6017C9.83024 14.3606 9.22412 13.7619 9.22412 13C9.22412 12.2381 9.83024 11.6395 10.6017 11.6395H35.3976C36.169 11.6395 36.7751 12.2381 36.7751 13C36.7751 13.7619 36.169 14.3606 35.3976 14.3606Z" 3037 fill="white"/> 3038 <path d="M17.4896 23.8844C17.309 23.8865 17.1298 23.8514 16.9638 23.7811C16.7977 23.7108 16.6484 23.6069 16.5254 23.4762L6.8825 13.9524C6.33148 13.4082 6.33148 12.5646 6.8825 12.0204L16.5254 2.52382C17.0764 1.97961 17.9305 1.97961 18.4815 2.52382C19.0325 3.06804 19.0325 3.91158 18.4815 4.4558L9.80291 13.0272L18.4815 21.5987C19.0325 22.1429 19.0325 22.9864 18.4815 23.5306C18.206 23.8027 17.8478 23.9388 17.5172 23.9388L17.4896 23.8844Z" 3039 fill="white"/> 3040 </svg> 3041 </div> 3042 </button> 3043 <div class="overflow-hidden"> 3044 <div id="sliderInner" 3045 class="sliderInner h-auto md:h-[400px] xl:h-[600px] flex flex-row transition-transform duration-300 ease-in-out"> 3046 <div class="w-full shrink-0"> 3047 <div class="container flex flex-col md:flex-row items-center max-h-[580px] md:max-h-[400px] lg:max-h-[600px] overflow-hidden"> 3048 <div class="w-full md:max-xl:w-6/12 max-xl:z-20 w-7/12 h-full overflow-hidden"><picture > 3049 <source srcset="/neuigkeiten/Neuigkeiten%202026/09/26109/image-thumb__26109___auto_b2be16acdfa5802a9b7457cbb4333940/baustelle.0a1358d7.webp 1x, /neuigkeiten/Neuigkeiten%202026/09/26109/image-thumb__26109___auto_b2be16acdfa5802a9b7457cbb4333940/[email protected] 2x" width="730" height="550" type="image/webp" /> 3050 <source srcset="/neuigkeiten/Neuigkeiten%202026/09/26109/image-thumb__26109___auto_b2be16acdfa5802a9b7457cbb4333940/baustelle.0a1358d7.jpg 1x, /neuigkeiten/Neuigkeiten%202026/09/26109/image-thumb__26109___auto_b2be16acdfa5802a9b7457cbb4333940/[email protected] 2x" width="730" height="550" type="image/jpeg" /> 3051 <img class="w-full h-full object-cover" alt="Bauarbeiten Max-Bronold-StraÃe" src="/neuigkeiten/Neuigkeiten%202026/09/26109/image-thumb__26109___auto_b2be16acdfa5802a9b7457cbb4333940/baustelle.0a1358d7.jpg" width="730" height="550" loading="lazy" srcset="/neuigkeiten/Neuigkeiten%202026/09/26109/image-thumb__26109___auto_b2be16acdfa5802a9b7457cbb4333940/baustelle.0a1358d7.jpg 1x, /neuigkeiten/Neuigkeiten%202026/09/26109/image-thumb__26109___auto_b2be16acdfa5802a9b7457cbb4333940/[email protected] 2x" /> 3052</picture> 3053</div> 3054 <div class="w-full md:max-lg:w-6/12 w-7/12 lg:-ml-15 flex flex-col gap-4 bg-white max-lg:p-4 lg:p-15 lg:pr-12 max-lg:h-[350px] lg:h-[450px]"> 3055 <div class="flex flex-col-reverse md:flex-row justify-between md:items-center max-md:gap-8 max-md:-mt-16 max-md:z-20"> 3056 <h3 class="body-sm-font font-bold text-orange">Bauarbeiten Max-Bronold-StraÃe</h3> 3057 <p class="p-2 bg-dark-purple text-white flex gap-1 items-center body-sm-font max-md:inline-flex max-md:w-fit"> 3058 <img src="/images/icons/date.svg" alt="Datum der Veröffentlichung" 3059 class="h-4 w-4 mb-0.5"/>01.10.2026 </p> 3060 </div> 3061 <p class="title-4-font font-bold text-dark-purple md:mt-2">Vollsperrung bis Ende Dezember</p> 3062 <div class="grow mt-2"> 3063 <p class="body-base-font-lg line-clamp-3 lg:line-clamp-6 text-dark-purple">Die Stadtwerke Abensberg setzen die Kanalsanierung unter der Max-Bronold-StraÃe (StaatsstraÃe 2144) in Abensberg fort. Im Anschluss erneuert das Staatliche Bauamt Landshut die Fahrbahn, um Flickwerk zu vermeiden. Es zieht damit die eigentlich erst in einigen Jahren geplante StraÃensanierung vor, um die StraÃe wieder in einen sicheren Zustand zu versetzen. 3064Weil die Platzverhältnisse ein Bauen unter halbseitiger Sperrung nicht zulassen, ist eine Vollsperrung erforderlich. Die Max-Bronold-StraÃe ist deshalb vom 12. Oktober bis
3064Ende Dezember zwischen Graf-Niclas-StraÃe und MayrstraÃe gesperrt. Auch FuÃgängerinnen und FuÃgänger sowie Radfahrerinnen und Radfahrer können die Baustelle nicht passieren. Die Firma Stanglmeier hat angekündigt, die Mannstärke auf der Baustelle für den Zeitraum der Vollsperrung zu erhöhen und mit drei Trupps zu arbeiten. 3065Die Standbetreiber des Niklasmarktes werden über den Veranstalter informiert, wann die Zufahrt möglich ist. Ein Rettungsweg wird für Feuerwehr und Krankenwagen während der BaumaÃnahme gewährleistet. 3066Die Umleitung erfolgt auÃerhalb von Abensberg über die Münchener StraÃe, die B16 und die Straubinger StraÃe (StaatsstraÃe 2144) sowie in entgegengesetzter Richtung. Die MayrstraÃe ist von Osten über die Max-Bronold-StraÃe weiterhin anfahrbar. 3067Das Staatliche Bauamt plant, die StaatsstraÃe 2144 im kommenden Jahr im weiteren Verlauf bis zum Kreisverkehr an der Straubinger StraÃe zu sanieren. 3068Umleitung: Veranschaulichung Vollsperrung Max-Bronold-StraÃe.pdf</p> 3069 </div> 3070 <a href="/aktuelles/bauarbeiten-max-bronold-strasse-aktuelles-21378" 3071 class="w-fit px-4 py-2 bg-orange text-white font-bold hover:bg-dark-purple transition-all duration-300"> 3072 Zum Artikel </a> 3073 </div> 3074 </div> 3075</div> 3076 <div class="w-full shrink-0"> 3077 <div class="container flex flex-col md:flex-row items-center max-h-[580px] md:max-h-[400px] lg:max-h-[600px] overflow-hidden"> 3078 <div class="w-full md:max-xl:w-6/12 max-xl:z-20 w-7/12 h-full overflow-hidden"><picture > 3079 <source srcset="/neuigkeiten/Neuigkeiten%202026/09/26109/image-thumb__26109___auto_b2be16acdfa5802a9b7457cbb4333940/baustelle.0a1358d7.webp 1x, /neuigkeiten/Neuigkeiten%202026/09/26109/image-thumb__26109___auto_b2be16acdfa5802a9b7457cbb4333940/[email protected] 2x" width="730" height="550" type="image/webp" /> 3080 <source srcset="/neuigkeiten/Neuigkeiten%202026/09/26109/image-thumb__26109___auto_b2be16acdfa5802a9b7457cbb4333940/baustelle.0a1358d7.jpg 1x, /neuigkeiten/Neuigkeiten%202026/09/26109/image-thumb__26109___auto_b2be16acdfa5802a9b7457cbb4333940/[email protected] 2x" width="730" height="550" type="image/jpeg" /> 3081 <img class="w-full h-full object-cover" alt="StraÃenerneuerung âAn der Lindeâ in Offenstetten" src="/neuigkeiten/Neuigkeiten%202026/09/26109/image-thumb__26109___auto_b2be16acdfa5802a9b7457cbb4333940/baustelle.0a1358d7.jpg" width="730" height="550" loading="lazy" srcset="/neuigkeiten/Neuigkeiten%202026/09/26109/image-thumb__26109___auto_b2be16acdfa5802a9b7457cbb4333940/baustelle.0a1358d7.jpg 1x, /neuigkeiten/Neuigkeiten%202026/09/26109/image-thumb__26109___auto_b2be16acdfa5802a9b7457cbb4333940/[email protected] 2x" /> 3082</picture> 3083</div> 3084 <div class="w-full md:max-lg:w-6/12 w-7/12 lg:-ml-15 flex flex-col gap-4 bg-white max-lg:p-4 lg:p-15 lg:pr-12 max-lg:h-[350px] lg:h-[450px]"> 3085 <div class="flex flex-col-reverse md:flex-row justify-between md:items-center max-md:gap-8 max-md:-mt-16 max-md:z-20"> 3086 <h3 class="body-sm-font font-bold text-orange">StraÃenerneuerung âAn der Lindeâ in Offenstetten</h3> 3087 <p class="p-2 bg-dark-purple text-white flex gap-1 items-center body-sm-font max-md:inline-flex max-md:w-fit"> 3088 <img src="/images/icons/date.svg" alt="Datum der Veröffentlichung" 3089 class="h-4 w-4 mb-0.5"/>30.09.2026 </p> 3090 </div> 3091 <p class="title-4-font font-bold text-dark-purple md:mt-2">Abschnittsweise Vollsperrung</p> 3092 <div class="grow mt-2"> 3093 <p class="body-base-font-lg line-clamp-3 lg:line-clamp-6 text-dark-purple">Ab 07. Oktober 2026 wird die OrtsstraÃe âAn der Lindeâ in Offenstetten erneuert. Die StraÃenbaumaÃnahme erfolgt in zwei Bauabschnitten unter abschnittsweiser Vollsperrung und dauert voraussichtlich bis Anfang Dezember 2026. 3094Der 1. Bauabschnitt erstreckt sich zwischen den Einmündungen PreysingstraÃe und DegenhardstraÃe. Der 2. Bauabschnitt umfasst den Bereich von der DegenhardstraÃe bis zur Einmündung in die KreittmayrstraÃe (St 2144). 3095Umleitung erfolgt durch Abensberg über die St 2144 und die KEH 19 und wird entsprechend ausgeschildert. 3096Die Stadt bittet alle Verkehrsteilnehmer und Anlieger um Verständnis für die mit der StraÃenbaumaÃnahme verbundenen Einschränkungen.</p> 3097 </div> 3098 <a href="/aktuelles/strassenerneuerung-an-der-linde-in-offenstetten-aktuelles-21375" 3099 class="w-fit px-4 py-2 bg-orange text-white font-bold hover:bg-dark-purple transition-all duration-300"> 3100 Zum Artikel </a> 3101 </div> 3102 </div> 3103</div> 3104 <div class="w-full shrink-0"> 3105 <div class="container flex flex-col md:flex-row items-center max-h-[580px] md:max-h-[400px] lg:max-h-[600px] overflow-hidden"> 3106 <div class="w-full md:max-xl:w-6/12 max-xl:z-20 w-7/12 h-full overflow-hidden"><picture > 3107 <source srcset="/neuigkeiten/Neuigkeiten%202026/08/26361/image-thumb__26361___auto_b2be16acdfa5802a9b7457cbb4333940/Abensaue_Luftaufnahme.4feab985.webp 1x, /neuigkeiten/Neuigkeiten%202026/08/26361/image-thumb__26361___auto_b2be16acdfa5802a9b7457cbb4333940/[email protected] 2x" width="730" height="550" type="image/webp" /> 3108 <source srcset="/neuigkeiten/Neuigkeiten%202026/08/26361/image-thumb__26361___auto_b2be16acdfa5802a9b7457cbb4333940/Abensaue_Luftaufnahme.4feab985.jpg 1x, /neuigkeiten/Neuigkeiten%202026/08/26361/image-thumb__26361___auto_b2be16acdfa5802a9b7457cbb4333940/[email protected] 2x" width="730" height="550" type="image/jpeg" /> 3109 <img class="w-full h-full object-cover" alt="Vorstellung von ISEK und KSK" src="/neuigkeiten/Neuigkeiten%202026/08/26361/image-thumb__26361___auto_b2be16acdfa5802a9b7457cbb4333940/Abensaue_Luftaufnahme.4feab985.jpg" width="730" height="550" loading="lazy" srcset="/neuigkeiten/Neuigkeiten%202026/08/26361/image-thumb__26361___auto_b2be16acdfa5802a9b7457cbb4333940/Abensaue_Luftaufnahme.4feab985.jpg 1x, /neuigkeiten/Neuigkeiten%202026/08/26361/image-thumb__26361___auto_b2be16acdfa5802a9b7457cbb4333940/[email protected] 2x" /> 3110</picture> 3111</div> 3112 <div class="w-full md:max-lg:w-6/12 w-7/12 lg:-ml-15 flex flex-col gap-4 bg-white max-lg:p-4 lg:p-15 lg:pr-12 max-lg:h-[350px] lg:h-[450px]"> 3113 <div class="flex flex-col-reverse md:flex-row justify-between md:items-center max-md:gap-8 max-md:-mt-16 max-md:z-20"> 3114 <h3 class="body-sm-font font-bold text-orange">Vorstellung von ISEK und KSK</h3> 3115 <p class="p-2 bg-dark-purple text-white flex gap-1 items-center body-sm-font max-md:inline-flex max-md:w-fit"> 3116 <img src="/images/icons/date.svg" alt="Datum der Veröffentlichung" 3117 class="h-4 w-4 mb-0.5"/>28.09.2026 </p> 3118 </div> 3119 <p class="title-4-font font-bold text-dark-purple md:mt-2">Ãffentliche Zukunkunfstwerkstatt </p> 3120 <div class="grow mt-2"> 3121 <p class="body-base-font-lg line-clamp-3 lg:line-clamp-6 text-dark-purple">
3121Das neue Integrierte Stadtentwicklungskonzept (ISEK) sowie erstmals ein Klimaschutzkonzept (KSK) sind grundlegend für die Städtebauförderung, durch die die Regierung von Niederbayern die Kommunen maÃgeblich unterstützt. Die zuständigen Planungsbüros stellen die beiden zukunftsweisenden Konzepte im Rahmen einer öffentlichen Zukunftswerkstatt vor, zu der interessierte Bürgerinnen und Bürger ganz herzlich eingeladen sind. 3122Die Präsentation findet am Mittwoch, den 30.09.2026 um 19 Uhr im Karmelitensaal des Aventinums statt. Wir freuen uns auf zahlreiche Teilnehmende. Zu diesem Anlass geben wir auch den weiteren Fahrplan der Zukunftswerkstatt bekannt, schlieÃlich soll noch in diesem Jahr mit der Arbeit in den Projektgruppen begonnen werden. 3123Foto: Glashauser</p> 3124 </div> 3125 <a href="/aktuelles/vorstellung-von-isek-und-ksk-aktuelles-21249" 3126 class="w-fit px-4 py-2 bg-orange text-white font-bold hover:bg-dark-purple transition-all duration-300"> 3127 Zum Artikel </a> 3128 </div> 3129 </div> 3130</div> 3131 </div> 3132 </div> 3133 <div class="flex justify-end gap-4 md:hidden mt-4"> 3134 <button id="prevButton" 3135 aria-label="Vorheriger Beitrag" 3136 class="h-9 w-9 xl:h-15 xl:w-15 rounded-full bg-light-gray flex items-center justify-center cursor-pointer"> 3137 <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 46 26" fill="none" 3138 class="h-8 w-8 xl:h-12 xl:w-12 bg-dark-purple rounded-full hover:bg-orange transition-all duration-300"> 3139 <path d="M35.3976 14.3606H10.6017C9.83024 14.3606 9.22412 13.7619 9.22412 13C9.22412 12.2381 9.83024 11.6395 10.6017 11.6395H35.3976C36.169 11.6395 36.7751 12.2381 36.7751 13C36.7751 13.7619 36.169 14.3606 35.3976 14.3606Z" 3140 fill="white"/> 3141 <path d="M17.4896 23.8844C17.309 23.8865 17.1298 23.8514 16.9638 23.7811C16.7977 23.7108 16.6484 23.6069 16.5254 23.4762L6.8825 13.9524C6.33148 13.4082 6.33148 12.5646 6.8825 12.0204L16.5254 2.52382C17.0764 1.97961 17.9305 1.97961 18.4815 2.52382C19.0325 3.06804 19.0325 3.91158 18.4815 4.4558L9.80291 13.0272L18.4815 21.5987C19.0325 22.1429 19.0325 22.9864 18.4815 23.5306C18.206 23.8027 17.8478 23.9388 17.5172 23.9388L17.4896 23.8844Z" 3142 fill="white"/> 3143 </svg> 3144 </button> 3145 <button id="nextButton" 3146 aria-label="Naechster Beitrag" 3147 class="h-9 w-9 xl:h-15 xl:w-15 rounded-full bg-light-gray flex items-center justify-center cursor-pointer"> 3148 <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 46 26" fill="none" 3149 class="h-8 w-8 xl:h-12 xl:w-12 bg-dark-purple rounded-full hover:bg-orange transition-all duration-300"> 3150 <path d="M10.6024 14.3606H35.3983C36.1698 14.3606 36.7759 13.7619 36.7759 13C36.7759 12.2381 36.1698 11.6395 35.3983 11.6395H10.6024C9.83098 11.6395 9.22486 12.2381 9.22486 13C9.22486 13.7619 9.83098 14.3606 10.6024 14.3606Z" 3151 fill="white"/> 3152 <path d="M28.5104 23.8844C28.691 23.8865 28.8702 23.8514 29.0362 23.7811C29.2023 23.7108 29.3516 23.6069 29.4746 23.4762L39.1175 13.9524C39.6685 13.4082 39.6685 12.5646 39.1175 12.0204L29.4746 2.52382C28.9236 1.97961 28.0695 1.97961 27.5185 2.52382C26.9675 3.06804 26.9675 3.91158 27.5185 4.4558L36.1971 13.0272L27.5185 21.5987C26.9675 22.1429 26.9675 22.9864 27.5185 23.5306C27.794 23.8027 28.1522 23.9388 28.4828 23.9388L28.5104 23.8844Z" 3153 fill="white"/> 3154 </svg> 3155 </button> 3156 </div> 3157 </div> 3158 <div class="mt-12 xl:mt-20 news-container"> 3159 <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6"> 3160 <div class="news-item"> 3161 <a href="/aktuelles/bauarbeiten-max-bronold-strasse-aktuelles-21378" 3162 class="w-full h-[280px] lg:h-[320px] flex flex-col shadow-2xl group overflow-hidden"> 3163 <picture class="h-2/3 overflow-hidden group-hover:scale-[1.05] transition-all duration-300 z-10"> 3164 <source srcset="/neuigkeiten/Neuigkeiten%202026/09/26109/image-thumb__26109__v2-gallery-thumbn
3164ail/baustelle~-~media--5abec06c--query.d634e3fb.webp 1x, /neuigkeiten/Neuigkeiten%202026/09/26109/image-thumb__26109__v2-gallery-thumbnail/[email protected] 2x" media="(max-width: 576px)" width="400" height="300" type="image/webp" /> 3165 <source srcset="/neuigkeiten/Neuigkeiten%202026/09/26109/image-thumb__26109__v2-gallery-thumbnail/baustelle~-~media--5abec06c--query.d634e3fb.jpg 1x, /neuigkeiten/Neuigkeiten%202026/09/26109/image-thumb__26109__v2-gallery-thumbnail/[email protected] 2x" media="(max-width: 576px)" width="400" height="300" type="image/jpeg" /> 3166 <source srcset="/neuigkeiten/Neuigkeiten%202026/09/26109/image-thumb__26109__v2-gallery-thumbnail/baustelle.d634e3fb.webp 1x, /neuigkeiten/Neuigkeiten%202026/09/26109/image-thumb__26109__v2-gallery-thumbnail/[email protected] 2x" width="400" height="300" type="image/webp" /> 3167 <source srcset="/neuigkeiten/Neuigkeiten%202026/09/26109/image-thumb__26109__v2-gallery-thumbnail/baustelle.d634e3fb.jpg 1x, /neuigkeiten/Neuigkeiten%202026/09/26109/image-thumb__26109__v2-gallery-thumbnail/[email protected] 2x" width="400" height="300" type="image/jpeg" /> 3168 <img class="object-cover w-[450px] h-[213px]" alt="Bauarbeiten Max-Bronold-StraÃe" src="/neuigkeiten/Neuigkeiten%202026/09/26109/image-thumb__26109__v2-gallery-thumbnail/baustelle.d634e3fb.jpg" width="400" height="300" loading="lazy" srcset="/neuigkeiten/Neuigkeiten%202026/09/26109/image-thumb__26109__v2-gallery-thumbnail/baustelle.d634e3fb.jpg 1x, /neuigkeiten/Neuigkeiten%202026/09/26109/image-thumb__26109__v2-gallery-thumbnail/[email protected] 2x" /> 3169</picture> 3170 3171 3172 3173 <div class="h-1/3 w-full p-2 md:p-4 lg:p-6 space-y-2 z-20 bg-white grow"> 3174 <p class="p-2 bg-dark-purple text-white flex gap-1 items-center body-sm-font w-fit -mt-14 md:-mt-16 lg:-mt-18 mb-7 line-clamp-1"> 3175 <img src="/images/icons/date.svg" alt="Datum der Veröffentlichung" 3176 class="h-4 w-4 mb-[2px]"/>01.10.2026 3177 </p> 3178 <h3 class="body-sm-font text-orange font-bold">Bauarbeiten Max-Bronold-StraÃe</h3> 3179 <small class="text-dark-purple body-base-font md:body-lg-font line-clamp-2">Vollsperrung bis Ende Dezember</small> 3180 </div> 3181 3182 </a> 3183 </div> 3184 <div class="news-item"> 3185 <a href="/aktuelles/strassenerneuerung-an-der-linde-in-offenstetten-aktuelles-21375" 3186 class="w-full h-[280px] lg:h-[320px] flex flex-col shadow-2xl group overflow-hidden"> 3187 <picture class="h-2/3 overflow-hidden group-hover:scale-[1.05] transition-all duration-300 z-10"> 3188 <source srcset="/neuigkeiten/Neuigkeiten%202026/09/26109/image-thumb__26109__v2-gallery-thumbnail/baustelle~-~media--5abec06c--query.d634e3fb.webp 1x, /neuigkeiten/Neuigkeiten%202026/09/26109/image-thumb__26109__v2-gallery-thumbnail/[email protected] 2x" media="(max-width: 576px)" width="400" height="300" type="image/webp" /> 3189 <source srcset="/neuigkeiten/Neuigkeiten%202026/09/26109/image-thumb__26109__v2-gallery-thumbnail/baustelle~-~media--5abec06c--query.d634e3fb.jpg 1x, /neuigkeiten/Neuigkeiten%202026/09/26109/image-thumb__26109__v2-gallery-thumbnail/[email protected] 2x" media="(max-width: 576px)" width="400" height="300" type="image/jpeg" /> 3190 <source srcset="/neuigkeiten/Neuigkeiten%202026/09/26109/image-thumb__26109__v2-gallery-thumbnail/baustelle.d634e3fb.webp 1x, /neuigkeiten/Neuigkeiten%202026/09/26109/image-thumb__26109__v2-gallery-thumbnail/[email protected] 2x" width="400" height="300" type="image/webp" /> 3191 <source srcset="/neuigkeiten/Neuigkeiten%202026/09/26109/image-thumb__26109__v2-gallery-thumbnail/baustelle.d634e3fb.jpg 1x, /neuigkeiten/Neuigkeiten%202026/09/26109/image-thumb__26109__v2-gallery-thumbnail/[email protected] 2x" width="400" height="300" type="image/jpeg" /> 3192 <img class="object-cover w-[450px] h-[213px]" alt="StraÃenerneuerung âAn der Lindeâ in Offenstetten" src="/neuigkeiten/Neuigkeiten%202026/09/26109/image-thumb__26109__v2-gallery-thumbn
3192ail/baustelle.d634e3fb.jpg" width="400" height="300" loading="lazy" srcset="/neuigkeiten/Neuigkeiten%202026/09/26109/image-thumb__26109__v2-gallery-thumbnail/baustelle.d634e3fb.jpg 1x, /neuigkeiten/Neuigkeiten%202026/09/26109/image-thumb__26109__v2-gallery-thumbnail/[email protected] 2x" /> 3193</picture> 3194 3195 3196 3197 <div class="h-1/3 w-full p-2 md:p-4 lg:p-6 space-y-2 z-20 bg-white grow"> 3198 <p class="p-2 bg-dark-purple text-white flex gap-1 items-center body-sm-font w-fit -mt-14 md:-mt-16 lg:-mt-18 mb-7 line-clamp-1"> 3199 <img src="/images/icons/date.svg" alt="Datum der Veröffentlichung" 3200 class="h-4 w-4 mb-[2px]"/>30.09.2026 3201 </p> 3202 <h3 class="body-sm-font text-orange font-bold">StraÃenerneuerung âAn der Lindeâ in Offenstetten</h3> 3203 <small class="text-dark-purple body-base-font md:body-lg-font line-clamp-2">Abschnittsweise Vollsperrung</small> 3204 </div> 3205 3206 </a> 3207 </div> 3208 <div class="news-item"> 3209 <a href="/aktuelles/vorstellung-von-isek-und-ksk-aktuelles-21249" 3210 class="w-full h-[280px] lg:h-[320px] flex flex-col shadow-2xl group overflow-hidden"> 3211 <picture class="h-2/3 overflow-hidden group-hover:scale-[1.05] transition-all duration-300 z-10"> 3212 <source srcset="/neuigkeiten/Neuigkeiten%202026/08/26361/image-thumb__26361__v2-gallery-thumbnail/Abensaue_Luftaufnahme~-~media--5abec06c--query.2fbefa2e.webp 1x, /neuigkeiten/Neuigkeiten%202026/08/26361/image-thumb__26361__v2-gallery-thumbnail/[email protected] 2x" media="(max-width: 576px)" width="400" height="300" type="image/webp" /> 3213 <source srcset="/neuigkeiten/Neuigkeiten%202026/08/26361/image-thumb__26361__v2-gallery-thumbnail/Abensaue_Luftaufnahme~-~media--5abec06c--query.2fbefa2e.jpg 1x, /neuigkeiten/Neuigkeiten%202026/08/26361/image-thumb__26361__v2-gallery-thumbnail/[email protected] 2x" media="(max-width: 576px)" width="400" height="300" type="image/jpeg" /> 3214 <source srcset="/neuigkeiten/Neuigkeiten%202026/08/26361/image-thumb__26361__v2-gallery-thumbnail/Abensaue_Luftaufnahme.2fbefa2e.webp 1x, /neuigkeiten/Neuigkeiten%202026/08/26361/image-thumb__26361__v2-gallery-thumbnail/[email protected] 2x" width="400" height="300" type="image/webp" /> 3215 <source srcset="/neuigkeiten/Neuigkeiten%202026/08/26361/image-thumb__26361__v2-gallery-thumbnail/Abensaue_Luftaufnahme.2fbefa2e.jpg 1x, /neuigkeiten/Neuigkeiten%202026/08/26361/image-thumb__26361__v2-gallery-thumbnail/[email protected] 2x" width="400" height="300" type="image/jpeg" /> 3216 <img class="object-cover w-[450px] h-[213px]" alt="Vorstellung von ISEK und KSK" src="/neuigkeiten/Neuigkeiten%202026/08/26361/image-thumb__26361__v2-gallery-thumbnail/Abensaue_Luftaufnahme.2fbefa2e.jpg" width="400" height="300" loading="lazy" srcset="/neuigkeiten/Neuigkeiten%202026/08/26361/image-thumb__26361__v2-gallery-thumbnail/Abensaue_Luftaufnahme.2fbefa2e.jpg 1x, /neuigkeiten/Neuigkeiten%202026/08/26361/image-thumb__26361__v2-gallery-thumbnail/[email protected] 2x" /> 3217</picture> 3218 3219 3220 3221 <div class="h-1/3 w-full p-2 md:p-4 lg:p-6 space-y-2 z-20 bg-white grow"> 3222 <p class="p-2 bg-dark-purple text-white flex gap-1 items-center body-sm-font w-fit -mt-14 md:-mt-16 lg:-mt-18 mb-7 line-clamp-1"> 3223 <img src="/images/icons/date.svg" alt="Datum der Veröffentlichung" 3224 class="h-4 w-4 mb-[2px]"/>28.09.2026 3225 </p> 3226 <h3 class="body-sm-font text-orange font-bold">Vorstellung von ISEK und KSK</h3> 3227 <small class="text-dark-purple body-base-font md:body-lg-font line-clamp-2">Ãffentliche Zukunkunfstwerkstatt </small> 3228 </div> 3229 3230 </a> 3231 </div> 3232 <div class="news-item"> 3233 <a href="/aktuelles/faire-wochen-in-der-fairtrade-stadt-aktuelles-21339" 3234 class="w-full h-[280px] lg:h-[320px] flex flex-col shadow-2xl group overflow-hidden"> 3235 <picture class="h-2/3 overflow-hidden group-hover:scale-[1.05] transition-all duration-300 z-10"> 3236 <source srcset="/neuigkeiten/Neuigkeiten%202026/09/26626/image-thumb__26626__v2-gallery-thumbn
3236ail/faire%20wirtshaustour~-~media--5abec06c--query.ff7faa69.webp 1x, /neuigkeiten/Neuigkeiten%202026/09/26626/image-thumb__26626__v2-gallery-thumbnail/faire%[email protected] 2x" media="(max-width: 576px)" width="400" height="300" type="image/webp" /> 3237 <source srcset="/neuigkeiten/Neuigkeiten%202026/09/26626/image-thumb__26626__v2-gallery-thumbnail/faire%20wirtshaustour~-~media--5abec06c--query.ff7faa69.png 1x, /neuigkeiten/Neuigkeiten%202026/09/26626/image-thumb__26626__v2-gallery-thumbnail/faire%[email protected] 2x" media="(max-width: 576px)" width="400" height="300" type="image/png" /> 3238 <source srcset="/neuigkeiten/Neuigkeiten%202026/09/26626/image-thumb__26626__v2-gallery-thumbnail/faire%20wirtshaustour.ff7faa69.webp 1x, /neuigkeiten/Neuigkeiten%202026/09/26626/image-thumb__26626__v2-gallery-thumbnail/faire%[email protected] 2x" width="400" height="300" type="image/webp" /> 3239 <source srcset="/neuigkeiten/Neuigkeiten%202026/09/26626/image-thumb__26626__v2-gallery-thumbnail/faire%20wirtshaustour.ff7faa69.png 1x, /neuigkeiten/Neuigkeiten%202026/09/26626/image-thumb__26626__v2-gallery-thumbnail/faire%[email protected] 2x" width="400" height="300" type="image/png" /> 3240 <img class="object-cover w-[450px] h-[213px]" alt="Faire Wochen in der FairTrade-Stadt" src="/neuigkeiten/Neuigkeiten%202026/09/26626/image-thumb__26626__v2-gallery-thumbnail/faire%20wirtshaustour.ff7faa69.png" width="400" height="300" loading="lazy" srcset="/neuigkeiten/Neuigkeiten%202026/09/26626/image-thumb__26626__v2-gallery-thumbnail/faire%20wirtshaustour.ff7faa69.png 1x, /neuigkeiten/Neuigkeiten%202026/09/26626/image-thumb__26626__v2-gallery-thumbnail/faire%[email protected] 2x" /> 3241</picture> 3242 3243 3244 3245 <div class="h-1/3 w-full p-2 md:p-4 lg:p-6 space-y-2 z-20 bg-white grow"> 3246 <p class="p-2 bg-dark-purple text-white flex gap-1 items-center body-sm-font w-fit -mt-14 md:-mt-16 lg:-mt-18 mb-7 line-clamp-1"> 3247 <img src="/images/icons/date.svg" alt="Datum der Veröffentlichung" 3248 class="h-4 w-4 mb-[2px]"/>25.09.2026 3249 </p> 3250 <h3 class="body-sm-font text-orange font-bold">Faire Wochen in der FairTrade-Stadt</h3> 3251 <small class="text-dark-purple body-base-font md:body-lg-font line-clamp-2">Faire Wirtshaus-Tour in Abensberg</small> 3252 </div> 3253 3254 </a> 3255 </div> 3256 <div class="news-item"> 3257 <a href="/aktuelles/neuer-citybus-wurde-eingeweiht-aktuelles-21336" 3258 class="w-full h-[280px] lg:h-[320px] flex flex-col shadow-2xl group overflow-hidden"> 3259 <picture class="h-2/3 overflow-hidden group-hover:scale-[1.05] transition-all duration-300 z-10"> 3260 <source srcset="/neuigkeiten/Neuigkeiten%202026/09/26636/image-thumb__26636__v2-gallery-thumbnail/Citybus~-~media--5abec06c--query.cb6b2a85.webp 1x, /neuigkeiten/Neuigkeiten%202026/09/26636/image-thumb__26636__v2-gallery-thumbnail/[email protected] 2x" media="(max-width: 576px)" width="400" height="300" type="image/webp" /> 3261 <source srcset="/neuigkeiten/Neuigkeiten%202026/09/26636/image-thumb__26636__v2-gallery-thumbnail/Citybus~-~media--5abec06c--query.cb6b2a85.jpg 1x, /neuigkeiten/Neuigkeiten%202026/09/26636/image-thumb__26636__v2-gallery-thumbnail/[email protected] 2x" media="(max-width: 576px)" width="400" height="300" type="image/jpeg" /> 3262 <source srcset="/neuigkeiten/Neuigkeiten%202026/09/26636/image-thumb__26636__v2-gallery-thumbnail/Citybus.cb6b2a85.webp 1x, /neuigkeiten/Neuigkeiten%202026/09/26636/image-thumb__26636__v2-gallery-thumbnail/[email protected] 2x" width="400" height="300" type="image/webp" /> 3263 <source srcset="/neuigkeiten/Neuigkeiten%202026/09/26636/image-thumb__26636__v2-gallery-thumbnail/Citybus.cb6b2a85.jpg 1x, /neuigkeiten/Neuigkeiten%202026/09/26636/image-thumb__26636__v2-gallery-thumbnail/[email protected] 2x" width="400" height="300" type="image/jpeg" /> 3264 <img class="object-cover w-[450px] h-[213px]" alt="Neuer Citybus wurde eingeweiht" src="/neuigkeiten/Neuigkeiten%202026/09/26636/image-thumb__26636__v2-gallery-thumbn
3264ail/Citybus.cb6b2a85.jpg" width="400" height="300" loading="lazy" srcset="/neuigkeiten/Neuigkeiten%202026/09/26636/image-thumb__26636__v2-gallery-thumbnail/Citybus.cb6b2a85.jpg 1x, /neuigkeiten/Neuigkeiten%202026/09/26636/image-thumb__26636__v2-gallery-thumbnail/[email protected] 2x" /> 3265</picture> 3266 3267 3268 3269 <div class="h-1/3 w-full p-2 md:p-4 lg:p-6 space-y-2 z-20 bg-white grow"> 3270 <p class="p-2 bg-dark-purple text-white flex gap-1 items-center body-sm-font w-fit -mt-14 md:-mt-16 lg:-mt-18 mb-7 line-clamp-1"> 3271 <img src="/images/icons/date.svg" alt="Datum der Veröffentlichung" 3272 class="h-4 w-4 mb-[2px]"/>24.09.2026 3273 </p> 3274 <h3 class="body-sm-font text-orange font-bold">Neuer Citybus wurde eingeweiht</h3> 3275 <small class="text-dark-purple body-base-font md:body-lg-font line-clamp-2">Ab sofort ist der neue Citybus im Einsatz</small> 3276 </div> 3277 3278 </a> 3279 </div> 3280 <div class="news-item"> 3281 <a href="/aktuelles/kanalbauarbeiten-max-bronold-strasse-aktuelles-21333" 3282 class="w-full h-[280px] lg:h-[320px] flex flex-col shadow-2xl group overflow-hidden"> 3283 <picture class="h-2/3 overflow-hidden group-hover:scale-[1.05] transition-all duration-300 z-10"> 3284 <source srcset="/neuigkeiten/Neuigkeiten%202026/09/26109/image-thumb__26109__v2-gallery-thumbnail/baustelle~-~media--5abec06c--query.d634e3fb.webp 1x, /neuigkeiten/Neuigkeiten%202026/09/26109/image-thumb__26109__v2-gallery-thumbnail/[email protected] 2x" media="(max-width: 576px)" width="400" height="300" type="image/webp" /> 3285 <source srcset="/neuigkeiten/Neuigkeiten%202026/09/26109/image-thumb__26109__v2-gallery-thumbnail/baustelle~-~media--5abec06c--query.d634e3fb.jpg 1x, /neuigkeiten/Neuigkeiten%202026/09/26109/image-thumb__26109__v2-gallery-thumbnail/[email protected] 2x" media="(max-width: 576px)" width="400" height="300" type="image/jpeg" /> 3286 <source srcset="/neuigkeiten/Neuigkeiten%202026/09/26109/image-thumb__26109__v2-gallery-thumbnail/baustelle.d634e3fb.webp 1x, /neuigkeiten/Neuigkeiten%202026/09/26109/image-thumb__26109__v2-gallery-thumbnail/[email protected] 2x" width="400" height="300" type="image/webp" /> 3287 <source srcset="/neuigkeiten/Neuigkeiten%202026/09/26109/image-thumb__26109__v2-gallery-thumbnail/baustelle.d634e3fb.jpg 1x, /neuigkeiten/Neuigkeiten%202026/09/26109/image-thumb__26109__v2-gallery-thumbnail/[email protected] 2x" width="400" height="300" type="image/jpeg" /> 3288 <img class="object-cover w-[450px] h-[213px]" alt="Kanalbauarbeiten Max-Bronold-StraÃe" src="/neuigkeiten/Neuigkeiten%202026/09/26109/image-thumb__26109__v2-gallery-thumbnail/baustelle.d634e3fb.jpg" width="400" height="300" loading="lazy" srcset="/neuigkeiten/Neuigkeiten%202026/09/26109/image-thumb__26109__v2-gallery-thumbnail/baustelle.d634e3fb.jpg 1x, /neuigkeiten/Neuigkeiten%202026/09/26109/image-thumb__26109__v2-gallery-thumbnail/[email protected] 2x" /> 3289</picture> 3290 3291 3292 3293 <div class="h-1/3 w-full p-2 md:p-4 lg:p-6 space-y-2 z-20 bg-white grow"> 3294 <p class="p-2 bg-dark-purple text-white flex gap-1 items-center body-sm-font w-fit -mt-14 md:-mt-16 lg:-mt-18 mb-7 line-clamp-1"> 3295 <img src="/images/icons/date.svg" alt="Datum der Veröffentlichung" 3296 class="h-4 w-4 mb-[2px]"/>22.09.2026 3297 </p> 3298 <h3 class="body-sm-font text-orange font-bold">Kanalbauarbeiten Max-Bronold-StraÃe</h3> 3299 <small class="text-dark-purple body-base-font md:body-lg-font line-clamp-2">Aktuell wieder nur einspurig befahrbar</small> 3300 </div> 3301 3302 </a> 3303 </div> 3304 </div> 3305 <!-- Link to all news --> 3306 <div class="flex justify-center mt-8"> 3307 <a href="/aktuelles" 3308 class="w-fit px-4 py-2 bg-orange text-white hover:bg-dark-purple transition-colors duration-300"> 3309 Alle Neuigkeiten </a> 3310 </div> 3311 </div> 3312 </section> 3313 <section id="presse" 3314 class="container mx-auto mt-12 md:mt-20 max-xl:px-4 pb-6 flex flex-row max-md:flex-col max-md:gap-y-12 max-xl:gap-4 gap-8"> 3315 <div class="w-full"> 3316 <h3 class="title-4-font text-dark-purple mb-4 font-bold">Ãffentliche Bekanntmachungen</h3> 3317 <ul class="text-body-dark list-none pl-0 pb-8 grid md:grid-cols-2 gap-x-8"> 3318 <li class="py-2 border-b border-dark-purple/50 group col-span-1 "> 3319 <a class="flex gap-2 body-sm-font" href="/bekanntmachungen/TenneT/Bekanntmachung%20TenneT%20Juraleitung.pdf"> <span 3320 class="max-xl:w-3/12 w-2/12 font-bold">14.08.2026</span>
3321 <span class="w-9/12 line-clamp-1">Kartier- und Vermessungsarbeiten - TenneT TSO GmbH</span> <span 3322 class="text-orange pl-3 group-hover:pl-6 transition-all duration-300">→</span> 3323 </a> 3324 </li> 3325 <li class="py-2 border-b border-dark-purple/50 group col-span-1 "> 3326 <a class="flex gap-2 body-sm-font" href="/bekanntmachungen/hauptamt/Bekanntmachung%20abschlie%C3%9Fendes%20Ergebnis%20Stadtratswahl%202026.pdf"> <span 3327 class="max-xl:w-3/12 w-2/12 font-bold">19.03.2026</span> 3328 <span class="w-9/12 line-clamp-1">AbschlieÃendes Endergebnis der Wahl des Stadtrats</span> <span 3329 class="text-orange pl-3 group-hover:pl-6 transition-all duration-300">→</span> 3330 </a> 3331 </li> 3332 <li class="py-2 border-b border-dark-purple/50 group col-span-1 "> 3333 <a class="flex gap-2 body-sm-font" href="/bekanntmachungen/hauptamt/Bekanntmachung%20vorl%C3%A4ufiges%20Ergebnis%20Wahl%20Stadtrat%2008.03.2026%20Abensbegr.pdf"> <span 3334 class="max-xl:w-3/12 w-2/12 font-bold">10.03.2026</span> 3335 <span class="w-9/12 line-clamp-1">Vorläufiges Ergebnis der Wahl des Stadtrats</span> <span 3336 class="text-orange pl-3 group-hover:pl-6 transition-all duration-300">→</span> 3337 </a> 3338 </li> 3339 <li class="py-2 border-b border-dark-purple/50 group col-span-1 "> 3340 <a class="flex gap-2 body-sm-font" href="/bekanntmachungen/bauamt/01_Aushang_FFH-LRT-Monitoring.pdf"> <span 3341 class="max-xl:w-3/12 w-2/12 font-bold">04.02.2026</span> 3342 <span class="w-9/12 line-clamp-1">Information über das FFH-Lebensraumtypenmonitoring</span> <span 3343 class="text-orange pl-3 group-hover:pl-6 transition-all duration-300">→</span> 3344 </a> 3345 </li> 3346 </ul> 3347 <a href="/buergerservice/bekanntmachungen" 3348 class="w-fit mt-12 px-4 py-2 bg-orange text-white hover:bg-dark-purple transition-colors duration-300">Alle 3349 Bekanntmachungen</a> 3350 </div> 3351 </section> 3352 <section id="themen" 3353 class="container mx-auto bg-dark-purple max-md:py-6 py-12 flex flex-col items-center gap-4 mt-12 md:mt-20"> 3354 <img src="/images/icons/click-light.svg" alt="Wichtigste Themen" 3355 class="h-16 xl:h-20 w-16 xl:w-20"/> 3356 <h2 class="text-center text-white title-2-font">Mit einem Klick zu den wichtigsten Themen.</h2> 3357 <div class="flex flex-col md:flex-row text-white max-md:items-center justify-center w-full md:w-11/12 xl:w-10/12 md:gap-8 xl:gap-20 mt-8"> 3358 <div class="w-1/2 md:w-3/10"> 3359 <h3 class="pb-4 mb-2 border-b border-body-dark max-md:text-center">Novembernebel</h3> 3360 <ul class="list-none pl-0 pb-8 space-y-4"> 3361 <li> 3362 <a class="inline-flex w-fit gap-2 body-lg-font ml-0 hover:ml-2 transition-all duration-300 text-white" 3363 href="https://www.abensberg.de/kalender?filter=novembernebel&category=&month=&year=2026#calendar-tab-content"> 3364 <span class="text-orange">→</span> 3365 <span class="line-clamp-1">Hier geht's zu den Terminen</span> 3366 </a> 3367 </li> 3368 </ul> 3369 </div> 3370 <div class="w-1/2 md:w-3/10"> 3371 <h3 class="pb-4 mb-2 border-b border-body-dark max-md:text-center">HOMO BULLA</h3> 3372 <ul class="list-none pl-0 pb-8 space-y-4"> 3373 <li> 3374 <a class="inline-flex w-fit gap-2 body-lg-font ml-0 hover:ml-2 transition-all duration-300 text-white" 3375 href="/aventinus">
3376 <span class="text-orange">→</span> 3377 <span class="line-clamp-1">_aventinus_550_</span> 3378 </a> 3379 </li> 3380 </ul> 3381 </div> 3382 <div class="w-1/2 md:w-3/10"> 3383 <h3 class="pb-4 mb-2 border-b border-body-dark max-md:text-center">Gillamoos</h3> 3384 <ul class="list-none pl-0 pb-8 space-y-4"> 3385 <li> 3386 <a class="inline-flex w-fit gap-2 body-lg-font ml-0 hover:ml-2 transition-all duration-300 text-white" 3387 href="https://www.abensberg.de/gillamoos"> 3388 <span class="text-orange">→</span> 3389 <span class="line-clamp-1">Hier findet ihr alles rund um den Gillamoos</span> 3390 </a> 3391 </li> 3392 </ul> 3393 </div> 3394 </div> 3395 </section> 3396 <section id="veranstaltungen" class="container mx-auto pt-20 pb-6 flex flex-col px-4 xl:px-0"> 3397 <img src="/images/icons/calendar.svg" alt="Veranstaltungen rund um Abensberg" class="h-20 w-20"/> 3398 <h2 class="mt-2 flex items-center gap-8 relative mb-4 title-2-font-bold text-dark-purple"> 3399 <span>Veranstaltungen.</span> <span class="flex-1 h-px bg-dark-purple mb-1.5"></span> 3400 </h2> 3401 <div class="flex row justify-between mb-8"> 3402 <div class="body-lg-font text-dark-purple max-md:w-full w-8/12"> 3403 3404 </div> 3405 <div class="flex flex-row gap-4 items-end max-md:hidden"> 3406 <button id="eventPrevButton" aria-label="Vorherige Veranstaltung" class="rounded-full flex items-center justify-center cursor-pointer"> 3407 <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 46 26" fill="none" 3408 class="h-8 w-8 xl:h-12 xl:w-12 bg-dark-purple rounded-full hover:bg-orange transition-all duration-300"> 3409 <path d="M35.3976 14.3606H10.6017C9.83024 14.3606 9.22412 13.7619 9.22412 13C9.22412 12.2381 9.83024 11.6395 10.6017 11.6395H35.3976C36.169 11.6395 36.7751 12.2381 36.7751 13C36.7751 13.7619 36.169 14.3606 35.3976 14.3606Z" 3410 fill="white"/> 3411 <path d="M17.4896 23.8844C17.309 23.8865 17.1298 23.8514 16.9638 23.7811C16.7977 23.7108 16.6484 23.6069 16.5254 23.4762L6.8825 13.9524C6.33148 13.4082 6.33148 12.5646 6.8825 12.0204L16.5254 2.52382C17.0764 1.97961 17.9305 1.97961 18.4815 2.52382C19.0325 3.06804 19.0325 3.91158 18.4815 4.4558L9.80291 13.0272L18.4815 21.5987C19.0325 22.1429 19.0325 22.9864 18.4815 23.5306C18.206 23.8027 17.8478 23.9388 17.5172 23.9388L17.4896 23.8844Z" 3412 fill="white"/> 3413 </svg> 3414 </button> 3415 <button id="eventNextButton" aria-label="Naechste Veranstaltung" class="rounded-full flex items-center justify-center cursor-pointer"> 3416 <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 46 26" fill="none" 3417 class="h-8 w-8 xl:h-12 xl:w-12 bg-dark-purple rounded-full hover:bg-orange transition-all duration-300"> 3418 <path d="M10.6024 14.3606H35.3983C36.1698 14.3606 36.7759 13.7619 36.7759 13C36.7759 12.2381 36.1698 11.6395 35.3983 11.6395H10.6024C9.83098 11.6395 9.22486 12.2381 9.22486 13C9.22486 13.7619 9.83098 14.3606 10.6024 14.3606Z" 3419 fill="white"/> 3420 <path d="M28.5104 23.8844C28.691 23.8865 28.8702 23.8514 29.0362 23.7811C29.2023 23.7108 29.3516 23.6069 29.4746 23.4762L39.1175 13.9524C39.6685 13.4082 39.6685 12.5646 39.1175 12.0204L29.4746 2.52382C28.9236 1.97961 28.0695 1.97961 27.5185 2.52382C26.9675 3.06804 26.9675 3.91158 27.5185 4.4558L36.1971 13.0272L27.5185 21.5987C26.9675 22.1429 26.9675 22.9864 27.5185 23.5306C27.794 23.8027 28.1522 23.9388 28.4828 23.9388L28.5104 23.8844Z" 3421 fill="white"/> 3422 </svg> 3423 </button> 3424 </div> 3425 </div> 3426 <div data-controller="live" data-live-name-value="event_calendar" data-live-url-value="/_components/event_calendar" id="live-3037950855-0" data-live-props-value="{"month":null,"year":2026,"selectedCategory":null,"searchText":null,"monate":{"1":"Januar","2":"Februar","3":"M\u00e4rz","4":"April","5":"Mai","6":"Juni","7":"Juli","8":"August","9":"September","10":"Oktober","11":"November","12":"Dezember"},"@attributes":{"id":"live-3037950855-0"},"@checksum":"gdRJZM2hDGxJxnEsMNi88\/XDXVoVnJzNu16ZUyV6dAs="}"> 3427 <div class="flex flex-row gap-4 max-md:flex-col"> 3428 <div class="max-md:w-full md:max-lg:w-1/3 w-3/12 bg-white p-4 lg:px-6 lg:pt-10 lg:pb-6 flex flex-col justify-between"> 3429 <div class="flex flex-col mt-2"> 3430 <div class="relative py-2"> 3431 <label for="month" class="sr-only">Monat</label> 3432 <select 3433 name="month" 3434 id="month" 3435 class="w-full p-2 border-b border-dark-purple mt-1 appearance-none body-lg-font font-bold focus:outline-none focus:ring-0 focus:border-dark-purple cursor-pointer" 3436 data-model="month" 3437 > 3438 <option value="">Alle Monate</option> 3439 <option value="1" >Januar</option> 3440 <option value="2" >Februar</option> 3441 <option value="3" >März</option> 3442 <option value="4" >April</option> 3443 <option value="5" >Mai</option> 3444 <option value="6" >Juni</option> 3445 <option value="7" >Juli</option> 3446 <option value="8" >August</option> 3447 <option value="9" >September</option> 3448 <option value="10" >Oktober</option> 3449 <option value="11" >November</option> 3450 <option value="12" >Dezember</option> 3451 </select>
3452 <span class="pointer-events-none absolute inset-y-0 right-0 flex items-center mt-1 title-4-font text-orange"> 3453 ↓ 3454 </span> 3455 </div> 3456 <div class="relative py-2"> 3457 <label for="year" class="sr-only">Jahr</label> 3458 <select 3459 name="year" 3460 id="year" 3461 class="w-full p-2 border-b border-dark-purple mt-1 appearance-none body-lg-font font-bold focus:outline-none focus:ring-0 focus:border-dark-purple cursor-pointer" 3462 data-model="year" 3463 > 3464 <option value="2024" 3465 >2024</option> 3466 <option value="2025" 3467 >2025</option> 3468 <option value="2026" 3469 selected>2026</option> 3470 <option value="2027" 3471 >2027</option> 3472 <option value="2028" 3473 >2028</option> 3474 </select> 3475 <span class="pointer-events-none absolute inset-y-0 right-0 flex items-center mt-1 title-4-font text-orange"> 3476 ↓ 3477 </span> 3478 </div> 3479 <div class="relative py-2"> 3480 <label for="category" class="sr-only">Kategorie</label> 3481 <select 3482 name="category" 3483 id="category" 3484 class="w-full p-2 border-b border-dark-purple mt-1 appearance-none body-lg-font font-bold focus:outline-none focus:ring-0 focus:border-dark-purple cursor-pointer" 3485 data-model="selectedCategory" 3486 > 3487 <option value="">Alle Kategorien</option> 3488 <option value="5286" 3489 >Ausschüsse</option> 3490 <option value="304" 3491 >Ausstellungen</option> 3492 <option value="305" 3493 >Bälle und Galas</option> 3494 <option value="483" 3495 >Bürgerversammlungen</option> 3496 <option value="306" 3497 >Clubs, Disco, Parties</option> 3498 <option value="307" 3499 >Familie</option> 3500 <option value="552" 3501 >Fasching</option> 3502 <option value="5249" 3503 >Ferienprogramm</option> 3504 <option value="363" 3505 >Feste / Märkte</option> 3506 <option value="5370" 3507 >Flohmarkt</option> 3508 <option value="436" 3509 >Freizeit</option> 3510 <option value="309" 3511 >Führungen</option> 3512 <option value="419" 3513 >Gesundheit</option> 3514 <option value="335" 3515 >gillamoos</option> 3516 <option value="360" 3517 >Highlights</option> 3518 <option value="19117" 3519 >Infoabend</option> 3520 <option value="357" 3521 >Jugend</option> 3522 <option value="5247" 3523 >Junge Leute</option> 3524 <option value="365" 3525 >Kino</option> 3526 <option value="367" 3527 >Kirche</option> 3528 <option value="418" 3529 >Kulinarisches</option> 3530 <option value="401" 3531 >Kultur / Kunst / Musik</option> 3532 <option value="5284" 3533 >Markt & Messe</option> 3534 <option value="314" 3535 >Politik</option> 3536 <option value="5246" 3537 >Senioren</option> 3538 <option value="5210" 3539 >Sitzungskalender</option> 3540 <option value="5248" 3541 >Spargelsaison</option> 3542 <option value="352" 3543 >Sport</option> 3544 <option value="5287" 3545 >Stadtratssitzungen</option> 3546 <option value="355" 3547 >Tanz</option> 3548 <option value="359" 3549 >
3549Vereine</option> 3550 <option value="675" 3551 >Versammlungen</option> 3552 <option value="370" 3553 >Vorträge</option> 3554 <option value="5294" 3555 >Wandern Radfahren</option> 3556 <option value="420" 3557 >Weihnachten</option> 3558 </select> 3559 <span class="pointer-events-none absolute inset-y-0 right-0 flex items-center mt-1 title-4-font text-orange"> 3560 ↓ 3561 </span> 3562 </div> 3563 <div class="relative py-2"> 3564 <label for="searchText" class="sr-only">Suchbegriff</label> 3565 <div class="relative"> 3566 <input 3567 type="text" 3568 id="searchText" 3569 name="searchText" 3570 placeholder="Veranstaltung suchen..." 3571 class="w-full p-2 border-b border-dark-purple mt-1 body-lg-font focus:outline-none focus:ring-0 focus:border-dark-purple" 3572 data-model="searchText" 3573 data-action="keyup->event-calendar#filterByText" 3574 aria-label="Nach Veranstaltungen suchen" 3575 /> 3576 <span class="absolute inset-y-0 right-0 flex items-center pr-2 mt-1"> 3577 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" 3578 stroke="currentColor" class="w-5 h-5 text-orange"> 3579 <path stroke-linecap="round" stroke-linejoin="round" 3580 d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"/> 3581 </svg> 3582 </span> 3583 </div> 3584 </div> 3585 3586 </div> 3587 <a href="/kalender" 3588 class="inline-block w-fit mt-6 px-4 py-2 bg-orange text-white hover:bg-dark-purple transition-colors duration-300"> 3589 Alle Veranstaltungen 3590 </a> 3591 </div> 3592 <div class="max-md:w-full md:max-lg:w-2/3 w-9/12 relative overflow-hidden"> 3593 <div id="eventSlider" class="flex transition-transform duration-300 ease-in-out"> 3594 <a href="/kalender/maus-tueroeffner-tag-blick-hinter-die-kulissen-veranstaltung-18974" 3595 class="max-md:w-full md:w-1/2 lg:w-1/3 flex-shrink-0 h-[380px] flex flex-col justify-end items-center px-2"> 3596 <div class="w-full h-full flex flex-col justify-end overflow-hidden md:max-w-[304px] relative"> 3597 <picture class="h-full mx-auto"> 3598 <source srcset="/museum/Veranstaltungen%202026/25286/image-thumb__25286___auto_a34378c253c0f16c917b9f303979c90a/Maus-T%C3%BCr%C3%B6ffner-Tag.45d83cfa.webp 1x, /museum/Veranstaltungen%202026/25286/image-thumb__25286___auto_a34378c253c0f16c917b9f303979c90a/Maus-T%C3%BCr%C3%[email protected] 2x" width="350" height="340" type="image/webp" /> 3599 <source srcset="/museum/Veranstaltungen%202026/25286/image-thumb__25286___auto_a34378c253c0f16c917b9f303979c90a/Maus-T%C3%BCr%C3%B6ffner-Tag.45d83cfa.jpg 1x, /museum/Veranstaltungen%202026/25286/image-thumb__25286___auto_a34378c253c0f16c917b9f303979c90a/Maus-T%C3%BCr%C3%[email protected] 2x" width="350" height="340" type="image/jpeg" /> 3600 <img class="object-cover" loading="lazy" alt="Maus-Türöffner-Tag: Blick hinter die Kulissen" src="/museum/Veranstaltungen%202026/25286/image-thumb__25286___auto_a34378c253c0f16c917b9f303979c90a/Maus-T%C3%BCr%C3%B6ffner-Tag.45d83cfa.jpg" width="350" height="340" srcset="/museum/Veranstaltungen%202026/25286/image-thumb__25286___auto_a34378c253c0f16c917b9f303979c90a/Maus-T%C3%BCr%C3%B6ffner-Tag.45d83cfa.jpg 1x, /museum/Veranstaltungen%202026/25286/image-thumb__25286___auto_a34378c253c0f16c917b9f303979c90a/Maus-T%C3%BCr%C3%[email protected] 2x" /> 3601</picture> 3602 3603 <div class="absolute bottom-0 h-[120px] w-full p-2 md:p-4 lg:p-4 lg:pb-2 lg:pt-4 space-y-2 bg-[#EA782E]/70 backdrop-blur-xl text-white z-20 flex flex-col"> 3604 <p class="relative z-50 p-2 bg-white text-dark-purple flex gap-1 items-center body-sm-font w-fit -mt-16 mb-8 line-clamp-1"> 3605 <img src="/images/icons/calendar-2.svg" alt="Datum der Veröffentlichung" 3606 class="h-4 w-4 mb-[2px]"/>03.10.2026 3607 </p> 3608 <p class="text-[12px] line-clamp-1">
3608Ausstellungen, Vorträge</p> 3609 <div class="grow"> 3610 <h3 class="body-base-font font-bold line-clamp-2">Maus-Türöffner-Tag: Blick hinter die Kulissen</h3> 3611 </div> 3612 <p class="flex items-center gap-2 body-base-font line-clamp-1"><img src="/images/icons/map-white.svg" 3613 alt="Ort der Veranstaltung" class="h-4 w-4 mb-[2px]"/> 3614 Aventinum 3615 </p> 3616 3617 </div> 3618 </div> 3619 </a> 3620 <a href="/kalender/kunstmomente-abensberg-im-wandel-der-zeit-veranstaltung-21237" 3621 class="max-md:w-full md:w-1/2 lg:w-1/3 flex-shrink-0 h-[380px] flex flex-col justify-end items-center px-2"> 3622 <div class="w-full h-full flex flex-col justify-end overflow-hidden md:max-w-[304px] relative"> 3623 <picture class="h-full mx-auto"> 3624 <source srcset="/museum/Veranstaltungen%202026/26289/image-thumb__26289___auto_a34378c253c0f16c917b9f303979c90a/Kunstmomente%20Abensberg%20im%20Wandel%20der%20Zeit.1ff350aa.webp 1x, /museum/Veranstaltungen%202026/26289/image-thumb__26289___auto_a34378c253c0f16c917b9f303979c90a/Kunstmomente%20Abensberg%20im%20Wandel%20der%[email protected] 2x" width="350" height="340" type="image/webp" /> 3625 <source srcset="/museum/Veranstaltungen%202026/26289/image-thumb__26289___auto_a34378c253c0f16c917b9f303979c90a/Kunstmomente%20Abensberg%20im%20Wandel%20der%20Zeit.1ff350aa.jpg 1x, /museum/Veranstaltungen%202026/26289/image-thumb__26289___auto_a34378c253c0f16c917b9f303979c90a/Kunstmomente%20Abensberg%20im%20Wandel%20der%[email protected] 2x" width="350" height="340" type="image/jpeg" /> 3626 <img class="object-cover" loading="lazy" alt="kunstMomente: Abensberg im Wandel der Zeit" src="/museum/Veranstaltungen%202026/26289/image-thumb__26289___auto_a34378c253c0f16c917b9f303979c90a/Kunstmomente%20Abensberg%20im%20Wandel%20der%20Zeit.1ff350aa.jpg" width="350" height="340" srcset="/museum/Veranstaltungen%202026/26289/image-thumb__26289___auto_a34378c253c0f16c917b9f303979c90a/Kunstmomente%20Abensberg%20im%20Wandel%20der%20Zeit.1ff350aa.jpg 1x, /museum/Veranstaltungen%202026/26289/image-thumb__26289___auto_a34378c253c0f16c917b9f303979c90a/Kunstmomente%20Abensberg%20im%20Wandel%20der%[email protected] 2x" /> 3627</picture> 3628 3629 <div class="absolute bottom-0 h-[120px] w-full p-2 md:p-4 lg:p-4 lg:pb-2 lg:pt-4 space-y-2 bg-[#EA782E]/70 backdrop-blur-xl text-white z-20 flex flex-col"> 3630 <p class="relative z-50 p-2 bg-white text-dark-purple flex gap-1 items-center body-sm-font w-fit -mt-16 mb-8 line-clamp-1"> 3631 <img src="/images/icons/calendar-2.svg" alt="Datum der Veröffentlichung" 3632 class="h-4 w-4 mb-[2px]"/>03.10.2026 3633 </p> 3634 <p class="text-[12px] line-clamp-1">Kultur / Kunst / Musik, Ausstellungen</p> 3635 <div class="grow"> 3636 <h3 class="body-base-font font-bold line-clamp-2">kunstMomente: Abensberg im Wandel der Zeit</h3> 3637 </div> 3638 <p class="flex items-center gap-2 body-base-font line-clamp-1"><img src="/images/icons/map-white.svg" 3639 alt="Ort der Veranstaltung" class="h-4 w-4 mb-[2px]"/> 3640 Haus in der Mauer 3641 </p> 3642 3643 </div> 3644 </div> 3645 </a> 3646 <a href="/kalender/jahresausstellung-eine-grosse-vielfalt-veranstaltung-21363" 3647 class="max-md:w-full md:w-1/2 lg:w-1/3 flex-shrink-0 h-[380px] flex flex-col justify-end items-center px-2"> 3648 <div class="w-full h-full flex flex-col justify-end overflow-hidden md:max-w-[304px] relative"> 3649 <picture class="h-full mx-auto"> 3650 <source srcset="/veranstaltungskalender/2026/Kultur/Novembernebel/26621/image-thumb__26621___auto_a34378c253c0f16c917b9f303979c90a/26-09-26_Photogilde.36bebbd9.webp 1
3650x, /veranstaltungskalender/2026/Kultur/Novembernebel/26621/image-thumb__26621___auto_a34378c253c0f16c917b9f303979c90a/[email protected] 2x" width="350" height="340" type="image/webp" /> 3651 <source srcset="/veranstaltungskalender/2026/Kultur/Novembernebel/26621/image-thumb__26621___auto_a34378c253c0f16c917b9f303979c90a/26-09-26_Photogilde.36bebbd9.jpg 1x, /veranstaltungskalender/2026/Kultur/Novembernebel/26621/image-thumb__26621___auto_a34378c253c0f16c917b9f303979c90a/[email protected] 2x" width="350" height="340" type="image/jpeg" /> 3652 <img class="object-cover" loading="lazy" alt="Jahresausstellung âEine groÃe Vielfaltâ" src="/veranstaltungskalender/2026/Kultur/Novembernebel/26621/image-thumb__26621___auto_a34378c253c0f16c917b9f303979c90a/26-09-26_Photogilde.36bebbd9.jpg" width="350" height="340" srcset="/veranstaltungskalender/2026/Kultur/Novembernebel/26621/image-thumb__26621___auto_a34378c253c0f16c917b9f303979c90a/26-09-26_Photogilde.36bebbd9.jpg 1x, /veranstaltungskalender/2026/Kultur/Novembernebel/26621/image-thumb__26621___auto_a34378c253c0f16c917b9f303979c90a/[email protected] 2x" /> 3653</picture> 3654 3655 <div class="absolute bottom-0 h-[120px] w-full p-2 md:p-4 lg:p-4 lg:pb-2 lg:pt-4 space-y-2 bg-[#EA782E]/70 backdrop-blur-xl text-white z-20 flex flex-col"> 3656 <p class="relative z-50 p-2 bg-white text-dark-purple flex gap-1 items-center body-sm-font w-fit -mt-16 mb-8 line-clamp-1"> 3657 <img src="/images/icons/calendar-2.svg" alt="Datum der Veröffentlichung" 3658 class="h-4 w-4 mb-[2px]"/>03.10.2026 3659 </p> 3660 <p class="text-[12px] line-clamp-1">Kultur / Kunst / Musik, Ausstellungen</p> 3661 <div class="grow"> 3662 <h3 class="body-base-font font-bold line-clamp-2">Jahresausstellung âEine groÃe Vielfaltâ</h3> 3663 </div> 3664 <p class="flex items-center gap-2 body-base-font line-clamp-1"><img src="/images/icons/map-white.svg" 3665 alt="Ort der Veranstaltung" class="h-4 w-4 mb-[2px]"/> 3666 Kreuzgang 3667 </p> 3668 3669 </div> 3670 </div> 3671 </a> 3672 <a href="/kalender/offtoberfest-veranstaltung-21337" 3673 class="max-md:w-full md:w-1/2 lg:w-1/3 flex-shrink-0 h-[380px] flex flex-col justify-end items-center px-2"> 3674 <div class="w-full h-full flex flex-col justify-end overflow-hidden md:max-w-[304px] relative"> 3675 <picture class="h-full mx-auto"> 3676 <source srcset="/veranstaltungskalender/2026/Vereine/26581/image-thumb__26581___auto_a34378c253c0f16c917b9f303979c90a/OFFtoberfest.0f1b6f05.webp 1x, /veranstaltungskalender/2026/Vereine/26581/image-thumb__26581___auto_a34378c253c0f16c917b9f303979c90a/[email protected] 2x" width="350" height="340" type="image/webp" /> 3677 <source srcset="/veranstaltungskalender/2026/Vereine/26581/image-thumb__26581___auto_a34378c253c0f16c917b9f303979c90a/OFFtoberfest.0f1b6f05.png 1x, /veranstaltungskalender/2026/Vereine/26581/image-thumb__26581___auto_a34378c253c0f16c917b9f303979c90a/[email protected] 2x" width="350" height="340" type="image/png" /> 3678 <img class="object-cover" loading="lazy" alt="OFFtoberfest" src="/veranstaltungskalender/2026/Vereine/26581/image-thumb__26581___auto_a34378c253c0f16c917b9f303979c90a/OFFtoberfest.0f1b6f05.png" width="350" height="340" srcset="/veranstaltungskalender/2026/Vereine/26581/image-thumb__26581___auto_a34378c253c0f16c917b9f303979c90a/OFFtoberfest.0f1b6f05.png 1x, /veranstaltungskalender/2026/Vereine/26581/image-thumb__26581___auto_a34378c253c0f16c917b9f303979c90a/[email protected] 2x" /> 3679</picture> 3680 3681 <div class="absolute bottom-0 h-[120px] w-full p-2 md:p-4 lg:p-4 lg:pb-2 lg:pt-4 space-y-2 bg-[#EA782E]/70 backdrop-blur-xl text-white z-20 flex flex-col"> 3682 <p class="relative z-50 p-2 bg-white text-dark-purple flex gap-1 items-center body-sm-font w-fit -mt-16 mb-8 line-clamp-1"> 3683 <img src="/images/icons/calendar-2.svg" alt="Datum der Veröffentlichung" 3684 class="h-4 w-4 mb-[2px]"/>03.10.2026 3685 </p> 3686 <p class="text-[12px] line-clamp-1">Kultur / Kunst / Musik, Tanz, Kulinarisches, Familie, Jugend, Senioren, Feste / Märkte</p> 3687 <div class="grow"> 3688 <h3 class="body-base-font font-bold line-clamp-2">OFFtoberfest</h3> 3689 </div> 3690 <p class="flex items-center gap-2 body-base-font line-clamp-1"><img src="/images/icons/map-white.svg" 3691 alt="Ort der Veranstaltung" class="h-4 w-4 mb-[2px]"/> 3692 Treffpunkt am Gerätehaus der Feuerwehr 3693 </p> 3694 3695 </div> 3696 </div> 3697 </a> 3698 <a href="/kalender/jahresausstellung-eine-grosse-vielfalt-veranstaltung-21364" 3699 class="max-md:w-full md:w-1/2 lg:w-1/3 flex-shrink-0 h-[380px] flex flex-col justify-end items-center px-2"> 3700 <div class="w-full h-full flex flex-col justify-end overflow-hidden md:max-w-[304px] relative"> 3701 <picture class="h-full mx-auto"> 3702 <source srcset="/veranstaltungskalender/2026/Kultur/Novembernebel/26621/image-thumb__26621___auto_a34378c253c0f16c917b9f303979c90a/26-09-26_Photogilde.36bebbd9.webp 1
3702x, /veranstaltungskalender/2026/Kultur/Novembernebel/26621/image-thumb__26621___auto_a34378c253c0f16c917b9f303979c90a/[email protected] 2x" width="350" height="340" type="image/webp" /> 3703 <source srcset="/veranstaltungskalender/2026/Kultur/Novembernebel/26621/image-thumb__26621___auto_a34378c253c0f16c917b9f303979c90a/26-09-26_Photogilde.36bebbd9.jpg 1x, /veranstaltungskalender/2026/Kultur/Novembernebel/26621/image-thumb__26621___auto_a34378c253c0f16c917b9f303979c90a/[email protected] 2x" width="350" height="340" type="image/jpeg" /> 3704 <img class="object-cover" loading="lazy" alt="Jahresausstellung âEine groÃe Vielfaltâ" src="/veranstaltungskalender/2026/Kultur/Novembernebel/26621/image-thumb__26621___auto_a34378c253c0f16c917b9f303979c90a/26-09-26_Photogilde.36bebbd9.jpg" width="350" height="340" srcset="/veranstaltungskalender/2026/Kultur/Novembernebel/26621/image-thumb__26621___auto_a34378c253c0f16c917b9f303979c90a/26-09-26_Photogilde.36bebbd9.jpg 1x, /veranstaltungskalender/2026/Kultur/Novembernebel/26621/image-thumb__26621___auto_a34378c253c0f16c917b9f303979c90a/[email protected] 2x" /> 3705</picture> 3706 3707 <div class="absolute bottom-0 h-[120px] w-full p-2 md:p-4 lg:p-4 lg:pb-2 lg:pt-4 space-y-2 bg-[#EA782E]/70 backdrop-blur-xl text-white z-20 flex flex-col"> 3708 <p class="relative z-50 p-2 bg-white text-dark-purple flex gap-1 items-center body-sm-font w-fit -mt-16 mb-8 line-clamp-1"> 3709 <img src="/images/icons/calendar-2.svg" alt="Datum der Veröffentlichung" 3710 class="h-4 w-4 mb-[2px]"/>04.10.2026 3711 </p> 3712 <p class="text-[12px] line-clamp-1">Ausstellungen, Kultur / Kunst / Musik</p> 3713 <div class="grow"> 3714 <h3 class="body-base-font font-bold line-clamp-2">Jahresausstellung âEine groÃe Vielfaltâ</h3> 3715 </div> 3716 <p class="flex items-center gap-2 body-base-font line-clamp-1"><img src="/images/icons/map-white.svg" 3717 alt="Ort der Veranstaltung" class="h-4 w-4 mb-[2px]"/> 3718 Kreuzgang 3719 </p> 3720 3721 </div> 3722 </div> 3723 </a> 3724 <a href="/kalender/225-jahre-bayerische-vermessungsverwaltung-veranstaltung-19194" 3725 class="max-md:w-full md:w-1/2 lg:w-1/3 flex-shrink-0 h-[380px] flex flex-col justify-end items-center px-2"> 3726 <div class="w-full h-full flex flex-col justify-end overflow-hidden md:max-w-[304px] relative"> 3727 <picture class="h-full mx-auto"> 3728 <source srcset="/veranstaltungskalender/2026/Sonstiges/26014/image-thumb__26014___auto_a34378c253c0f16c917b9f303979c90a/225%20Jahre%20ADBV_.88782729.webp 1x, /veranstaltungskalender/2026/Sonstiges/26014/image-thumb__26014___auto_a34378c253c0f16c917b9f303979c90a/225%20Jahre%[email protected] 2x" width="350" height="340" type="image/webp" /> 3729 <source srcset="/veranstaltungskalender/2026/Sonstiges/26014/image-thumb__26014___auto_a34378c253c0f16c917b9f303979c90a/225%20Jahre%20ADBV_.88782729.jpg 1x, /veranstaltungskalender/2026/Sonstiges/26014/image-thumb__26014___auto_a34378c253c0f16c917b9f303979c90a/225%20Jahre%[email protected] 2x" width="350" height="340" type="image/jpeg" /> 3730 <img class="object-cover" loading="lazy" alt="225 Jahre Bayerische Vermessungsverwaltung" src="/veranstaltungskalender/2026/Sonstiges/26014/image-thumb__26014___auto_a34378c253c0f16c917b9f303979c90a/225%20Jahre%20ADBV_.88782729.jpg" width="350" height="340" srcset="/veranstaltungskalender/2026/Sonstiges/26014/image-thumb__26014___auto_a34378c253c0f16c917b9f303979c90a/225%20Jahre%20ADBV_.88782729.jpg 1x, /veranstaltungskalender/2026/Sonstiges/26014/image-thumb__26014___auto_a34378c253c0f16c917b9f303979c90a/225%20Jahre%[email protected] 2x" /> 3731</picture> 3732 3733 <div class="absolute bottom-0 h-[120px] w-full p-2 md:p-4 lg:p-4 lg:pb-2 lg:pt-4 space-y-2 bg-[#EA782E]/70 backdrop-blur-xl text-white z-20 flex flex-col"> 3734 <p class="relative z-50 p-2 bg-white text-dark-purple flex gap-1 items-center body-sm-font w-fit -mt-16 mb-8 line-clamp-1"> 3735 <img src="/images/icons/calendar-2.svg" alt="Datum der Veröffentlichung" 3736 class="h-4 w-4 mb-[2px]"/>04.10.2026 3737 </p> 3738 <p class="text-[12px] line-clamp-1">Vorträge, Freizeit, Ausstellungen</p> 3739 <div class="grow"> 3740 <h3 class="body-base-font font-bold line-clamp-2">
3740225 Jahre Bayerische Vermessungsverwaltung</h3> 3741 </div> 3742 <p class="flex items-center gap-2 body-base-font line-clamp-1"><img src="/images/icons/map-white.svg" 3743 alt="Ort der Veranstaltung" class="h-4 w-4 mb-[2px]"/> 3744 Amt für Digitalisierung, Breitband und Vermessung 3745 </p> 3746 3747 </div> 3748 </div> 3749 </a> 3750 <a href="https://www.abensberg.de/touristik/erleben/herbstmarkt" 3751 class="max-md:w-full md:w-1/2 lg:w-1/3 flex-shrink-0 h-[380px] flex flex-col justify-end items-center px-2"> 3752 <div class="w-full h-full flex flex-col justify-end overflow-hidden md:max-w-[304px] relative"> 3753 <picture class="h-full mx-auto"> 3754 <source srcset="/veranstaltungskalender/highlights/herbstmarkt/13360/image-thumb__13360___auto_a34378c253c0f16c917b9f303979c90a/Autoausstellung%20am%20Herbstmarkt.234ed5f4.webp 1x, /veranstaltungskalender/highlights/herbstmarkt/13360/image-thumb__13360___auto_a34378c253c0f16c917b9f303979c90a/Autoausstellung%20am%[email protected] 2x" width="350" height="340" type="image/webp" /> 3755 <source srcset="/veranstaltungskalender/highlights/herbstmarkt/13360/image-thumb__13360___auto_a34378c253c0f16c917b9f303979c90a/Autoausstellung%20am%20Herbstmarkt.234ed5f4.jpg 1x, /veranstaltungskalender/highlights/herbstmarkt/13360/image-thumb__13360___auto_a34378c253c0f16c917b9f303979c90a/Autoausstellung%20am%[email protected] 2x" width="350" height="340" type="image/jpeg" /> 3756 <img class="object-cover" loading="lazy" alt="Herbstmarkt | © Marco Holzhäuser" src="/veranstaltungskalender/highlights/herbstmarkt/13360/image-thumb__13360___auto_a34378c253c0f16c917b9f303979c90a/Autoausstellung%20am%20Herbstmarkt.234ed5f4.jpg" width="350" height="340" title="Autoausstellung am Herbstmarkt | © Marco Holzhäuser" srcset="/veranstaltungskalender/highlights/herbstmarkt/13360/image-thumb__13360___auto_a34378c253c0f16c917b9f303979c90a/Autoausstellung%20am%20Herbstmarkt.234ed5f4.jpg 1x, /veranstaltungskalender/highlights/herbstmarkt/13360/image-thumb__13360___auto_a34378c253c0f16c917b9f303979c90a/Autoausstellung%20am%[email protected] 2x" /> 3757</picture> 3758 3759 <div class="absolute bottom-0 h-[120px] w-full p-2 md:p-4 lg:p-4 lg:pb-2 lg:pt-4 space-y-2 bg-[#EA782E]/70 backdrop-blur-xl text-white z-20 flex flex-col"> 3760 <p class="relative z-50 p-2 bg-white text-dark-purple flex gap-1 items-center body-sm-font w-fit -mt-16 mb-8 line-clamp-1"> 3761 <img src="/images/icons/calendar-2.svg" alt="Datum der Veröffentlichung" 3762 class="h-4 w-4 mb-[2px]"/>04.10.2026 3763 </p> 3764 <p class="text-[12px] line-clamp-1">Feste / Märkte, Freizeit, Highlights, Familie, Jugend</p> 3765 <div class="grow"> 3766 <h3 class="body-base-font font-bold line-clamp-2">Herbstmarkt </h3> 3767 </div> 3768 <p class="flex items-center gap-2 body-base-font line-clamp-1"><img src="/images/icons/map-white.svg" 3769 alt="Ort der Veranstaltung" class="h-4 w-4 mb-[2px]"/> 3770 Innenstadt 3771 </p> 3772 3773 </div> 3774 </div> 3775 </a> 3776 <a href="/kalender/dots-arrow-jazz-im-dialog-veranstaltung-21311" 3777 class="max-md:w-full md:w-1/2 lg:w-1/3 flex-shrink-0 h-[380px] flex flex-col justify-end items-center px-2"> 3778 <div class="w-full h-full flex flex-col justify-end overflow-hidden md:max-w-[304px] relative"> 3779 <picture class="h-full mx-auto"> 3780 <source srcset="/veranstaltungskalender/2026/Jazzclub%201/26539/image-thumb__26539___auto_a34378c253c0f16c917b9f303979c90a/D%26AQuer20p-crMichael%20Pietschmann.22fbbdda.webp 1x, /veranstaltungskalender/2026/Jazzclub%201/26539/image-thumb__26539___auto_a34378c253c0f16c917b9f303979c90a/D%26AQuer20p-crMichael%[email protected] 2x" width="350" height="340" type="image/webp" /> 3781 <source srcset="/veranstaltungskalender/2026/Jazzclub%201/26539/image-thumb__26539___auto_a34378c253c0f16c917b9f303979c90a/D%26AQuer20p-crMichael%20Pietschmann.22fbbdda.jpg 1x, /veranstaltungskalender/2026/Jazzclub%201/26539/image-thumb__26539___auto_a34378c253c0f16c917b9f303979c90a/D%26AQuer20p-crMichael%[email protected] 2x" width="350" height="340" type="image/jpeg" /> 3782 <img class="object-cover" loading="lazy" alt="Dots & Arrow â Jazz im Dialog " src="/veranstaltungskalender/2026/Jazzclub%201/26539/image-thumb__26539___auto_a34378c253c0f16c917b9f303979c90a/D%26AQuer20p-crMichael%20Pietschmann.22fbbdda.jpg" width="350" height="340" srcset="/veranstaltungskalender/2026/Jazzclub%201/26539/image-thumb__26539___auto_a34378c253c0f16c917b9f303979c90a/D%26AQuer20p-crMichael%20Pietschmann.22fbbdda.jpg 1x, /veranstaltungskalender/2026/Jazzclub%201/26539/image-thumb__26539___auto_a34378c253c0f16c917b9f303979c90a/D%26AQuer20p-crMichael%[email protected] 2x" /> 3783</picture> 3784 3785 <div class="absolute bottom-0 h-[120px] w-full p-2 md:p-4 lg:p-4 lg:pb-2 lg:pt-4 space-y-2 bg-[#EA782E]/70 backdrop-blur-xl text-white z-20 flex flex-col"> 3786 <p class="relative z-50 p-2 bg-white text-dark-purple flex gap-1 items-center body-sm-font w-fit -mt-16 mb-8 line-clamp-1"> 3787 <img src="/images/icons/calendar-2.svg" alt="Datum der Veröffentlichung" 3788 class="h-4 w-4 mb-[2px]"/>05.10.2026 3789 </p> 3790 <p class="text-[12px] line-clamp-1">Freizeit, Kultur / Kunst / Musik</p> 3791 <div class="grow"> 3792 <h3 class="body-base-font font-bold line-clamp-2">Dots & Arrow â Jazz im Dialog </h3> 3793 </div> 3794 <p class="flex items-center gap-2 body-base-font line-clamp-1"><img src="/images/icons/map-white.svg" 3795 alt="Ort der Veranstaltung" class="h-4 w-4 mb-[2px]"/> 3796 stanxx 3797 </p> 3798 3799 </div> 3800 </div> 3801 </a> 3802 <a href="/kalender/sport-vor-ort-veranstaltung-19243" 3803 class="max-md:w-full md:w-1/2 lg:w-1/3 flex-shrink-0 h-[380px] flex flex-col justify-end items-center px-2"> 3804 <div class="w-full h-full flex flex-col justify-end overflow-hidden md:max-w-[304px] relative"> 3805 <picture class="h-full mx-auto"> 3806 <source srcset="/leben/generationen/jugend/6568/image-thumb__6568___auto_a34378c253c0f16c917b9f303979c90a/gleis-1.f40cb7ed.webp 1x, /leben/generationen/jugend/6568/image-thumb__6568___auto_a34378c253c0f16c917b9f303979c90a/[email protected] 2x" width="350" height="340" type="image/webp" /> 3807 <source srcset="/leben/generationen/jugend/6568/image-thumb__6568___auto_a34378c253c0f16c917b9f303979c90a/gleis-1.f40cb7ed.jpg 1x, /leben/generationen/jugend/6568/image-thumb__6568___auto_a34378c253c0f16c917b9f303979c90a/[email protected] 2x" width="350" height="340" type="image/jpeg" /> 3808 <img class="object-cover" loading="lazy" alt="Sport vor Ort" src="/leben/generationen/jugend/6568/image-thumb__6568___auto_a34378c253c0f16c917b9f303979c90a/gleis-1.f40cb7ed.jpg" width="350" height="340" srcset="/leben/generationen/jugend/6568/image-thumb__6568___auto_a34378c253c0f16c917b9f303979c90a/gleis-1.f40cb7ed.jpg 1x, /leben/generationen/jugend/6568/image-thumb__6568___auto_a34378c253c0f16c917b9f303979c90a/[email protected] 2x" /> 3809</picture> 3810 3811 <div class="absolute bottom-0 h-[120px] w-full p-2 md:p-4 lg:p-4 lg:pb-2 lg:pt-4 space-y-2 bg-[#EA782E]/70 backdrop-blur-xl text-white z-20 flex flex-col"> 3812 <p class="relative z-50 p-2 bg-white text-dark-purple flex gap-1 items-center body-sm-font w-fit -mt-16 mb-8 line-clamp-1"> 3813 <img src="/images/icons/calendar-2.svg" alt="Datum der Veröffentlichung" 3814 class="h-4 w-4 mb-[2px]"/>08.10.2026 3815 </p> 3816 <p class="text-[12px] line-clamp-1">Sport, Freizeit</p> 3817 <div class="grow"> 3818 <h3 class="body-base-font font-bold line-clamp-2">Sport vor Ort</h3> 3819 </div> 3820 <p class="flex items-center gap-2 body-base-font line-clamp-1"><img src="/images/icons/map-white.svg" 3821 alt="Ort der Veranstaltung" class="h-4 w-4 mb-[2px]"/> 3822 Skatepark am Jugendzentrum "Gleis 1" 3823 </p> 3824 3825 </div> 3826 </div> 3827 </a> 3828 </div> 3829 <div class="flex flex-row gap-4 justify-end mt-4 w-full md:hidden"> 3830 <button id="eventPrevButton" 3831 aria-label="Vorherige Veranstaltung" 3832 class="rounded-full flex items-center justify-center"> 3833 <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewB
3833ox="0 0 46 26" fill="none" 3834 class="h-8 w-8 lg:h-12 lg:w-12 bg-dark-purple rounded-full"> 3835 <path d="M35.3976 14.3606H10.6017C9.83024 14.3606 9.22412 13.7619 9.22412 13C9.22412 12.2381 9.83024 11.6395 10.6017 11.6395H35.3976C36.169 11.6395 36.7751 12.2381 36.7751 13C36.7751 13.7619 36.169 14.3606 35.3976 14.3606Z" 3836 fill="white"/> 3837 <path d="M17.4896 23.8844C17.309 23.8865 17.1298 23.8514 16.9638 23.7811C16.7977 23.7108 16.6484 23.6069 16.5254 23.4762L6.8825 13.9524C6.33148 13.4082 6.33148 12.5646 6.8825 12.0204L16.5254 2.52382C17.0764 1.97961 17.9305 1.97961 18.4815 2.52382C19.0325 3.06804 19.0325 3.91158 18.4815 4.4558L9.80291 13.0272L18.4815 21.5987C19.0325 22.1429 19.0325 22.9864 18.4815 23.5306C18.206 23.8027 17.8478 23.9388 17.5172 23.9388L17.4896 23.8844Z" 3838 fill="white"/> 3839 </svg> 3840 </button> 3841 <button id="eventNextButton" 3842 aria-label="Naechste Veranstaltung" 3843 class="rounded-full flex items-center justify-center"> 3844 <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 46 26" fill="none" 3845 class="h-8 w-8 lg:h-12 lg:w-12 bg-dark-purple rounded-full"> 3846 <path d="M10.6024 14.3606H35.3983C36.1698 14.3606 36.7759 13.7619 36.7759 13C36.7759 12.2381 36.1698 11.6395 35.3983 11.6395H10.6024C9.83098 11.6395 9.22486 12.2381 9.22486 13C9.22486 13.7619 9.83098 14.3606 10.6024 14.3606Z" 3847 fill="white"/> 3848 <path d="M28.5104 23.8844C28.691 23.8865 28.8702 23.8514 29.0362 23.7811C29.2023 23.7108 29.3516 23.6069 29.4746 23.4762L39.1175 13.9524C39.6685 13.4082 39.6685 12.5646 39.1175 12.0204L29.4746 2.52382C28.9236 1.97961 28.0695 1.97961 27.5185 2.52382C26.9675 3.06804 26.9675 3.91158 27.5185 4.4558L36.1971 13.0272L27.5185 21.5987C26.9675 22.1429 26.9675 22.9864 27.5185 23.5306C27.794 23.8027 28.1522 23.9388 28.4828 23.9388L28.5104 23.8844Z" 3849 fill="white"/> 3850 </svg> 3851 </button> 3852 </div> 3853 </div> 3854 </div> 3855</div> 3856 3857 </section> 3858 <section id="about" 3859 class="container mx-auto relative bg-dark-purple py-12 flex flex-row justify-end gap-4 mt-8 md:max-xl:mt-16 xl:mt-28 max-md:pb-48"> 3860 <img src="/images/bernhard-resch.png" loading="lazy" alt="Bürgermeister Dr. Bernhard Resch" 3861 class="absolute left-0 bottom-0 max-md:h-48 h-64"/> 3862 <div class="max-md:w-full w-9/12 relative px-8 space-y-6 text-white max-md:mt-4"> 3863 <img src="/images/icons/mapmarker-light.svg" alt="Ãber Abensberg" 3864 class="absolute max-md:right-4 max-md:-top-10 md:-left-16 md:-top-2 h-20 w-20"/> 3865 <h2 class="title-4-font-bold"> 3866 Herzlich willkommen auf abensberg.de! 3867 </h2> 3868 <p>Liebe Besucherinnen und Besucher,</p><p>ich begrüÃe Sie herzlich auf unserer neuen digitalen Heimatseite unserer schönen Stadt Abensberg.</p><p>Hier am FuÃe des Galgenbergs, eingebettet in die Hopfenlandschaft der Hallertau, verbindet sich lebendige Tradition mit moderner Lebensqualität. Egal ob Sie sich für das historische Erbe, unsere kulturellen Highlights wie den Novembernebel, den Gillamoos und viele weitere Veranstaltungen, oder einfach für das tägliche Leben interessieren â unsere Webseite bietet Ihnen alle wichtigen Informationen.</p><p></p><p></p> 3869 3870 <div class="flex flex-row max-md:flex-col justify-between md:pr-4 md:items-center max-md:gap-4"> 3871 <div> 3872 <p>Als Ihr Bürgermeister lade ich Sie ein, unsere Stadt persönlich kennenzulernen, ihre Geschichte zu entdecken und ihre Zukunft mitzugestalten. Ich freue mich auf Sie!</p> 3873<p> </p> 3874<p> </p> 3875<p>Herzlichst,</p> 3876<p><strong>Ihr Dr. Bernhard Resch</strong></p> 3877<p>Erster Bürgermeister der Stadt Abensberg</p> 3878 </div> 3879 <a href="/buergerservice/rathaus/buergermeisteramt" 3880 class="w-fit px-4 py-2 bg-orange text-white hover:bg-white hover:text-black transition-colors duration-300">Bürgermeister</a> 3881 3882 </div> 3883 3884 </div> 3885 </section> 3886 <section id="divider" class="w-full flex flex-row max-md:flex-col md:max-xl:h-[190px] gap-4 bg-white py-4"> 3887 <div class="max-md:w-full w-1/2 flex gap-4"> 3888 <div class="w-1/3"> 3889 </div> 3890 <div class="w-2/3"> 3891 </div> 3892 </div> 3893 <div class="max-md:w-full max-md:flex-row-reverse w-1/2 flex gap-4"> 3894 <div class="w-1/3"> 3895 </div> 3896 <div class="w-2/3"> 3897 </div> 3898 </div> 3899 3900 </section> 3901 <section id="discover" class="relative bg-white pt-12 md:pt-16 xl:pt-20 flex flex-col px-4 xl:px-0"> 3902 <div class="h-[750px] top-[500px] absolute w-full bg-linear-to-b from-[#f6f6f6] to-[#ffffff] max-xl:hidden"></div> 3903 <div class="container mx-auto relative"> 3904 <img src="/images/icons/map.svg" alt="Abensberg entdecken" class="h-20 w-20"/> 3905 <h2 class="mt-2 flex items-center gap-8 relative mb-4 title-2-font-bold text-dark-purple">
3906 <span>Abensberg entdecken: Der Stadtkern</span> <span 3907 class="flex-1 h-[1px] bg-dark-purple mb-1.5"></span> 3908 </h2> 3909 <div class="body-lg-font text-dark-purple md:w-8/12"> 3910 <p>Abensberg besticht durch einen liebevoll sanierten Altstadtkern. Prächtige Bürgerhäuser, das Rathaus und der Maderturm prägen die historische Altstadt. Im Spannungsfeld zeitgenössischer Kunst und historischer Substanz entfaltet der Kunstweg entlang der mittelalterlichen Stadtmauer einen besonderen Reiz, der jeden Spaziergang durch die Altstadt bereichert. In vielen Cafés und Wirtshäusern lässt sich die lebendige Atmosphäre in vollen Zügen genieÃen...</p><p></p> 3911 </div> 3912 <div class="flex flex-row gap-6 mt-4 items-center"> 3913 <p class="body-lg-font font-bold text-dark-purple">Fahren Sie mit dem Mauszeiger über einen der Hotspots 3914 um mehr zu erfahren.</p> 3915 <img src="/images/icons/highlight.svg" alt="Hotspot Highlight" class="h-16 w-16"/> 3916 </div> 3917 3918<div class="w-full relative max-lg:mt-12 mt-20"> 3919 <picture > 3920 <source srcset="/allgemein/startseite/24959/image-thumb__24959__1920x/Stadtplan%20eingefa%CC%88rbt~-~media--cac93fe4--query.05a054c6.webp 1x, /allgemein/startseite/24959/image-thumb__24959__1920x/Stadtplan%20eingefa%CC%[email protected] 2x" media="(max-width: 768px)" width="720" height="440" type="image/webp" /> 3921 <source srcset="/allgemein/startseite/24959/image-thumb__24959__1920x/Stadtplan%20eingefa%CC%88rbt~-~media--cac93fe4--query.05a054c6.png 1x, /allgemein/startseite/24959/image-thumb__24959__1920x/Stadtplan%20eingefa%CC%[email protected] 2x" media="(max-width: 768px)" width="720" height="440" type="image/png" /> 3922 <source srcset="/allgemein/startseite/24959/image-thumb__24959__1920x/Stadtplan%20eingefa%CC%88rbt~-~media--1d2e2921--query.4abe8013.webp 1x, /allgemein/startseite/24959/image-thumb__24959__1920x/Stadtplan%20eingefa%CC%[email protected] 2x" media="(max-width: 992px)" width="960" height="586" type="image/webp" /> 3923 <source srcset="/allgemein/startseite/24959/image-thumb__24959__1920x/Stadtplan%20eingefa%CC%88rbt~-~media--1d2e2921--query.4abe8013.png 1x, /allgemein/startseite/24959/image-thumb__24959__1920x/Stadtplan%20eingefa%CC%[email protected] 2x" media="(max-width: 992px)" width="960" height="586" type="image/png" /> 3924 <source srcset="/allgemein/startseite/24959/image-thumb__24959__1920x/Stadtplan%20eingefa%CC%88rbt~-~media--c98bc1c2--query.80ca09fa.webp 1x, /allgemein/startseite/24959/image-thumb__24959__1920x/Stadtplan%20eingefa%CC%[email protected] 2x" media="(max-width: 1200px)" width="1140" height="696" type="image/webp" /> 3925 <source srcset="/allgemein/startseite/24959/image-thumb__24959__1920x/Stadtplan%20eingefa%CC%88rbt~-~media--c98bc1c2--query.80ca09fa.png 1x, /allgemein/startseite/24959/image-thumb__24959__1920x/Stadtplan%20eingefa%CC%[email protected] 2x" media="(max-width: 1200px)" width="1140" height="696" type="image/png" /> 3926 <source srcset="/allgemein/startseite/24959/image-thumb__24959__1920x/Stadtplan%20eingefa%CC%88rbt.209b10b1.webp 1x, /allgemein/startseite/24959/image-thumb__24959__1920x/Stadtplan%20eingefa%CC%[email protected] 2x" width="1920" height="1172" type="image/webp" /> 3927 <source srcset="/allgemein/startseite/24959/image-thumb__24959__1920x/Stadtplan%20eingefa%CC%88rbt.209b10b1.png 1x, /allgemein/startseite/24959/image-thumb__24959__1920x/Stadtplan%20eingefa%CC%[email protected] 2x" width="1920" height="1172" type="image/png" /> 3928 <img class="mix-blend-multiply mx-auto" alt="Panoramabild" src="/allgemein/startseite/24959/image-thumb__24959__1920x/Stadtplan%20eingefa%CC%88rbt.209b10b1.png" width="1920" height="1172" loading="lazy" srcset="/allgemein/startseite/24959/image-thumb__24959__1920x/Stadtplan%20eingefa%CC%88rbt.209b10b1.png 1x, /allgemein/startseite/24959/image-thumb__24959__1920x
3928/Stadtplan%20eingefa%CC%[email protected] 2x" /> 3929</picture> 3930 3931 3932 3933 3934 3935 <a class="image-hotspot absolute" 3936 href="/gillamoos" 3937 target="_blank" 3938 aria-label="Mehr erfahren" 3939 style="width: 13.2%; height: 21.311475409836%; top:79.344262295082%; left:54.4%;" 3940 ></a> 3941 3942 3943 <a class="image-hotspot absolute" 3944 href="/sehenswuerdigkeiten/maderturm" 3945 target="_blank" 3946 aria-label="Mehr erfahren" 3947 style="width: 5.5%; height: 12.295081967213%; top:67.377049180328%; left:28.5%;" 3948 ></a> 3949 3950 3951 <a class="image-hotspot absolute" 3952 href="/touristik/sehenswuerdigkeiten/barbarakirche" 3953 target="_blank" 3954 aria-label="Mehr erfahren" 3955 style="width: 9.3%; height: 14.426229508197%; top:26.393442622951%; left:59%;" 3956 ></a> 3957 3958 3959 <a class="image-hotspot absolute" 3960 href="/touristik/sehenswuerdigkeiten/kunsthaus" 3961 target="_blank" 3962 aria-label="Mehr erfahren" 3963 style="width: 5.9%; height: 10.491803278689%; top:27.868852459016%; left:23.6%;" 3964 ></a> 3965 3966 3967 <a class="image-hotspot absolute" 3968 href="/touristik/sehenswuerdigkeiten/klosterkirche" 3969 target="_blank" 3970 aria-label="Mehr erfahren" 3971 style="width: 14.3%; height: 8.0327868852459%; top:26.72131147541%; left:37.1%;" 3972 ></a> 3973 3974 3975 <a class="image-hotspot absolute" 3976 href="/touristik/sehenswuerdigkeiten/kuchlbauerturm" 3977 target="_blank" 3978 aria-label="Mehr erfahren" 3979 style="width: 6.8%; height: 13.606557377049%; top:24.754098360656%; left:15.2%;" 3980 ></a> 3981 3982 3983 <a class="image-hotspot absolute" 3984 href="/touristik/sehenswuerdigkeiten/schlossgarten" 3985 target="_blank" 3986 aria-label="Mehr erfahren" 3987 style="width: 15.7%; height: 17.377049180328%; top:46.885245901639%; left:67.9%;" 3988 ></a> 3989 3990 3991 <a class="image-hotspot absolute" 3992 href="/touristik/sehenswuerdigkeiten/zollhaeusl" 3993 target="_blank" 3994 aria-label="Mehr erfahren" 3995 style="width: 5%; height: 8.1967213114754%; top:67.540983606557%; left:52.4%;" 3996 ></a> 3997 3998 3999 <a class="image-hotspot absolute" 4000 href="/touristik/sehenswuerdigkeiten/liebesinsel" 4001 target="_blank" 4002 aria-label="Mehr erfahren" 4003 style="width: 15.8%; height: 9.344262295082%; top:72.295081967213%; left:66.4%;" 4004 ></a> 4005 4006 4007 <a class="image-hotspot absolute" 4008 href="/touristik/sehenswuerdigkeiten/aventinusplatz" 4009 target="_blank" 4010 aria-label="Mehr erfahren" 4011 style="width: 5.4%; height: 11.639344262295%; top:46.393442622951%; left:62.8%;" 4012 ></a> 4013 4014 4015 <a class="image-hotspot absolute" 4016 href="/touristik/sehenswuerdigkeiten/aventinum" 4017 target="_blank" 4018 aria-label="Mehr erfahren" 4019 style="width: 15.6%; height: 12.786885245902%; top:33.770491803279%; left:36.4%;" 4020 ></a> 4021 4022 4023 <a class="image-hotspot absolute" 4024 href="/rathaus" 4025 target="_blank" 4026 aria-label="Mehr erfahren" 4027 style="width: 7.6%; height: 12.459016393443%; top:33.606557377049%; left:52%;" 4028 ></a> 4029 4030 4031 <a class="image-hotspot absolute" 4032 href="/stadtmuseum" 4033 target="_blank" 4034 aria-label="Mehr erfahren" 4035 style="width: 6.4%; height: 11.803278688525%; top:47.868852459016%; left:56.9%;" 4036 ></a> 4037 </div> 4038 </div> 4039 </section> 4040 4041 <section id="career" 4042 class="container mx-auto relative max-md:py-8 py-12 flex flex-col justify-end gap-4 max-xl:px-4"> 4043 <img src="/images/icons/career.svg" alt="Karriere in Abensberg" class="h-20 w-20"/> 4044 <h2 class="mt-2 flex items-center gap-8 relative mb-4 title-2-font-bold text-dark-purple">
4045 <span>Karriere bei der Stadt</span> <span class="flex-1 h-[1px] bg-dark-purple mb-1.5"></span> 4046 </h2> 4047 <div class="flex max-md:flex-col flex-row justify-between md:mb-8 max-md:gap-4"> 4048 <div class="body-lg-font text-dark-purple md:w-8/12"> 4049 <p>Du suchst eine neue Herausforderung? Dann bist Du bei uns richtig! Als Stadt sind wir einer der gröÃten und attraktivsten Arbeitgeber vor Ort, wir beschäftigen neben klassischen Verwaltungsangestellten viele weitere Berufsgruppen, beispielsweise im Bereich der Kindergärten, der vhs oder des Bauhofes. Aktuelle Stellenangebote findest Du hier.</p> 4050 </div> 4051 <div class="flex flex-col gap-4 md:pl-12"> 4052 <a href="/stellenangebote" 4053 class="w-fit px-4 py-2 bg-orange text-white hover:bg-dark-purple transition-colors duration-300">Stellenangebote</a> 4054 <img src="/images/wohlfuehlen.svg" alt="Wohlfühlen in Abensberg" class="h-28 md:mt-12"/> 4055 </div> 4056 </div> 4057 </section> 4058 4059</main> 4060 4061 <footer id="footer-contact" class="bg-dark-purple text-white pt-16 mt-8 md:mt-12 relative"> 4062 <div class="container mx-auto flex flex-row lg:gap-6 max-lg:flex-wrap max-lg:space-y-8 max-lg:px-4"> 4063 <div class="w-full lg:w-3/12 flex flex-col md:max-lg:items-center"> 4064 <p class="title-4-font font-bold pb-4 border-b border-body-dark">Stadt Abensberg</p> 4065 <div class="py-4 lg:border-b border-body-dark flex md:max-lg:flex-row flex-col grow md:max-lg:justify-around md:max-lg:w-full"> 4066 <div class="pb-4 lg:border-b border-body-dark flex flex-row gap-6"> 4067 <img src="/images/icons/Stadtverwaltung.svg" loading="lazy" alt="" class="w-6 h-6"/> 4068 <div> 4069 <p class="font-bold">Stadtverwaltung</p> 4070 <p>Stadtplatz 1</p> 4071 <p>93326 Abensberg</p> 4072 </div> 4073 </div> 4074 <div class="lg:mt-4 pb-4 lg:border-b border-body-dark flex flex-row gap-6"> 4075 <img src="/images/icons/Buergertelefon.svg" loading="lazy" alt="" class="w-6 h-6"/> 4076 <div> 4077 <p class="font-bold">Telefon</p> 4078 <a href="tel:+49944391030" class="hover:text-orange transition-all duration-300 text-white">+49 4079 (0) 9443 9103 0</a> 4080 </div> 4081 </div> 4082 <div class="lg:mt-4 flex flex-row gap-6"> 4083 <img src="/images/icons/mail-light.svg" loading="lazy" alt="" class="w-6 h-6"/> 4084 <div> 4085 <p class="font-bold">E-Mail</p> 4086 <a href="mailto:[email protected]" 4087 class="hover:text-orange transition-all duration-300 text-white">[email protected]</a> 4088 </div> 4089 </div> 4090 </div> 4091 </div> 4092 <div class="w-full lg:w-2/12 flex flex-col md:max-lg:items-center"> 4093 <p class="body-lg-font font-bold pt-1 pb-4 border-b border-body-dark">Ãffnungszeiten</p> 4094 <div class="py-4 lg:border-b border-body-dark grow flex flex-col md:max-lg:flex-row md:max-lg:w-full md:max-lg:justify-around"> 4095 <div> 4096 <p class="font-bold">Montag bis Freitag</p> 4097 <p>08:00 â 12:00 Uhr</p> 4098 </div> 4099 <div> 4100 <p class="lg:mt-4 font-bold">Donnerstag</p> 4101 <p>08:00 â 12:00 Uhr</p> 4102 <p>13:00 - 17:30 Uhr</p> 4103 </div> 4104 <div> 4105 <p class="mt-2 lg:mt-4 body-sm-font">Sowie nach</p> 4106 <a href="/kontakt" class="text-orange body-sm-font underline">Terminvereinbarung</a> 4107 </div> 4108 </div> 4109 </div> 4110 <div class="max-lg:w-1/2 max-lg:pr-4 w-2/12 flex flex-col"> 4111 <p class="body-lg-font font-bold pt-1 pb-4 border-b border-body-dark">Bürgerservice</p> 4112 <div class="py-4 lg:border-b border-body-dark flex flex-col grow"> 4113 <ul class="space-y-2"> 4114 <li> 4115 <a href="/aktuelles" title="Aktuelles" 4116 class="text-white body-sm-font hover:text-orange transition-all duration-300"> 4117 Aktuelles 4118 </a> 4119 </li> 4120 <li> 4121 <a href="/rathaus" title="Rathaus" 4122 class="text-white body-sm-font hover:text-orange transition-all duration-300"> 4123 Rathaus 4124 </a> 4125 </li> 4126 <li> 4127 <a href="/buergerservice/onlineservice" title="Onlineservice" 4128 class="text-white body-sm-font hover:text-orange transition-all duration-300"> 4129 Onlineservice 4130 </a> 4131 </li> 4132 <li> 4133 <a href="/buergerservice/stadtrecht" title="Stadtrecht" 4134 class="text-white body-sm-font hover:text-orange transition-all duration-300"> 4135 Stadtrecht 4136 </a> 4137 </li> 4138 <li> 4139 <a href="/buergerservice/buergerinfo" title="Bürgerinfo" 4140 class="text-white body-sm-font hover:text-orange transition-all duration-300"> 4141 Bürgerinfo 4142 </a> 4143 </li> 4144 <li> 4145 <a href="/stellenangebote" title="Stellenangebote" 4146 class="text-white body-sm-font hover:text-orange transition-all duration-300"> 4147 Stellenangebote 4148 </a> 4149 </li> 4150 <li> 4151 <a href="/buergerservice/bekanntmachungen" title="Bekanntmachungen" 4152 class="text-white body-sm-font hover:text-orange transition-all duration-300"> 4153 Bekanntmachungen 4154 </a> 4155 </li> 4156 <li> 4157 <a href="/kalender" title="Veranstaltungskalender" 4158 class="text-white body-sm-font hover:text-orange transition-all duration-300"> 4159 Veranstaltungskalender 4160 </a> 4161 </li> 4162 4163 4164 </ul> 4165 </div> 4166 </div> 4167 <div class="max-lg:w-1/2 max-lg:pr-4 w-2/12 flex flex-col"> 4168 <p class="body-lg-font font-bold pt-1 pb-4 border-b border-body-dark">Tourismus</p> 4169 <div class="py-4 lg:border-b border-body-dark flex flex-col grow"> 4170 <ul class="space-y-2"> 4171 <li> 4172 <a href="/touristik/entdecken/stadtplan" title="Stadtplan" 4173 class="text-white body-sm-font hover:text-orange transition-all duration-300"> 4174 Stadtplan 4175 </a> 4176 </li> 4177 <li> 4178 <a href="/touristik/entdecken/anfahrt" title="Anfahrt" 4179 class="text-white body-sm-font hover:text-orange transition-all duration-300"> 4180 Anfahrt 4181 </a> 4182 </li> 4183 <li> 4184 <a href="/touristik/touristinfo" title="Touristinfo" 4185 class="text-white body-sm-font hover:text-orange transition-all duration-300"> 4186 Touristinfo 4187 </a> 4188 </li> 4189 <li> 4190 <a href="/touristik/sehenswuerdigkeiten" title="Sehenswürdigkeiten" 4191 class="text-white body-sm-font hover:text-orange transition-all duration-300"> 4192 Sehenswürdigkeiten 4193 </a> 4194 </li> 4195 <li> 4196 <a href="/touristik/stadtfuehrungen" title="Stadtführungen" 4197 class="text-white body-sm-font hover:text-orange transition-all duration-300"> 4198 Stadtführungen 4199 </a> 4200 </li> 4201 <li>
4202 <a href="/touristik/uebernachten" title="Ãbernachten" 4203 class="text-white body-sm-font hover:text-orange transition-all duration-300"> 4204 Ãbernachten 4205 </a> 4206 </li> 4207 <li> 4208 <a href="/touristik/geniessen" title="GenieÃen" 4209 class="text-white body-sm-font hover:text-orange transition-all duration-300"> 4210 GenieÃen 4211 </a> 4212 </li> 4213 <li> 4214 <a href="/touristik/ausspannen" title="Ausspannen" 4215 class="text-white body-sm-font hover:text-orange transition-all duration-300"> 4216 Ausspannen 4217 </a> 4218 </li> 4219 4220 4221 </ul> 4222 </div> 4223 </div> 4224 <div class="max-lg:w-1/2 max-lg:pr-4 w-2/12 flex flex-col"> 4225 <p class="body-lg-font font-bold pt-1 pb-4 border-b border-body-dark">Wirtschaft</p> 4226 <div class="py-4 lg:border-b border-body-dark flex flex-col grow"> 4227 <ul class="space-y-2"> 4228 <li> 4229 <a href="/wirtschaft/branchenverzeichnis" title="Branchen" 4230 class="text-white body-sm-font hover:text-orange transition-all duration-300"> 4231 Branchen 4232 </a> 4233 </li> 4234 <li> 4235 <a href="/wirtschaft/gewerbegebiete" title="Gewerbegebiet" 4236 class="text-white body-sm-font hover:text-orange transition-all duration-300"> 4237 Gewerbegebiet 4238 </a> 4239 </li> 4240 <li> 4241 <a href="/wirtschaft/gigabit-ausbau" title="Breitbandausbau" 4242 class="text-white body-sm-font hover:text-orange transition-all duration-300"> 4243 Breitbandausbau 4244 </a> 4245 </li> 4246 4247 4248 </ul> 4249 </div> 4250 </div> 4251 <div class="max-lg:w-full max-lg:mx-auto lg:w-1/12 flex max-lg:flex-col items-center lg:justify-between lg:items-end max-lg:gap-4 "> 4252 <div class="flex items-end"> 4253 <div class="lg:max-w-6 lg:-rotate-90 text-lg whitespace-nowrap"> 4254 Willkommen in <span class="font-bold">#abensberg</span> 4255 </div> 4256 </div> 4257 <div class="max-lg:hidden lg:h-[270px] lg:border-l border-body-dark mx-2"></div> 4258 <div class="flex max-lg:flex-row flex-col space-y-3 max-lg:gap-2 "> 4259 4260 <a href="https://www.instagram.com/stadtabensberg/" aria-label="Instagram" 4261 class="h-10 w-10 flex items-center justify-center rounded-full border border-white hover:bg-white transition-all duration-300"> 4262 <img src="/images/icons/instagram.png" alt="" loading="lazy" class="m-0.5"/> </a> <a 4263 href="https://whatsapp.com/channel/0029VbAl9dzCxoAzyijKBJ46" aria-label="WhatsApp" 4264 class="h-10 w-10 flex items-center justify-center rounded-full border border-white hover:bg-white transition-all duration-300"> 4265 <img src="/images/icons/whatsapp.png" alt="" loading="lazy" class="m-0.5"/> </a> <a 4266 href="https://www.youtube.com/user/Abensberg1" aria-label="YouTube" 4267 class="h-10 w-10 flex items-center justify-center rounded-full border border-white hover:bg-white transition-all duration-300"> 4268 <img src="/images/icons/youtube.png" alt="" loading="lazy" class="m-0.5"/> </a> <a 4269 href="https://www.facebook.com/abensberg.de1/" aria-label="Facebook" 4270 class="h-10 w-10 flex items-center justify-center rounded-full border border-white hover:bg-white transition-all duration-300"> 4271 <img src="/images/icons/facebook.png" alt="" loading="lazy" class="m-0.5"/> </a> <a 4272 href="https://de.pinterest.com/stadtabensberg/" aria-label="Pinterest" 4273 class="h-10 w-10 flex items-center justify-center rounded-full border border-white hover:bg-white transition-all duration-300"> 4274 <img src="/images/icons/pinterest.png" alt="" loading="lazy" class="m-0.5"/> </a> <a 4275 href="https://www.linkedin.com/company/stadt-abensberg" aria-label="LinkedIn" 4276 class="h-10 w-10 flex items-center justify-center rounded-full border border-white hover:bg-white transition-all duration-300"> 4277 <img src="/images/icons/linkedin.png" alt="" loading="lazy" class="m-0.5"/> </a> 4278 4279 </div> 4280 </div> 4281 </div> 4282 <div class="container mx-auto flex flex-col-reverse lg:flex-row justify-between items-center lg:items-start mt-12"> 4283 <img src="/images/Silhouette.png" loading="lazy" alt="Silhouette Abensberg" 4284 class="mt-4 max-lg:h-20"/> 4285 <ul class="flex flex-row max-lg:gap-y-4 gap-8 max-lg:flex-wrap max-lg:justify-center"> 4286 <li> 4287 <a href="/bildung" title="Bildung" 4288 class="text-white body-sm-font hover:text-orange transition-all duration-300"> 4289 Bildung 4290 </a> 4291 </li> 4292 <li> 4293 <a href="/bildung/kinderbetreuung" title="Kindergärten" 4294 class="text-white body-sm-font hover:text-orange transition-all duration-300"> 4295 Kindergärten 4296 </a> 4297 </li> 4298 <li> 4299 <a href="/bildung/schulen" title="Schulen" 4300 class="text-white body-sm-font hover:text-orange transition-all duration-300"> 4301 Schulen 4302 </a> 4303 </li> 4304 <li> 4305 <a href="/leben" title="Leben" 4306 class="text-white body-sm-font hover:text-orange transition-all duration-300"> 4307 Leben 4308 </a> 4309 </li> 4310 <li> 4311 <a href="/leben/bauen-wohnen" title="Bauen & Wohnen" 4312 class="text-white body-sm-font hover:text-orange transition-all duration-300"> 4313 Bauen & Wohnen 4314 </a> 4315 </li> 4316 <li> 4317 <a href="/markenbotschafter" title="Ãber Abensberg" 4318 class="text-white body-sm-font hover:text-orange transition-all duration-300"> 4319 Ãber Abensberg 4320 </a> 4321 </li> 4322 <li> 4323 <a href="/gillamoos" title="Gillamoos" 4324 class="text-white body-sm-font hover:text-orange transition-all duration-300"> 4325 Gillamoos 4326 </a> 4327 </li> 4328 <li> 4329 <a href="/kontakt" title="Kontakt" 4330 class="text-white body-sm-font hover:text-orange transition-all duration-300"> 4331 Kontakt 4332 </a> 4333 </li> 4334 <li> 4335 <a href="/wirtschaft/FastClient.exe" title="Fernwartung" 4336 class="text-white body-sm-font hover:text-orange transition-all duration-300"> 4337 Fernwartung 4338 </a> 4339 </li> 4340 4341 4342 </ul> 4343 </div> 4344 <div class="w-full bg-body-dark -mt-2"> 4345 <div class="container mx-auto flex flex-col lg:flex-row items-center justify-between py-8"> 4346 <ul class="flex flex-row body-sm-font max-md:flex-wrap max-md:justify-center divide-x divide-white"> 4347 <li> 4348 <a href="/impressum" 4349 class="text-white hover:text-orange transition-all duration-300 mx-4">Impressum</a> 4350 </li> 4351 <li> 4352 <a class="text-white hover:text-orange transition-all duration-300 mx-4" href="/datenschutz">Datenschutzerklärung</a> 4353 </li> 4354 <li> 4355 <a href="#" onclick="klaro.show(); return false;" 4356 class="text-white hover:text-orange transition-all duration-300 mx-4">Privatsphäre-Einstellungen</a> 4357 </li> 4358 </ul> 4359 <p class="text-white text-sm max-lg:mt-4">© 2025 Stadt Abensberg</p> 4360 </div> 4361 </div> 4362</footer> 4363 4364 4365 4366 4367
4368<script>
vendor: 475 bytes, lines 4368-4380
4368 4369 (function (w, d, s, l, i) { 4370 w[l] = w[l] || []; 4371 w[l].push({ 4372 'gtm.start': new Date().getTime(), event: 'gtm.js' 4373 }); 4374 var f = d.getElementsByTagName(s)[0], 4375 j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; 4376 j.async = true; 4377 j.src = 4378 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; 4379 f.parentNode.insertBefore(j, f); 4380 })(window, document, 'script', 'dataLayer', '
4380GTM-TPQTJ5
vendor: 4 bytes, line 4380
4380');
4381</script>
4381 4382
4383<script> 4384 var klaroConfig = { 4385 elementID: 'klaro', 4386 storageMethod: 'cookie', 4387 cookieName: 'klaro', 4388 cookieExpiresAfterDays: 365, 4389 privacyPolicy: '/datenschutz', 4390 4391 default: false, 4392 mustConsent: true, 4393 acceptAll: true, 4394 hideDeclineAll: false, 4395 4396 translations: { 4397 // If you erase the "consentModal" translations, Klaro will use the 4398 // bundled translations. 4399 de: { 4400 poweredBy: '', 4401 consentModal: { 4402 description: 4403 'Hier können Sie einsehen und anpassen, welche Information wir über Sie sammeln.', 4404 }, 4405 acceptSelected: 'Ausgewählten zustimmen', 4406 ga: { 4407 description: '' 4408 }, 4409 4410 "google-maps": { 4411 description: '' 4412 }, 4413 4414 youtube: { 4415 description: 'Eingebettete YouTube-Videos werden erst nach Ihrer Zustimmung geladen.' 4416 }, 4417 4418 4419 purposes: { 4420 analytics: 'Besucher-Statistiken', 4421 push: 'Benachrichtigungen', 4422 maps: 'Anfahrtsbeschreibung', 4423 media: 'Externe Medien (Videos)' 4424 }, 4425 }, 4426 }, 4427 4428 // This is a list of third-party apps that Klaro will manage for you. 4429 apps: [ 4430 { 4431 name: 'ga', 4432 title: 'Google Analytics', 4433 purposes: ['analytics'], 4434 cookies: [/^ga/i], 4435 default: false, 4436 optOut: false, 4437 onlyOnce: true, 4438 callback: function (consent, app) { 4439 if (consent !== false) { 4440 dataLayer.push({'event': 'loadgtm-analytics'}) 4441 } 4442 } 4443 }, 4444 { 4445 name: 'google-maps', 4446 title: 'Google Maps', 4447 purposes: ['maps'], 4448 optOut: false, 4449 onlyOnce: true, 4450 default: true, 4451 callback: function (consent, app) { 4452 if (consent) { 4453 window.mapsConsentGiven = true 4454 } 4455 }, 4456 }, 4457 { 4458 name: 'youtube', 4459 title: 'YouTube', 4460 purposes: ['media'], 4461 default: false, 4462 optOut: false, 4463 callback: function (consent, app) { 4464 window.youtubeConsentGiven = consent === true; 4465 document.dispatchEvent(new CustomEvent('abensberg:youtube-consent', { 4466 detail: {consent: consent === true} 4467 })); 4468 }, 4469 } 4470 ], 4471 }; 4472</script>
vendor: 1 bytes, line 4472
4472
4473<script src="/consent/klaro.js" async></script>
4473 4474
4475<script async defer src="/static/eyeable/EA_dynamicLoading_www.abensberg.de.js"></script>
vendor: 1 bytes, line 4475
4475
4476<script async defer src="https://translate-cdn.eye-able.com/eye-able-translate.js"></script>
4476 4477
4478<script> 4479(function() { 4480 window.turnstileWidgets = window.turnstileWidgets || {}; 4481 4482 function initTurnstileContainer(container) { 4483 if (!container || container.querySelector('iframe')) return; 4484 4485 const siteKey = container.dataset.turnstileSitekey; 4486 const inputId = container.dataset.turnstileInput; 4487 const errorId = container.dataset.turnstileError; 4488 4489 if (!siteKey) return; 4490 4491 try { 4492 const widgetId = turnstile.render(container, { 4493 sitekey: siteKey, 4494 callback: function(token) { 4495 const input = document.getElementById(inputId); 4496 if (input) { 4497 input.value = token; 4498 input.dispatchEvent(new Event('input', { bubbles: true })); 4499 } 4500 const errorDiv = document.getElementById(errorId); 4501 if (errorDiv) errorDiv.classList.add('hidden'); 4502 }, 4503 'error-callback': function(error) { 4504 console.error('Turnstile error:', error); 4505 }, 4506 'expired-callback': function() { 4507 turnstile.reset(widgetId); 4508 } 4509 }); 4510 4511 window.turnstileWidgets[container.id] = widgetId; 4512 4513 // Attach form validator 4514 const form = container.closest('form') || document.getElementById('worker-form'); 4515 if (form && !form.dataset.turnstileValidatorAttached) { 4516 form.dataset.turnstileValidatorAttached = 'true'; 4517 form.addEventListener('submit', function(e) { 4518 const activeContainer = form.querySelector('.turnstile-container'); 4519 if (!activeContainer) return; 4520 4521 const activeWidgetId = window.turnstileWidgets[activeContainer.id]; 4522 if (!activeWidgetId) return; 4523 4524 const token = turnstile.getResponse(activeWidgetId); 4525 if (!token) { 4526 e.preventDefault(); 4527 e.stopImmediatePropagation(); 4528 const errId = activeContainer.dataset.turnstileError; 4529 const errDiv = document.getElementById(errId); 4530 if (errDiv) errDiv.classList.remove('hidden'); 4531 } 4532 }, true); 4533 } 4534 } catch (error) { 4535 console.error('Turnstile init error:', error); 4536 } 4537 } 4538 4539 function initAllTurnstileContainers() { 4540 document.querySelectorAll('.turnstile-container[data-turnstile-sitekey]').forEach(function(container) { 4541 if (!container.querySelector('iframe')) { 4542 initTurnstileContainer(container); 4543 } 4544 }); 4545 } 4546 4547 // Load Turnstile API 4548 if (!window.turnstileScriptLoaded) { 4549 window.turnstileScriptLoaded = true; 4550 var script = document.createElement('script'); 4551 script.src = 'https://challenges.cloudflare.com/turnstile/v0/api.js?render=explicit&onload=onTurnstileLoad'; 4552 script.async = true; 4553 document.head.appendChild(script); 4554 4555 window.onTurnstileLoad = function() { 4556 window.turnstileAPIReady = true; 4557 initAllTurnstileContainers(); 4558 }; 4559 } 4560 4561 // Watch for dynamically added containers using MutationObserver 4562 var observer = new MutationObserver(function(mutations) { 4563 if (!window.turnstileAPIReady) return; 4564 4565 mutations.forEach(function(mutation) { 4566 mutation.addedNodes.forEach(function(node) { 4567 if (node.nodeType === 1) { 4568 // Check if the added node is a turnstile container 4569 if (node.classList && node.classList.contains('turnstile-container') && node.dataset.turnstileSitekey) { 4570 setTimeout(function() { initTurnstileContainer(node); }, 50); 4571 } 4572 // Check for turnstile containers within added nodes 4573 var containers = node.querySelectorAll ? node.querySelectorAll('.turnstile-container[data-turnstile-sitekey]') : [];
4574 containers.forEach(function(container) { 4575 setTimeout(function() { initTurnstileContainer(container); }, 50); 4576 }); 4577 } 4578 }); 4579 }); 4580 }); 4581 4582 observer.observe(document.body, { childList: true, subtree: true }); 4583 4584 // Also listen for LiveComponent events as backup 4585 document.addEventListener('live:connect', function() { 4586 if (window.turnstileAPIReady) { 4587 setTimeout(initAllTurnstileContainers, 100); 4588 } 4589 }); 4590 4591 document.addEventListener('live:update', function() { 4592 if (window.turnstileAPIReady) { 4593 setTimeout(initAllTurnstileContainers, 100); 4594 } 4595 }); 4596})(); 4597</script>
4597 4598 4599<easy-speech position="fixed" right="5px"></easy-speech> 4600</body> 4601</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.