PageSourceSearch

https://www.knoten-stadion.de/infomail.html

html knoten-stadion.de collected 2026-10-02 21:09:10 UTC 30,726 bytes, 872 lines download raw bytes

1<!DOCTYPE html>
2<html lang="de">
3<head>
4
5      <meta charset="UTF-8">
6    <title>Projektinfomail - Bahnprojekt Knoten Frankfurt &#40;Main&#41;-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 &#40;Main&#41;-Stadion" aria-label="Startseite Bahnprojekt Knoten Frankfurt &#40;Main&#41;-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 &#40;Main&#41;-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 &amp; 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 &amp; 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?&nbsp;<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">&nbsp;</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">&nbsp;</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">&nbsp;</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.