PageSourceSearch

https://www.karlsruhe-basel.de/technik-innovation.html

html karlsruhe-basel.de collected 2026-10-02 11:41:58 UTC 43,392 bytes, 1,180 lines download raw bytes

1<!DOCTYPE html>
2<html lang="de">
3<head>
4
5      <meta charset="UTF-8">
6    <title>Zur Technik &amp; Innovation - Das Bahnprojekt Karlsruhe – Basel</title>
7    <base href="https://www.karlsruhe-basel.de/">
8
9          <meta name="robots" content="index,follow">
10      <meta name="description" content="Viele Technologien kamen auf der Strecke Karlsruhe–Basel erstmals zum Einsatz. Das Projekt ist wegweisend für technologischen Fortschritt im Bahnverkehr.">
11      <meta name="keywords" content="">
12      <meta name="facebook-domain-verification" content="u1rvvtvnudd140443szsdzoysz2n2i" />
13	  <meta name="twitter:card" content="summary"></meta>
14	  
15	  <meta property="og:title" content="Zur Technik &amp; Innovation - Das Bahnprojekt Karlsruhe – Basel">
16	  <meta property="og:description" content="Viele Technologien kamen auf der Strecke Karlsruhe–Basel erstmals zum Einsatz. Das Projekt ist wegweisend für technologischen Fortschritt im Bahnverkehr.">
17
18    
19            <link rel="stylesheet" href="/assets/css/contao_backend.css,mmenu.css,pg_headpicture.css,copyright.css,co...-504e925f.css">        
19<script src="/assets/js/jquery.min.js,mmenu.js-0dc4b53a.js"></script>
19<link rel="alternate" hreflang="de" href="https://www.karlsruhe-basel.de/technik-innovation.html">
20<link rel="alternate" hreflang="x-default" href="https://www.karlsruhe-basel.de/technik-innovation.html">
21<link rel="alternate" hreflang="de-LS" href="https://www.karlsruhe-basel.de/technik-innovation-2.html">
22<meta content="width=device-width, initial-scale=1.0, maximum-scale=2.0, user-scalable=1" name="viewport">
23<script type="text/javascript"> 
24
25	var cmp_data = { 
26		matomo_site_id: 1116,
27		cmp_environment: 'prod',
28	    cmp_profile: 'b-infrastructure',
29		cmp_legal_pages: ['/impressum.html', '/datenschutz.html', '/barrierefreiheitserklaerung.html'],
30		cmp_theme_name: 'DB'
31	}; 
32	/*
33  var _mtm = window._mtm = window._mtm || [];
34  _mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
35  (function() {
36    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
37    g.async=true; g.src='https://dbwas.service.deutschebahn.com/piwik/js/container_R4aFmA2c.js'; s.parentNode.insertBefore(g,s);
38  })();
39  */
40</script>
vendor: 1 bytes, line 40
40
41<script src="https://consent.service.deutschebahn.com/tag.js" async></script>
41
42
43
44  
45</head>
46<body id="top" class="normLanguagePage">
47
48
49
50		<skiplinks> 
51			
52			<a title="Zur Navigation" class="screen-reader-text" target="_self" href="technik-innovation.html#navBar" tabindex="0">Zur Navigation springen</a> 
53			<a title="Zum Hauptinhalt" class="screen-reader-text" target="_self" href="technik-innovation.html#main" tabindex="0">Zum Hauptinhalt springen</a> 
54			<a title="Zum Footer" class="screen-reader-text" target="_self" href="technik-innovation.html#fooBar" tabindex="0">Zum Footer springen</a>
55		</skiplinks>
56		
57
58      
59    <div id="wrapper">
60
61                        <header id="header">
62            <div class="">
63              
64<div id="headBar" class="inside">
65	<div id="logo">
66		<a href="/bahnprojekt-karlsruhebasel.html" title="Startseite Ausbau- und Neubaustrecke Karlsruhe–Basel" aria-label="Startseite Ausbau- und Neubaustrecke Karlsruhe–Basel" id="topLink">
67			<img src="/files/sysImg/DB_logo_red_200px_rgb.png" alt="Logo DB AG">
68			<div id="pageTitle">Bahnprojekt Karlsruhe – Basel</div>
69		</a>
70	</div>
71	<div id="searchBar">
72		<div id="searchInput" aria-hidden="true">
73			<form method="GET" action="suche.html" id="tl_search">
74				<label for="seainp" class="invisible">Suchbegriff eingeben</label>
75				<input id="seainp" oninput="toggleButtonText(this)" type="text" name="keywords" autocomplete="off" placeholder="Suchbegriff eingeben..." style="display: block;" tabindex="-1">
76				<input class="submit" type="submit" value="Suchen">			
77			</form>
78		</div>
79<button id="searchToggle" aria-label="Suchfeld öffnen" aria-expanded="false" aria-controls="searchBar" onclick="searchToggle()">
80    <img src="/files/sysImg/header_icons/ic-db_action_search_32.svg" alt="" aria-hidden="true">
81</button>
82	</div>	
83
84	<div id="mobileNavTrigger">
85		<a href="#mobileNav" title="Mobiles Menu" aria-label="Mobiles Menu öffnen">
86			<img src="/files/sysImg/navigationfull_icons/ic-db_navigation_menu_32_red.svg" alt="" aria-hidden="true">
87		</a>
88	</div>		
89</div>
90
91<div id="navBar">
92	<div class="row inside">
93		
94<!-- indexer::stop -->
95<nav class="mod_navigation block" id="mainNavigation">
96
97  
98  <a href="/technik-innovation.html#skipNavigation2" class="invisible">Navigation überspringen</a>
99
100  
101<ul class="level_1 ">
102
103	
104	<li id="homeBtn" class="">
105		<a href="/bahnprojekt-karlsruhebasel.html" title="Startseite Das Bahnprojekt Karlsruhe – Basel" aria-label="Startseite Das Bahnprojekt Karlsruhe – Basel">
106			<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">
107				<title>Zur Startseite Das Bahnprojekt Karlsruhe – Basel</title>
108				<g id="" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
109					<g id="homeIcon" fill="#ffffff" style="fill:#282d37">
110						<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>
111					</g>
112				</g>
113			</svg>
114		</a>
115	</li>
116
117		
118
119      
120          <li
121      	 class="submenu trail forwardingPage">
122      	    	
123      		<a href="/projektbeschreibung.html" title="Das Gesamtprojekt" class="submenu trail forwardingPage"      		      		      		      		 aria-haspopup="true">
124      		<span>Gesamtprojekt</span>
125      		</a>
126      		
127<ul class="level_2 fullSubNav">
128
129
130	<div class="inside">	
131
132      
133          <li
134      	 class="sibling">
135      	    	
136      		<a href="/projektbeschreibung.html" title="Das Projekt" class="sibling"      		      		      		      		>
137      		<span>Projektbeschreibung</span>
138      		</a>
139      		      </li>
140          
141          <li class="active">
142      	<strong aria-current="page" class="active">
143      		Technik & Innovation      	</strong>      </li>
144  
145          
146          <li
147      	 class="sibling">
148      	    	
149      		<a href="/umwelt-naturschutz.html" title="Zum Umwelt- &amp; Naturschutz" class="sibling"      		      		      		      		>
150      		<span>Umwelt- & Naturschutz</span>
151      		</a>
152      		      </li>
153          
154          <li
155      	 class="sibling">
156      	    	
157      		<a href="/schallschutz.html" title="Schallschutzmaßnahmen" class="sibling"      		      		      		      		>
158      		<span>Schallschutz</span>
159      		</a>
160      		      </li>
161          
162          <li
163      	 class="sibling">
164      	    	
165      		<a href="/projektbeirat.html" title="Der Projektbeirat" class="sibling"      		      		      		      		>
166      		<span>Projektbeirat</span>
167      		</a>
168      		      </li>
169          
170          <li
171      	 class="sibling">
172      	    	
173      		<a href="/planung.html" title="Zur Planung" class="sibling"      		      		      		      		>
174      		<span>Planung</span>
175      		</a>
176      		      </li>
177          
178          <li
179      	 class="sibling">
180      	    	
181      		<a href="/studie-rheintalbahn.html" title="Der regionale Nutzen des Aus- und Neubaus der Rheintalbahn" class="sibling"      		      		      		      		>
182      		<span>Studie</span>
183      		</a>
184      		      </li>
185        
186  	</div></ul>
187      </li>
188          
189          <li
190      	 class="submenu forwardingPage">
191      	    	
192      		<a href="/ueberblick.html" title="Streckenabschnitte" class="submenu forwardingPage"      		      		      		      		 aria-haspopup="true">
193      		<span>Streckenabschnitte</span>
194      		</a>
195      		
196<ul class="level_2 fullSubNav">
197
198
199	<div class="inside">	
200
201      
202          <li
203      	 class="noBookNavigation">
204      	    	
205      		<a href="/ueberblick.html" title="Ein Überblick" class="noBookNavigation"      		      		      		      		>
206      		<span>Überblick</span>
207      		</a>
208      		      </li>
209          
210          <li
211      	>
212      	    	
213      		<a href="/streckenabschnitt1.html" title="Streckenabschnitt 1 Karlsruhe – Rastatt Süd"      		      		      		      		>
214      		<span>1&nbsp;&nbsp;&nbsp; Karlsruhe – Rastatt Süd</span>
215      		</a>
216      		      </li>
217          
218          <li
219      	>
220      	    	
221      		<a href="/sta-2-6-rastatt-suedoffenburg.html" title="StA 2 – 6 Rastatt Süd – Offenburg"      		      		      		      		>
222      		<span>2 – 6 &nbsp;Rastatt Süd – Offenburg</span>
223      		</a>
224      		      </li>
225          
226          <li
227      	>
228      	    	
229      		<a href="/streckenabschnitt-7.html" title="Streckenabschnitt 7 Appenweier – Kenzingen"      		      		      		      		>
230      		<span>7 &nbsp;&nbsp;&nbsp; Appenweier – Kenzingen</span>
231      		</a>
232      		      </li>
233          
234          <li
235      	>
236      	    	
237      		<a href="/streckenabschnitt_8.html" title="Sterckenabschnitt 8 Kenzingen–Müllheim"      		      		      		      		>
238      		<span>8 &nbsp;&nbsp;&nbsp; Kenzingen – Müllheim</span>
239      		</a>
240      		      </li>
241          
242          <li
243      	>
244      	    	
245      		<a href="/streckenabschnitt_9.html" title="Streckenabschnitt 9 Müllheim – Basel"      		      		      		      		>
246      		<span>9 &nbsp;&nbsp;&nbsp; Müllheim – Basel</span>
247      		</a>
248      		      </li>
249        
250  	</div></ul>
251      </li>
252          
253          <li
254      	 class="submenu forwardingPage">
255      	    	
256      		<a href="/aktuelles.html" title="Aktuelles &amp; Downloads" class="submenu forwardingPage"      		      		      		      		 aria-haspopup="true">
257      		<span>News & Downloads</span>
258      		</a>
259      		
260<ul class="level_2 fullSubNav">
261
262
263	<div class="inside">	
264
265      
266          <li
267      	>
268      	    	
269      		<a href="/aktuelles.html" title="Neuigkeiten"      		      		      		      		>
270      		<span>Aktuelles</span>
271      		</a>
272      		      </li>
273          
274          <li
275      	>
276      	    	
277      		<a href="/baustellen-blog.html" title="Blog über Baustellen"      		      		      		      		>
278      		<span>Baustellen-Blog</span>
279      		</a>
280      		      </li>
281          
282          <li
283      	>
284      	    	
285      		<a href="/mediathek.html" title="Medien"      		      		      		      		>
286      		<span>Mediathek</span>
287      		</a>
288      		      </li>
289          
290          <li
291      	>
292      	    	
293      		<a href="/presse.html" title="Pressemitteilungen"      		      		      		      		>
294      		<span>Presse</span>
295      		</a>
296      		      </li>
297          
298          <li
299      	>
300      	    	
301      		<a href="/termine.html" title="Veranstaltungen"      		      		      		      		>
302      		<span>Termine</span>
303      		</a>
304      		      </li>
305          
306          <li
307      	>
308      	    	
309      		<a href="/newsletter.html" title="Infomail"      		      		      		      		>
310      		<span>Newsletter</span>
311      		</a>
312      		      </li>
313          
314          <li
315      	>
316      	    	
317      		<a href="/social-media.html" title="Soziale Medien"      		      		      		      		>
318      		<span>Social Media</span>
319      		</a>
320      		      </li>
321          
322          <li
323      	>
324      	    	
325      		<a href="/kontakt.html" title="So erreichen Sie uns"      		      		      		      		>
326      		<span>Kontakt</span>
327      		</a>
328      		      </li>
329        
330  	</div></ul>
331      </li>
332          
333          <li
334      	>
335      	    	
336      		<a href="/karriere.html" title="Stellenangebote"      		      		      		      		>
337      		<span>Karriere</span>
338      		</a>
339      		      </li>
340        
341  	</ul>
342
343  <span id="skipNavigation2" class="invisible"></span>
344
345</nav>
346<!-- indexer::continue -->
347
348
349		
350<!-- indexer::stop -->
351<nav class="mod_changelanguage block">
352
353  
354  
355<ul class="level_1">
356            <li class="lang-de active"><strong class="lang-de active">Alltags·sprache</strong></li>
357                <li class="lang-de_ls">
358      	<a href="/technik-innovation-2.html"  class="lang-de_ls" hreflang="de-LS" itemprop="url"><span itemprop="name">Leichte Sprache</span></a></li>
359      </ul>
360
361</nav>
362<!-- indexer::continue -->
363	
364		
365	</div>
366
367</div>
368<!-- indexer::stop -->
369<nav class="mod_mmenu" id="mobileNav">
370
371  
372  
373<ul class="level_1">
374            <li class="submenu trail forwardingPage"><a href="/projektbeschreibung.html" title="Das Gesamtprojekt" class="submenu trail forwardingPage" aria-haspopup="true">Gesamtprojekt</a>
375<ul class="level_2">
376            <li class="sibling"><a href="/projektbeschreibung.html" title="Das Projekt" class="sibling">Projektbeschreibung</a></li>
377                <li class="active"><span class="active">Technik & Innovation</span></li>
378                <li class="sibling"><a href="/umwelt-naturschutz.html" title="Zum Umwelt- &amp; Naturschutz" class="sibling">Umwelt- & Naturschutz</a></li>
379                <li class="sibling"><a href="/schallschutz.html" title="Schallschutzmaßnahmen" class="sibling">Schallschutz</a></li>
380                <li class="sibling"><a href="/projektbeirat.html" title="Der Projektbeirat" class="sibling">Projektbeirat</a></li>
381                <li class="sibling"><a href="/planung.html" title="Zur Planung" class="sibling">Planung</a></li>
382                <li class="sibling"><a href="/studie-rheintalbahn.html" title="Der regionale Nutzen des Aus- und Neubaus der Rheintalbahn" class="sibling">Studie</a></li>
383      </ul>
384</li>
385                <li class="submenu forwardingPage"><a href="/ueberblick.html" title="Streckenabschnitte" class="submenu forwardingPage" aria-haspopup="true">Streckenabschnitte</a>
386<ul class="level_2">
387            <li class="noBookNavigation"><a href="/ueberblick.html" title="Ein Überblick" class="noBookNavigation">Überblick</a></li>
388                <li><a href="/streckenabschnitt1.html" title="Streckenabschnitt 1 Karlsruhe – Rastatt Süd">1&nbsp;&nbsp;&nbsp; Karlsruhe – Rastatt Süd</a></li>
389                <li><a href="/sta-2-6-rastatt-suedoffenburg.html" title="StA 2 – 6 Rastatt Süd – Offenburg">2 – 6 &nbsp;Rastatt Süd – Offenburg</a></li>
390                <li><a href="/streckenabschnitt-7.html" title="Streckenabschnitt 7 Appenweier – Kenzingen">7 &nbsp;&nbsp;&nbsp; Appenweier – Kenzingen</a></li>
391                <li><a href="/streckenabschnitt_8.html" title="Sterckenabschnitt 8 Kenzingen–Müllheim">8 &nbsp;&nbsp;&nbsp; Kenzingen – Müllheim</a></li>
392                <li><a href="/streckenabschnitt_9.html" title="Streckenabschnitt 9 Müllheim – Basel">9 &nbsp;&nbsp;&nbsp; Müllheim – Basel</a></li>
393      </ul>
394</li>
395                <li class="submenu forwardingPage"><a href="/aktuelles.html" title="Aktuelles &amp; Downloads" class="submenu forwardingPage" aria-haspopup="true">News & Downloads</a>
396<ul class="level_2">
397            <li><a href="/aktuelles.html" title="Neuigkeiten">Aktuelles</a></li>
398                <li><a href="/baustellen-blog.html" title="Blog über Baustellen">Baustellen-Blog</a></li>
399                <li><a href="/mediathek.html" title="Medien">Mediathek</a></li>
400                <li><a href="/presse.html" title="Pressemitteilungen">Presse</a></li>
401                <li><a href="/termine.html" title="Veranstaltungen">Termine</a></li>
402                <li><a href="/newsletter.html" title="Infomail">Newsletter</a></li>
403                <li><a href="/social-media.html" title="Soziale Medien">Social Media</a></li>
404                <li><a href="/kontakt.html" title="So erreichen Sie uns">Kontakt</a></li>
405      </ul>
406</li>
407                <li><a href="/karriere.html" title="Stellenangebote">Karriere</a></li>
408      </ul>
409
410</nav>
411<!-- indexer::continue -->
412
413<div id="serviceIconsBar">
414	<a href="/newsletter.html" title="Anmeldung zum Newsletter">
415		<span class="invisible">Zum Newsletter anmelden</span>	
416		<div class="serviceIcon"><i class="far fa-envelope" aria-hidden="true"></i></div>
417	</a>	
418<!--
419	<div class="serviceIcon download" onclick="toggleDownload(this)"><i class="fas fa-download"></i></div>
420-->	
421</div>
422
423<div id="ScrollToTop" class="">
424<button id="ScrollToTopBtn" onclick="scrolltoSetfocus(wrapper,&apos;topLink&apos;);" aria-label="Zum Seitenanfang" title="Zum Seitenanfang"></button>
425</div>            </div>
426          </header>
427              
428      
429              <div id="container">
430
431                      <div id="main" role="main">
432              <div class="">
433                
434
435  <div class="mod_article block" id="article-7">
436    
437          
438    <style>
439        #backBpic_6abf9885e7a40 {
440            --backPicBackColor: #ffffff;
441        }
442    </style>
443
444			<div 
445			id="backpic_6abf9885e7a35" 
446			class="backpic   " 
447			style="height: 600px; 
448			background: url(files/img/1_Gesamtprojekt/2_Technik/Head_Technik_DB196889.jpg) 50% 55% no-repeat; background-size: cover; "
449			
450		>
451				<div class="layer headPicTextBackground">
452					<div class="container">
453						<div class="inside ">
454							<div id="backBpic_6abf9885e7a40" class="innerInside"><div><h1>Technik &amp; Innovation</h1></div></div>	
455						</div>
456					</div>
457				</div>
458			<div class="copytextLayer"><span>DB AG/Volker Emersleben</span></div></div>	
459<div  class=" row inside bigspace">
460
461
462<h2 class="ce_headline">
463  Technische Meisterleistung am laufenden Kilometer</h2>
464
465<div class="ce_text block">
466
467        
468  
469      <p>Karlsruhe – Basel ist das aktuell größte Infrastrukturprojekt der Deutschen Bahn. Zugleich ist es ein Musterbeispiel für technologischen Fortschritt im Bahnverkehr. Neueste Innovationen fließen direkt in Planung und Bau ein. Viele Technologien kamen auf der Strecke Karlsruhe – Basel erstmals zum Einsatz. Sie gelten seitdem als Messlatte und Vorbild für neue Schienenprojekte.</p>  
470  
471  
472
473</div>
474</div>
475
476<div  class=" row inside bigdown flyingTileRowFrame">
477
478
479<div  class=" flyingTileRow">
480
481
482    <style>
483        #backBpic_6abf9885ea656 {
484            --backPicBackColor: #ffffff;
485        }
486    </style>
487
488			<div 
489			id="backpic_6abf9885ea651" 
490			class="backpic   " 
491			style="height: 400px; 
492			background: url(files/img/1_Gesamtprojekt/2_Technik/1_BIM_Standbild028.jpg) 50% 50% no-repeat; background-size: cover; "
493			aria-hidden="true"
494		><div class="copytextLayer"><span>DB AG/Katarina Roth</span></div></div>	
495<div class="ce_text block">
496
497            <h3>Building Information Modeling &#40;BIM&#41;</h3>
498      
499  
500      <p>„Erst virtuell bauen, dann real“ ist das Prinzip der digitalen Methodik Building Information Modeling (BIM). BIM bildet den kompletten Lebenszyklus eines Bauwerks digital ab: vom Entwurf über die Planung bis hin zum Betrieb. Im Projekt Karlsruhe – Basel setzt die Deutsche Bahn die BIM-Methodik bereits in mehreren Streckenabschnitten für die Planung ein.</p>
501<p><a class="roundCta" title="Gehe zu Building Information Modeling (BIM)" href="/bim.html">+<span class="invisible">Link zu Building Information Modeling (BIM)</span></a></p>  
502  
503  
504
505</div>
506</div>
507
508<div  class=" flyingTileRow">
509
510
511<div class="ce_text block">
512
513            <h3>BIM-Lab Karlsruhe</h3>
514      
515  
516      <p>Auf rund 600 Quadratmetern erwacht in Karlsruhe die digitale Methodik „Building Information Modeling“ (BIM) zum Leben. Innovative Technik und kreative Raumkonzepte machen das BIM-Lab zu einem wahren Experimentallabor. Digitale Arbeitsprozesse werden optimal unterstützt. Gleichzeitig fördert es die kollaborative Zusammenarbeit aller Beteiligten.</p>
517<p><a href="/bim-lab.html" title="Gehe zu BIM-Lab Karlsruhe" class="roundCta">+<span class="invisible">Mehr zu BIM-Lab Karlsruhe</span></a></p>  
518  
519  
520
521</div>
522
523    <style>
524        #backBpic_6abf9885ebdcc {
525            --backPicBackColor: #ffffff;
526        }
527    </style>
528
529			<div 
530			id="backpic_6abf9885ebdc8" 
531			class="backpic   " 
532			style="height: 400px; 
533			background: url(files/img/1_Gesamtprojekt/2_Technik/2_BIM_Lab_x_DSC1946.JPG) 50% 50% no-repeat; background-size: cover; "
534			aria-hidden="true"
535		><div class="copytextLayer"><span>DB AG/Katarina Roth</span></div></div>	</div>
536
537<div  class=" flyingTileRow">
538
539
540    <style>
541        #backBpic_6abf9885ec521 {
542            --backPicBackColor: #ffffff;
543        }
544    </style>
545
546			<div 
547			id="backpic_6abf9885ec51d" 
548			class="backpic   " 
549			style="height: 400px; 
550			background: url(files/img/1_Gesamtprojekt/2_Technik/Sonic_Boom_Header.png) 50% 50% no-repeat; background-size: cover; "
551			aria-hidden="true"
552		><div class="copytextLayer"><span>DB AG</span></div></div>	
553<div class="ce_text block">
554
555            <h3>Sonic Boom</h3>
556      
557  
558      <p>Fährt ein Zug in einen Tunnel ein oder aus, so kommt es häufig zu einem lauten Knall. Spezielle Haubenbauwerke können den sogenannten „Tunnelknall-Effekt“ verhindern. Die trichterförmige Bauweise sorgt dafür, dass sich Druckwellen bei Tunnelein- und -ausfahrten besser ausbreiten können. So wird es in der direkten Nachbarschaft deutlich leiser. Sonic Boom-Bauwerke kommen beim Tunnel Rastatt und Katzenbergtunnel zum Einsatz.</p>
559<p><a href="/sonic-boom.html" title="Gehe zu Sonic Boom" class="roundCta">+<span class="invisible">Mehr zu Sonic Boom</span></a></p>  
560  
561  
562
563</div>
564</div>
565
566<div  class=" flyingTileRow">
567
568
569<div class="ce_text block">
570
571            <h3>Feste Fahrbahn</h3>
572      
573  
574      <p>
574Bei dieser Bauweise liegen die Gleise nicht im Schotter, sondern direkt in einem Bett aus Stahlbeton. Die Feste Fahrbahn ist besonders für den Hochgeschwindigkeitsverkehr geeignet. Sie verbindet höchste Qualität mit bestem Reisekomfort.</p>
575<p><a href="/feste-fahrbahn.html" title="Gehe zu Feste Fahrbahn" class="roundCta">+<span class="invisible">Mehr zu Feste Fahrbahn</span></a></p>  
576  
577  
578
579</div>
580
581    <style>
582        #backBpic_6abf9885ed888 {
583            --backPicBackColor: #ffffff;
584        }
585    </style>
586
587			<div 
588			id="backpic_6abf9885ed884" 
589			class="backpic   " 
590			style="height: 400px; 
591			background: url(files/img/1_Gesamtprojekt/2_Technik/4_FF_02_Tunnel_Innen_Roedig.jpg) 50% 50% no-repeat; background-size: cover; "
592			aria-hidden="true"
593		><div class="copytextLayer"><span>DB AG/Sebastian Roedig</span></div></div>	</div>
594
595<div  class=" flyingTileRow">
596
597
598    <style>
599        #backBpic_6abf9885ee05e {
600            --backPicBackColor: #ffffff;
601        }
602    </style>
603
604			<div 
605			id="backpic_6abf9885ee058" 
606			class="backpic   " 
607			style="height: 400px; 
608			background: url(files/img/1_Gesamtprojekt/2_Technik/5_LST_DB175930.jpg) 50% 50% no-repeat; background-size: cover; "
609			aria-hidden="true"
610		><div class="copytextLayer"><span>DB AG/Volker Emersleben</span></div></div>	
611<div class="ce_text block">
612
613            <h3>Leit- und Sicherungstechnik</h3>
614      
615  
616      <p>Mit modernster Leit- und Sicherungstechnik steuert und überwacht die Bahn ihr Betriebsabläufe zunehmend automatisch. Das verbessert die Auslastung der Bahnstrecken und erhöht die Qualität der Betriebsführung.</p>
617<p><a href="/leit-und-sicherungstechnik.html" title="Gehe zu Leit- und Sicherungstechnik" class="roundCta">+<span class="invisible">Mehr zu Leit- und Sicherungstechnik </span></a></p>  
618  
619  
620
621</div>
622</div>
623
624<div  class=" flyingTileRow">
625
626
627<div class="ce_text block">
628
629            <h3>Oberleitung im Tunnel</h3>
630      
631  
632      <p>Mit der Befestigung der Fahrleitung an den Tunnelringen sparte die Bahn Bauteile und Kosten ein. Die eingesetzte Oberleitung ermöglicht eine Tunneldurchfahrt mit einer Geschwindigkeit von bis zu 330 Kilometer pro Stunde.</p>
633<p><a href="/oberleitung-im-tunnel.html" title="Gehe zu Oberleitung im Tunnel" class="roundCta">+<span class="invisible">Mehr zu Oberleitung im Tunnel</span></a></p>  
634  
635  
636
637</div>
638
639    <style>
640        #backBpic_6abf9885ef3bd {
641            --backPicBackColor: #ffffff;
642        }
643    </style>
644
645			<div 
646			id="backpic_6abf9885ef3b9" 
647			class="backpic   " 
648			style="height: 400px; 
649			background: url(files/img/1_Gesamtprojekt/2_Technik/6_OLA_Tunnel_DSC9512.jpg) 50% 50% no-repeat; background-size: cover; "
650			aria-hidden="true"
651		><div class="copytextLayer"><span>DB AG/Harald Schön</span></div></div>	</div>
652</div>
653
654
655      
656<div  class=" row space">
657
658
659<h2 class="ce_headline textcenter">
660  Wonach suchen Sie?</h2>
661
662<div  class=" row up tileFrame">
663
664
665    <style>
666        #backBpic_6abf9885f0813 {
667            --backPicBackColor: #ffffff;
668        }
669    </style>
670<div class="backpic_Frame"><a href="/mediathek.html?CMD=PP&F=Webcams"  title="Gehe zu Seite Webcams" aria-label="Gehe zu Seite Webcams">
671			<div 
672			id="backpic_6abf9885f080f" 
673			class="backpic tile33  " 
674			style="height: 200px; 
675			background: url(files/img/Kacheln_Footer/Vorschau_Webcam.jpg) 50% 50% no-repeat; background-size: cover; "
676			
677		></div>
678				<div class="layer ">
679					<div class="container">
680						<div class="inside ">
681							<div id="backBpic_6abf9885f0813" class="innerInside"><div><h3 style="padding-left: 30px;">Webcams</h3></div></div>	
682						</div>
683					</div>
684				</div>
685			<div class="copytextLayer"><span>DB AG</span></div></a></div>	<div  class="footerTile tile33">
686	<div  class="backpic" style="height: 350px; background: url('files/img/Kacheln_Footer/Anwohnerinfos_Kachel_Website.svg') 50% 50% no-repeat; background-size: cover;">&nbsp;</div>
687
688<a class="innerLink" href="/aktuelles.html?KT&#61;&VD&#61;01.01.2021&AR&#61;6&#35;AKTANK" title="">	
689	<div class="layer">
690		<div class="container">
691			<div class="inside">
692				<div class="innerInside">
693				
694								<div><h3 style="text-align: left; padding-left: 30px;">Anwohnendeninformation</h3></div>
695				</div>	
696			</div>
697		</div>
698	</div>	
699<div class="copytextLayer"><span>DB AG</span></div>
700</a>	
701	
702</div>
703<div  class="footerTile tile33">
704	<div  class="backpic" style="height: 350px; background: url('files/img/Kacheln_Footer/Mediathek_iStock-522304120.jpg') 50% 50% no-repeat; background-size: cover;">&nbsp;</div>
705
706<a class="innerLink" href=/mediathek.html title="">	
707	<div class="layer">
708		<div class="container">
709			<div class="inside">
710				<div class="innerInside">
711				
712								<div><h3 style="padding-left: 30px;">Mediathek</h3></div>
713				</div>	
714			</div>
715		</div>
716	</div>	
717<div class="copytextLayer"><span>iStock/Pinkypills</span></div>
718</a>	
719	
720</div>
721<div  class="footerTile tile33">
722	<div  class="backpic" style="height: 350px; background: url('files/img/1_Gesamtprojekt/2_Technik/1_BIM_Standbild028.jpg') 50% 50% no-repeat; background-size: cover;">&nbsp;</div>
723
724<a class="innerLink" href="/geschaeftspartner.html" title="">	
725	<div class="layer">
726		<div class="container">
727			<div class="inside">
728				<div class="innerInside">
729				
730								<div><h3 style="padding-left: 30px;">Geschäftspartner:innen</h3></div>
731				</div>	
732			</div>
733		</div>
734	</div>	
735<div class="copytextLayer"><span>DB AG/Katarina Roth</span></div>
736</a>	
737	
738</div>
739<div  class="footerTile tile33">
740	<div  class="backpic" style="height: 350px; background: url('files/img/Kacheln_Footer/Baustellen_Blog_IMG_0691.jpg') 50% 45% no-repeat; background-size: cover;">&nbsp;</div>
741
742<a class="innerLink" href=/baustellen-blog.html title="">	
743	<div class="layer">
744		<div class="container">
745			<div class="inside">
746				<div class="innerInside">
747				
748								<div><h3 style="padding-left: 30px;">Baustellen-Blog</h3></div>
749				</div>	
750			</div>
751		</div>
752	</div>	
753<div class="copytextLayer"><span>Jürgen Schmidt</span></div>
754</a>	
755	
756</div>
757<div  class="footerTile tile33">
758	<div  class="backpic" style="height: 350px; background: url('files/img/Kacheln_Footer/Vorschau_Presse_photocase_2133250.jpg') 50% 50% no-repeat; background-size: cover;">&nbsp;</div>
759
760<a class="innerLink" href=/presse.html title="">	
761	<div class="layer">
762		<div class="container">
763			<div class="inside">
764				<div class="innerInside">
765				
766								<div><h3 style="padding-left: 30px;">Presse</h3></div>
767				</div>	
768			</div>
769		</div>
770	</div>	
771<div class="copytextLayer"><span>Photocase/Jonathan Schöps</span></div>
772</a>	
773	
774</div>
775</div>
776</div>
777  
778    
779      </div>
780
781
782<div class="row space">
783	<h2 class="ce_headline textcenter">Folgen Sie uns!</h2>
784	<div class="row inside space" id="socialFrame">
785		<ul>
786			<li id="fbLink"><a href="https://www.facebook.com/karlsruhebasel/" target="_blank" title="Karlsruhe Basel auf Facebook"><span class="invisible">Karlsruhe Basel auf Facebook in neuem Fenster öffnen</span><i class="fab fa-facebook-f" aria-hidden="true"></i></a></li>
787			<li id="instaLink"><a href="https://www.instagram.com/karlsruhebasel/" target="_blank" title="Karlsruhe Basel auf Instagram">
788				<span class="invisible">Karlsruhe Basel auf Instagram in neuem Fenster öffnen</span><i class="fab fa-instagram" aria-hidden="true"></i></a></li>
789			<li id="ytLink"><a href="https://www.youtube.com/Gro%C3%9FprojektKarlsruhe-Basel" target="_blank" title="Karlsruhe Basel auf Youtube">
790				<span class="invisible">Karlsruhe Basel auf Youtube in neuem Fenster öffnen</span><i class="fab fa-youtube" aria-hidden="true"></i></a></li>			
791		</ul>
792	 </div>
793</div>              </div>
794                          </div>
795          
796                                
797                                
798        </div>
799      
800      
801                        <footer id="footer">
802            <div class="">
803              
804<div class="row inside ">
805	<div class="col6">
806		
807<!-- indexer::stop -->
808<nav class="mod_navigation block" id="fooNav">
809
810  
811  <a href="/technik-innovation.html#skipNavigation9" class="invisible">Navigation überspringen</a>
812
813  
814<ul class="level_1">
815      
816          <li>
817        <a
818          href="/impressum.html"
819          aria-label="Impressum"
820          title="Impressum"
821                                                                      itemprop="url"
822        >
823          <span itemprop="name">Impressum</span>
824        </a>
825             </li>
826          
827          <li>
828        <a
829          href="/datenschutz.html"
830          aria-label="Datenschutz"
831          title="Datenschutz"
832                                                                      itemprop="url"
833        >
834          <span itemprop="name">Datenschutz</span>
835        </a>
836             </li>
837          
838          <li>
839        <a
840          href="/kontakt.html"
841          aria-label="Kontakt"
842          title="Kontakt"
843                                                                      itemprop="url"
844        >
845          <span itemprop="name">Kontakt</span>
846        </a>
847             </li>
848          
849          <li>
850        <a
851          href="/footer-pages/barrierefreiheitserklaerung.html"
852          aria-label="Information zur Barrierefreiheit"
853          title="Information zur Barrierefreiheit"
854                                                                      itemprop="url"
855        >
856          <span itemprop="name">Barrierefreiheitserklärung</span>
857        </a>
858             </li>
859        	<li> <button type="button" onclick="window.DB_CMP.showSecondLayer()">Analyse verwalten</button></li>      
860</ul>
861  <span id="skipNavigation9" class="invisible"></span>
862
863</nav>
864<!-- indexer::continue -->
865
866	</div>
867	<div class="col6 last">
868		<div id="euLogo">
869
870				<img src="/files/sysImg/DE_Kofinanziert_von_der_Europaeischen_Union_N_EG_white.png" alt="Logo Kofinanziert von der Europäischen Union" aria-hidden="true">
871		</div>
872		
873		
874		<div id="dTaktLogo">
875			<a href="https://www.deutschlandtakt.de/" target="_blank" title="deutschlandtakt.de in neuem Fenster öffnen" aria-label="deutschlandtakt.de in neuem Fenster öffnen">
876				<img src="/files/sysImg/Deutschlandtakt_Logo_Claim_Siegel_Kontur_RGB_Variante1.svg" alt="" aria-hidden="true">
877			</a>
878		</div>		
879		<div class="textright up">
880			©2026 DB InfraGO AG
881		</div>			
882	</div>
883</div>            </div>
884          </footer>
885              
886    </div>
887
888      
889  
889<script>
890document.addEventListener('DOMContentLoaded', () => {
891
892  document.querySelectorAll('.ce_accordion').forEach((accordion, groupIndex) => {
893
894    const togglers = accordion.querySelectorAll('.toggler');
895
896    togglers.forEach((toggler, index) => {
897      const content = toggler.nextElementSibling;
898
899      if (!content || !content.classList.contains('accordion')) return;
900
901      const headerId = `accordion-header-${groupIndex}-${index}`;
902      const panelId  = `accordion-panel-${groupIndex}-${index}`;
903
904      // --- ARIA RESET (wichtig, da Altlasten vorhanden sind)
905      toggler.removeAttribute('role');
906      toggler.removeAttribute('aria-controls');
907      toggler.removeAttribute('aria-expanded');
908      toggler.removeAttribute('tabindex');
909      toggler.removeAttribute('id');
910
911      content.removeAttribute('role');
912      content.removeAttribute('aria-labelledby');
913      content.removeAttribute('aria-hidden');
914      content.removeAttribute('id');
915
916      // --- SAUBER NEU SETZEN
917      toggler.setAttribute('role', 'button');
918      toggler.setAttribute('id', headerId);
919      toggler.setAttribute('aria-controls', panelId);
920      toggler.setAttribute('aria-expanded', 'false');
921      toggler.setAttribute('tabindex', '0');
922
923      content.setAttribute('role', 'region');
924      content.setAttribute('id', panelId);
925      content.setAttribute('aria-labelledby', headerId);
926      content.hidden = true;
927
928      // Falls noch inline style von jQuery UI da ist:
929      //content.style.display = 'none';
930
931      // --- CLICK
932      /*
933      toggler.addEventListener('click', () => 
934      {
935        const isOpen = toggler.getAttribute('aria-expanded') === 'true';
936
937        toggler.setAttribute('aria-expanded', !isOpen);
938        content.hidden = isOpen;
939      });
940      */
941      
942		toggler.addEventListener('click', () => {
943		  const isOpen = toggler.getAttribute('aria-expanded') === 'true';
944		
945		  // Alle schließen
946		  togglers.forEach((otherToggler) => {
947			const otherContent = otherToggler.nextElementSibling;
948		
949			otherToggler.setAttribute('aria-expanded', 'false');
950			if (otherContent) otherContent.hidden = true;
951		  });
952		
953		  // Aktuelles öffnen
954		  if (!isOpen) {
955			toggler.setAttribute('aria-expanded', 'true');
956			content.hidden = false;
957		  }
958		});      
959      
960
961      // --- KEYBOARD (Space + Enter)
962      toggler.addEventListener('keydown', (e) => {
963        if (e.key === ' ' || e.key === 'Enter') {
964          e.preventDefault();
965          toggler.click();
966        }
967      });
968    });
969
970  });
971
972});
973</script>
973<script src="/assets/colorbox/js/colorbox.min.js?v=1.6.4.3"></script>
vendor: 1 bytes, line 973
973
974<script>
975jQuery(function($) {
976    $('a[data-lightbox]').map(function() {
977        $(this).colorbox({
978            loop: false,
979            rel: $(this).attr('data-lightbox'),
980            maxWidth: '85%',
981            maxHeight: '75%',
982      fixed: true,        // 🔥 wichtig
983      reposition: true,   // 🔥 wichtig            
984            current: "{current} von {total}",
985            onOpen: function() {
986                $('#colorbox').removeAttr('aria-hidden'); // Sicherstellen, dass die Box NICHT aria-hidden ist
987                observeAriaHidden($('#colorbox')); // Aria-Hidden überwachen
988            },
989            onComplete: function() {
990                setTimeout(function() {
991                    fixAriaHidden(); // Entferne aria-hidden von Buttons
992	                $('#background-element').attr('inert', ''); // Hintergrund deaktivieren   
993          // 🔥 NACH inert neu positionieren
994          if ($.colorbox && $.colorbox.resize) {
995            $.colorbox.resize();
996          }	                                 
997                    trapFocus($('#colorbox'));
998                }, 50);
999            },
1000            onCleanup: function() {
1001                removeTrapFocus();
1002                $('#background-element').removeAttr('inert'); // Hintergrund wieder aktivieren
1003            }
1004        });
1005    });
1006
1007    function trapFocus(element) {
1008        var focusableElements = element.find('a, button, input, textarea, select, [tabindex]:not([tabindex="-1"])')
1009                                       .filter(':visible')
1010                                       .not('[aria-hidden="true"]'); // Verhindere aria-hidden Elemente
1011
1012        if (focusableElements.length === 0) {
1013            //console.warn("Keine gültigen fokussierbaren Elemente gefunden, setze Fokus auf #colorbox");
1014            element.attr('tabindex', '-1').focus();
1015            return;
1016        }
1017
1018        var firstFocusable = focusableElements.first();
1019        var lastFocusable = focusableElements.last();
1020
1021        firstFocusable.focus();
1022
1023        element.on('keydown.trapFocus', function(e) {
1024            if (e.key === 'Tab' || e.keyCode === 9) {
1025                if (e.shiftKey && document.activeElement === firstFocusable[0]) {
1026                    e.preventDefault();
1027                    lastFocusable.focus();
1028                } else if (!e.shiftKey && document.activeElement === lastFocusable[0]) {
1029                    e.preventDefault();
1030                    firstFocusable.focus();
1031                }
1032            }
1033        });
1034    }
1035
1036    function removeTrapFocus() {
1037        $('#colorbox').off('keydown.trapFocus');
1038    }
1039
1040    function fixAriaHidden() {
1041        $('#colorbox button, #colorbox a').each(function() {
1042            var $this = $(this);
1043            if ($this.is(':visible') && $this.attr('aria-hidden') === "true") {
1044                //console.warn("Fixing aria-hidden on:", this);
1045                $this.removeAttr('aria-hidden');
1046            }
1047        });
1048    }
1049
1050    function observeAriaHidden(element) {
1051        var observer = new MutationObserver(function(mutations) {
1052            mutations.forEach(function(mutation) {
1053                if (mutation.attributeName === "aria-hidden") {
1054                    //console.warn("aria-hidden wurde unerwartet gesetzt! Entferne es.");
1055                    element.removeAttr("aria-hidden");
1056                }
1057            });
1058        });
1059
1060        observer.observe(element[0], { attributes: true });
1061    }
1062});
1063</script>
1063
1064
1065<script>
1066document.addEventListener("DOMContentLoaded", function () {
1067    const menu = document.querySelector('#mobileNav');
1068
1069    if (menu) {
1070        const mmenuInstance = new Mmenu('#mobileNav', {"navbar":{"title":"Men\u00fc"},"offCanvas":{"position":"right-front"},"theme":"white-contrast"}, {"classNames":{"selected":"active"}});
1071
1072        setTimeout(() => {
1073            const panelsContainer = menu.querySelector('.mm-panels');
1074
1075            if (panelsContainer) {
1076                // Header mit Schließen-Button
1077                const barTop = document.createElement("section");
1078                barTop.classList.add("bar-top");
1079                barTop.innerHTML = `
1080                    <a class="trigger-mmenu-close" href="#">
1081						<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">
1082						    <title>Menü schließen</title>
1083							<g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
1084					        	<g id="32dp-Icon/Navigation/Close" fill="#282D37">
1085           							<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>
1086						        </g>
1087						    </g>
1088						</svg>
1089                    </a>
1090                `;
1091
1092                // Suchfeld erstellen
1093                const searchBar = document.createElement("div");
1094                searchBar.classList.add("mm-search-bar-top");
1095                searchBar.innerHTML = `
1096					<div id="mm-searchBar" class="active">
1097						<div id="mm-searchInput">
1098							<form method="GET" action="suche.html" id="tl_search">
1099								<label for="mm-seainp" class="invisible">Suchbegriff eingeben</label>
1100								<input id="mm-seainp" oninput="toggleButtonText(this)" type="text" name="keywords" autofocus="" autocomplete="off" placeholder="Suchbegriff eingeben..." >
1101								<input class="submit" type="button" value="submit">
1102							</form>
1103						</div>
1104						<div id="mm-searchToggle">
1105							<img src="/files/sysImg/header_icons/ic-db_action_search_32.svg" alt="" aria-hidden="true">
1106						</div>
1107					</div>
1108                `;
1109
1110                // Beide Elemente einfügen
1111                /*
1112                panelsContainer.insertAdjacentElement('beforebegin', barTop);
1113                barTop.insertAdjacentElement('afterend', searchBar);
1114                */
1115const panelsContainer = menu.querySelector('.mm-panels');
1116if (panelsContainer) {
1117    menu.insertBefore(barTop, panelsContainer);
1118    menu.insertBefore(searchBar, panelsContainer);
1119}
1120
1121                // Menü schließen, wenn der Button geklickt wird
1122                const closeTrigger = barTop.querySelector(".trigger-mmenu-close");
1123                if (closeTrigger) {
1124                    closeTrigger.addEventListener("click", function (event) {
1125                        event.preventDefault();
1126                        const api = mmenuInstance.API;
1127                        if (api) {
1128                            api.close();
1129                        }
1130                    });
1131                }
1132
1133                // Hier wird der <span>-Wrapper um Text in <a> und <span> eingefügt
1134                document.querySelectorAll(".mm-listitem > a.mm-listitem__text, .mm-listitem > span.mm-listitem__text, .mm-listitem--selected > strong").forEach(element => 
1135                {
1136                    if (element.childNodes.length === 1 && element.childNodes[0].nodeType === 3) {
1137                        let span = document.createElement("span");
1138                        span.classList.add("menu-text-wrapper"); // Klasse für das neue Span-Element
1139                        span.textContent = element.textContent.trim();
1140                        element.textContent = "";
1141                        element.appendChild(span);
1142                    }
1143                });
1144
1145            }
1146        }, 100);
1147    }
1148});
1149
1150
1151
1152
1153</script>
vendor: 1 bytes, line 1153
1153
1154<script src="/files/js/pg_full_navigation_barrierfree.js?v=466b8ce4"></script>
1154<script src="/files/js/pg_karlsruhe_basel.js?v=466b8ce4"></script>
1154<script src="/files/js/pg_main.js?v=57189224"></script>
1154  
1154<script type="application/ld+json">
1155{
1156    "@context": "https:\/\/schema.org",
1157    "@graph": [
1158        {
1159            "@type": "WebPage"
1160        }
1161    ]
1162}
1163</script>
vendor: 1 bytes, line 1163
1163
1164<script type="application/ld+json">
1165{
1166    "@context": "https:\/\/schema.contao.org",
1167    "@graph": [
1168        {
1169            "@type": "Page",
1170            "fePreview": false,
1171            "groups": [],
1172            "noSearch": false,
1173            "pageId": 8,
1174            "protected": false,
1175            "title": "Zur Technik & Innovation"
1176        }
1177    ]
1178}
1179</script>
1179</body>
1180</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.