1<!DOCTYPE html> 2 3<html lang="de">
4<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
4 5<head> 6 <meta charset="utf-8"> 7 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 8 <meta name="viewport" content="width=device-width, initial-scale=1"> 9
9<script src="https://consent.cookiefirst.com/sites/theatertotal.de-944f7496-632a-4ede-a931-0fc19ec69bbb/consent.js"></script>
9 10 <title>TheaterTotal</title> 11 <link rel="icon" href="favicon.ico" type="image/x-icon"> 12 13<title>Homepage</title><meta name="robots" content="index,follow"><link rel="alternate" href="" hreflang="en"><link rel="alternate" href="https://theatertotal.de/" hreflang="de"><link rel="canonical" href="https://theatertotal.de/"> <!-- Favicons --> 14 15 <link rel="stylesheet" href="/build/website/263.614e0181.css"><link rel="stylesheet" href="/build/website/app.0e405955.css"> 16 </head> 17 18<body> 19 <body> 20 <header id="header" class="fixed-top" style="display: flex; align-items: center; justify-content: space-between;"> 21 <a href="https://theatertotal.de/" class="logo"><img 22 src="/build/website/website/styles/icon/logo.png" alt="" 23 class="img-fluid"></a> 24 <div class="container" > 25 <nav id="navbar" class="navbar"> 26 <ul> 27 <li > 28 <a href="https://theatertotal.de/teilnehmen" title="teilnehmen">teilnehmen</a> 29 </li> 30 <li > 31 <a href="https://theatertotal.de/zuschauen" title="zuschauen">zuschauen</a> 32 </li> 33 <li > 34 <a href="https://theatertotal.de/archiv" title="archiv">archiv</a> 35 </li> 36 <li > 37 <a href="https://theatertotal.de/ueber-uns" title="über uns">über uns</a> 38 </li> 39 <li > 40 <a href="https://theatertotal.de/foerdern" title="fördern">fördern</a> 41 </li> 42 </ul> 43 <i class="bi bi-list mobile-nav-toggle"></i> 44 </nav> 45 </div> 46 </header> 47 </body> 48 49 <section id="hero" class="hero" style="margin-bottom: 5%; margin-top: 10%"> 50 <div class="info d-flex align-items-center"> 51 <div class="container"> 52 <div class="row justify-content-center" > 53 <div class="col-lg-2 bi-text-left"> 54 <h2 data-aos="fade-down" style="line-height: 0.9; letter-spacing: 1px"> 55 THEATERTOTAL 56 <span style="font-family: 'Teko',sans-serif; font-weight: 200">â EIN THEATERPROJEKT, BEI DEM<br /> 57JUNGE ERWACHSENE SICH AUSTESTEN <br /> 58UND FINDEN KÃNNEN.</span> 59 <br> 60 </h2> 61 </div> 62 </div> 63 </div> 64 </div> 65 <div id="hero-carousel" class="carousel slide" data-bs-ride="carousel" data-bs-interval="5000"> 66 <div class="carousel-item active" style="background-image: url(/media/247/download/P5440-1024x683.jpg?v=1);"></div> 67 </div> 68 </section> 69 70<main> 71 <main id="main" class="main-shifted-right"> 72 73 <section id="about" class="about"> 74 <div class="container"> 75 <style> 76 .section-title { 77 text-align: left; 78 margin-top: 5%; 79 } 80 </style> 81 <div class="section-title" style="width: 80%"> 82 83 <h1 class="content-headlineBlock"><p> </p><h3>ES IST ZEIT! </h3><h3>WILLST DU DEINE GEWOHNTEN WEGE VERLASSEN?</h3></h1> 84 <span style="font-size: 25px; line-height: 1.2; "><p> </p><p><strong>Bewirb dich! </strong></p><p>Suchst du eine Herausforderung ohne Kompromisse?</p><p>Möchtest du deine Begabungen entdecken, vertiefen und anwenden? </p><p><strong>Dann brauchst du eine Bühne. â Diese Bühne steht bei TheaterTotal.</strong></p></span> 85 </div> 86 <div class="row content" style="padding-bottom: 5px;"> 87 <div class="col-lg-6 pt-4 pt-lg-0"> 88 <a href="/teilnehmen" class="btn-learn-more" 89 >Zur Bewerbung</a> 90 </div> 91 </div> 92 <ul></ul> 93 <div class="row content"> 94 <div class="col-lg-6"> 95 <img src="/media/10/download/XMain_01__DSC_4926_1.jpg?v=1" class="img-fluid" alt=""> 96 </div> 97 <div class="col-lg-6"> 98 <img src="/media/11/download/XMain_02__3a.jpg?v=1" class="img-fluid" alt=""> 99 </div> 100 </div> 101 102 </div> 103 </section> 104 <section id="about" class="about"> 105 <div class="container"> 106 <style> 107 .section-title { 108 text-align: left; 109 margin-top: 5%; 110 } 111 </style> 112 <div class="section-title" style="width: 80%"> 113 114 <h1 class="content-headlineBlock"><h3>VONEINANDER LERNEN</h3></h1>
115 <span style="font-size: 25px; line-height: 1.2; "><p> </p><p><span style="font-family:'Rajdhani Medium';">Ein <strong>Team</strong> von Künstler*innen hat es<strong> sich zur Aufgabe gemacht</strong>, jungen Menschen bei der Suche nach ihrem Beruf ein ehrlicher Partner zu sein.</span></p></span> 116 </div> 117 <div class="row content" style="padding-bottom: 5px;"> 118 </div> 119 <ul></ul> 120 <div class="row content"> 121 <div class="col-lg-6"> 122 <img src="/media/12/download/XMain_03__2-52.jpg?v=1" class="img-fluid" alt=""> 123 </div> 124 <div class="col-lg-6"> 125 <img src="/media/13/download/XMain_04__DSC_5037_1.jpg?v=1" class="img-fluid" alt=""> 126 </div> 127 </div> 128 129 </div> 130 </section> 131 <section id="about" class="about"> 132 <div class="container"> 133 <style> 134 .section-title { 135 text-align: left; 136 margin-top: 5%; 137 } 138 </style> 139 <div class="section-title" style="width: 80%"> 140 141 <h1 class="content-headlineBlock"><h3>LASSEN SIE SICH VERZAUBERN</h3></h1> 142 <span style="font-size: 25px; line-height: 1.2; "><p> </p><p><span style="font-family:'Rajdhani Medium';">TheaterTotal ist seit über <strong>25 Jahren</strong> jedes Mal neu. Ab <strong>November</strong> koÌnnen Sie <strong>Inszenierungen, Tanzstücke und Performances</strong> auf unserer Bühne sehen.</span></p></span> 143 </div> 144 <div class="row content" style="padding-bottom: 5px;"> 145 <div class="col-lg-6 pt-4 pt-lg-0"> 146 <a href="/zuschauen" class="btn-learn-more" 147 >Zum Kartenverkauf</a> 148 </div> 149 </div> 150 <ul></ul> 151 <div class="row content"> 152 <div class="col-lg-6"> 153 <img src="/media/14/download/XMain_05__1.jpg?v=1" class="img-fluid" alt=""> 154 </div> 155 <div class="col-lg-6"> 156 <img src="/media/15/download/XMain_06__6614.jpg?v=1" class="img-fluid" alt=""> 157 </div> 158 </div> 159 160 </div> 161 </section> 162 <section id="about" class="about"> 163 <div class="container"> 164 <style> 165 .section-title { 166 text-align: left; 167 margin-top: 5%; 168 } 169 </style> 170 <div class="section-title" style="width: 80%"> 171 172 <h1 class="content-headlineBlock"><h3>LOB UND LORBEEREN</h3></h1> 173 <span style="font-size: 25px; line-height: 1.2; "><p> </p><p><span style="font-family:'Rajdhani Medium';">TheaterTotal wurde 1996 von <strong>Barbara Wollrath-Kramer</strong> gegründet, ist <strong>gemeinnützig</strong>, <strong>mehrfach ausgezeichne</strong>t und unter anderem bei der Kulturinstitution der <strong>Berliner Jugendfestspiele</strong> nominiert worden.</span></p></span> 174 </div> 175 <div class="row content" style="padding-bottom: 5px;"> 176 <div class="col-lg-6 pt-4 pt-lg-0"> 177 <a href="/ueber-uns" class="btn-learn-more" 178 >Mehr zu TT</a> 179 </div> 180 </div> 181 <ul></ul> 182 <div class="row content"> 183 <div class="col-lg-6"> 184 <img src="/media/16/download/XMain_07__53a.jpg?v=1" class="img-fluid" alt=""> 185 </div> 186 <div class="col-lg-6"> 187 <img src="/media/17/download/XMain_08__Feuer10.jpg?v=1" class="img-fluid" alt=""> 188 </div> 189 </div> 190 191 </div> 192 </section> 193 <section id="about" class="about"> 194 <div class="container"> 195 <style> 196 section { 197 padding: 0; 198 } 199 .section-title { 200 text-align: left; 201 margin-top: 0; 202 } 203 </style> 204 <div class="section-title" style="width: 80%"> 205 206 <h1 class="content-headlineBlock"><h3>THEATER.MACHT.MUT</h3></h1>
207 <span style="font-size: 25px; line-height: 1.2;"><p> </p><p><span style="font-family:'Rajdhani Medium';">Das Projekt finanziert sich durch <strong>private Spender, Stiftungen, die Stadt Bochum </strong>und das<strong> Land NRW</strong>. In ganz Deutschland gibt es kein Projekt wie dieses.</span></p><p><span style="font-family:'Rajdhani Medium';"><strong>Werden Sie FoÌrderer junger Menschen!</strong></span></p></span> 208 </div> 209 <div class="row content" style="padding-bottom: 5px;"> 210 <div class="col-lg-6 pt-4 pt-lg-0"> 211 <a href="/foerdern" class="btn-learn-more" 212 >Lernen Sie uns kennen</a> 213 </div> 214 </div> 215 <ul></ul> 216 <div class="row content"> 217 </div> 218 219 </div> 220 </section> 221 <section id="about" class="about"> 222 <div class="container"> 223 <style> 224 section { 225 padding: 0; 226 } 227 .section-title { 228 text-align: left; 229 margin-top: 0; 230 } 231 </style> 232 <div class="section-title" style="width: 80%"> 233 234 <h1 class="content-headlineBlock"><h3>WAS BISHER GESCHAH...</h3></h1> 235 <span style="font-size: 25px; line-height: 1.2;"><p> </p><p><span style="font-family:'Rajdhani Medium';">Für <strong>hunderte junge Menschen</strong> war Theatertotal das Sprungbrett auf die <strong>groÃe Bühne</strong>. Die Welt braucht jedoch nicht nur Schauspieler*innen. Ãberall braucht es spezialisierte Menschen<strong> mit Kopf, Herz und Hand</strong>, die nicht nur einseitig die Probleme der Welt betrachten, sondern mit groÃer <strong>Offenheit</strong> und innerer Bereitschaft das âWesentlicheâ suchen.</span></p></span> 236 </div> 237 <div class="row content" style="padding-bottom: 5px;"> 238 <div class="col-lg-6 pt-4 pt-lg-0"> 239 <a href="/archiv" class="btn-learn-more" 240 >Archiv</a> 241 </div> 242 </div> 243 <ul></ul> 244 <div class="row content"> 245 </div> 246 247 </div> 248 </section> 249 <section id="about" class="about" style="overflow:hidden;"> 250 <style> 251 .section-title { 252 text-align: left; 253 } 254 255 </style> 256 257 <div class="container"> 258 <div class="section-title"> 259 <p></p> 260 </div> 261 <div class="row content"> 262 <!-- content here --> 263 </div> 264 <ul></ul> 265 </div> 266 267 <div id="carouselExample" class="carousel slide expanded-carousel"> 268 <div class="carousel-inner"> 269 <div class="carousel-item active"> 270 <div class="row"> 271 <div class="col-md-2"> <!-- Changed this from col-md-3 to col-md-2 --> 272 <img src="/media/19/download/XMain_09_DSC_5801_1.jpg?v=1" class="d-block w-100" alt=""> 273 </div> 274 <div class="col-md-2"> <!-- Changed this from col-md-3 to col-md-2 --> 275 <img src="/media/22/download/XMain_10_DSC_5096_1.jpg?v=1" class="d-block w-100" alt=""> 276 </div> 277 <div class="col-md-2"> <!-- Changed this from col-md-3 to col-md-2 --> 278 <img src="/media/21/download/XMain_11_DSC_5750_1.jpg?v=1" class="d-block w-100" alt=""> 279 </div> 280 <div class="col-md-2"> <!-- Changed this from col-md-3 to col-md-2 --> 281 <img src="/media/20/download/XMain_12_DSC_5175_1.jpg?v=1" class="d-block w-100" alt=""> 282 </div> 283 </div> 284 </div> 285 </div> 286 <button class="carousel-control-prev" type="button" data-bs-target="#carouselExample" data-bs-slide="prev">
287 <span class="carousel-control-prev-icon" aria-hidden="true"></span> 288 <span class="visually-hidden">Previous</span> 289 </button> 290 <button class="carousel-control-next" type="button" data-bs-target="#carouselExample" data-bs-slide="next"> 291 <span class="carousel-control-next-icon" aria-hidden="true"></span> 292 <span class="visually-hidden">Next</span> 293 </button> 294 </div> 295 </section><!-- End My & Family Section --> 296 <section id="about" class="about"> 297 <div class="container"> 298 <style> 299 .section-title { 300 text-align: left; 301 margin-top: 5%; 302 } 303 </style> 304 <div class="section-title" style="width: 80%"> 305 306 <h1 class="content-headlineBlock"><h3>BEGINNT BEHERZT, WAS GUT GELINGEN MAG - </h3><h3><strong>25 JAHRE THEATER TOTAL</strong></h3></h1> 307 <span style="font-size: 25px; line-height: 1.2; "><p> </p><p><span style="font-family:'Rajdhani Medium';">Ein <strong>Blick hinter die Kulisse</strong> eröffnet Ihnen Produktionen mit exklusiven Fotos, Insider-Texten und Werkstattberichten. Ein rund um Kennenlernen der <strong>künstlerischen Prozesse</strong> bei TheaterTotal sind in diesem Buch zusammengefasst. Sie können es bei <strong>uns</strong> oder im <strong>Buchhandel</strong> erwerben.</span></p></span> 308 </div> 309 <div class="row content" style="padding-bottom: 5px;"> 310 <div class="col-lg-6 pt-4 pt-lg-0"> 311 <a href="/buch-reservieren" class="btn-learn-more" 312 >Buch kaufen</a> 313 </div> 314 </div> 315 <ul></ul> 316 <div class="row content"> 317 <div class="col-lg-6"> 318 <img src="/media/18/download/XMain_Buch__IMG_2392.jpg?v=1" class="img-fluid" alt=""> 319 </div> 320 </div> 321 322 </div> 323 </section> 324 </main> 325</main> 326 327 328 329 330 331 <footer id="footer" class="footer mt-4"> 332 <div class="footer-content position-relative"> 333 <div class="container"> 334 335 <div class="row mx-1 gy-4 footer-grid"> 336 337 <div class="col-12 col-md-6 col-lg-3 footer-col footer-col-1"> 338 <div class="footer-inner"> 339 <div class="footer-info"> 340 <p><strong>TheaterTotal</strong> <br>Am Eickhoffpark 7 <br>44789 Bochum<br>Telefon: 0234 9731673 <br>[email protected] </p><p><strong>Träger</strong> TheaterTotal <br>gemeinnützige GmbH </p><p> </p><p>©Copyright 2026</p> 341 </div> 342 </div> 343 </div><!-- End footer info column --> 344 345 <div class="col-12 col-md-6 col-lg-3 footer-col footer-col-2"> 346 <div class="footer-inner"> 347 <div class="footer-links"> 348 349 350 351 <div class="footer-line"> 352 <a href="https://maps.app.goo.gl/k4oyu1LTtnHbA6pB6"><strong>Bühne</strong></a> 353 </div> 354 <div class="footer-line footer-muted">Königsallee 171</div> 355 <div class="footer-line footer-muted">44789 Bochum</div> 356 </div> 357 </div> 358 </div><!-- End footer links column --> 359 360 <div class="col-12 col-md-6 col-lg-3 footer-col footer-col-3"> 361 <div class="footer-inner"> 362 <div class="footer-links"> 363 364 365 <div class="footer-line"> 366 <a href="/foerdern"> 367 <strong>Förderer</strong> 368 </a> 369 </div> 370 371 <div class="footer-line"> 372 <a href="/ueber-uns"> 373 <strong>Ãber uns</strong> 374 </a> 375 </div> 376 377 <div class="footer-line"> 378 <a href="/archiv"> 379 <strong>Archiv</strong> 380 </a> 381 </div> 382 383 <div class="footer-line"> 384 <a href="/impressum"> 385 Impressum 386 </a> 387 </div> 388 389 <div class="footer-line"> 390 <a href="/datenschutzerklaerung"> 391 Datenschutz 392 </a> 393 </div> 394 </div> 395 </div> 396 </div><!-- End footer links column --> 397 398 <div class="col-12 col-md-6 col-lg-3 footer-col footer-col-4"> 399 <div class="footer-inner"> 400 <div class="footer-links"> 401 402 403 <div class="footer-line"> 404 <a href="/blog"> 405 <strong>Blog</strong> 406 </a> 407 </div> 408 409 <div class="footer-line"> 410 <a href="/newsletter-anmeldung"> 411 <strong>Newsletter</strong> 412 </a> 413 </div> 414 415 <div class="footer-line"> 416 <a href="/presse"> 417 <strong>Presse</strong> 418 </a> 419 </div> 420 </div> 421 </div> 422 </div><!-- End footer links column --> 423 424 </div><!-- /row --> 425 426 <div class="row mt-4"> 427 <div class="col-12 d-flex justify-content-center justify-content-lg-end footer-icons"> 428 <div class="logos d-flex flex-wrap gap-3"> 429 <a href="http://www.youtube.com/user/TheaterTotalYT"> 430 <img 431 src="/media/26/download/YouTube.webp?v=1" 432 alt="Logo" 433 class="footer-social-logo" 434 > 435 </a> 436 <a href="https://www.instagram.com/theatertotal"> 437 <img 438 src="/media/27/download/Instagram.webp?v=1" 439 alt="Logo" 440 class="footer-social-logo" 441 > 442 </a> 443 <a href="https://www.facebook.com/TheaterTotal"> 444 <img 445 src="/media/28/download/Facebook.webp?v=1" 446 alt="Logo" 447 class="footer-social-logo" 448 > 449 </a> 450 </div> 451 </div> 452 </div> 453 454 </div><!-- /container --> 455 </div><!-- /footer-content --> 456 </footer> 457 458
458<script src="/build/website/runtime.d0aa33e8.js" defer></script>
458<script src="/build/website/882.1bd85556.js" defer></script>
458<script src="/build/website/909.b4f275d8.js" defer></script>
458<script src="/build/website/263.f5c135ca.js" defer></script>
458<script src="/build/website/app.d994a876.js" defer></script>
458 459</body> 460</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.