1<!DOCTYPE html> 2<html lang="de"> 3<head> 4 5 <meta charset="UTF-8"> 6 <title>Projektinfomail - Bahnprojekt Knoten Frankfurt (Main)-Stadion</title> 7 <base href="https://www.knoten-stadion.de/"> 8 9 <meta name="robots" content="index,follow"> 10 <meta name="description" content="Melden Sie sich für unsere Infomail an und erhalten Sie regelmäÃig aktuelle Informationen, News zum Bahnprojekt Knoten Frankfurt-Stadion direkt in Ihr Postfach."> 11 <meta name="keywords" content=""> 12 13 <link rel="stylesheet" href="/assets/css/mmenu.css,pg_lightboxFrame.css,colorbox.min.css,all.min.css,anim...-f7f49ba5.css">
13<script src="/assets/js/jquery.min.js,mmenu.js,pg_lightboxFrame.js-1dcfcbbd.js"></script>
13<meta content="width=device-width, initial-scale=1.0, maximum-scale=2.0, user-scalable=1" name="viewport">
14<script type="text/javascript"> 15 16 var cmp_data = { 17 matomo_site_id: 1087, 18 cmp_environment: 'prod', 19 cmp_profile: 'b-infrastructure', 20 cmp_legal_pages: ['/impressum.html', '/datenschutz.html', '/barrierefreiheitserklaerung.html'], 21 cmp_theme_name: 'DB' 22 }; 23 /* 24 var _mtm = window._mtm = window._mtm || []; 25 _mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'}); 26 (function() { 27 var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 28 g.async=true; g.src='https://dbwas.service.deutschebahn.com/piwik/js/container_R4aFmA2c.js'; s.parentNode.insertBefore(g,s); 29 })(); 30*/ 31</script>
vendor: 1 bytes, line 31
31
32<script src="https://consent.service.deutschebahn.com/tag.js" async></script>
32 33 34 35</head> 36<body id="top" class="{{ua::class|attr}}"> 37 38 39 40 <skiplinks> 41 <a title="Zur Navigation" class="screen-reader-text" target="_self" href="infomail.html#navBar" tabindex="0">Zur Navigation springen</a> 42 <a title="Zum Hauptinhalt" class="screen-reader-text" target="_self" href="infomail.html#main" tabindex="0">Zum Hauptinhalt springen</a> 43 <a title="Zum Footer" class="screen-reader-text" target="_self" href="infomail.html#fooBar" tabindex="0">Zum Footer springen</a> 44 <a title="Zur Suche" class="screen-reader-text" target="_self" href="infomail.html#searchToggle" tabindex="0">Zur Suche springen</a> 45 </skiplinks> 46 47 48 49 <div id="wrapper"> 50 51 <header id="header"> 52 <div class=""> 53 54<div id="headBar" class="inside"> 55 <div id="logo"> 56 <a href="/knoten-ffm.html" title="Startseite Bahnprojekt Knoten Frankfurt" id="topLink"> 57 <img src="/files/sysImg/DB_logo_red_200px_rgb.png" alt="Logo DB AG"> 58 <div id="pageTitle">Bahnprojekt <span class="mobilUmbruch">Knoten Frankfurt-Stadion</span></div> 59 </a> 60 </div> 61 <div id="searchBar"> 62 <div id="searchInput" aria-hidden="true"> 63 <form method="GET" action="suche.html" id="tl_search"> 64 <label for="seainp" class="invisible">Suchbegriff eingeben</label> 65 <input id="seainp" oninput="toggleButtonText(this)" type="text" name="keywords" autocomplete="off" placeholder="Suchbegriff eingeben..." style="display: block;" tabindex="-1"> 66 <input class="submit" type="submit" value="Suchen"> 67 </form> 68 </div> 69<button id="searchToggle" aria-label="Suchfeld öffnen" aria-expanded="false" aria-controls="searchBar" onclick="searchToggle()"> 70 <img src="/files/sysImg/header_icons/ic-db_action_search_32.svg" alt="" aria-hidden="true"> 71</button> 72 </div> 73 <div id="mobileNavTrigger"> 74 <a href="#mobileNav" title="Mobiles Menu" aria-label="Mobiles Menu öffnen"> 75 <img src="/files/sysImg/navigationfull_icons/ic-db_navigation_menu_32_red.svg" alt="" aria-hidden="true"> 76 </a> 77 </div> 78</div> 79 80<div id="navBar"> 81 <div class="row inside"> 82 83<!-- indexer::stop --> 84<nav class="mod_navigation block" id="mainNavigation"> 85 86 87 <a href="/infomail.html#skipNavigation2" class="invisible">Navigation überspringen</a> 88 89 90<ul class="level_1 "> 91 92 93 <li id="homeBtn" class=""> 94 <a href="/knoten-ffm.html" title="Startseite Bahnprojekt Knoten Frankfurt (Main)-Stadion" aria-label="Startseite Bahnprojekt Knoten Frankfurt (Main)-Stadion"> 95 <svg role="img" width="24px" height="24px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 96 <title>Zur Startseite Bahnprojekt Knoten Frankfurt (Main)-Stadion</title> 97 <g id="" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> 98 <g id="homeIcon" fill="#ffffff" style="fill:#282d37"> 99 <path d="M16,2 C16.6875,2 17.4368,2.2195 17.9688,2.75 L29.7188,14.4688 C29.9062,14.6562 30,14.9375 30,15.1875 C30,15.75 29.5312,16.1875 29,16.1875 C28.7812,16.1875 28.5,16.0938 28.375,15.9688 L27,14.5938 L27,29 C27,29.5161 26.625,30 26.125,30 L19,30 C18.5,30 18.0312,29.625 18.0312,29.125 L18.0312,22 L14,22 L14,29 C14,29.5161 13.5938,30 13.0938,30 L6,30 C5.4992,30 5,29.625 5,29.125 L5,14.5938 L3.7188,15.875 C3.5,16.0938 3.25,16.1875 3,16.1875 C2.75,16.1875 2.4688,16.0625 2.2812,15.875 C2.0938,15.6875 2,15.4375 2,15.1875 C2,14.9688 2.0625,14.7188 2.2188,14.5625 L13.875,2.875 C14.468,2.2805 15.2188,2 16,2 Z M16,4 C15.7812,4 15.5312,4.0625 15.375,4.2188 L7,12.5938 L7,28 L12,28 L12,21 C12,20.4688 12.375,20 12.875,20 L19,20 C19.5312,20 20,20.375 20,20.875 L20,28 L25,28 L25,12.5938 L16.7188,4.2812 C16.5316,4.0934 16.25,4 16,4 Z" id="ð¨-Color"></path> 100 </g> 101 </g> 102 </svg> 103 </a> 104 </li> 105 106 107 108 109 <li 110 class="submenu trail"> 111 112 <a href="/meldungen.html" title="Meldung zum Projekt" class="submenu trail" aria-haspopup="true"> 113 <span>Aktuelles</span> 114 </a> 115 116<ul class="level_2 fullSubNav"> 117 118 119 <div class="inside"> 120 121 122 <li 123 class="sibling"> 124 125 <a href="/meldungen.html" title="Aktuelle Meldungen" class="sibling" > 126 <span>Anwohnendeninfos & Meldungen</span> 127 </a> 128 </li> 129 130 <li 131 class="sibling"> 132 133 <a href="/baustellen-journal.html" title="Baustellenblog" class="sibling" > 134 <span>
134Baustellen-Journal</span> 135 </a> 136 </li> 137 138 <li class="active"> 139 <strong aria-current="page" class="active"> 140 Infomail </strong> </li> 141 142 143 </div></ul> 144 </li> 145 146 <li 147 class="submenu"> 148 149 <a href="/projektuebersicht.html" title="Projekt" class="submenu" aria-haspopup="true"> 150 <span>Projekt</span> 151 </a> 152 153<ul class="level_2 fullSubNav"> 154 155 156 <div class="inside"> 157 158 159 <li 160 > 161 162 <a href="/projektuebersicht.html" title="Projektüberblick" > 163 <span>Projektübersicht</span> 164 </a> 165 </li> 166 167 <li 168 > 169 170 <a href="/ziele-und-nutzen.html" title="Absichten und Vorteile" > 171 <span>Ziele und Nutzen</span> 172 </a> 173 </li> 174 175 <li 176 > 177 178 <a href="/zeitplan.html" title="Ablaufplan" > 179 <span>Zeitplan</span> 180 </a> 181 </li> 182 183 <li 184 > 185 186 <a href="/planfeststellungsverfahren.html" title="Genehmigungsverfahren" > 187 <span>Planfeststellungsverfahren</span> 188 </a> 189 </li> 190 191 <li 192 > 193 194 <a href="/projekt/deutschlandtakt.html" title="Der Deutschlandtakt" > 195 <span>Deutschlandtakt</span> 196 </a> 197 </li> 198 199 <li 200 > 201 202 <a href="/frankfurt-rheinmain-plus.html" title="RheinMain plus" > 203 <span>Frankfurt RheinMain plus</span> 204 </a> 205 </li> 206 207 </div></ul> 208 </li> 209 210 <li 211 class="submenu"> 212 213 <a href="/schall-und-erschuetterungsschutz.html" title="Mensch & Umwelt" class="submenu" aria-haspopup="true"> 214 <span>Mensch & Umwelt</span> 215 </a> 216 217<ul class="level_2 fullSubNav"> 218 219 220 <div class="inside"> 221 222 223 <li 224 > 225 226 <a href="/schall-und-erschuetterungsschutz.html" title="SchutzmaÃnahmen für Anwohnende" > 227 <span>Schall- und Erschütterungsschutz</span> 228 </a> 229 </li> 230 231 <li 232 > 233 234 <a href="/natur-und-umweltschutz.html" title="Umweltschutz" > 235 <span>Natur- und Umweltschutz</span> 236 </a> 237 </li> 238 239 <li 240 > 241 242 <a href="https://nachhaltigkeit.deutschebahn.com/de/oekologische-transformation/klimaschutz" title="Klimaschutz" target="_blank" rel="noreferrer noopener" > 243 <span>Klimaschutz</span> 244 </a> 245 </li> 246 247 </div></ul> 248 </li> 249 250 <li 251 class="submenu"> 252 253 <a href="/kontaktformular.html" title="Kontakt" class="submenu" aria-haspopup="true"> 254 <span>Kontakt</span> 255 </a> 256 257<ul class="level_2 fullSubNav"> 258 259 260 <div class="inside"> 261 262 263 <li 264 > 265 266 <a href="/kontaktformular.html" title="Kontaktformular" > 267 <span>Kontakt</span> 268 </a> 269 </li> 270 271 </div></ul> 272 </li> 273 274 <li 275 class="submenu"> 276 277 <a href="/downloads.html" title="Infothek" class="submenu" aria-haspopup="true"> 278 <span>Infothek</span> 279 </a> 280 281<ul class="level_2 fullSubNav"> 282 283 284 <div class="inside"> 285 286 287 <li 288 > 289 290 <a href="/presseinformationen.html" title="Pressetexte" > 291 <span>Presseinformationen</span> 292 </a> 293 </li> 294 295 <li 296 > 297 298 <a href="/downloads.html" title="Downloads" > 299 <span>Downloads</span> 300 </a> 301 </li> 302 303 <li 304 > 305 306 <a href="/bilder-und-grafiken.html" title="Bilddateien" > 307 <span>Bilder und Grafiken</span> 308 </a> 309 </li> 310 311 </div></ul> 312 </li> 313 314 </ul> 315 316 <span id="skipNavigation2" class="invisible"></span> 317 318</nav> 319<!-- indexer::continue --> 320 321 </div> 322 323</div> 324 325<div id="serviceIconsBar"> 326 <div class="serviceIcon mail"> 327 <a href="kontakt.html" title="Zum Kontakt" aria-label="Zum Kontakt"><i class="far fa-envelope" aria-hidden="true"></i></a> 328 </div> 329<div class="serviceIcon newsletter"> 330 <a href="infomail.html" title="Anmeldung zur Infomail" aria-label="Anmeldung zur Infomail"> 331 <img src="/files/sysImg/Newsletter_1.svg" alt="" aria-hidden="true"> 332 </a> 333 </div> 334 335</div> 336<!-- indexer::stop --> 337<nav class="mod_mmenu" id="mobileNav"> 338 339 340 341<ul class="level_1"> 342 <li class="submenu trail"><a href="/meldungen.html" title="Meldung zum Projekt" class="submenu trail" aria-haspopup="true">Aktuelles</a> 343<ul class="level_2"> 344 <li class="sibling"><a href="/meldungen.html" title="Aktuelle Meldungen" class="sibling">Anwohnendeninfos & Meldungen</a></li> 345 <li class="sibling"><a href="/baustellen-journal.html" title="Baustellenblog" class="sibling">Baustellen-Journal</a></li> 346 <li class="active"><span class="active">Infomail</span></li> 347 </ul> 348</li> 349 <li class="submenu"><a href="/projektuebersicht.html" title="Projekt" class="submenu" aria-haspopup="true">Projekt</a> 350<ul class="level_2"> 351 <li><a href="/projektuebersicht.html" title="Projektüberblick">Projektübersicht</a></li> 352 <li><a href="/ziele-und-nutzen.html" title="Absichten und Vorteile">Ziele und Nutzen</a></li> 353 <li><a href="/zeitplan.html" title="Ablaufplan">Zeitplan</a></li> 354 <li><a href="/planfeststellungsverfahren.html" title="Genehmigungsverfahren">Planfeststellungsverfahren</a></li> 355 <li><a href="/projekt/deutschlandtakt.html" title="Der Deutschlandtakt">
355Deutschlandtakt</a></li> 356 <li><a href="/frankfurt-rheinmain-plus.html" title="RheinMain plus">Frankfurt RheinMain plus</a></li> 357 </ul> 358</li> 359 <li class="submenu"><a href="/schall-und-erschuetterungsschutz.html" title="Mensch & Umwelt" class="submenu" aria-haspopup="true">Mensch & Umwelt</a> 360<ul class="level_2"> 361 <li><a href="/schall-und-erschuetterungsschutz.html" title="SchutzmaÃnahmen für Anwohnende">Schall- und Erschütterungsschutz</a></li> 362 <li><a href="/natur-und-umweltschutz.html" title="Umweltschutz">Natur- und Umweltschutz</a></li> 363 <li><a href="https://nachhaltigkeit.deutschebahn.com/de/oekologische-transformation/klimaschutz" title="Klimaschutz" target="_blank" rel="noreferrer noopener">Klimaschutz</a></li> 364 </ul> 365</li> 366 <li class="submenu"><a href="/kontaktformular.html" title="Kontakt" class="submenu" aria-haspopup="true">Kontakt</a> 367<ul class="level_2"> 368 <li><a href="/kontaktformular.html" title="Kontaktformular">Kontakt</a></li> 369 </ul> 370</li> 371 <li class="submenu"><a href="/downloads.html" title="Infothek" class="submenu" aria-haspopup="true">Infothek</a> 372<ul class="level_2"> 373 <li><a href="/presseinformationen.html" title="Pressetexte">Presseinformationen</a></li> 374 <li><a href="/downloads.html" title="Downloads">Downloads</a></li> 375 <li><a href="/bilder-und-grafiken.html" title="Bilddateien">Bilder und Grafiken</a></li> 376 </ul> 377</li> 378 </ul> 379 380</nav> 381<!-- indexer::continue --> 382 </div> 383 </header> 384 385 386 <div id="container"> 387 388 <div id="main" role="main"> 389 <div class=""> 390 391 392 <div class="mod_article block" id="article-29"> 393 394 395<div class=" row inside space"> 396 397 398<div class=" cleverReachFrame"> 399 400 401<h1 class="ce_headline bigup"> 402 Infos zum Projekt direkt in Ihren Posteingang</h1> 403 404<div class="ce_text down block"> 405 406 407 408 <p>Möchten Sie auf dem Laufenden bleiben und aktuelle Infos zum Bahnprojekt Knoten Frankfurt-Stadion bekommen? Dann melden Sie sich gerne für unsere Infomail an. AnschlieÃend erhalten Sie eine E-Mail, in der Sie die Anmeldung bestätigen müssen. Bitte schauen Sie ggf. in Ihrem Spam-Ordner nach.</p> 409 410 411 412</div> 413 414 <div class="lightboxFrameOuterRow " > 415 <div class="hint invisible"></div> 416 417 <a href="/infomail.html#skipMapAnchorQbRhLepG" class="invisible lightboxFrameSkipLink">Element überspringen</a> 418 419 <div class="pg_NoLightboxOuter frameHeightClass" id="mapWrapperQbRhLepG" style="height: 400px"> 420 <iframe id="" title="" src="https://414528.newsletter.deutschebahn.com/f/414528-240739/" width="100%" height="100%" class="pg_NoLightboxFrame" allowfullscreen></iframe> 421 <div></div> 422 </div> 423 <span id="skipMapAnchorQbRhLepG"></span> 424 </div> 425 426 427 428 429 430 431 432 433 434 435 436 437 438 439<div class="ce_text block"> 440 441 442 443 <p>Sie möchten keine Benachrichtigungen mehr erhalten? <a title="Im aktuellen Fenster die Abmeldeseite öffnen." href="/infomail/infomail-abmelden.html">Dann melden Sie sich hier ab.</a></p> 444 445 446 447</div> 448</div> 449</div> 450 451 </div> 452 453 454<div class="row inside bigspace" id="iconmenu"> 455 456<div class="col3 offset3 block"> 457 <a href="aktuelles.html" title="Zu aktuelle Nachrichten" aria-label="Zu aktuelle Nachrichten"> 458 <div class="inner textcenter"> 459 <p>Aktuelles</p> 460 <div class="backline"> </div> 461 <figure class="image_container float_above"> 462 <img src="/files/sysImg/Icon_Newspaper.svg" aria-hidden="true" alt=""> 463 </figure> 464 <div class="morecirc lightgray"><i class="fa fa-angle-right fa-2x" aria-hidden="true"></i></div> 465 </div> 466 </a> 467</div> 468 469<div class="col3 block"> 470 <a href="/downloads.html" title="Zur Infothek" aria-label="Zur Infothek"> 471 <div class="inner textcenter"> 472 <p>Infothek</p> 473 <div class="backline"> </div> 474 <figure class="image_container float_above"> 475 <img src="/files/sysImg/Icon_Information.svg" aria-hidden="true" alt=""> 476 </figure> 477 <div class="morecirc lightgray"><i class="fa fa-angle-right fa-2x" aria-hidden="true"></i></div> 478 </div> 479 </a> 480</div> 481 482<div class="col3 block"> 483 <a href="kontakt.html" title="Zum Kontakt" aria-label="Zum Kontakt"> 484 <div class="inner textcenter"> 485 <p>Kontakt</p> 486 <div class="backline"> </div> 487 <figure class="image_container float_above"> 488 <img src="/files/sysImg/Icon_Contact.svg" aria-hidden="true" alt=""> 489 </figure> 490 <div class="morecirc lightgray"><i class="fa fa-angle-right fa-2x" aria-hidden="true"></i></div> 491 </div> 492 </a> 493</div> 494 495 496</div> </div> 497 </div> 498 499 500 501 </div> 502 503 504 <footer id="footer"> 505 <div class=""> 506 507<div id="fooBar" class="row"> 508 <div class="row inside "> 509 <div class="col6"> 510 511<!-- indexer::stop --> 512<nav class="mod_navigation block"> 513 514 <h2>Rechtliche Angaben und Kontakt</h2> 515 516 <a href="/infomail.html#skipNavigation7" class="invisible">Navigation überspringen</a> 517 518 519<ul class="level_1"> 520 521 <li> 522 <a 523 href="/kontaktformular.html" 524 aria-label="Kontakt" 525 title="Kontakt" 526 itemprop="url" 527 >
528 <span itemprop="name">Kontakt</span> 529 </a> 530 </li> 531 532 <li> 533 <a 534 href="/impressum.html" 535 aria-label="Rechtliche Hinweise" 536 title="Rechtliche Hinweise" 537 itemprop="url" 538 > 539 <span itemprop="name">Impressum</span> 540 </a> 541 </li> 542 543 <li> 544 <a 545 href="/datenschutz.html" 546 aria-label="Datenschutzrichtlinie" 547 title="Datenschutzrichtlinie" 548 itemprop="url" 549 > 550 <span itemprop="name">Datenschutz</span> 551 </a> 552 </li> 553 554 <li> 555 <a 556 href="/barrierefreiheitserklaerung.html" 557 aria-label="Erklärung der Barrierefreiheit" 558 title="Erklärung der Barrierefreiheit" 559 itemprop="url" 560 > 561 <span itemprop="name">Barrierefreiheitserklärung</span> 562 </a> 563 </li> 564 <li> <button type="button" onclick="window.DB_CMP.showSecondLayer()">Analyse verwalten</button></li> 565</ul> 566 <span id="skipNavigation7" class="invisible"></span> 567 568</nav> 569<!-- indexer::continue --> 570 571 </div> 572 <div class="col6 last textright" id="copyright"> 573<div id="frmPlusLogo"> 574<span>Ein Projekt von </span> 575 <a href="https://www.frmplus.de/home.html" target="_blank" title="frmplus.de in neuem Fenster öffnen" aria-label="frmplus.de in neuem Fenster öffnen"> 576 <img src="/files/sysImg/FRMplus-neg-logo_weis.svg" alt="" aria-hidden="true"> 577 </a> 578</div> 579<div id="dTaktLogo"> 580 <a href="https://www.deutschlandtakt.de/" target="_blank" title="Ãffne deutschlandtakt.de in neuem Fenster" aria-label="Ãffne deutschlandtakt.de in neuem Fenster"> 581 <img src="/files/sysImg/Deutschlandtakt_Logo_Claim_Siegel_Kontur_RGB_Variante1.svg" alt="" aria-hidden="true"> 582 </a> 583</div> 584 <p>© DB InfraGO AG</p> 585 </div> 586 </div> 587</div> </div> 588 </footer> 589 590 </div> 591 592 593
593<script src="/assets/colorbox/js/colorbox.min.js?v=1.6.4.3"></script>
vendor: 1 bytes, line 593
593
594<script> 595jQuery(function($) { 596 $('a[data-lightbox]').map(function() { 597 $(this).colorbox({ 598 loop: false, 599 rel: $(this).attr('data-lightbox'), 600 maxWidth: '85%', 601 maxHeight: '85%', 602 current: "{current} von {total}", 603 onOpen: function() { 604 $('#colorbox').removeAttr('aria-hidden'); // Sicherstellen, dass die Box NICHT aria-hidden ist 605 $('#background-element').attr('inert', ''); // Hintergrund deaktivieren 606 observeAriaHidden($('#colorbox')); // Aria-Hidden überwachen 607 }, 608 onComplete: function() { 609 setTimeout(function() { 610 fixAriaHidden(); // Entferne aria-hidden von Buttons 611 trapFocus($('#colorbox')); 612 }, 50); 613 }, 614 onCleanup: function() { 615 removeTrapFocus(); 616 $('#background-element').removeAttr('inert'); // Hintergrund wieder aktivieren 617 } 618 }); 619 }); 620 621 function trapFocus(element) { 622 var focusableElements = element.find('a, button, input, textarea, select, [tabindex]:not([tabindex="-1"])') 623 .filter(':visible') 624 .not('[aria-hidden="true"]'); // Verhindere aria-hidden Elemente 625 626 if (focusableElements.length === 0) { 627 //console.warn("Keine gültigen fokussierbaren Elemente gefunden, setze Fokus auf #colorbox"); 628 element.attr('tabindex', '-1').focus(); 629 return; 630 } 631 632 var firstFocusable = focusableElements.first(); 633 var lastFocusable = focusableElements.last(); 634 635 firstFocusable.focus(); 636 637 element.on('keydown.trapFocus', function(e) { 638 if (e.key === 'Tab' || e.keyCode === 9) { 639 if (e.shiftKey && document.activeElement === firstFocusable[0]) { 640 e.preventDefault(); 641 lastFocusable.focus(); 642 } else if (!e.shiftKey && document.activeElement === lastFocusable[0]) { 643 e.preventDefault(); 644 firstFocusable.focus(); 645 } 646 } 647 }); 648 } 649 650 function removeTrapFocus() { 651 $('#colorbox').off('keydown.trapFocus'); 652 } 653 654 function fixAriaHidden() { 655 $('#colorbox button, #colorbox a').each(function() { 656 var $this = $(this); 657 if ($this.is(':visible') && $this.attr('aria-hidden') === "true") { 658 //console.warn("Fixing aria-hidden on:", this); 659 $this.removeAttr('aria-hidden'); 660 } 661 }); 662 } 663 664 function observeAriaHidden(element) { 665 var observer = new MutationObserver(function(mutations) { 666 mutations.forEach(function(mutation) { 667 if (mutation.attributeName === "aria-hidden") { 668 //console.warn("aria-hidden wurde unerwartet gesetzt! Entferne es."); 669 element.removeAttr("aria-hidden"); 670 } 671 }); 672 }); 673 674 observer.observe(element[0], { attributes: true }); 675 } 676}); 677</script>
677 678
679<script> 680document.addEventListener('DOMContentLoaded', () => { 681 682 document.querySelectorAll('.ce_accordion').forEach((accordion, groupIndex) => { 683 684 const togglers = accordion.querySelectorAll('.toggler'); 685 686 togglers.forEach((toggler, index) => { 687 const content = toggler.nextElementSibling; 688 689 if (!content || !content.classList.contains('accordion')) return; 690 691 const headerId = `accordion-header-${groupIndex}-${index}`; 692 const panelId = `accordion-panel-${groupIndex}-${index}`; 693 694 // --- ARIA RESET (wichtig, da Altlasten vorhanden sind) 695 toggler.removeAttribute('role'); 696 toggler.removeAttribute('aria-controls'); 697 toggler.removeAttribute('aria-expanded'); 698 toggler.removeAttribute('tabindex'); 699 toggler.removeAttribute('id'); 700 701 content.removeAttribute('role'); 702 content.removeAttribute('aria-labelledby'); 703 content.removeAttribute('aria-hidden'); 704 content.removeAttribute('id'); 705 706 // --- SAUBER NEU SETZEN 707 toggler.setAttribute('role', 'button'); 708 toggler.setAttribute('id', headerId); 709 toggler.setAttribute('aria-controls', panelId); 710 toggler.setAttribute('aria-expanded', 'false'); 711 toggler.setAttribute('tabindex', '0'); 712 713 content.setAttribute('role', 'region'); 714 content.setAttribute('id', panelId); 715 content.setAttribute('aria-labelledby', headerId); 716 content.hidden = true; 717 718 // Falls noch inline style von jQuery UI da ist: 719 //content.style.display = 'none'; 720 721 // --- CLICK 722 /* 723 toggler.addEventListener('click', () => 724 { 725 const isOpen = toggler.getAttribute('aria-expanded') === 'true'; 726 727 toggler.setAttribute('aria-expanded', !isOpen); 728 content.hidden = isOpen; 729 }); 730 */ 731 732 toggler.addEventListener('click', () => { 733 const isOpen = toggler.getAttribute('aria-expanded') === 'true'; 734 735 // Alle schlieÃen 736 togglers.forEach((otherToggler) => { 737 const otherContent = otherToggler.nextElementSibling; 738 739 otherToggler.setAttribute('aria-expanded', 'false'); 740 if (otherContent) otherContent.hidden = true; 741 }); 742 743 // Aktuelles öffnen 744 if (!isOpen) { 745 toggler.setAttribute('aria-expanded', 'true'); 746 content.hidden = false; 747 } 748 }); 749 750 751 // --- KEYBOARD (Space + Enter) 752 toggler.addEventListener('keydown', (e) => { 753 if (e.key === ' ' || e.key === 'Enter') { 754 e.preventDefault(); 755 toggler.click(); 756 } 757 }); 758 }); 759 760 }); 761 762}); 763</script>
763<script> 764document.addEventListener("DOMContentLoaded", function () { 765 const menu = document.querySelector('#mobileNav'); 766 767 if (menu) { 768 const mmenuInstance = new Mmenu('#mobileNav', {"navbar":{"title":"Men\u00fc"},"offCanvas":{"position":"right-front"},"theme":"white-contrast"}, {"classNames":{"selected":"active"}}); 769 770 setTimeout(() => { 771 const panelsContainer = menu.querySelector('.mm-panels'); 772 773 if (panelsContainer) { 774 // Header mit SchlieÃen-Button 775 const barTop = document.createElement("section"); 776 barTop.classList.add("bar-top"); 777 barTop.innerHTML = ` 778 <a class="trigger-mmenu-close" href="#"> 779 <svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 780 <title>Menü schlieÃen</title> 781 <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> 782 <g id="32dp-Icon/Navigation/Close" fill="#282D37"> 783 <path d="M7.6181,6.1942 L16,14.5761 L24.2928,6.2993 C24.5033,6.0891 24.7379,6 24.9968,6 C25.5469,6 26,6.4207 26,7.0032 C26,7.2621 25.9353,7.4563 25.7092,7.6828 L17.4239,16 L25.7091,24.3172 C25.9029,24.5113 26,24.7702 26,24.9968 C26,25.5469 25.5793,26 24.9968,26 C24.7379,26 24.5437,25.9353 24.3172,25.7092 L16,17.4239 L7.7072,25.7007 C7.4967,25.9109 7.2621,26 7.0032,26 C6.4531,26 6,25.5793 6,24.9968 C6,24.7379 6.0647,24.5437 6.2908,24.3172 L14.5761,16 L6.2909,7.6828 C6.0971,7.4887 6,7.2298 6,7.0032 C6,6.4531 6.4207,6 7.0032,6 C7.1974,6 7.4239,6.0647 7.6181,6.1942 Z" id="ð¨-Color"></path> 784 </g> 785 </g> 786 </svg> 787 </a> 788 `; 789 790 // Suchfeld erstellen 791 const searchBar = document.createElement("div"); 792 searchBar.classList.add("mm-search-bar-top"); 793 searchBar.innerHTML = ` 794 <div id="mm-searchBar" class="active"> 795 <div id="mm-searchInput"> 796 <form method="GET" action="suche.html" id="tl_search"> 797 <label for="mm-seainp" class="invisible">Suchbegriff eingeben</label> 798 <input id="mm-seainp" oninput="toggleButtonText(this)" type="text" name="keywords" autofocus="" autocomplete="off" placeholder="Suchbegriff eingeben..." > 799 <input class="submit" type="button" value="submit"> 800 </form> 801 </div> 802 <div id="mm-searchToggle"> 803 <img src="/files/sysImg/header_icons/ic-db_action_search_32.svg" alt="" aria-hidden="true"> 804 </div> 805 </div> 806 `; 807 808 // Beide Elemente einfügen 809 panelsContainer.insertAdjacentElement('beforebegin', barTop); 810 barTop.insertAdjacentElement('afterend', searchBar); 811 812 // Menü schlieÃen, wenn der Button geklickt wird 813 const closeTrigger = barTop.querySelector(".trigger-mmenu-close"); 814 if (closeTrigger) { 815 closeTrigger.addEventListener("click", function (event) { 816 event.preventDefault(); 817 const api = mmenuInstance.API; 818 if (api) { 819 api.close(); 820 } 821 }); 822 } 823 824 // Hier wird der <span>-Wrapper um Text in <a> und <span> eingefügt 825 document.querySelectorAll(".mm-listitem > a.mm-listitem__text, .mm-listitem > span.mm-listitem__text, .mm-listitem--selected > strong").forEach(element => 826 { 827 if (element.childNodes.length === 1 && element.childNodes[0].nodeType === 3) { 828 let span = document.createElement("span"); 829 span.classList.add("menu-text-wrapper"); // Klasse für das neue Span-Element 830 span.textContent = element.textContent.trim(); 831 element.textContent = ""; 832 element.appendChild(span); 833 } 834 }); 835 836 } 837 }, 100); 838 } 839}); 840 841 842 843 844</script>
vendor: 1 bytes, line 844
844
845<script src="/files/js/pg_full_navigation_barrierfree.js?v=174f7609"></script>
845<script src="/files/js/pg_main.js?v=d3fae9f9"></script>
845<script type="application/ld+json"> 846{ 847 "@context": "https:\/\/schema.org", 848 "@graph": [ 849 { 850 "@type": "WebPage" 851 } 852 ] 853} 854</script>
vendor: 1 bytes, line 854
854
855<script type="application/ld+json"> 856{ 857 "@context": "https:\/\/schema.contao.org", 858 "@graph": [ 859 { 860 "@type": "Page", 861 "fePreview": false, 862 "groups": [], 863 "noSearch": false, 864 "pageId": 19, 865 "protected": false, 866 "title": "Projektinfomail" 867 } 868 ] 869} 870</script>
870 871</body> 872</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.