Zum Inhalt springen

Wiki-Quellcode von musical-echo

Version 17.1 von Sarah Groeneveld am 2026/09/03 16:56
Verstecke letzte Bearbeiter
Sarah Groeneveld 9.1 1 {{html clean="false"}}
2
3 <!-- HERO-BEREICH -->
4 <table style="width:100%; border-collapse:collapse; margin-bottom:0;">
5 <tr>
6 <td style="background:linear-gradient(180deg, #0a1230 0%, #16265c 55%, #1f3a7a 100%); padding:50px 30px; text-align:center; border-radius:12px 12px 0 0;">
7
8 <div style="color:#e8b923; font-size:15px; letter-spacing:3px; text-transform:uppercase; margin-bottom:10px;">50 Jahre KGS Stuhr-Brinkum</div>
9
10 <div style="color:#ffffff; font-family:Georgia, 'Times New Roman', serif; font-size:64px; font-weight:bold; letter-spacing:2px; margin-bottom:0; text-shadow:0 0 20px rgba(255,255,255,0.35);">ECHO</div>
11
12 <div style="color:#ffffff; font-family:Georgia, 'Times New Roman', serif; font-size:30px; font-style:italic; margin-top:0; margin-bottom:25px;">Das Musical</div>
13
14 <div style="max-width:340px; margin:0 auto 25px auto;">
15 <img src="https://wiki.kgs-stuhr.de/xwiki/bin/download/allg-info/musical-echo/WebHome/echo-poster.jpg" alt="ECHO - Das Musical Plakat" style="width:100%; border-radius:8px; box-shadow:0 10px 30px rgba(0,0,0,0.5);" />
16 </div>
17
18 <div style="color:#ffffff; font-size:20px; line-height:1.7;">
19 <strong>17.09.</strong> &nbsp;&amp;&nbsp; <strong>21.09.</strong> &nbsp;&middot;&nbsp; jeweils 18:30 Uhr<br/>
20 Mensa der KGS Stuhr-Brinkum
21 </div>
22
23 <div style="margin-top:25px;">
24 <a href="https://billettera.com/event/echo-2026-bv7q2" style="display:inline-block; background:#e8b923; color:#16265c; font-weight:bold; font-size:18px; padding:14px 40px; border-radius:30px; text-decoration:none; box-shadow:0 6px 16px rgba(232,185,35,0.4);">Jetzt Tickets sichern</a>
25 </div>
26 <div style="color:#b9c3e8; font-size:13px; margin-top:12px;">oder an der Abendkasse &middot; 6&nbsp;€ / 4&nbsp;€</div>
27
28 <div style="margin-top:25px;">
29 <img src="https://wiki.kgs-stuhr.de/xwiki/bin/download/allg-info/musical-echo/WebHome/echo-qr.png" alt="QR-Code zum Ticketkauf" style="width:140px; height:140px; background:#ffffff; padding:8px; border-radius:8px;" />
30 <div style="color:#b9c3e8; font-size:12px; margin-top:8px;">Ticket-Link scannen</div>
31 </div>
32
33 </td>
34 </tr>
35 </table>
36
37 <!-- SCHNELLINFOS -->
38 <table style="width:100%; border-collapse:collapse; background:#f4f6fb; border-radius:0 0 12px 12px; margin-bottom:35px;">
39 <tr>
40 <td style="width:25%; text-align:center; padding:25px 10px; border-right:1px solid #dde3f2;">
41 <div style="font-size:30px;">🎭</div>
42 <div style="font-weight:bold; color:#16265c; margin-top:6px;">Premiere</div>
43 <div style="color:#333; font-size:14px;">Do, 17.09., 18:30 Uhr</div>
44 </td>
45 <td style="width:25%; text-align:center; padding:25px 10px; border-right:1px solid #dde3f2;">
46 <div style="font-size:30px;">🎫</div>
47 <div style="font-weight:bold; color:#16265c; margin-top:6px;">2. Aufführung</div>
48 <div style="color:#333; font-size:14px;">Mo, 21.09., 18:30 Uhr</div>
49 </td>
50 <td style="width:25%; text-align:center; padding:25px 10px; border-right:1px solid #dde3f2;">
51 <div style="font-size:30px;">📍</div>
52 <div style="font-weight:bold; color:#16265c; margin-top:6px;">Ort</div>
53 <div style="color:#333; font-size:14px;">Mensa der KGS<br/>Einlass ab 18 Uhr</div>
54 </td>
55 <td style="width:25%; text-align:center; padding:25px 10px;">
56 <div style="font-size:30px;">💶</div>
57 <div style="font-weight:bold; color:#16265c; margin-top:6px;">Preis</div>
58 <div style="color:#333; font-size:14px;">6 € Erwachsene<br/>4 € Schüler:innen</div>
59 </td>
60 </tr>
61 </table>
62
63 <!-- WORUM GEHT ES -->
64 <table style="width:100%; border-collapse:collapse; margin-bottom:35px;">
65 <tr>
66 <td style="padding:0 10px;">
67 <h2 style="color:#16265c; border-bottom:3px solid #e8b923; padding-bottom:8px; display:inline-block;">Worum geht's?</h2>
68 <p style="font-size:16px; line-height:1.7; color:#222;">
69 Warum heißt die Schülerzeitung eigentlich "Echo"? Genau dieser Frage geht das Musical nach. Als Elisa zunehmend auch im Netz gemobbt wird, hört Mark eine geheimnisvolle Stimme, die ihn nicht mehr loslässt. Sie führt ihn auf die Spur einer alten Legende der Schule: Während Mobbing den finsteren Geist Nox nährt, stärkt Echo seit jeher heimlich das Gute. Gegen Hass und gemeine Sprüche reicht das allein aber nicht. Mark und seine Freunde müssen lernen, füreinander einzustehen, damit sich das Blatt wendet.
70 </p>
71 <p style="font-size:16px; line-height:1.7; color:#222;">
72 Ein aktuelles Thema, mitreißend als Musical erzählt, mit eigenen Songs und viel Herzblut.
73 </p>
74 </td>
75 </tr>
76 </table>
77
78 <!-- BILDERGALERIE -->
79 <table style="width:100%; border-collapse:collapse; margin-bottom:10px;">
80 <tr>
81 <td style="padding:0 10px;">
82 <h2 style="color:#16265c; border-bottom:3px solid #e8b923; padding-bottom:8px; display:inline-block;">Einblicke aus den Proben</h2>
83 </td>
84 </tr>
85 </table>
86
87 <table style="width:100%; border-collapse:collapse; margin-bottom:35px;">
88 <tr>
Sarah Groeneveld 14.1 89 <td style="text-align:center; padding:8px;">
Sarah Groeneveld 17.1 90 <img src="https://wiki.kgs-stuhr.de/xwiki/bin/download/allg-info/musical-echo/WebHome/echo-fluegel.jpg" alt="Schülerin mit Leuchtflügeln" style="width:612px; height:auto; border-radius:10px; box-shadow:0 6px 16px rgba(0,0,0,0.15);" />
Sarah Groeneveld 9.1 91 </td>
92 </tr>
93 <tr>
Sarah Groeneveld 14.1 94 <td style="text-align:center; padding:8px;">
Sarah Groeneveld 16.1 95 <img src="https://wiki.kgs-stuhr.de/xwiki/bin/download/allg-info/musical-echo/WebHome/echo-treppe.jpg" alt="Szene auf der Treppe" style="width:300px; height:auto; border-radius:10px; box-shadow:0 6px 16px rgba(0,0,0,0.15); margin-right:12px;" />
96 <img src="https://wiki.kgs-stuhr.de/xwiki/bin/download/allg-info/musical-echo/WebHome/echo-klassenraum.jpg" alt="Szene im Klassenraum" style="width:300px; height:auto; border-radius:10px; box-shadow:0 6px 16px rgba(0,0,0,0.15);" />
Sarah Groeneveld 9.1 97 </td>
98 </tr>
99 </table>
100
101 <!-- ENTSTEHUNG -->
102 <table style="width:100%; border-collapse:collapse; margin-bottom:35px;">
103 <tr>
104 <td style="padding:0 10px;">
105 <h2 style="color:#16265c; border-bottom:3px solid #e8b923; padding-bottom:8px; display:inline-block;">Wie ist ECHO entstanden?</h2>
106 <p style="font-size:16px; line-height:1.7; color:#222;">
107 Die Idee zu ECHO kam von Schülerinnen und Schülern selbst. Im Schuljahr 2024/25 entwickelte Antje Jüttner daraus Geschichte, Songs und Texte, unter anderem mit KI als Werkzeug, aber vor allem mit eigener kreativer Arbeit vieler Beteiligter. Im Schuljahr 2025/26 folgte unter der Regie von Antje Jüttner und Maike Meyer die Umsetzung auf der Bühne: Inszenierung, Lichtkonzept und eine anspruchsvolle Probenzeit, in der auch die Technik der Mensabühne mitwachsen musste. Die Musical- und Veranstaltungstechnik-AG hat dabei viel investiert.
108 </p>
109 <p style="font-size:16px; line-height:1.7; color:#222;">
110 Möglich wurde das durch ein breites Unterstützernetzwerk aus der Schule und darüber hinaus, allen voran Elmar Schmidt (Sound- und Songproduktion), das Stuhrer Unternehmen ML Eventwerk unter Marco Langer und Florian Jüttner (Ton- und Lichttechnik), der Schüler Jonathan August Fessel, der das Bühnenbild gemalt hat, sowie die Hausmeister der KGS.
111 </p>
112 <p style="font-size:16px; line-height:1.7; color:#222;">
113 Dass ausgerechnet zum 50-jährigen Schuljubiläum ein selbst geschriebenes Musical über Cybermobbing Premiere feiert, ist kein Zufall. Es zeigt, was junge Menschen bewegt, wenn man ihnen dafür die Bühne gibt. Der Erlös fließt in den weiteren Ausbau der Lichttechnik der Schule.
114 </p>
115 </td>
116 </tr>
117 </table>
118
119 <!-- SCHÜLERAUFFÜHRUNGEN -->
120 <table style="width:100%; border-collapse:collapse; background:#eef1fa; border-radius:10px; margin-bottom:20px;">
121 <tr>
122 <td style="padding:25px 30px;">
123 <h3 style="color:#16265c; margin-top:0;">Zusätzliche Schüleraufführungen</h3>
124 <table style="width:100%; border-collapse:collapse; font-size:15px; color:#222;">
125 <tr>
126 <td style="padding:6px 0; width:180px;"><strong>Jahrgang 5</strong></td>
127 <td style="padding:6px 0;">Mittwoch, 23.09., 3./4. Stunde &middot; 2 € p.P. über die Klassenlehrkraft</td>
128 </tr>
129 <tr>
130 <td style="padding:6px 0;"><strong>Jahrgang 6</strong></td>
131 <td style="padding:6px 0;">Donnerstag, 24.09., 3./4. Stunde &middot; 2 € p.P. über die Klassenlehrkraft</td>
132 </tr>
133 </table>
134 </td>
135 </tr>
136 </table>
137
138 {{/html}}