1<!DOCTYPE html> 2<html lang="de"> 3<head> 4 <meta charset="utf-8"> 5 6 <link rel="preload" as="image" href="/allgemein/startseite/26553/image-thumb__26553__v2-fullhd/Hopfen.e1c63d8b.png"> 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('/allgemein/startseite/26553/image-thumb__26553__v2-fullhd/Hopfen.e1c63d8b.png');"></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/26570/image-thumb__26570___auto_b2be16acdfa5802a9b7457cbb4333940/Schulbestenehrung.5742491f.webp 1x, /neuigkeiten/Neuigkeiten%202026/09/26570/image-thumb__26570___auto_b2be16acdfa5802a9b7457cbb4333940/[email protected] 2x" width="730" height="550" type="image/webp" /> 3050 <source srcset="/neuigkeiten/Neuigkeiten%202026/09/26570/image-thumb__26570___auto_b2be16acdfa5802a9b7457cbb4333940/Schulbestenehrung.5742491f.jpg 1x, /neuigkeiten/Neuigkeiten%202026/09/26570/image-thumb__26570___auto_b2be16acdfa5802a9b7457cbb4333940/[email protected] 2x" width="730" height="550" type="image/jpeg" /> 3051 <img class="w-full h-full object-cover" alt="Abensberg ehrt seine besten Absolventen" src="/neuigkeiten/Neuigkeiten%202026/09/26570/image-thumb__26570___auto_b2be16acdfa5802a9b7457cbb4333940/Schulbestenehrung.5742491f.jpg" width="730" height="550" loading="lazy" srcset="/neuigkeiten/Neuigkeiten%202026/09/26570/image-thumb__26570___auto_b2be16acdfa5802a9b7457cbb4333940/Schulbestenehrung.5742491f.jpg 1x, /neuigkeiten/Neuigkeiten%202026/09/26570/image-thumb__26570___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">Abensberg ehrt seine besten Absolventen</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"/>22.09.2026 </p> 3060 </div> 3061 <p class="title-4-font font-bold text-dark-purple md:mt-2">Ehrungen für beeindruckende Notendurchschnitte</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 Stadt Abensberg hat am vergangenen Montag, 21. September 2026, die herausragenden Leistungen ihrer Schulabsolventinnen und -absolventen gewürdigt. Bei einer kleinen Feierstunde im Barrel erhielten Schülerinnen und Schüler eine besondere Ehrung für ihre hervorragenden Schulabschlüsse und Notendurchschnitte zwischen 1,0 und 1,99. Insgesamt hatten sich 24 Absolventinnen und Absolventen für die Ehrung gemeldet. 3064Bürgermeister Dr. Bernhard Resch und Heinz Kroiss übernahmen die Ehrung der Schulbesten. In ihren Ansprachen würdigten sie den Einsatz, den Fleià und die Ausdauer der jungen Erwachsenen und gratulierten ihnen herzlich zu ihren Leistungen. 3065Auch Bildungsreferentin Dagmar Kellner sprach den Absolventinnen und Absolventen ihre Anerkennung aus. Jugendreferent Niklas Neumeyer überbrachte ebenfalls seine Glückwünsche und gratulierte den jungen Erwachsenen persönlich zu ihren erfolgreichen Abschlüssen. 3066Die diesjährigen Geehrten stehen beispielhaft für die groÃe Vielfalt der Bildungswege. Ihre Abschlüsse haben sie an unterschiedlichen Schularten erworben â von der Mittelschule und Realschule über die Wirtschaftsschule und Berufsschule bis hin zum Gymnasium. Damit zeigt sich auch die Bandbreite der Möglichkeiten, die jungen Menschen für ihren weiteren Bildungs- und Berufsweg offenstehen. 3067Mit der jährlichen Veranstaltung setzt die Stadt Abensberg ein Zeichen für die Bedeutung von Bildung und würdigt zugleich das Engagement und die besonderen Leistungen der jungen Generation. Als kleines Dankeschön für ihren Einsatz und ihre hervorragenden Leistungen erhielten alle Geehrten eine AbensbergCard von der Stadt Abensberg sowie je zwei Eisgutscheine, die von La Dolce Vita gesponsert wurden. Ein besonderer Dank gilt auÃerdem Carina Junker, die die Veranstaltung organisiert und damit für einen gelungenen Rahmen der Ehrung gesorgt hat.</p> 3068 </div> 3069 <a href="/aktuelles/abensberg-ehrt-seine-besten-absolventen-aktuelles-21334" 3070 class="w-fit px-4 py-2 bg-orange text-white font-bold hover:bg-dark-purple transition-all duration-300"> 3071 Zum Artikel </a> 3072 </div> 3073 </div> 3074</div> 3075 <div class="w-full shrink-0"> 3076 <div class="container flex flex-col md:flex-row items-center max-h-[580px] md:max-h-[400px] lg:max-h-[600px] overflow-hidden"> 3077 <div class="w-full md:max-xl:w-6/12 max-xl:z-20 w-7/12 h-full overflow-hidden"><picture > 3078 <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" /> 3079 <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" /> 3080 <img class="w-full h-full object-cover" alt="Kanalbauarbeiten 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" /> 3081</picture> 3082</div> 3083 <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]"> 3084 <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"> 3085 <h3 class="body-sm-font font-bold text-orange">Kanalbauarbeiten Max-Bronold-StraÃe</h3> 3086 <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"> 3087 <img src="/images/icons/date.svg" alt="Datum der Veröffentlichung" 3088 class="h-4 w-4 mb-0.5"/>22.09.2026 </p> 3089 </div> 3090 <p class="title-4-font font-bold text-dark-purple md:mt-2">Aktuell wieder nur einspurig befahrbar</p> 3091 <div class="grow mt-2"> 3092 <p class="body-base-font-lg line-clamp-3 lg:line-clamp-6 text-dark-purple">Aufgrund der aktuellen Baustellensituation in der Max-Bronold-StraÃe wegen dringend notwendiger Kanalbauarbeiten ist die Strecke derzeit wieder nur ab dem Kreisel stadtauswärts in Richtung Neustadt befahrbar. 3093Stadteinwärts von Neustadt kommend ist die Max-Bronold-StraÃe für die Durchfahrt gesperrt. Es gilt die entsprechende Umleitung.</p> 3094 </div> 3095 <a href="/aktuelles/kanalbauarbeiten-max-bronold-strasse-aktuelles-21333" 3096 class="w-fit px-4 py-2 bg-orange text-white font-bold hover:bg-dark-purple transition-all duration-300"> 3097 Zum Artikel </a> 3098 </div> 3099 </div> 3100</div> 3101 <div class="w-full shrink-0"> 3102 <div class="container flex flex-col md:flex-row items-center max-h-[580px] md:max-h-[400px] lg:max-h-[600px] overflow-hidden"> 3103 <div class="w-full md:max-xl:w-6/12 max-xl:z-20 w-7/12 h-full overflow-hidden"><picture > 3104 <source srcset="/neuigkeiten/Neuigkeiten%202026/09/26569/image-thumb__26569___auto_b2be16acdfa5802a9b7457cbb4333940/REA.ff1edd99.webp 1x, /neuigkeiten/Neuigkeiten%202026/09/26569/image-thumb__26569___auto_b2be16acdfa5802a9b7457cbb4333940/[email protected] 2x" width="730" height="550" type="image/webp" /> 3105 <source srcset="/neuigkeiten/Neuigkeiten%202026/09/26569/image-thumb__26569___auto_b2be16acdfa5802a9b7457cbb4333940/REA.ff1edd99.png 1x, /neuigkeiten/Neuigkeiten%202026/09/26569/image-thumb__26569___auto_b2be16acdfa5802a9b7457cbb4333940/[email protected] 2x" width="730" height="550" type="image/png" /> 3106 <img class="w-full h-full object-cover" alt="REA GmbH feiert 50 Jahre" src="/neuigkeiten/Neuigkeiten%202026/09/26569/image-thumb__26569___auto_b2be16acdfa5802a9b7457cbb4333940/REA.ff1edd99.png" width="730" height="550" loading="lazy" srcset="/neuigkeiten/Neuigkeiten%202026/09/26569/image-thumb__26569___auto_b2be16acdfa5802a9b7457cbb4333940/REA.ff1edd99.png 1x, /neuigkeiten/Neuigkeiten%202026/09/26569/image-thumb__26569___auto_b2be16acdfa5802a9b7457cbb4333940/[email protected] 2x" /> 3107</picture> 3108</div> 3109 <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]"> 3110 <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"> 3111 <h3 class="body-sm-font font-bold text-orange">REA GmbH feiert 50 Jahre</h3> 3112 <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"> 3113 <img src="/images/icons/date.svg" alt="Datum der Veröffentlichung" 3114 class="h-4 w-4 mb-0.5"/>21.09.2026 </p> 3115 </div> 3116 <p class="title-4-font font-bold text-dark-purple md:mt-2">Einweihung des neuen Firmensitzes</p> 3117 <div class="grow mt-2"> 3118 <p class="body-base-font-lg line-clamp-3 lg:line-clamp-6 text-dark-purple">Am 18. September 2026 gab es bei der REA GmbH gleich doppelten Grund zur Freude: Das Unternehmen feierte sein 50-jähriges Bestehe
3118n und weihte gleichzeitig den neuen Firmenstandort ein. 3119Gemeinsam mit Kunden, Mitarbeitern sowie Bürgermeister Dr. Bernhard Resch und dem zweiten Landrat Manfred Jackermeier wurde das besondere Jubiläum gebührend gefeiert. Die BegrüÃung übernahm der ehemalige Geschäftsführer Herr Sika. Dabei zeigte er sich sichtlich erfreut über die Entwicklung des Unternehmens und insbesondere darüber, dass die drei neuen Geschäftsführer Christian Gradl, Martin Sedlmeier und Philip Duborg, die seit Anfang 2025 Teil der Geschäftsführung sind, den erfolgreichen Weg der REA GmbH fortführen. Alle drei Geschäftsführer sind âEigengewächseâ des Unternehmens und kennen die REA GmbH seit vielen Jahren. Mit dem neuen Standort stehen dem Unternehmen nun mehr Platz, moderne Rahmenbedingungen und eine bessere Verkehrsanbindung zur Verfügung â beste Voraussetzungen für die weitere Entwicklung der REA GmbH.</p> 3120 </div> 3121 <a href="/aktuelles/rea-gmbh-feiert-50-jahre-aktuelles-21320" 3122 class="w-fit px-4 py-2 bg-orange text-white font-bold hover:bg-dark-purple transition-all duration-300"> 3123 Zum Artikel </a> 3124 </div> 3125 </div> 3126</div> 3127 </div> 3128 </div> 3129 <div class="flex justify-end gap-4 md:hidden mt-4"> 3130 <button id="prevButton" 3131 aria-label="Vorheriger Beitrag" 3132 class="h-9 w-9 xl:h-15 xl:w-15 rounded-full bg-light-gray flex items-center justify-center cursor-pointer"> 3133 <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 46 26" fill="none" 3134 class="h-8 w-8 xl:h-12 xl:w-12 bg-dark-purple rounded-full hover:bg-orange transition-all duration-300"> 3135 <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" 3136 fill="white"/> 3137 <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" 3138 fill="white"/> 3139 </svg> 3140 </button> 3141 <button id="nextButton" 3142 aria-label="Naechster Beitrag" 3143 class="h-9 w-9 xl:h-15 xl:w-15 rounded-full bg-light-gray flex items-center justify-center cursor-pointer"> 3144 <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 46 26" fill="none" 3145 class="h-8 w-8 xl:h-12 xl:w-12 bg-dark-purple rounded-full hover:bg-orange transition-all duration-300"> 3146 <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" 3147 fill="white"/> 3148 <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" 3149 fill="white"/> 3150 </svg> 3151 </button> 3152 </div> 3153 </div> 3154 <div class="mt-12 xl:mt-20 news-container"> 3155 <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6"> 3156 <div class="news-item"> 3157 <a href="/aktuelles/abensberg-ehrt-seine-besten-absolventen-aktuelles-21334" 3158 class="w-full h-[280px] lg:h-[320px] flex flex-col shadow-2xl group overflow-hidden"> 3159 <picture class="h-2/3 overflow-hidden group-hover:scale-[1.05] transition-all duration-300 z-10"> 3160 <source srcset="/neuigkeiten/Neuigkeiten%202026/09/26570/image-thumb__26570__v2-gallery-thumbn
3160ail/Schulbestenehrung~-~media--5abec06c--query.de7b4b00.webp 1x, /neuigkeiten/Neuigkeiten%202026/09/26570/image-thumb__26570__v2-gallery-thumbnail/[email protected] 2x" media="(max-width: 576px)" width="400" height="300" type="image/webp" /> 3161 <source srcset="/neuigkeiten/Neuigkeiten%202026/09/26570/image-thumb__26570__v2-gallery-thumbnail/Schulbestenehrung~-~media--5abec06c--query.de7b4b00.jpg 1x, /neuigkeiten/Neuigkeiten%202026/09/26570/image-thumb__26570__v2-gallery-thumbnail/[email protected] 2x" media="(max-width: 576px)" width="400" height="300" type="image/jpeg" /> 3162 <source srcset="/neuigkeiten/Neuigkeiten%202026/09/26570/image-thumb__26570__v2-gallery-thumbnail/Schulbestenehrung.de7b4b00.webp 1x, /neuigkeiten/Neuigkeiten%202026/09/26570/image-thumb__26570__v2-gallery-thumbnail/[email protected] 2x" width="400" height="300" type="image/webp" /> 3163 <source srcset="/neuigkeiten/Neuigkeiten%202026/09/26570/image-thumb__26570__v2-gallery-thumbnail/Schulbestenehrung.de7b4b00.jpg 1x, /neuigkeiten/Neuigkeiten%202026/09/26570/image-thumb__26570__v2-gallery-thumbnail/[email protected] 2x" width="400" height="300" type="image/jpeg" /> 3164 <img class="object-cover w-[450px] h-[213px]" alt="Abensberg ehrt seine besten Absolventen" src="/neuigkeiten/Neuigkeiten%202026/09/26570/image-thumb__26570__v2-gallery-thumbnail/Schulbestenehrung.de7b4b00.jpg" width="400" height="300" loading="lazy" srcset="/neuigkeiten/Neuigkeiten%202026/09/26570/image-thumb__26570__v2-gallery-thumbnail/Schulbestenehrung.de7b4b00.jpg 1x, /neuigkeiten/Neuigkeiten%202026/09/26570/image-thumb__26570__v2-gallery-thumbnail/[email protected] 2x" /> 3165</picture> 3166 3167 3168 3169 <div class="h-1/3 w-full p-2 md:p-4 lg:p-6 space-y-2 z-20 bg-white grow"> 3170 <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"> 3171 <img src="/images/icons/date.svg" alt="Datum der Veröffentlichung" 3172 class="h-4 w-4 mb-[2px]"/>22.09.2026 3173 </p> 3174 <h3 class="body-sm-font text-orange font-bold">Abensberg ehrt seine besten Absolventen</h3> 3175 <small class="text-dark-purple body-base-font md:body-lg-font line-clamp-2">Ehrungen für beeindruckende Notendurchschnitte</small> 3176 </div> 3177 3178 </a> 3179 </div> 3180 <div class="news-item"> 3181 <a href="/aktuelles/kanalbauarbeiten-max-bronold-strasse-aktuelles-21333" 3182 class="w-full h-[280px] lg:h-[320px] flex flex-col shadow-2xl group overflow-hidden"> 3183 <picture class="h-2/3 overflow-hidden group-hover:scale-[1.05] transition-all duration-300 z-10"> 3184 <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" /> 3185 <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" /> 3186 <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" /> 3187 <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" /> 3188 <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-thumbn
3188ail/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" /> 3189</picture> 3190 3191 3192 3193 <div class="h-1/3 w-full p-2 md:p-4 lg:p-6 space-y-2 z-20 bg-white grow"> 3194 <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"> 3195 <img src="/images/icons/date.svg" alt="Datum der Veröffentlichung" 3196 class="h-4 w-4 mb-[2px]"/>22.09.2026 3197 </p> 3198 <h3 class="body-sm-font text-orange font-bold">Kanalbauarbeiten Max-Bronold-StraÃe</h3> 3199 <small class="text-dark-purple body-base-font md:body-lg-font line-clamp-2">Aktuell wieder nur einspurig befahrbar</small> 3200 </div> 3201 3202 </a> 3203 </div> 3204 <div class="news-item"> 3205 <a href="/aktuelles/rea-gmbh-feiert-50-jahre-aktuelles-21320" 3206 class="w-full h-[280px] lg:h-[320px] flex flex-col shadow-2xl group overflow-hidden"> 3207 <picture class="h-2/3 overflow-hidden group-hover:scale-[1.05] transition-all duration-300 z-10"> 3208 <source srcset="/neuigkeiten/Neuigkeiten%202026/09/26569/image-thumb__26569__v2-gallery-thumbnail/REA~-~media--5abec06c--query.318990d2.webp 1x, /neuigkeiten/Neuigkeiten%202026/09/26569/image-thumb__26569__v2-gallery-thumbnail/[email protected] 2x" media="(max-width: 576px)" width="400" height="300" type="image/webp" /> 3209 <source srcset="/neuigkeiten/Neuigkeiten%202026/09/26569/image-thumb__26569__v2-gallery-thumbnail/REA~-~media--5abec06c--query.318990d2.png 1x, /neuigkeiten/Neuigkeiten%202026/09/26569/image-thumb__26569__v2-gallery-thumbnail/[email protected] 2x" media="(max-width: 576px)" width="400" height="300" type="image/png" /> 3210 <source srcset="/neuigkeiten/Neuigkeiten%202026/09/26569/image-thumb__26569__v2-gallery-thumbnail/REA.318990d2.webp 1x, /neuigkeiten/Neuigkeiten%202026/09/26569/image-thumb__26569__v2-gallery-thumbnail/[email protected] 2x" width="400" height="300" type="image/webp" /> 3211 <source srcset="/neuigkeiten/Neuigkeiten%202026/09/26569/image-thumb__26569__v2-gallery-thumbnail/REA.318990d2.png 1x, /neuigkeiten/Neuigkeiten%202026/09/26569/image-thumb__26569__v2-gallery-thumbnail/[email protected] 2x" width="400" height="300" type="image/png" /> 3212 <img class="object-cover w-[450px] h-[213px]" alt="REA GmbH feiert 50 Jahre" src="/neuigkeiten/Neuigkeiten%202026/09/26569/image-thumb__26569__v2-gallery-thumbnail/REA.318990d2.png" width="400" height="300" loading="lazy" srcset="/neuigkeiten/Neuigkeiten%202026/09/26569/image-thumb__26569__v2-gallery-thumbnail/REA.318990d2.png 1x, /neuigkeiten/Neuigkeiten%202026/09/26569/image-thumb__26569__v2-gallery-thumbnail/[email protected] 2x" /> 3213</picture> 3214 3215 3216 3217 <div class="h-1/3 w-full p-2 md:p-4 lg:p-6 space-y-2 z-20 bg-white grow"> 3218 <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"> 3219 <img src="/images/icons/date.svg" alt="Datum der Veröffentlichung" 3220 class="h-4 w-4 mb-[2px]"/>21.09.2026 3221 </p> 3222 <h3 class="body-sm-font text-orange font-bold">REA GmbH feiert 50 Jahre</h3> 3223 <small class="text-dark-purple body-base-font md:body-lg-font line-clamp-2">Einweihung des neuen Firmensitzes</small> 3224 </div> 3225 3226 </a> 3227 </div> 3228 <div class="news-item"> 3229 <a href="/aktuelles/bruecke-traegt-nun-den-namen-der-partnerstadt-aktuelles-21315" 3230 class="w-full h-[280px] lg:h-[320px] flex flex-col shadow-2xl group overflow-hidden"> 3231 <picture class="h-2/3 overflow-hidden group-hover:scale-[1.05] transition-all duration-300 z-10"> 3232 <source srcset="/neuigkeiten/Neuigkeiten%202026/09/26547/image-thumb__26547__v2-gallery-thumbn
3232ail/Br%C3%BCckeneinweihung%20Pont%20de%20Saint%20Gilles~-~media--5abec06c--query.437f31c1.webp 1x, /neuigkeiten/Neuigkeiten%202026/09/26547/image-thumb__26547__v2-gallery-thumbnail/Br%C3%BCckeneinweihung%20Pont%20de%20Saint%[email protected] 2x" media="(max-width: 576px)" width="400" height="300" type="image/webp" /> 3233 <source srcset="/neuigkeiten/Neuigkeiten%202026/09/26547/image-thumb__26547__v2-gallery-thumbnail/Br%C3%BCckeneinweihung%20Pont%20de%20Saint%20Gilles~-~media--5abec06c--query.437f31c1.png 1x, /neuigkeiten/Neuigkeiten%202026/09/26547/image-thumb__26547__v2-gallery-thumbnail/Br%C3%BCckeneinweihung%20Pont%20de%20Saint%[email protected] 2x" media="(max-width: 576px)" width="400" height="300" type="image/png" /> 3234 <source srcset="/neuigkeiten/Neuigkeiten%202026/09/26547/image-thumb__26547__v2-gallery-thumbnail/Br%C3%BCckeneinweihung%20Pont%20de%20Saint%20Gilles.437f31c1.webp 1x, /neuigkeiten/Neuigkeiten%202026/09/26547/image-thumb__26547__v2-gallery-thumbnail/Br%C3%BCckeneinweihung%20Pont%20de%20Saint%[email protected] 2x" width="400" height="300" type="image/webp" /> 3235 <source srcset="/neuigkeiten/Neuigkeiten%202026/09/26547/image-thumb__26547__v2-gallery-thumbnail/Br%C3%BCckeneinweihung%20Pont%20de%20Saint%20Gilles.437f31c1.png 1x, /neuigkeiten/Neuigkeiten%202026/09/26547/image-thumb__26547__v2-gallery-thumbnail/Br%C3%BCckeneinweihung%20Pont%20de%20Saint%[email protected] 2x" width="400" height="300" type="image/png" /> 3236 <img class="object-cover w-[450px] h-[213px]" alt="Brücke trägt nun den Namen der Partnerstadt" src="/neuigkeiten/Neuigkeiten%202026/09/26547/image-thumb__26547__v2-gallery-thumbnail/Br%C3%BCckeneinweihung%20Pont%20de%20Saint%20Gilles.437f31c1.png" width="400" height="300" loading="lazy" srcset="/neuigkeiten/Neuigkeiten%202026/09/26547/image-thumb__26547__v2-gallery-thumbnail/Br%C3%BCckeneinweihung%20Pont%20de%20Saint%20Gilles.437f31c1.png 1x, /neuigkeiten/Neuigkeiten%202026/09/26547/image-thumb__26547__v2-gallery-thumbnail/Br%C3%BCckeneinweihung%20Pont%20de%20Saint%[email protected] 2x" /> 3237</picture> 3238 3239 3240 3241 <div class="h-1/3 w-full p-2 md:p-4 lg:p-6 space-y-2 z-20 bg-white grow"> 3242 <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"> 3243 <img src="/images/icons/date.svg" alt="Datum der Veröffentlichung" 3244 class="h-4 w-4 mb-[2px]"/>14.09.2026 3245 </p> 3246 <h3 class="body-sm-font text-orange font-bold">Brücke trägt nun den Namen der Partnerstadt</h3> 3247 <small class="text-dark-purple body-base-font md:body-lg-font line-clamp-2">Einweihung der Brücke "Pont de Saint Gilles" </small> 3248 </div> 3249 3250 </a> 3251 </div> 3252 <div class="news-item"> 3253 <a href="/aktuelles/wochenmarkt-am-aventinusplatz-aktuelles-21301" 3254 class="w-full h-[280px] lg:h-[320px] flex flex-col shadow-2xl group overflow-hidden"> 3255 <picture class="h-2/3 overflow-hidden group-hover:scale-[1.05] transition-all duration-300 z-10"> 3256 <source srcset="/neuigkeiten/Neuigkeiten%202026/09/26516/image-thumb__26516__v2-gallery-thumbnail/Wochenmarkt_25_10_2024%20%2852%20von%2056%29~-~media--5abec06c--query.41b99c38.webp 1x, /neuigkeiten/Neuigkeiten%202026/09/26516/image-thumb__26516__v2-gallery-thumbnail/Wochenmarkt_25_10_2024%20%2852%20von%2056%[email protected] 2x" media="(max-width: 576px)" width="400" height="300" type="image/webp" /> 3257 <source srcset="/neuigkeiten/Neuigkeiten%202026/09/26516/image-thumb__26516__v2-gallery-thumbnail/Wochenmarkt_25_10_2024%20%2852%20von%2056%29~-~media--5abec06c--query.41b99c38.jpg 1x, /neuigkeiten/Neuigkeiten%202026/09/26516/image-thumb__26516__v2-gallery-thumbnail/Wochenmarkt_25_10_2024%20%2852%20von%2056%[email protected] 2x" media="(max-width: 576px)" width="400" height="300" type="image/jpeg" /> 3258 <source srcset="/neuigkeiten/Neuigkeiten%202026/09/26516/image-thumb__26516__v2-gallery-thumbn
3258ail/Wochenmarkt_25_10_2024%20%2852%20von%2056%29.41b99c38.webp 1x, /neuigkeiten/Neuigkeiten%202026/09/26516/image-thumb__26516__v2-gallery-thumbnail/Wochenmarkt_25_10_2024%20%2852%20von%2056%[email protected] 2x" width="400" height="300" type="image/webp" /> 3259 <source srcset="/neuigkeiten/Neuigkeiten%202026/09/26516/image-thumb__26516__v2-gallery-thumbnail/Wochenmarkt_25_10_2024%20%2852%20von%2056%29.41b99c38.jpg 1x, /neuigkeiten/Neuigkeiten%202026/09/26516/image-thumb__26516__v2-gallery-thumbnail/Wochenmarkt_25_10_2024%20%2852%20von%2056%[email protected] 2x" width="400" height="300" type="image/jpeg" /> 3260 <img class="object-cover w-[450px] h-[213px]" alt="Wochenmarkt am Aventinusplatz" src="/neuigkeiten/Neuigkeiten%202026/09/26516/image-thumb__26516__v2-gallery-thumbnail/Wochenmarkt_25_10_2024%20%2852%20von%2056%29.41b99c38.jpg" width="400" height="300" loading="lazy" srcset="/neuigkeiten/Neuigkeiten%202026/09/26516/image-thumb__26516__v2-gallery-thumbnail/Wochenmarkt_25_10_2024%20%2852%20von%2056%29.41b99c38.jpg 1x, /neuigkeiten/Neuigkeiten%202026/09/26516/image-thumb__26516__v2-gallery-thumbnail/Wochenmarkt_25_10_2024%20%2852%20von%2056%[email protected] 2x" /> 3261</picture> 3262 3263 3264 3265 <div class="h-1/3 w-full p-2 md:p-4 lg:p-6 space-y-2 z-20 bg-white grow"> 3266 <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"> 3267 <img src="/images/icons/date.svg" alt="Datum der Veröffentlichung" 3268 class="h-4 w-4 mb-[2px]"/>08.09.2026 3269 </p> 3270 <h3 class="body-sm-font text-orange font-bold">Wochenmarkt am Aventinusplatz</h3> 3271 <small class="text-dark-purple body-base-font md:body-lg-font line-clamp-2">Wochenmarkt am Freitag findet künftig nicht mehr statt</small> 3272 </div> 3273 3274 </a> 3275 </div> 3276 <div class="news-item"> 3277 <a href="/aktuelles/im-landkreis-kelheim-aktuelles-21309" 3278 class="w-full h-[280px] lg:h-[320px] flex flex-col shadow-2xl group overflow-hidden"> 3279 <picture class="h-2/3 overflow-hidden group-hover:scale-[1.05] transition-all duration-300 z-10"> 3280 <source srcset="/neuigkeiten/Neuigkeiten%202026/09/26537/image-thumb__26537__v2-gallery-thumbnail/Plakat-Interkulturelle-Wochen-2026~-~media--5abec06c--query.0d524b6e.webp 1x, /neuigkeiten/Neuigkeiten%202026/09/26537/image-thumb__26537__v2-gallery-thumbnail/Plakat-Interkulturelle-Wochen-2026~-~media--5abec06c--query@2x.0d524b6e.webp 2x" media="(max-width: 576px)" width="400" height="300" type="image/webp" /> 3281 <source srcset="/neuigkeiten/Neuigkeiten%202026/09/26537/image-thumb__26537__v2-gallery-thumbnail/Plakat-Interkulturelle-Wochen-2026~-~media--5abec06c--query.0d524b6e.jpg 1x, /neuigkeiten/Neuigkeiten%202026/09/26537/image-thumb__26537__v2-gallery-thumbnail/Plakat-Interkulturelle-Wochen-2026~-~media--5abec06c--query@2x.0d524b6e.jpg 2x" media="(max-width: 576px)" width="400" height="300" type="image/jpeg" /> 3282 <source srcset="/neuigkeiten/Neuigkeiten%202026/09/26537/image-thumb__26537__v2-gallery-thumbnail/Plakat-Interkulturelle-Wochen-2026.0d524b6e.webp 1x, /neuigkeiten/Neuigkeiten%202026/09/26537/image-thumb__26537__v2-gallery-thumbnail/[email protected] 2x" width="400" height="300" type="image/webp" /> 3283 <source srcset="/neuigkeiten/Neuigkeiten%202026/09/26537/image-thumb__26537__v2-gallery-thumbnail/Plakat-Interkulturelle-Wochen-2026.0d524b6e.jpg 1x, /neuigkeiten/Neuigkeiten%202026/09/26537/image-thumb__26537__v2-gallery-thumbnail/[email protected] 2x" width="400" height="300" type="image/jpeg" /> 3284 <img class="object-cover w-[450px] h-[213px]" alt="Im Landkreis Kelheim" src="/neuigkeiten/Neuigkeiten%202026/09/26537/image-thumb__26537__v2-gallery-thumbnail/Plakat-Interkulturelle-Wochen-2026.0d524b6e.jpg" width="400" height="300" loading="lazy" srcset="/neuigkeiten/Neuigkeiten%202026/09/26537/image-thumb__26537__v2-gallery-thumbn
3284ail/Plakat-Interkulturelle-Wochen-2026.0d524b6e.jpg 1x, /neuigkeiten/Neuigkeiten%202026/09/26537/image-thumb__26537__v2-gallery-thumbnail/[email protected] 2x" /> 3285</picture> 3286 3287 3288 3289 <div class="h-1/3 w-full p-2 md:p-4 lg:p-6 space-y-2 z-20 bg-white grow"> 3290 <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"> 3291 <img src="/images/icons/date.svg" alt="Datum der Veröffentlichung" 3292 class="h-4 w-4 mb-[2px]"/>07.09.2026 3293 </p> 3294 <h3 class="body-sm-font text-orange font-bold">Im Landkreis Kelheim</h3> 3295 <small class="text-dark-purple body-base-font md:body-lg-font line-clamp-2">Interkulturelle Wochen 2026</small> 3296 </div> 3297 3298 </a> 3299 </div> 3300 </div> 3301 <!-- Link to all news --> 3302 <div class="flex justify-center mt-8"> 3303 <a href="/aktuelles" 3304 class="w-fit px-4 py-2 bg-orange text-white hover:bg-dark-purple transition-colors duration-300"> 3305 Alle Neuigkeiten </a> 3306 </div> 3307 </div> 3308 </section> 3309 <section id="presse" 3310 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"> 3311 <div class="w-full"> 3312 <h3 class="title-4-font text-dark-purple mb-4 font-bold">Ãffentliche Bekanntmachungen</h3> 3313 <ul class="text-body-dark list-none pl-0 pb-8 grid md:grid-cols-2 gap-x-8"> 3314 <li class="py-2 border-b border-dark-purple/50 group col-span-1 "> 3315 <a class="flex gap-2 body-sm-font" href="/bekanntmachungen/TenneT/Bekanntmachung%20TenneT%20Juraleitung.pdf"> <span 3316 class="max-xl:w-3/12 w-2/12 font-bold">14.08.2026</span> 3317 <span class="w-9/12 line-clamp-1">Kartier- und Vermessungsarbeiten - TenneT TSO GmbH</span> <span 3318 class="text-orange pl-3 group-hover:pl-6 transition-all duration-300">→</span> 3319 </a> 3320 </li> 3321 <li class="py-2 border-b border-dark-purple/50 group col-span-1 "> 3322 <a class="flex gap-2 body-sm-font" href="/bekanntmachungen/TenneT/2026.09.06_Tennet/Abensberg_Komponententausch%20an%20Bestandsleitung_Ltg.-Nr.%20B52A.pdf"> <span 3323 class="max-xl:w-3/12 w-2/12 font-bold">09.06.2026</span> 3324 <span class="w-9/12 line-clamp-1">InstandhaltungsmaÃnahme - Tennet TSO GmbH</span> <span 3325 class="text-orange pl-3 group-hover:pl-6 transition-all duration-300">→</span> 3326 </a> 3327 </li> 3328 <li class="py-2 border-b border-dark-purple/50 group col-span-1 "> 3329 <a class="flex gap-2 body-sm-font" href="/bekanntmachungen/hauptamt/Bekanntmachung%20abschlie%C3%9Fendes%20Ergebnis%20Stadtratswahl%202026.pdf"> <span 3330 class="max-xl:w-3/12 w-2/12 font-bold">19.03.2026</span> 3331 <span class="w-9/12 line-clamp-1">AbschlieÃendes Endergebnis der Wahl des Stadtrats</span> <span 3332 class="text-orange pl-3 group-hover:pl-6 transition-all duration-300">→</span> 3333 </a> 3334 </li> 3335 <li class="py-2 border-b border-dark-purple/50 group col-span-1 "> 3336 <a class="flex gap-2 body-sm-font" href="/bekanntmachungen/hauptamt/Bekanntmachung%20vorl%C3%A4ufiges%20Ergebnis%20Wahl%20Stadtrat%2008.03.2026%20Abensbegr.pdf"> <span 3337 class="max-xl:w-3/12 w-2/12 font-bold">10.03.2026</span>
3338 <span class="w-9/12 line-clamp-1">Vorläufiges Ergebnis der Wahl des Stadtrats</span> <span 3339 class="text-orange pl-3 group-hover:pl-6 transition-all duration-300">→</span> 3340 </a> 3341 </li> 3342 <li class="py-2 border-b border-dark-purple/50 group col-span-1 "> 3343 <a class="flex gap-2 body-sm-font" href="/bekanntmachungen/bauamt/01_Aushang_FFH-LRT-Monitoring.pdf"> <span 3344 class="max-xl:w-3/12 w-2/12 font-bold">04.02.2026</span> 3345 <span class="w-9/12 line-clamp-1">Information über das FFH-Lebensraumtypenmonitoring</span> <span 3346 class="text-orange pl-3 group-hover:pl-6 transition-all duration-300">→</span> 3347 </a> 3348 </li> 3349 </ul> 3350 <a href="/buergerservice/bekanntmachungen" 3351 class="w-fit mt-12 px-4 py-2 bg-orange text-white hover:bg-dark-purple transition-colors duration-300">Alle 3352 Bekanntmachungen</a> 3353 </div> 3354 </section> 3355 <section id="themen" 3356 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"> 3357 <img src="/images/icons/click-light.svg" alt="Wichtigste Themen" 3358 class="h-16 xl:h-20 w-16 xl:w-20"/> 3359 <h2 class="text-center text-white title-2-font">Mit einem Klick zu den wichtigsten Themen.</h2> 3360 <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"> 3361 <div class="w-1/2 md:w-3/10"> 3362 <h3 class="pb-4 mb-2 border-b border-body-dark max-md:text-center">Gillamoos Queenie & Kini</h3> 3363 <ul class="list-none pl-0 pb-8 space-y-4"> 3364 <li> 3365 <a class="inline-flex w-fit gap-2 body-lg-font ml-0 hover:ml-2 transition-all duration-300 text-white" 3366 href="https://www.abensberg.de/gillamoos/hoheiten/markenbotschafter"> 3367 <span class="text-orange">→</span> 3368 <span class="line-clamp-1">Markenbotschafter</span> 3369 </a> 3370 </li> 3371 </ul> 3372 </div> 3373 <div class="w-1/2 md:w-3/10"> 3374 <h3 class="pb-4 mb-2 border-b border-body-dark max-md:text-center">HOMO BULLA</h3> 3375 <ul class="list-none pl-0 pb-8 space-y-4"> 3376 <li> 3377 <a class="inline-flex w-fit gap-2 body-lg-font ml-0 hover:ml-2 transition-all duration-300 text-white" 3378 href="/aventinus"> 3379 <span class="text-orange">→</span> 3380 <span class="line-clamp-1">_aventinus_550_</span> 3381 </a> 3382 </li> 3383 </ul> 3384 </div> 3385 <div class="w-1/2 md:w-3/10"> 3386 <h3 class="pb-4 mb-2 border-b border-body-dark max-md:text-center">Es wird sommerlaunig</h3> 3387 <ul class="list-none pl-0 pb-8 space-y-4"> 3388 <li> 3389 <a class="inline-flex w-fit gap-2 body-lg-font ml-0 hover:ml-2 transition-all duration-300 text-white" 3390 href="https://www.abensberg.de/kalender?filter=sommerlaune&category=&month=&year=2026#calendar-tab-content"> 3391 <span class="text-orange">→</span> 3392 <span class="line-clamp-1">Sommerlaune</span> 3393 </a> 3394 </li> 3395 </ul> 3396 </div> 3397 </div> 3398 </section> 3399 <section id="veranstaltungen" class="container mx-auto pt-20 pb-6 flex flex-col px-4 xl:px-0"> 3400 <img src="/images/icons/calendar.svg" alt="Veranstaltungen rund um Abensberg" class="h-20 w-20"/> 3401 <h2 class="mt-2 flex items-center gap-8 relative mb-4 title-2-font-bold text-dark-purple">
3402 <span>Veranstaltungen.</span> <span class="flex-1 h-px bg-dark-purple mb-1.5"></span> 3403 </h2> 3404 <div class="flex row justify-between mb-8"> 3405 <div class="body-lg-font text-dark-purple max-md:w-full w-8/12"> 3406 3407 </div> 3408 <div class="flex flex-row gap-4 items-end max-md:hidden"> 3409 <button id="eventPrevButton" aria-label="Vorherige Veranstaltung" class="rounded-full flex items-center justify-center cursor-pointer"> 3410 <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 46 26" fill="none" 3411 class="h-8 w-8 xl:h-12 xl:w-12 bg-dark-purple rounded-full hover:bg-orange transition-all duration-300"> 3412 <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" 3413 fill="white"/> 3414 <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" 3415 fill="white"/> 3416 </svg> 3417 </button> 3418 <button id="eventNextButton" aria-label="Naechste Veranstaltung" class="rounded-full flex items-center justify-center cursor-pointer"> 3419 <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 46 26" fill="none" 3420 class="h-8 w-8 xl:h-12 xl:w-12 bg-dark-purple rounded-full hover:bg-orange transition-all duration-300"> 3421 <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" 3422 fill="white"/> 3423 <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" 3424 fill="white"/> 3425 </svg> 3426 </button> 3427 </div> 3428 </div> 3429 <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="}"> 3430 <div class="flex flex-row gap-4 max-md:flex-col"> 3431 <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"> 3432 <div class="flex flex-col mt-2"> 3433 <div class="relative py-2"> 3434 <label for="month" class="sr-only">Monat</label> 3435 <select 3436 name="month" 3437 id="month" 3438 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" 3439 data-model="month" 3440 > 3441 <option value="">Alle Monate</option> 3442 <option value="1" >Januar</option> 3443 <option value="2" >Februar</option> 3444 <option value="3" >März</option> 3445 <option value="4" >April</option> 3446 <option value="5" >Mai</option> 3447 <option value="6" >Juni</option> 3448 <option value="7" >Juli</option> 3449 <option value="8" >August</option> 3450 <option value="9" >September</option> 3451 <option value="10" >Oktober</option> 3452 <option value="11" >November</option> 3453 <option value="12" >Dezember</option> 3454 </select>
3455 <span class="pointer-events-none absolute inset-y-0 right-0 flex items-center mt-1 title-4-font text-orange"> 3456 ↓ 3457 </span> 3458 </div> 3459 <div class="relative py-2"> 3460 <label for="year" class="sr-only">Jahr</label> 3461 <select 3462 name="year" 3463 id="year" 3464 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" 3465 data-model="year" 3466 > 3467 <option value="2024" 3468 >2024</option> 3469 <option value="2025" 3470 >2025</option> 3471 <option value="2026" 3472 selected>2026</option> 3473 <option value="2027" 3474 >2027</option> 3475 <option value="2028" 3476 >2028</option> 3477 </select> 3478 <span class="pointer-events-none absolute inset-y-0 right-0 flex items-center mt-1 title-4-font text-orange"> 3479 ↓ 3480 </span> 3481 </div> 3482 <div class="relative py-2"> 3483 <label for="category" class="sr-only">Kategorie</label> 3484 <select 3485 name="category" 3486 id="category" 3487 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" 3488 data-model="selectedCategory" 3489 > 3490 <option value="">Alle Kategorien</option> 3491 <option value="5286" 3492 >Ausschüsse</option> 3493 <option value="304" 3494 >Ausstellungen</option> 3495 <option value="305" 3496 >Bälle und Galas</option> 3497 <option value="483" 3498 >Bürgerversammlungen</option> 3499 <option value="306" 3500 >Clubs, Disco, Parties</option> 3501 <option value="307" 3502 >Familie</option> 3503 <option value="552" 3504 >Fasching</option> 3505 <option value="5249" 3506 >Ferienprogramm</option> 3507 <option value="363" 3508 >Feste / Märkte</option> 3509 <option value="5370" 3510 >Flohmarkt</option> 3511 <option value="436" 3512 >Freizeit</option> 3513 <option value="309" 3514 >Führungen</option> 3515 <option value="419" 3516 >Gesundheit</option> 3517 <option value="335" 3518 >gillamoos</option> 3519 <option value="360" 3520 >Highlights</option> 3521 <option value="19117" 3522 >Infoabend</option> 3523 <option value="357" 3524 >Jugend</option> 3525 <option value="5247" 3526 >Junge Leute</option> 3527 <option value="365" 3528 >Kino</option> 3529 <option value="367" 3530 >Kirche</option> 3531 <option value="418" 3532 >Kulinarisches</option> 3533 <option value="401" 3534 >Kultur / Kunst / Musik</option> 3535 <option value="5284" 3536 >Markt & Messe</option> 3537 <option value="314" 3538 >Politik</option> 3539 <option value="5246" 3540 >Senioren</option> 3541 <option value="5210" 3542 >Sitzungskalender</option> 3543 <option value="5248" 3544 >Spargelsaison</option> 3545 <option value="352" 3546 >Sport</option> 3547 <option value="5287" 3548 >Stadtratssitzungen</option> 3549 <option value="355" 3550 >Tanz</option> 3551 <option value="359" 3552 >
3552Vereine</option> 3553 <option value="675" 3554 >Versammlungen</option> 3555 <option value="370" 3556 >Vorträge</option> 3557 <option value="5294" 3558 >Wandern Radfahren</option> 3559 <option value="420" 3560 >Weihnachten</option> 3561 </select> 3562 <span class="pointer-events-none absolute inset-y-0 right-0 flex items-center mt-1 title-4-font text-orange"> 3563 ↓ 3564 </span> 3565 </div> 3566 <div class="relative py-2"> 3567 <label for="searchText" class="sr-only">Suchbegriff</label> 3568 <div class="relative"> 3569 <input 3570 type="text" 3571 id="searchText" 3572 name="searchText" 3573 placeholder="Veranstaltung suchen..." 3574 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" 3575 data-model="searchText" 3576 data-action="keyup->event-calendar#filterByText" 3577 aria-label="Nach Veranstaltungen suchen" 3578 /> 3579 <span class="absolute inset-y-0 right-0 flex items-center pr-2 mt-1"> 3580 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" 3581 stroke="currentColor" class="w-5 h-5 text-orange"> 3582 <path stroke-linecap="round" stroke-linejoin="round" 3583 d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"/> 3584 </svg> 3585 </span> 3586 </div> 3587 </div> 3588 3589 </div> 3590 <a href="/kalender" 3591 class="inline-block w-fit mt-6 px-4 py-2 bg-orange text-white hover:bg-dark-purple transition-colors duration-300"> 3592 Alle Veranstaltungen 3593 </a> 3594 </div> 3595 <div class="max-md:w-full md:max-lg:w-2/3 w-9/12 relative overflow-hidden"> 3596 <div id="eventSlider" class="flex transition-transform duration-300 ease-in-out"> 3597 <a href="/kalender/sport-vor-ort-veranstaltung-19242" 3598 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"> 3599 <div class="w-full h-full flex flex-col justify-end overflow-hidden md:max-w-[304px] relative"> 3600 <picture class="h-full mx-auto"> 3601 <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" /> 3602 <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" /> 3603 <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" /> 3604</picture> 3605 3606 <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"> 3607 <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"> 3608 <img src="/images/icons/calendar-2.svg" alt="Datum der Veröffentlichung" 3609 class="h-4 w-4 mb-[2px]"/>24.09.2026 3610 </p> 3611 <p class="text-[12px] line-clamp-1">Sport, Freizeit</p> 3612 <div class="grow"> 3613 <h3 class="body-base-font font-bold line-clamp-2">Sport vor Ort</h3> 3614 </div> 3615 <p class="flex items-center gap-2 body-base-font line-clamp-1"><img src="/images/icons/map-white.svg" 3616 alt="Ort der Veranstaltung" class="h-4 w-4 mb-[2px]"/> 3617 Skatepark am Jugendzentrum "Gleis 1" 3618 </p> 3619 3620 </div> 3621 </div> 3622 </a> 3623 <a href="/kalender/juergen-veranstaltung-17109" 3624 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"> 3625 <div class="w-full h-full flex flex-col justify-end overflow-hidden md:max-w-[304px] relative"> 3626 <picture class="h-full mx-auto"> 3627 <source srcset="/veranstaltungskalender/logos/26184/image-thumb__26184___auto_a34378c253c0f16c917b9f303979c90a/kommod.1.b7f40745.webp 1x, /veranstaltungskalender/logos/26184/image-thumb__26184___auto_a34378c253c0f16c917b9f303979c90a/[email protected] 2x" width="350" height="340" type="image/webp" /> 3628 <source srcset="/veranstaltungskalender/logos/26184/image-thumb__26184___auto_a34378c253c0f16c917b9f303979c90a/kommod.1.b7f40745.jpg 1x, /veranstaltungskalender/logos/26184/image-thumb__26184___auto_a34378c253c0f16c917b9f303979c90a/[email protected] 2x" width="350" height="340" type="image/jpeg" /> 3629 <img class="object-cover" loading="lazy" alt="Jürgen" src="/veranstaltungskalender/logos/26184/image-thumb__26184___auto_a34378c253c0f16c917b9f303979c90a/kommod.1.b7f40745.jpg" width="350" height="340" srcset="/veranstaltungskalender/logos/26184/image-thumb__26184___auto_a34378c253c0f16c917b9f303979c90a/kommod.1.b7f40745.jpg 1x, /veranstaltungskalender/logos/26184/image-thumb__26184___auto_a34378c253c0f16c917b9f303979c90a/[email protected] 2x" /> 3630</picture> 3631 3632 <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"> 3633 <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"> 3634 <img src="/images/icons/calendar-2.svg" alt="Datum der Veröffentlichung" 3635 class="h-4 w-4 mb-[2px]"/>24.09.2026 3636 </p> 3637 <p class="text-[12px] line-clamp-1">Kultur / Kunst / Musik</p> 3638 <div class="grow"> 3639 <h3 class="body-base-font font-bold line-clamp-2">Jürgen</h3> 3640 </div> 3641 <p class="flex items-center gap-2 body-base-font line-clamp-1"><img src="/images/icons/map-white.svg" 3642 alt="Ort der Veranstaltung" class="h-4 w-4 mb-[2px]"/> 3643 kommod 3644 </p> 3645 3646 </div> 3647 </div> 3648 </a> 3649 <a href="/kalender/abensberg-und-seine-brauereien-veranstaltung-19120" 3650 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"> 3651 <div class="w-full h-full flex flex-col justify-end overflow-hidden md:max-w-[304px] relative"> 3652 <picture class="h-full mx-auto"> 3653 <source srcset="/veranstaltungskalender/2026/Kultur/25582/image-thumb__25582___auto_a34378c253c0f16c917b9f303979c90a/Szenische%20Stadtf%C3%BChrung_Abensberg%20und%20seine%20Brauereien.ee731ca0.webp 1x, /veranstaltungskalender/2026/Kultur/25582/image-thumb__25582___auto_a34378c253c0f16c917b9f303979c90a/Szenische%20Stadtf%C3%BChrung_Abensberg%20und%20seine%[email protected] 2x" width="350" height="340" type="image/webp" /> 3654 <source srcset="/veranstaltungskalender/2026/Kultur/25582/image-thumb__25582___auto_a34378c253c0f16c917b9f303979c90a/Szenische%20Stadtf%C3%BChrung_Abensberg%20und%20seine%20Brauereien.ee731ca0.jpg 1x, /veranstaltungskalender/2026/Kultur/25582/image-thumb__25582___auto_a34378c253c0f16c917b9f303979c90a/Szenische%20Stadtf%C3%BChrung_Abensberg%20und%20seine%[email protected] 2x" width="350" height="340" type="image/jpeg" /> 3655 <img class="object-cover" loading="lazy" alt="Abensberg und seine Brauereien" src="/veranstaltungskalender/2026/Kultur/25582/image-thumb__25582___auto_a34378c253c0f16c917b9f303979c90a/Szenische%20Stadtf%C3%BChrung_Abensberg%20und%20seine%20Brauereien.ee731ca0.jpg" width="350" height="340" srcset="/veranstaltungskalender/2026/Kultur/25582/image-thumb__25582___auto_a34378c253c0f16c917b9f303979c90a/Szenische%20Stadtf%C3%BChrung_Abensberg%20und%20seine%20Brauereien.ee731ca0.jpg 1x, /veranstaltungskalender/2026/Kultur/25582/image-thumb__25582___auto_a34378c253c0f16c917b9f303979c90a/Szenische%20Stadtf%C3%BChrung_Abensberg%20und%20seine%[email protected] 2x" /> 3656</picture> 3657 3658 <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"> 3659 <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"> 3660 <img src="/images/icons/calendar-2.svg" alt="Datum der Veröffentlichung" 3661 class="h-4 w-4 mb-[2px]"/>25.09.2026 3662 </p> 3663 <p class="text-[12px] line-clamp-1">Vorträge, Kultur / Kunst / Musik, Führungen</p> 3664 <div class="grow"> 3665 <h3 class="body-base-font font-bold line-clamp-2">Abensberg und seine Brauereien</h3> 3666 </div> 3667 <p class="flex items-center gap-2 body-base-font line-clamp-1"><img src="/images/icons/map-white.svg" 3668 alt="Ort der Veranstaltung" class="h-4 w-4 mb-[2px]"/> 3669 Treffpunkt: vor dem Rathaus 3670 </p> 3671 3672 </div> 3673 </div> 3674 </a> 3675 <a href="/kalender/eroeffnung-kunstmomente-veranstaltung-18971" 3676 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"> 3677 <div class="w-full h-full flex flex-col justify-end overflow-hidden md:max-w-[304px] relative"> 3678 <picture class="h-full mx-auto"> 3679 <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" /> 3680 <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" /> 3681 <img class="object-cover" loading="lazy" alt="Eröffnung kunstMomente" 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" /> 3682</picture> 3683 3684 <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"> 3685 <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"> 3686 <img src="/images/icons/calendar-2.svg" alt="Datum der Veröffentlichung" 3687 class="h-4 w-4 mb-[2px]"/>25.09.2026 3688 </p> 3689 <p class="text-[12px] line-clamp-1">Kultur / Kunst / Musik, Ausstellungen</p> 3690 <div class="grow"> 3691 <h3 class="body-base-font font-bold line-clamp-2">Eröffnung kunstMomente</h3> 3692 </div> 3693 <p class="flex items-center gap-2 body-base-font line-clamp-1"><img src="/images/icons/map-white.svg" 3694 alt="Ort der Veranstaltung" class="h-4 w-4 mb-[2px]"/> 3695 Haus in der Mauer 3696 </p> 3697 3698 </div> 3699 </div> 3700 </a> 3701 <a href="/kalender/kinder-und-smartphones-veranstaltung-21295" 3702 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"> 3703 <div class="w-full h-full flex flex-col justify-end overflow-hidden md:max-w-[304px] relative"> 3704 <picture class="h-full mx-auto"> 3705 <source srcset="/veranstaltungskalender/2026/Vereine/26502/image-thumb__26502___auto_a34378c253c0f16c917b9f303979c90a/Kolping%20-%20KEB.404c60e6.webp 1x, /veranstaltungskalender/2026/Vereine/26502/image-thumb__26502___auto_a34378c253c0f16c917b9f303979c90a/Kolping%20-%[email protected] 2x" width="350" height="255" type="image/webp" /> 3706 <source srcset="/veranstaltungskalender/2026/Vereine/26502/image-thumb__26502___auto_a34378c253c0f16c917b9f303979c90a/Kolping%20-%20KEB.404c60e6.png 1x, /veranstaltungskalender/2026/Vereine/26502/image-thumb__26502___auto_a34378c253c0f16c917b9f303979c90a/Kolping%20-%[email protected] 2x" width="350" height="255" type="image/png" /> 3707 <img class="object-cover" loading="lazy" alt="Kinder und Smartphones" src="/veranstaltungskalender/2026/Vereine/26502/image-thumb__26502___auto_a34378c253c0f16c917b9f303979c90a/Kolping%20-%20KEB.404c60e6.png" width="350" height="255" srcset="/veranstaltungskalender/2026/Vereine/26502/image-thumb__26502___auto_a34378c253c0f16c917b9f303979c90a/Kolping%20-%20KEB.404c60e6.png 1x, /veranstaltungskalender/2026/Vereine/26502/image-thumb__26502___auto_a34378c253c0f16c917b9f303979c90a/Kolping%20-%[email protected] 2x" /> 3708</picture> 3709 3710 <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"> 3711
3711 <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"> 3712 <img src="/images/icons/calendar-2.svg" alt="Datum der Veröffentlichung" 3713 class="h-4 w-4 mb-[2px]"/>25.09.2026 3714 </p> 3715 <p class="text-[12px] line-clamp-1">Vorträge, Familie</p> 3716 <div class="grow"> 3717 <h3 class="body-base-font font-bold line-clamp-2">Kinder und Smartphones</h3> 3718 </div> 3719 <p class="flex items-center gap-2 body-base-font line-clamp-1"><img src="/images/icons/map-white.svg" 3720 alt="Ort der Veranstaltung" class="h-4 w-4 mb-[2px]"/> 3721 Katholisches Pfarrheim 3722 </p> 3723 3724 </div> 3725 </div> 3726 </a> 3727 <a href="/kalender/kunstmomente-abensberg-im-wandel-der-zeit-veranstaltung-18972" 3728 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"> 3729 <div class="w-full h-full flex flex-col justify-end overflow-hidden md:max-w-[304px] relative"> 3730 <picture class="h-full mx-auto"> 3731 <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" /> 3732 <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" /> 3733 <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" /> 3734</picture> 3735 3736 <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"> 3737 <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"> 3738 <img src="/images/icons/calendar-2.svg" alt="Datum der Veröffentlichung" 3739 class="h-4 w-4 mb-[2px]"/>26.09.2026 3740 </p> 3741 <p class="text-[12px] line-clamp-1">Kultur / Kunst / Musik, Ausstellungen</p> 3742 <div class="grow"> 3743 <h3 class="body-base-font font-bold line-clamp-2">kunstMomente: Abensberg im Wandel der Zeit</h3> 3744 </div> 3745 <p class="flex items-center gap-2 body-base-font line-clamp-1"><img src="/images/icons/map-white.svg" 3746 alt="Ort der Veranstaltung" class="h-4 w-4 mb-[2px]"/> 3747 Haus in der Mauer 3748 </p> 3749 3750 </div> 3751 </div> 3752 </a> 3753 <a href="/kalender/jahresausstellung-eine-grosse-vielfalt-veranstaltung-21335" 3754 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"> 3755 <div class="w-full h-full flex flex-col justify-end overflow-hidden md:max-w-[304px] relative"> 3756 <picture class="h-full mx-auto"> 3757 <source srcset="/veranstaltungskalender/2026/Kultur/26573/image-thumb__26573___auto_a34378c253c0f16c917b9f303979c90a/Photogilde.de7ff9cb.webp 1x, /veranstaltungskalender/2026/Kultur/26573/image-thumb__26573___auto_a34378c253c0f16c917b9f303979c90a/[email protected] 2x" width="350" height="340" type="image/webp" /> 3758 <source srcset="/veranstaltungskalender/2026/Kultur/26573/image-thumb__26573___auto_a34378c253c0f16c917b9f303979c90a/Photogilde.de7ff9cb.png 1x, /veranstaltungskalender/2026/Kultur/26573/image-thumb__26573___auto_a34378c253c0f16c917b9f303979c90a/[email protected] 2x" width="350" height="340" type="image/png" /> 3759 <img class="object-cover" loading="lazy" alt="Jahresausstellung âEine groÃe Vielfaltâ" src="/veranstaltungskalender/2026/Kultur/26573/image-thumb__26573___auto_a34378c253c0f16c917b9f303979c90a/Photogilde.de7ff9cb.png" width="350" height="340" srcset="/veranstaltungskalender/2026/Kultur/26573/image-thumb__26573___auto_a34378c253c0f16c917b9f303979c90a/Photogilde.de7ff9cb.png 1x, /veranstaltungskalender/2026/Kultur/26573/image-thumb__26573___auto_a34378c253c0f16c917b9f303979c90a/[email protected] 2x" /> 3760</picture> 3761 3762 <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"> 3763 <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"> 3764 <img src="/images/icons/calendar-2.svg" alt="Datum der Veröffentlichung" 3765 class="h-4 w-4 mb-[2px]"/>26.09.2026 3766 </p> 3767 <p class="text-[12px] line-clamp-1">Freizeit, Ausstellungen</p> 3768 <div class="grow"> 3769 <h3 class="body-base-font font-bold line-clamp-2">Jahresausstellung âEine groÃe Vielfaltâ</h3> 3770 </div> 3771 <p class="flex items-center gap-2 body-base-font line-clamp-1"><img src="/images/icons/map-white.svg" 3772 alt="Ort der Veranstaltung" class="h-4 w-4 mb-[2px]"/> 3773 Kreuzgang 3774 </p> 3775 3776 </div> 3777 </div> 3778 </a> 3779 <a href="/kalender/kinderbasar-lummerland-veranstaltung-21319" 3780 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"> 3781 <div class="w-full h-full flex flex-col justify-end overflow-hidden md:max-w-[304px] relative"> 3782 <picture class="h-full mx-auto"> 3783 <source srcset="/veranstaltungskalender/2026/Kinderg%C3%A4rten/26557/image-thumb__26557___auto_a34378c253c0f16c917b9f303979c90a/Basar%20Lummerland.f4a89076.webp 1x, /veranstaltungskalender/2026/Kinderg%C3%A4rten/26557/image-thumb__26557___auto_a34378c253c0f16c917b9f303979c90a/Basar%[email protected] 2x" width="350" height="340" type="image/webp" /> 3784 <source srcset="/veranstaltungskalender/2026/Kinderg%C3%A4rten/26557/image-thumb__26557___auto_a34378c253c0f16c917b9f303979c90a/Basar%20Lummerland.f4a89076.png 1x, /veranstaltungskalender/2026/Kinderg%C3%A4rten/26557/image-thumb__26557___auto_a34378c253c0f16c917b9f303979c90a/Basar%[email protected] 2x" width="350" height="340" type="image/png" /> 3785 <img class="object-cover" loading="lazy" alt="Kinderbasar Lummerland" src="/veranstaltungskalender/2026/Kinderg%C3%A4rten/26557/image-thumb__26557___auto_a34378c253c0f16c917b9f303979c90a/Basar%20Lummerland.f4a89076.png" width="350" height="340" srcset="/veranstaltungskalender/2026/Kinderg%C3%A4rten/26557/image-thumb__26557___auto_a34378c253c0f16c917b9f303979c90a/Basar%20Lummerland.f4a89076.png 1x, /veranstaltungskalender/2026/Kinderg%C3%A4rten/26557/image-thumb__26557___auto_a34378c253c0f16c917b9f303979c90a/Basar%[email protected] 2x" /> 3786</picture> 3787 3788 <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"> 3789 <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"> 3790 <img src="/images/icons/calendar-2.svg" alt="Datum der Veröffentlichung" 3791 class="h-4 w-4 mb-[2px]"/>27.09.2026 3792 </p> 3793 <p class="text-[12px] line-clamp-1">Familie, Ferienprogramm, Flohmarkt</p> 3794 <div class="grow"> 3795 <h3 class="body-base-font font-bold line-clamp-2">Kinderbasar Lummerland</h3> 3796 </div> 3797 <p class="flex items-center gap-2 body-base-font line-clamp-1"><img src="/images/icons/map-white.svg" 3798 alt="Ort der Veranstaltung" class="h-4 w-4 mb-[2px]"/> 3799 Kindergarten Lummerland 3800 </p> 3801 3802 </div> 3803 </div> 3804 </a> 3805 <a href="/kalender/cafe-international-veranstaltung-21318" 3806 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"> 3807 <div class="w-full h-full flex flex-col justify-end overflow-hidden md:max-w-[304px] relative"> 3808 <picture class="h-full mx-auto"> 3809 <source srcset="/veranstaltungskalender/2026/Sonstiges/26556/image-thumb__26556___auto_a34378c253c0f16c917b9f303979c90a/Cafe%20international.48b40fdd.webp 1x, /veranstaltungskalender/2026/Sonstiges/26556/image-thumb__26556___auto_a34378c253c0f16c917b9f303979c90a/Cafe%[email protected] 2x" width="350" height="340" type="image/webp" /> 3810 <source srcset="/veranstaltungskalender/2026/Sonstiges/26556/image-thumb__26556___auto_a34378c253c0f16c917b9f303979c90a/Cafe%20international.48b40fdd.png 1x, /veranstaltungskalender/2026/Sonstiges/26556/image-thumb__26556___auto_a34378c253c0f16c917b9f303979c90a/Cafe%[email protected] 2x" width="350" height="340" type="image/png" /> 3811 <img class="object-cover" loading="lazy" alt="Café international" src="/veranstaltungskalender/2026/Sonstiges/26556/image-thumb__26556___auto_a34378c253c0f16c917b9f303979c90a/Cafe%20international.48b40fdd.png" width="350" height="340" srcset="/veranstaltungskalender/2026/Sonstiges/26556/image-thumb__26556___auto_a34378c253c0f16c917b9f303979c90a/Cafe%20international.48b40fdd.png 1x, /veranstaltungskalender/2026/Sonstiges/26556/image-thumb__26556___auto_a34378c253c0f16c917b9f303979c90a/Cafe%[email protected] 2x" /> 3812</picture> 3813 3814 <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"> 3815 <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"> 3816 <img src="/images/icons/calendar-2.svg" alt="Datum der Veröffentlichung" 3817 class="h-4 w-4 mb-[2px]"/>27.09.2026 3818 </p> 3819 <p class="text-[12px] line-clamp-1">Freizeit, Kulinarisches</p> 3820 <div class="grow"> 3821 <h3 class="body-base-font font-bold line-clamp-2">Café international</h3> 3822 </div> 3823 <p class="flex items-center gap-2 body-base-font line-clamp-1"><img src="/images/icons/map-white.svg" 3824 alt="Ort der Veranstaltung" class="h-4 w-4 mb-[2px]"/> 3825 TreffPunkt am Bahnhof 3826 </p> 3827 3828 </div> 3829 </div> 3830 </a> 3831 </div> 3832 <div class="flex flex-row gap-4 justify-end mt-4 w-full md:hidden"> 3833 <button id="eventPrevButton" 3834 aria-label="Vorherige Veranstaltung" 3835 class="rounded-full flex items-center justify-center"> 3836 <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewB
3836ox="0 0 46 26" fill="none" 3837 class="h-8 w-8 lg:h-12 lg:w-12 bg-dark-purple rounded-full"> 3838 <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" 3839 fill="white"/> 3840 <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" 3841 fill="white"/> 3842 </svg> 3843 </button> 3844 <button id="eventNextButton" 3845 aria-label="Naechste Veranstaltung" 3846 class="rounded-full flex items-center justify-center"> 3847 <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 46 26" fill="none" 3848 class="h-8 w-8 lg:h-12 lg:w-12 bg-dark-purple rounded-full"> 3849 <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" 3850 fill="white"/> 3851 <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" 3852 fill="white"/> 3853 </svg> 3854 </button> 3855 </div> 3856 </div> 3857 </div> 3858</div> 3859 3860 </section> 3861 <section id="about" 3862 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"> 3863 <img src="/images/bernhard-resch.png" loading="lazy" alt="Bürgermeister Dr. Bernhard Resch" 3864 class="absolute left-0 bottom-0 max-md:h-48 h-64"/> 3865 <div class="max-md:w-full w-9/12 relative px-8 space-y-6 text-white max-md:mt-4"> 3866 <img src="/images/icons/mapmarker-light.svg" alt="Ãber Abensberg" 3867 class="absolute max-md:right-4 max-md:-top-10 md:-left-16 md:-top-2 h-20 w-20"/> 3868 <h2 class="title-4-font-bold"> 3869 Herzlich willkommen auf abensberg.de! 3870 </h2> 3871 <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> 3872 3873 <div class="flex flex-row max-md:flex-col justify-between md:pr-4 md:items-center max-md:gap-4"> 3874 <div> 3875 <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> 3876<p> </p> 3877<p> </p> 3878<p>Herzlichst,</p> 3879<p><strong>Ihr Dr. Bernhard Resch</strong></p> 3880<p>Erster Bürgermeister der Stadt Abensberg</p> 3881 </div> 3882 <a href="/buergerservice/rathaus/buergermeisteramt" 3883 class="w-fit px-4 py-2 bg-orange text-white hover:bg-white hover:text-black transition-colors duration-300">Bürgermeister</a> 3884 3885 </div> 3886 3887 </div> 3888 </section> 3889 <section id="divider" class="w-full flex flex-row max-md:flex-col md:max-xl:h-[190px] gap-4 bg-white py-4"> 3890 <div class="max-md:w-full w-1/2 flex gap-4"> 3891 <div class="w-1/3"> 3892 </div> 3893 <div class="w-2/3"> 3894 </div> 3895 </div> 3896 <div class="max-md:w-full max-md:flex-row-reverse w-1/2 flex gap-4"> 3897 <div class="w-1/3"> 3898 </div> 3899 <div class="w-2/3"> 3900 </div> 3901 </div> 3902 3903 </section> 3904 <section id="discover" class="relative bg-white pt-12 md:pt-16 xl:pt-20 flex flex-col px-4 xl:px-0"> 3905 <div class="h-[750px] top-[500px] absolute w-full bg-linear-to-b from-[#f6f6f6] to-[#ffffff] max-xl:hidden"></div> 3906 <div class="container mx-auto relative"> 3907 <img src="/images/icons/map.svg" alt="Abensberg entdecken" class="h-20 w-20"/> 3908 <h2 class="mt-2 flex items-center gap-8 relative mb-4 title-2-font-bold text-dark-purple">
3909 <span>Abensberg entdecken: Der Stadtkern</span> <span 3910 class="flex-1 h-[1px] bg-dark-purple mb-1.5"></span> 3911 </h2> 3912 <div class="body-lg-font text-dark-purple md:w-8/12"> 3913 <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> 3914 </div> 3915 <div class="flex flex-row gap-6 mt-4 items-center"> 3916 <p class="body-lg-font font-bold text-dark-purple">Fahren Sie mit dem Mauszeiger über einen der Hotspots 3917 um mehr zu erfahren.</p> 3918 <img src="/images/icons/highlight.svg" alt="Hotspot Highlight" class="h-16 w-16"/> 3919 </div> 3920 3921<div class="w-full relative max-lg:mt-12 mt-20"> 3922 <picture > 3923 <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" /> 3924 <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" /> 3925 <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" /> 3926 <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" /> 3927 <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" /> 3928 <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" /> 3929 <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" /> 3930 <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" /> 3931 <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
3931/Stadtplan%20eingefa%CC%[email protected] 2x" /> 3932</picture> 3933 3934 3935 3936 3937 3938 <a class="image-hotspot absolute" 3939 href="/gillamoos" 3940 target="_blank" 3941 aria-label="Mehr erfahren" 3942 style="width: 13.2%; height: 21.311475409836%; top:79.344262295082%; left:54.4%;" 3943 ></a> 3944 3945 3946 <a class="image-hotspot absolute" 3947 href="/sehenswuerdigkeiten/maderturm" 3948 target="_blank" 3949 aria-label="Mehr erfahren" 3950 style="width: 5.5%; height: 12.295081967213%; top:67.377049180328%; left:28.5%;" 3951 ></a> 3952 3953 3954 <a class="image-hotspot absolute" 3955 href="/touristik/sehenswuerdigkeiten/barbarakirche" 3956 target="_blank" 3957 aria-label="Mehr erfahren" 3958 style="width: 9.3%; height: 14.426229508197%; top:26.393442622951%; left:59%;" 3959 ></a> 3960 3961 3962 <a class="image-hotspot absolute" 3963 href="/touristik/sehenswuerdigkeiten/kunsthaus" 3964 target="_blank" 3965 aria-label="Mehr erfahren" 3966 style="width: 5.9%; height: 10.491803278689%; top:27.868852459016%; left:23.6%;" 3967 ></a> 3968 3969 3970 <a class="image-hotspot absolute" 3971 href="/touristik/sehenswuerdigkeiten/klosterkirche" 3972 target="_blank" 3973 aria-label="Mehr erfahren" 3974 style="width: 14.3%; height: 8.0327868852459%; top:26.72131147541%; left:37.1%;" 3975 ></a> 3976 3977 3978 <a class="image-hotspot absolute" 3979 href="/touristik/sehenswuerdigkeiten/kuchlbauerturm" 3980 target="_blank" 3981 aria-label="Mehr erfahren" 3982 style="width: 6.8%; height: 13.606557377049%; top:24.754098360656%; left:15.2%;" 3983 ></a> 3984 3985 3986 <a class="image-hotspot absolute" 3987 href="/touristik/sehenswuerdigkeiten/schlossgarten" 3988 target="_blank" 3989 aria-label="Mehr erfahren" 3990 style="width: 15.7%; height: 17.377049180328%; top:46.885245901639%; left:67.9%;" 3991 ></a> 3992 3993 3994 <a class="image-hotspot absolute" 3995 href="/touristik/sehenswuerdigkeiten/zollhaeusl" 3996 target="_blank" 3997 aria-label="Mehr erfahren" 3998 style="width: 5%; height: 8.1967213114754%; top:67.540983606557%; left:52.4%;" 3999 ></a> 4000 4001 4002 <a class="image-hotspot absolute" 4003 href="/touristik/sehenswuerdigkeiten/liebesinsel" 4004 target="_blank" 4005 aria-label="Mehr erfahren" 4006 style="width: 15.8%; height: 9.344262295082%; top:72.295081967213%; left:66.4%;" 4007 ></a> 4008 4009 4010 <a class="image-hotspot absolute" 4011 href="/touristik/sehenswuerdigkeiten/aventinusplatz" 4012 target="_blank" 4013 aria-label="Mehr erfahren" 4014 style="width: 5.4%; height: 11.639344262295%; top:46.393442622951%; left:62.8%;" 4015 ></a> 4016 4017 4018 <a class="image-hotspot absolute" 4019 href="/touristik/sehenswuerdigkeiten/aventinum" 4020 target="_blank" 4021 aria-label="Mehr erfahren" 4022 style="width: 15.6%; height: 12.786885245902%; top:33.770491803279%; left:36.4%;" 4023 ></a> 4024 4025 4026 <a class="image-hotspot absolute" 4027 href="/rathaus" 4028 target="_blank" 4029 aria-label="Mehr erfahren" 4030 style="width: 7.6%; height: 12.459016393443%; top:33.606557377049%; left:52%;" 4031 ></a> 4032 4033 4034 <a class="image-hotspot absolute" 4035 href="/stadtmuseum" 4036 target="_blank" 4037 aria-label="Mehr erfahren" 4038 style="width: 6.4%; height: 11.803278688525%; top:47.868852459016%; left:56.9%;" 4039 ></a> 4040 </div> 4041 </div> 4042 </section> 4043 4044 <section id="career" 4045 class="container mx-auto relative max-md:py-8 py-12 flex flex-col justify-end gap-4 max-xl:px-4"> 4046 <img src="/images/icons/career.svg" alt="Karriere in Abensberg" class="h-20 w-20"/> 4047 <h2 class="mt-2 flex items-center gap-8 relative mb-4 title-2-font-bold text-dark-purple">
4048 <span>Karriere bei der Stadt</span> <span class="flex-1 h-[1px] bg-dark-purple mb-1.5"></span> 4049 </h2> 4050 <div class="flex max-md:flex-col flex-row justify-between md:mb-8 max-md:gap-4"> 4051 <div class="body-lg-font text-dark-purple md:w-8/12"> 4052 <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> 4053 </div> 4054 <div class="flex flex-col gap-4 md:pl-12"> 4055 <a href="/stellenangebote" 4056 class="w-fit px-4 py-2 bg-orange text-white hover:bg-dark-purple transition-colors duration-300">Stellenangebote</a> 4057 <img src="/images/wohlfuehlen.svg" alt="Wohlfühlen in Abensberg" class="h-28 md:mt-12"/> 4058 </div> 4059 </div> 4060 </section> 4061 4062</main> 4063 4064 <footer id="footer-contact" class="bg-dark-purple text-white pt-16 mt-8 md:mt-12 relative"> 4065 <div class="container mx-auto flex flex-row lg:gap-6 max-lg:flex-wrap max-lg:space-y-8 max-lg:px-4"> 4066 <div class="w-full lg:w-3/12 flex flex-col md:max-lg:items-center"> 4067 <p class="title-4-font font-bold pb-4 border-b border-body-dark">Stadt Abensberg</p> 4068 <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"> 4069 <div class="pb-4 lg:border-b border-body-dark flex flex-row gap-6"> 4070 <img src="/images/icons/Stadtverwaltung.svg" loading="lazy" alt="" class="w-6 h-6"/> 4071 <div> 4072 <p class="font-bold">Stadtverwaltung</p> 4073 <p>Stadtplatz 1</p> 4074 <p>93326 Abensberg</p> 4075 </div> 4076 </div> 4077 <div class="lg:mt-4 pb-4 lg:border-b border-body-dark flex flex-row gap-6"> 4078 <img src="/images/icons/Buergertelefon.svg" loading="lazy" alt="" class="w-6 h-6"/> 4079 <div> 4080 <p class="font-bold">Telefon</p> 4081 <a href="tel:+49944391030" class="hover:text-orange transition-all duration-300 text-white">+49 4082 (0) 9443 9103 0</a> 4083 </div> 4084 </div> 4085 <div class="lg:mt-4 flex flex-row gap-6"> 4086 <img src="/images/icons/mail-light.svg" loading="lazy" alt="" class="w-6 h-6"/> 4087 <div> 4088 <p class="font-bold">E-Mail</p> 4089 <a href="mailto:[email protected]" 4090 class="hover:text-orange transition-all duration-300 text-white">[email protected]</a> 4091 </div> 4092 </div> 4093 </div> 4094 </div> 4095 <div class="w-full lg:w-2/12 flex flex-col md:max-lg:items-center"> 4096 <p class="body-lg-font font-bold pt-1 pb-4 border-b border-body-dark">Ãffnungszeiten</p> 4097 <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"> 4098 <div> 4099 <p class="font-bold">Montag bis Freitag</p> 4100 <p>08:00 â 12:00 Uhr</p> 4101 </div> 4102 <div> 4103 <p class="lg:mt-4 font-bold">Donnerstag</p> 4104 <p>08:00 â 12:00 Uhr</p> 4105 <p>13:00 - 17:30 Uhr</p> 4106 </div> 4107 <div> 4108 <p class="mt-2 lg:mt-4 body-sm-font">Sowie nach</p> 4109 <a href="/kontakt" class="text-orange body-sm-font underline">Terminvereinbarung</a> 4110 </div> 4111 </div> 4112 </div> 4113 <div class="max-lg:w-1/2 max-lg:pr-4 w-2/12 flex flex-col"> 4114 <p class="body-lg-font font-bold pt-1 pb-4 border-b border-body-dark">Bürgerservice</p> 4115 <div class="py-4 lg:border-b border-body-dark flex flex-col grow"> 4116 <ul class="space-y-2"> 4117 <li> 4118 <a href="/aktuelles" title="Aktuelles" 4119 class="text-white body-sm-font hover:text-orange transition-all duration-300"> 4120 Aktuelles 4121 </a> 4122 </li> 4123 <li> 4124 <a href="/rathaus" title="Rathaus" 4125 class="text-white body-sm-font hover:text-orange transition-all duration-300"> 4126 Rathaus 4127 </a> 4128 </li> 4129 <li> 4130 <a href="/buergerservice/onlineservice" title="Onlineservice" 4131 class="text-white body-sm-font hover:text-orange transition-all duration-300"> 4132 Onlineservice 4133 </a> 4134 </li> 4135 <li> 4136 <a href="/buergerservice/stadtrecht" title="Stadtrecht" 4137 class="text-white body-sm-font hover:text-orange transition-all duration-300"> 4138 Stadtrecht 4139 </a> 4140 </li> 4141 <li> 4142 <a href="/buergerservice/buergerinfo" title="Bürgerinfo" 4143 class="text-white body-sm-font hover:text-orange transition-all duration-300"> 4144 Bürgerinfo 4145 </a> 4146 </li> 4147 <li> 4148 <a href="/stellenangebote" title="Stellenangebote" 4149 class="text-white body-sm-font hover:text-orange transition-all duration-300"> 4150 Stellenangebote 4151 </a> 4152 </li> 4153 <li> 4154 <a href="/buergerservice/bekanntmachungen" title="Bekanntmachungen" 4155 class="text-white body-sm-font hover:text-orange transition-all duration-300"> 4156 Bekanntmachungen 4157 </a> 4158 </li> 4159 <li> 4160 <a href="/kalender" title="Veranstaltungskalender" 4161 class="text-white body-sm-font hover:text-orange transition-all duration-300"> 4162 Veranstaltungskalender 4163 </a> 4164 </li> 4165 4166 4167 </ul> 4168 </div> 4169 </div> 4170 <div class="max-lg:w-1/2 max-lg:pr-4 w-2/12 flex flex-col"> 4171 <p class="body-lg-font font-bold pt-1 pb-4 border-b border-body-dark">Tourismus</p> 4172 <div class="py-4 lg:border-b border-body-dark flex flex-col grow"> 4173 <ul class="space-y-2"> 4174 <li> 4175 <a href="/touristik/entdecken/stadtplan" title="Stadtplan" 4176 class="text-white body-sm-font hover:text-orange transition-all duration-300"> 4177 Stadtplan 4178 </a> 4179 </li> 4180 <li> 4181 <a href="/touristik/entdecken/anfahrt" title="Anfahrt" 4182 class="text-white body-sm-font hover:text-orange transition-all duration-300"> 4183 Anfahrt 4184 </a> 4185 </li> 4186 <li> 4187 <a href="/touristik/touristinfo" title="Touristinfo" 4188 class="text-white body-sm-font hover:text-orange transition-all duration-300"> 4189 Touristinfo 4190 </a> 4191 </li> 4192 <li> 4193 <a href="/touristik/sehenswuerdigkeiten" title="Sehenswürdigkeiten" 4194 class="text-white body-sm-font hover:text-orange transition-all duration-300"> 4195 Sehenswürdigkeiten 4196 </a> 4197 </li> 4198 <li> 4199 <a href="/touristik/stadtfuehrungen" title="Stadtführungen" 4200 class="text-white body-sm-font hover:text-orange transition-all duration-300"> 4201 Stadtführungen 4202 </a> 4203 </li> 4204 <li>
4205 <a href="/touristik/uebernachten" title="Ãbernachten" 4206 class="text-white body-sm-font hover:text-orange transition-all duration-300"> 4207 Ãbernachten 4208 </a> 4209 </li> 4210 <li> 4211 <a href="/touristik/geniessen" title="GenieÃen" 4212 class="text-white body-sm-font hover:text-orange transition-all duration-300"> 4213 GenieÃen 4214 </a> 4215 </li> 4216 <li> 4217 <a href="/touristik/ausspannen" title="Ausspannen" 4218 class="text-white body-sm-font hover:text-orange transition-all duration-300"> 4219 Ausspannen 4220 </a> 4221 </li> 4222 4223 4224 </ul> 4225 </div> 4226 </div> 4227 <div class="max-lg:w-1/2 max-lg:pr-4 w-2/12 flex flex-col"> 4228 <p class="body-lg-font font-bold pt-1 pb-4 border-b border-body-dark">Wirtschaft</p> 4229 <div class="py-4 lg:border-b border-body-dark flex flex-col grow"> 4230 <ul class="space-y-2"> 4231 <li> 4232 <a href="/wirtschaft/branchenverzeichnis" title="Branchen" 4233 class="text-white body-sm-font hover:text-orange transition-all duration-300"> 4234 Branchen 4235 </a> 4236 </li> 4237 <li> 4238 <a href="/wirtschaft/gewerbegebiete" title="Gewerbegebiet" 4239 class="text-white body-sm-font hover:text-orange transition-all duration-300"> 4240 Gewerbegebiet 4241 </a> 4242 </li> 4243 <li> 4244 <a href="/wirtschaft/gigabit-ausbau" title="Breitbandausbau" 4245 class="text-white body-sm-font hover:text-orange transition-all duration-300"> 4246 Breitbandausbau 4247 </a> 4248 </li> 4249 4250 4251 </ul> 4252 </div> 4253 </div> 4254 <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 "> 4255 <div class="flex items-end"> 4256 <div class="lg:max-w-6 lg:-rotate-90 text-lg whitespace-nowrap"> 4257 Willkommen in <span class="font-bold">#abensberg</span> 4258 </div> 4259 </div> 4260 <div class="max-lg:hidden lg:h-[270px] lg:border-l border-body-dark mx-2"></div> 4261 <div class="flex max-lg:flex-row flex-col space-y-3 max-lg:gap-2 "> 4262 4263 <a href="https://www.instagram.com/stadtabensberg/" aria-label="Instagram" 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/instagram.png" alt="" loading="lazy" class="m-0.5"/> </a> <a 4266 href="https://whatsapp.com/channel/0029VbAl9dzCxoAzyijKBJ46" aria-label="WhatsApp" 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/whatsapp.png" alt="" loading="lazy" class="m-0.5"/> </a> <a 4269 href="https://www.youtube.com/user/Abensberg1" aria-label="YouTube" 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/youtube.png" alt="" loading="lazy" class="m-0.5"/> </a> <a 4272 href="https://www.facebook.com/abensberg.de1/" aria-label="Facebook" 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/facebook.png" alt="" loading="lazy" class="m-0.5"/> </a> <a 4275 href="https://de.pinterest.com/stadtabensberg/" aria-label="Pinterest" 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/pinterest.png" alt="" loading="lazy" class="m-0.5"/> </a> <a 4278 href="https://www.linkedin.com/company/stadt-abensberg" aria-label="LinkedIn" 4279 class="h-10 w-10 flex items-center justify-center rounded-full border border-white hover:bg-white transition-all duration-300"> 4280 <img src="/images/icons/linkedin.png" alt="" loading="lazy" class="m-0.5"/> </a> 4281 4282 </div> 4283 </div> 4284 </div> 4285 <div class="container mx-auto flex flex-col-reverse lg:flex-row justify-between items-center lg:items-start mt-12"> 4286 <img src="/images/Silhouette.png" loading="lazy" alt="Silhouette Abensberg" 4287 class="mt-4 max-lg:h-20"/> 4288 <ul class="flex flex-row max-lg:gap-y-4 gap-8 max-lg:flex-wrap max-lg:justify-center"> 4289 <li> 4290 <a href="/bildung" title="Bildung" 4291 class="text-white body-sm-font hover:text-orange transition-all duration-300"> 4292 Bildung 4293 </a> 4294 </li> 4295 <li> 4296 <a href="/bildung/kinderbetreuung" title="Kindergärten" 4297 class="text-white body-sm-font hover:text-orange transition-all duration-300"> 4298 Kindergärten 4299 </a> 4300 </li> 4301 <li> 4302 <a href="/bildung/schulen" title="Schulen" 4303 class="text-white body-sm-font hover:text-orange transition-all duration-300"> 4304 Schulen 4305 </a> 4306 </li> 4307 <li> 4308 <a href="/leben" title="Leben" 4309 class="text-white body-sm-font hover:text-orange transition-all duration-300"> 4310 Leben 4311 </a> 4312 </li> 4313 <li> 4314 <a href="/leben/bauen-wohnen" title="Bauen & Wohnen" 4315 class="text-white body-sm-font hover:text-orange transition-all duration-300"> 4316 Bauen & Wohnen 4317 </a> 4318 </li> 4319 <li> 4320 <a href="/markenbotschafter" title="Ãber Abensberg" 4321 class="text-white body-sm-font hover:text-orange transition-all duration-300"> 4322 Ãber Abensberg 4323 </a> 4324 </li> 4325 <li> 4326 <a href="/gillamoos" title="Gillamoos" 4327 class="text-white body-sm-font hover:text-orange transition-all duration-300"> 4328 Gillamoos 4329 </a> 4330 </li> 4331 <li> 4332 <a href="/kontakt" title="Kontakt" 4333 class="text-white body-sm-font hover:text-orange transition-all duration-300"> 4334 Kontakt 4335 </a> 4336 </li> 4337 <li> 4338 <a href="/wirtschaft/FastClient.exe" title="Fernwartung" 4339 class="text-white body-sm-font hover:text-orange transition-all duration-300"> 4340 Fernwartung 4341 </a> 4342 </li> 4343 4344 4345 </ul> 4346 </div> 4347 <div class="w-full bg-body-dark -mt-2"> 4348 <div class="container mx-auto flex flex-col lg:flex-row items-center justify-between py-8"> 4349 <ul class="flex flex-row body-sm-font max-md:flex-wrap max-md:justify-center divide-x divide-white"> 4350 <li> 4351 <a href="/impressum" 4352 class="text-white hover:text-orange transition-all duration-300 mx-4">Impressum</a> 4353 </li> 4354 <li> 4355 <a class="text-white hover:text-orange transition-all duration-300 mx-4" href="/datenschutz">Datenschutzerklärung</a> 4356 </li> 4357 <li> 4358 <a href="#" onclick="klaro.show(); return false;" 4359 class="text-white hover:text-orange transition-all duration-300 mx-4">Privatsphäre-Einstellungen</a> 4360 </li> 4361 </ul> 4362 <p class="text-white text-sm max-lg:mt-4">© 2025 Stadt Abensberg</p> 4363 </div> 4364 </div> 4365</footer> 4366 4367 4368 4369 4370
4371<script>
vendor: 475 bytes, lines 4371-4383
4371 4372 (function (w, d, s, l, i) { 4373 w[l] = w[l] || []; 4374 w[l].push({ 4375 'gtm.start': new Date().getTime(), event: 'gtm.js' 4376 }); 4377 var f = d.getElementsByTagName(s)[0], 4378 j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; 4379 j.async = true; 4380 j.src = 4381 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; 4382 f.parentNode.insertBefore(j, f); 4383 })(window, document, 'script', 'dataLayer', '
4383GTM-TPQTJ5
vendor: 4 bytes, line 4383
4383');
4384</script>
4384 4385
4386<script> 4387 var klaroConfig = { 4388 elementID: 'klaro', 4389 storageMethod: 'cookie', 4390 cookieName: 'klaro', 4391 cookieExpiresAfterDays: 365, 4392 privacyPolicy: '/datenschutz', 4393 4394 default: false, 4395 mustConsent: true, 4396 acceptAll: true, 4397 hideDeclineAll: false, 4398 4399 translations: { 4400 // If you erase the "consentModal" translations, Klaro will use the 4401 // bundled translations. 4402 de: { 4403 poweredBy: '', 4404 consentModal: { 4405 description: 4406 'Hier können Sie einsehen und anpassen, welche Information wir über Sie sammeln.', 4407 }, 4408 acceptSelected: 'Ausgewählten zustimmen', 4409 ga: { 4410 description: '' 4411 }, 4412 4413 "google-maps": { 4414 description: '' 4415 }, 4416 4417 youtube: { 4418 description: 'Eingebettete YouTube-Videos werden erst nach Ihrer Zustimmung geladen.' 4419 }, 4420 4421 4422 purposes: { 4423 analytics: 'Besucher-Statistiken', 4424 push: 'Benachrichtigungen', 4425 maps: 'Anfahrtsbeschreibung', 4426 media: 'Externe Medien (Videos)' 4427 }, 4428 }, 4429 }, 4430 4431 // This is a list of third-party apps that Klaro will manage for you. 4432 apps: [ 4433 { 4434 name: 'ga', 4435 title: 'Google Analytics', 4436 purposes: ['analytics'], 4437 cookies: [/^ga/i], 4438 default: false, 4439 optOut: false, 4440 onlyOnce: true, 4441 callback: function (consent, app) { 4442 if (consent !== false) { 4443 dataLayer.push({'event': 'loadgtm-analytics'}) 4444 } 4445 } 4446 }, 4447 { 4448 name: 'google-maps', 4449 title: 'Google Maps', 4450 purposes: ['maps'], 4451 optOut: false, 4452 onlyOnce: true, 4453 default: true, 4454 callback: function (consent, app) { 4455 if (consent) { 4456 window.mapsConsentGiven = true 4457 } 4458 }, 4459 }, 4460 { 4461 name: 'youtube', 4462 title: 'YouTube', 4463 purposes: ['media'], 4464 default: false, 4465 optOut: false, 4466 callback: function (consent, app) { 4467 window.youtubeConsentGiven = consent === true; 4468 document.dispatchEvent(new CustomEvent('abensberg:youtube-consent', { 4469 detail: {consent: consent === true} 4470 })); 4471 }, 4472 } 4473 ], 4474 }; 4475</script>
vendor: 1 bytes, line 4475
4475
4476<script src="/consent/klaro.js" async></script>
4476 4477
4478<script async defer src="/static/eyeable/EA_dynamicLoading_www.abensberg.de.js"></script>
vendor: 1 bytes, line 4478
4478
4479<script async defer src="https://translate-cdn.eye-able.com/eye-able-translate.js"></script>
4479 4480
4481<script> 4482(function() { 4483 window.turnstileWidgets = window.turnstileWidgets || {}; 4484 4485 function initTurnstileContainer(container) { 4486 if (!container || container.querySelector('iframe')) return; 4487 4488 const siteKey = container.dataset.turnstileSitekey; 4489 const inputId = container.dataset.turnstileInput; 4490 const errorId = container.dataset.turnstileError; 4491 4492 if (!siteKey) return; 4493 4494 try { 4495 const widgetId = turnstile.render(container, { 4496 sitekey: siteKey, 4497 callback: function(token) { 4498 const input = document.getElementById(inputId); 4499 if (input) { 4500 input.value = token; 4501 input.dispatchEvent(new Event('input', { bubbles: true })); 4502 } 4503 const errorDiv = document.getElementById(errorId); 4504 if (errorDiv) errorDiv.classList.add('hidden'); 4505 }, 4506 'error-callback': function(error) { 4507 console.error('Turnstile error:', error); 4508 }, 4509 'expired-callback': function() { 4510 turnstile.reset(widgetId); 4511 } 4512 }); 4513 4514 window.turnstileWidgets[container.id] = widgetId; 4515 4516 // Attach form validator 4517 const form = container.closest('form') || document.getElementById('worker-form'); 4518 if (form && !form.dataset.turnstileValidatorAttached) { 4519 form.dataset.turnstileValidatorAttached = 'true'; 4520 form.addEventListener('submit', function(e) { 4521 const activeContainer = form.querySelector('.turnstile-container'); 4522 if (!activeContainer) return; 4523 4524 const activeWidgetId = window.turnstileWidgets[activeContainer.id]; 4525 if (!activeWidgetId) return; 4526 4527 const token = turnstile.getResponse(activeWidgetId); 4528 if (!token) { 4529 e.preventDefault(); 4530 e.stopImmediatePropagation(); 4531 const errId = activeContainer.dataset.turnstileError; 4532 const errDiv = document.getElementById(errId); 4533 if (errDiv) errDiv.classList.remove('hidden'); 4534 } 4535 }, true); 4536 } 4537 } catch (error) { 4538 console.error('Turnstile init error:', error); 4539 } 4540 } 4541 4542 function initAllTurnstileContainers() { 4543 document.querySelectorAll('.turnstile-container[data-turnstile-sitekey]').forEach(function(container) { 4544 if (!container.querySelector('iframe')) { 4545 initTurnstileContainer(container); 4546 } 4547 }); 4548 } 4549 4550 // Load Turnstile API 4551 if (!window.turnstileScriptLoaded) { 4552 window.turnstileScriptLoaded = true; 4553 var script = document.createElement('script'); 4554 script.src = 'https://challenges.cloudflare.com/turnstile/v0/api.js?render=explicit&onload=onTurnstileLoad'; 4555 script.async = true; 4556 document.head.appendChild(script); 4557 4558 window.onTurnstileLoad = function() { 4559 window.turnstileAPIReady = true; 4560 initAllTurnstileContainers(); 4561 }; 4562 } 4563 4564 // Watch for dynamically added containers using MutationObserver 4565 var observer = new MutationObserver(function(mutations) { 4566 if (!window.turnstileAPIReady) return; 4567 4568 mutations.forEach(function(mutation) { 4569 mutation.addedNodes.forEach(function(node) { 4570 if (node.nodeType === 1) { 4571 // Check if the added node is a turnstile container 4572 if (node.classList && node.classList.contains('turnstile-container') && node.dataset.turnstileSitekey) { 4573 setTimeout(function() { initTurnstileContainer(node); }, 50); 4574 } 4575 // Check for turnstile containers within added nodes 4576 var containers = node.querySelectorAll ? node.querySelectorAll('.turnstile-container[data-turnstile-sitekey]') : [];
4577 containers.forEach(function(container) { 4578 setTimeout(function() { initTurnstileContainer(container); }, 50); 4579 }); 4580 } 4581 }); 4582 }); 4583 }); 4584 4585 observer.observe(document.body, { childList: true, subtree: true }); 4586 4587 // Also listen for LiveComponent events as backup 4588 document.addEventListener('live:connect', function() { 4589 if (window.turnstileAPIReady) { 4590 setTimeout(initAllTurnstileContainers, 100); 4591 } 4592 }); 4593 4594 document.addEventListener('live:update', function() { 4595 if (window.turnstileAPIReady) { 4596 setTimeout(initAllTurnstileContainers, 100); 4597 } 4598 }); 4599})(); 4600</script>
4600 4601 4602<easy-speech position="fixed" right="5px"></easy-speech> 4603</body> 4604</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.