Wiki-Quellcode von musical-echo

Zuletzt geändert von Sarah Groeneveld am 2026/09/09 12:44

version	line-number	content
9.1	1	{{html clean="false"}}
	2
	3	<!-- HERO-BEREICH -->
	4	<table style="width:100%; border-collapse:collapse; margin-bottom:0;">
	5	<tr>
23.1	6	<td style="background:linear-gradient(180deg, #0a1230 0%, #16265c 55%, #1f3a7a 100%); padding:50px 40px; text-align:center; border-radius:12px 12px 0 0;">
9.1	7
23.1	8	<table style="width:780px; border-collapse:collapse; background:transparent; border:none; margin:0 auto;">
18.1	9	<tr>
	10
21.1	11	<td style="width:320px; vertical-align:middle; text-align:center; padding-right:40px; background:transparent; border:none;">
18.1	12	<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);" />
	13	</td>
	14
23.1	15	<td style="width:420px; vertical-align:middle; text-align:center; background:transparent; border:none;">
18.1	16
9.1	17	<div style="color:#e8b923; font-size:15px; letter-spacing:3px; text-transform:uppercase; margin-bottom:10px;">50 Jahre KGS Stuhr-Brinkum</div>
	18
18.1	19	<div style="color:#ffffff; font-family:Georgia, 'Times New Roman', serif; font-size:56px; font-weight:bold; letter-spacing:2px; margin-bottom:0; text-shadow:0 0 20px rgba(255,255,255,0.35); line-height:1;">ECHO</div>
9.1	20
18.1	21	<div style="color:#ffffff; font-family:Georgia, 'Times New Roman', serif; font-size:26px; font-style:italic; margin-top:2px; margin-bottom:20px;">Das Musical</div>
9.1	22
18.1	23	<div style="color:#ffffff; font-size:19px; line-height:1.7;">
9.1	24	<strong>17.09.</strong>  &  <strong>21.09.</strong>  ·  jeweils 18:30 Uhr<br/>
	25	Mensa der KGS Stuhr-Brinkum
	26	</div>
	27
20.1	28	<div style="margin-top:22px;">
9.1	29	<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>
18.1	30	<div style="color:#b9c3e8; font-size:13px; margin-top:10px;">oder an der Abendkasse · 6 € / 4 €</div>
20.1	31	</div>
	32
	33	<div style="margin-top:20px;">
18.1	34	<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:100px; height:100px; background:#ffffff; padding:6px; border-radius:8px;" />
	35	<div style="color:#b9c3e8; font-size:12px; margin-top:6px;">Ticket-Link scannen</div>
20.1	36	</div>
9.1	37
18.1	38	</td>
9.1	39
18.1	40	</tr>
	41	</table>
	42
9.1	43	</td>
	44	</tr>
	45	</table>
	46
	47	<!-- SCHNELLINFOS -->
	48	<table style="width:100%; border-collapse:collapse; background:#f4f6fb; border-radius:0 0 12px 12px; margin-bottom:35px;">
	49	<tr>
	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;">Premiere</div>
	53	<div style="color:#333; font-size:14px;">Do, 17.09., 18:30 Uhr</div>
	54	</td>
	55	<td style="width:25%; text-align:center; padding:25px 10px; border-right:1px solid #dde3f2;">
	56	<div style="font-size:30px;">🎫</div>
	57	<div style="font-weight:bold; color:#16265c; margin-top:6px;">2. Aufführung</div>
	58	<div style="color:#333; font-size:14px;">Mo, 21.09., 18:30 Uhr</div>
	59	</td>
	60	<td style="width:25%; text-align:center; padding:25px 10px; border-right:1px solid #dde3f2;">
	61	<div style="font-size:30px;">📍</div>
	62	<div style="font-weight:bold; color:#16265c; margin-top:6px;">Ort</div>
	63	<div style="color:#333; font-size:14px;">Mensa der KGS<br/>Einlass ab 18 Uhr</div>
	64	</td>
	65	<td style="width:25%; text-align:center; padding:25px 10px;">
	66	<div style="font-size:30px;">💶</div>
	67	<div style="font-weight:bold; color:#16265c; margin-top:6px;">Preis</div>
	68	<div style="color:#333; font-size:14px;">6 € Erwachsene<br/>4 € Schüler:innen</div>
	69	</td>
	70	</tr>
	71	</table>
	72
	73	<!-- WORUM GEHT ES -->
	74	<table style="width:100%; border-collapse:collapse; margin-bottom:35px;">
	75	<tr>
	76	<td style="padding:0 10px;">
	77	<h2 style="color:#16265c; border-bottom:3px solid #e8b923; padding-bottom:8px; display:inline-block;">Worum geht's?</h2>
	78	<p style="font-size:16px; line-height:1.7; color:#222;">
	79	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.
	80	</p>
	81	<p style="font-size:16px; line-height:1.7; color:#222;">
	82	Ein aktuelles Thema, mitreißend als Musical erzählt, mit eigenen Songs und viel Herzblut.
	83	</p>
	84	</td>
	85	</tr>
	86	</table>
	87
	88	<!-- BILDERGALERIE -->
	89	<table style="width:100%; border-collapse:collapse; margin-bottom:10px;">
	90	<tr>
	91	<td style="padding:0 10px;">
	92	<h2 style="color:#16265c; border-bottom:3px solid #e8b923; padding-bottom:8px; display:inline-block;">Einblicke aus den Proben</h2>
	93	</td>
	94	</tr>
	95	</table>
	96
	97	<table style="width:100%; border-collapse:collapse; margin-bottom:35px;">
	98	<tr>
14.1	99	<td style="text-align:center; padding:8px;">
17.1	100	<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);" />
9.1	101	</td>
	102	</tr>
	103	<tr>
14.1	104	<td style="text-align:center; padding:8px;">
16.1	105	<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;" />
	106	<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);" />
9.1	107	</td>
	108	</tr>
	109	</table>
	110
	111	<!-- ENTSTEHUNG -->
	112	<table style="width:100%; border-collapse:collapse; margin-bottom:35px;">
	113	<tr>
	114	<td style="padding:0 10px;">
	115	<h2 style="color:#16265c; border-bottom:3px solid #e8b923; padding-bottom:8px; display:inline-block;">Wie ist ECHO entstanden?</h2>
	116	<p style="font-size:16px; line-height:1.7; color:#222;">
23.1	117	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 engagierten Schülerinnen und Schüler der Musical- und Veranstaltungstechnik-AG haben dabei hart gearbeitet, viel Zeit investiert, Texte gelernt, Choreografien erdacht, Songs geübt und die Ton- und Lichttechnik bedient.
9.1	118	</p>
	119	<p style="font-size:16px; line-height:1.7; color:#222;">
	120	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.
	121	</p>
	122	<p style="font-size:16px; line-height:1.7; color:#222;">
	123	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.
	124	</p>
23.1	125
	126	<table style="width:100%; border-collapse:collapse; background:#eef1fa; border-radius:10px; margin-top:25px;">
	127	<tr>
	128	<td style="padding:25px 30px; border-left:4px solid #e8b923;">
	129	<p style="font-size:16px; line-height:1.7; color:#222; font-style:italic; margin-top:0;">
	130	"Aufgrund der sehr aufwändigen Vorarbeit freuen wir uns umso mehr, dass es nun endlich soweit ist und wir ECHO innerhalb der Festwoche anlässlich des 50. Jubiläums der KGS Stuhr-Brinkum auf die Bühne bringen können. Im Namen der Musical- und Veranstaltungstechnik-AG möchten wir euch alle herzlich einladen, an einem der Abende dabei zu sein und mit uns tolle Aufführungen von ECHO zu erleben."
	131	</p>
	132	<p style="font-size:15px; color:#16265c; font-weight:bold; margin-bottom:0;">Frau Jüttner und Frau Meyer</p>
9.1	133	</td>
	134	</tr>
	135	</table>
23.1	136	</td>
	137	</tr>
	138	</table>
9.1	139
	140	<!-- SCHÜLERAUFFÜHRUNGEN -->
	141	<table style="width:100%; border-collapse:collapse; background:#eef1fa; border-radius:10px; margin-bottom:20px;">
	142	<tr>
	143	<td style="padding:25px 30px;">
	144	<h3 style="color:#16265c; margin-top:0;">Zusätzliche Schüleraufführungen</h3>
	145	<table style="width:100%; border-collapse:collapse; font-size:15px; color:#222;">
	146	<tr>
	147	<td style="padding:6px 0; width:180px;"><strong>Jahrgang 5</strong></td>
23.1	148	<td style="padding:6px 0;">Mittwoch, 23.09., 3./4. Stunde · 2 € p.P.</td>
9.1	149	</tr>
	150	<tr>
	151	<td style="padding:6px 0;"><strong>Jahrgang 6</strong></td>
23.1	152	<td style="padding:6px 0;">Donnerstag, 24.09., 3./4. Stunde · 2 € p.P.</td>
9.1	153	</tr>
	154	</table>
23.1	155	<p style="font-size:14px; color:#555; margin-top:14px; margin-bottom:0;">Der Eintritt wird per Elternbrief und über das Modul "Klassengeld" zentral von Frau Jüttner eingesammelt.</p>
9.1	156	</td>
	157	</tr>
	158	</table>
	159
	160	{{/html}}