1<!DOCTYPE html> 2<html lang="de"> 3<head> 4 5 <meta charset="UTF-8"> 6 <title>Zur Technik & 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 & 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- & 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 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 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 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 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 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 & 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- & 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 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 Rastatt Süd â Offenburg</a></li> 390 <li><a href="/streckenabschnitt-7.html" title="Streckenabschnitt 7 Appenweier â Kenzingen">7 Appenweier â Kenzingen</a></li> 391 <li><a href="/streckenabschnitt_8.html" title="Sterckenabschnitt 8 KenzingenâMüllheim">8 Kenzingen â Müllheim</a></li> 392 <li><a href="/streckenabschnitt_9.html" title="Streckenabschnitt 9 Müllheim â Basel">9 Müllheim â Basel</a></li> 393 </ul> 394</li> 395 <li class="submenu forwardingPage"><a href="/aktuelles.html" title="Aktuelles & 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,'topLink');" 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 & 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 (BIM)</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;"> </div> 687 688<a class="innerLink" href="/aktuelles.html?KT=&VD=01.01.2021&AR=6#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;"> </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;"> </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;"> </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;"> </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 EuropaÌ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.