PageSourceSearch

https://theatertotal.de/

html theatertotal.de collected 2026-10-02 20:48:47 UTC 29,497 bytes, 460 lines download raw bytes

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>&nbsp;</p><h3>ES IST ZEIT!&nbsp;</h3><h3>WILLST DU DEINE GEWOHNTEN WEGE VERLASSEN?</h3></h1>
84                    <span style="font-size: 25px; line-height: 1.2; "><p>&nbsp;</p><p><strong>Bewirb dich!&nbsp;</strong></p><p>Suchst du eine Herausforderung ohne Kompromisse?</p><p>Möchtest du deine Begabungen entdecken, vertiefen und anwenden?&nbsp;</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>&nbsp;</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>&nbsp;</p><p><span style="font-family:'Rajdhani Medium';">TheaterTotal ist seit über <strong>25 Jahren</strong> jedes Mal neu. Ab <strong>November</strong> kö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>&nbsp;</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>&nbsp;</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 Fö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>&nbsp;</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 -&nbsp;</h3><h3><strong>25 JAHRE THEATER TOTAL</strong></h3></h1>
307                    <span style="font-size: 25px; line-height: 1.2; "><p>&nbsp;</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>&nbsp;<br>Am Eickhoffpark 7&nbsp;<br>44789 Bochum<br>Telefon: 0234 9731673&nbsp;<br>[email protected]&nbsp;</p><p><strong>Träger</strong> TheaterTotal&nbsp;<br>gemeinnützige GmbH&nbsp;</p><p>&nbsp;</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.