Zum Inhalt springen

Änderungen von Dokument ag-angebote

Zuletzt geändert von Sarah Groeneveld am 2026/09/03 08:47
Von Version 32.2
bearbeitet von Sarah Groeneveld
am 2026/08/13 13:36
Änderungskommentar: Tag [AG-Angebote, Kurswahlen, IServ, Ganztag, Arbeitsgemeinschaften, Nachmittagsangebote, Schuljahr 2026/27, Anmeldung] hinzugefügt
Auf Version 28.1
bearbeitet von Sarah Groeneveld
am 2026/08/13 13:24
Änderungskommentar: Es gibt keinen Kommentar für diese Version

Zusammenfassung

Details

Seiteneigenschaften
Tags
... ... @@ -1,1 +1,0 @@
1 -AG-Angebote|Kurswahlen|IServ|Ganztag|Arbeitsgemeinschaften|Nachmittagsangebote|Schuljahr 2026/27|Anmeldung
Inhalt
... ... @@ -2,7 +2,7 @@
2 2  
3 3  <!-- ============ HERO ============ -->
4 4  <div style="background:linear-gradient(135deg,#1a56db 0%,#7e3af2 100%); border-radius:16px; padding:32px 28px; color:#ffffff; margin-bottom:22px; box-shadow:0 4px 14px rgba(26,86,219,0.25);">
5 - <div style="font-size:2.1em; font-weight:800; line-height:1.15; margin-bottom:8px;">🎉 AG-Angebote 2026/27</div>
5 + <div style="font-size:2.1em; font-weight:800; line-height:1.15; margin-bottom:8px;">🎉 Ganztagsangebote 2026/27</div>
6 6   <div style="font-size:1.15em; opacity:0.95; max-width:640px;">Vom RoboCup bis zur Bienen-AG: von Sport über Kunst bis Technik ist für jeden etwas dabei. Findet jetzt euer Angebot für dieses Schuljahr!</div>
7 7  </div>
8 8  
... ... @@ -65,46 +65,34 @@
65 65   <tr>
66 66   <td style="width:50%; vertical-align:top; padding:14px 10px 0 14px;">
67 67   <div style="background:#fff; border:1px solid #dbe4ff; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,0.05); height:100%; overflow:hidden;">
68 - <table style="width:100%; border-collapse:collapse;"><tr>
69 - <td style="vertical-align:middle; padding:12px 6px 12px 16px;">
70 - <details>
71 - <summary style="cursor:pointer; outline:none;">
72 - <span style="font-size:1.1em; vertical-align:middle;">🏸</span>
73 - <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Badminton</span>
74 - <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Herr Böger &nbsp;·&nbsp; 📍 Halle 1</div>
75 - <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
76 - </summary>
77 - <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
68 + <img src="https://wiki.kgs-stuhr.de/xwiki/bin/download/Allg-Info/ag-angebote/WebHome/01-badminton.png" alt="Badminton" style="width:100%; height:130px; object-fit:contain; display:block; background:#f7f7f9; border-top-left-radius:10px; border-top-right-radius:10px;" />
69 + <details>
70 + <summary style="cursor:pointer; padding:12px 16px 14px 16px; outline:none;">
71 + <span style="font-size:1.1em; vertical-align:middle;">🏸</span>
72 + <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Badminton</span>
73 + <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Herr Böger &nbsp;·&nbsp; 📍 Halle 1</div>
74 + <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
75 + </summary>
76 + <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
78 78   <div style="font-size:0.88em; color:#1a3050; line-height:1.5;">Schnelle Schläge, geschickte Ballwechsel und jede Menge Bewegung: In der Badminton-AG lernt ihr Technik und Taktik dieses rasanten Rückschlagsports kennen. Ob ihr schon Erfahrung habt oder zum ersten Mal einen Schläger in der Hand haltet, hier zählt vor allem der Spaß am Spiel.<br/><br/><strong>Teilnahme &amp; Alter:</strong> Für alle, die Lust auf Bewegung und ein bisschen Wettkampfgeist haben.</div>
79 79   </div>
80 - </details>
81 - </td>
82 - <td style="width:84px; vertical-align:middle; padding:8px 12px 8px 4px;">
83 - <img src="https://wiki.kgs-stuhr.de/xwiki/bin/download/Allg-Info/ag-angebote/WebHome/01-badminton.png" alt="Badminton" style="width:76px; height:76px; object-fit:contain; display:block; background:#f7f7f9; border-radius:8px;" />
84 - </td>
85 - </tr></table>
79 + </details>
86 86   </div>
87 87   </td>
88 88   <td style="width:50%; vertical-align:top; padding:14px 14px 0 10px;">
89 89   <div style="background:#fff; border:1px solid #dbe4ff; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,0.05); height:100%; overflow:hidden;">
90 - <table style="width:100%; border-collapse:collapse;"><tr>
91 - <td style="vertical-align:middle; padding:12px 6px 12px 16px;">
92 - <details>
93 - <summary style="cursor:pointer; outline:none;">
94 - <span style="font-size:1.1em; vertical-align:middle;">🎾</span>
95 - <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Tennis, Beachtennis, Padel</span>
96 - <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Herr Möhring &nbsp;·&nbsp; 📍 Tennishalle</div>
97 - <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
98 - </summary>
99 - <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
84 + <img src="https://wiki.kgs-stuhr.de/xwiki/bin/download/Allg-Info/ag-angebote/WebHome/02-tennis-beachtennis-padel.png" alt="Tennis, Beachtennis, Padel" style="width:100%; height:130px; object-fit:contain; display:block; background:#f7f7f9; border-top-left-radius:10px; border-top-right-radius:10px;" />
85 + <details>
86 + <summary style="cursor:pointer; padding:12px 16px 14px 16px; outline:none;">
87 + <span style="font-size:1.1em; vertical-align:middle;">🎾</span>
88 + <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Tennis, Beachtennis, Padel</span>
89 + <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Herr Möhring &nbsp;·&nbsp; 📍 Tennishalle</div>
90 + <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
91 + </summary>
92 + <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
100 100   <div style="font-size:0.88em; color:#1a3050; line-height:1.5;">Ob klassisches Tennis, rasantes Beachtennis oder der Trendsport Padel: In dieser AG probiert ihr verschiedene Schlägersportarten aus und verbessert gemeinsam eure Technik. Die AG findet von 14 bis 15 Uhr statt.<br/><br/><strong>Teilnahme &amp; Alter:</strong> Es wird eine Eigenbeteiligung von 20&nbsp;€ erhoben.</div>
101 101   </div>
102 - </details>
103 - </td>
104 - <td style="width:84px; vertical-align:middle; padding:8px 12px 8px 4px;">
105 - <img src="https://wiki.kgs-stuhr.de/xwiki/bin/download/Allg-Info/ag-angebote/WebHome/02-tennis-beachtennis-padel.png" alt="Tennis, Beachtennis, Padel" style="width:76px; height:76px; object-fit:contain; display:block; background:#f7f7f9; border-radius:8px;" />
106 - </td>
107 - </tr></table>
95 + </details>
108 108   </div>
109 109   </td>
110 110   </tr>
... ... @@ -111,47 +111,34 @@
111 111   <tr>
112 112   <td style="width:50%; vertical-align:top; padding:14px 10px 0 14px;">
113 113   <div style="background:#fff; border:1px solid #dbe4ff; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,0.05); height:100%; overflow:hidden;">
114 - <table style="width:100%; border-collapse:collapse;"><tr>
115 - <td style="vertical-align:middle; padding:12px 6px 12px 16px;">
116 - <details>
117 - <summary style="cursor:pointer; outline:none;">
118 - <span style="font-size:1.1em; vertical-align:middle;">📰</span>
119 - <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">ECHO Schulzeitung <span style="font-size:0.6em; font-weight:600; color:#7e3af2; background:#f3e8fd; border-radius:6px; padding:2px 7px; margin-left:4px;">14-tägig</span></span>
120 - <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Herr Wedemeyer &nbsp;·&nbsp; 📍 A1.20</div>
121 - <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
122 - </summary>
123 - <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
102 + <img src="https://wiki.kgs-stuhr.de/xwiki/bin/download/Allg-Info/ag-angebote/WebHome/03-echo-schulzeitung.png" alt="ECHO Schulzeitung" style="width:100%; height:130px; object-fit:contain; display:block; background:#f7f7f9; border-top-left-radius:10px; border-top-right-radius:10px;" />
103 + <details>
104 + <summary style="cursor:pointer; padding:12px 16px 14px 16px; outline:none;">
105 + <span style="font-size:1.1em; vertical-align:middle;">📰</span>
106 + <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">ECHO Schulzeitung <span style="font-size:0.6em; font-weight:600; color:#7e3af2; background:#f3e8fd; border-radius:6px; padding:2px 7px; margin-left:4px;">14-tägig</span></span>
107 + <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Herr Wedemeyer &nbsp;·&nbsp; 📍 A1.20</div>
108 + <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
109 + </summary>
110 + <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
124 124   <div style="font-size:0.88em; color:#1a3050; line-height:1.5;">Ihr schreibt, recherchiert und gestaltet gemeinsam die Schulzeitung ECHO, von der Themenfindung bis zum fertigen Artikel. Ob Interview, Reportage oder Kommentar, hier lernt ihr journalistisches Arbeiten von Grund auf.<br/><br/>Eine Übersicht bisher veröffentlichter Artikel findet ihr <a href="https://www.kgs-stuhr.de/schulleben/projekte/schulzeitung-echo/" target="_blank">hier</a>.</div>
125 125   </div>
126 - </details>
127 - </td>
128 - <td style="width:84px; vertical-align:middle; padding:8px 12px 8px 4px;">
129 - <img src="https://wiki.kgs-stuhr.de/xwiki/bin/download/Allg-Info/ag-angebote/WebHome/03-echo-schulzeitung.png" alt="ECHO Schulzeitung" style="width:76px; height:76px; object-fit:contain; display:block; background:#f7f7f9; border-radius:8px;" />
130 - </td>
131 - </tr></table>
113 + </details>
132 132   </div>
133 133   </td>
134 134   <td style="width:50%; vertical-align:top; padding:14px 14px 0 10px;">
135 135   <div style="background:#fff; border:1px solid #dbe4ff; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,0.05); height:100%; overflow:hidden;">
136 - <table style="width:100%; border-collapse:collapse;"><tr>
137 - <td style="vertical-align:middle; padding:12px 6px 12px 16px;">
138 - <details>
139 - <summary style="cursor:pointer; outline:none;">
140 - <span style="font-size:1.1em; vertical-align:middle;">🩹</span>
141 - <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Sanitäts-AG</span>
142 - <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Herr Siemers &nbsp;·&nbsp; 📍 A1.38</div>
143 - <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
144 - </summary>
145 - <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
146 - <div style="font-size:0.88em; color:#1a3050; line-height:1.5;">Ihr werdet zu Schulsanitäter:innen ausgebildet und seid im Ernstfall an der Schule im Einsatz. Neben Erster Hilfe lernt ihr, in Notfallsituationen ruhig zu bleiben und richtig zu handeln.<br/><br/>Weitere Informationen und Eindrücke der AG findet ihr <a href="https://www.kgs-stuhr.de/schulleben/projekte/schulsanitaetsdienst/" target="_blank">hier</a>.
147 -<div style="margin-top:8px; padding:8px 10px; background:#fdf3d0; border-radius:6px; font-size:0.85em; color:#8a4b00;">ℹ️ Diese AG ist nicht über die reguläre Kurswahl wählbar. Es werden jährlich nur wenige neue Schulsanitäter:innen ausgebildet, Infos dazu unter dem Link oben.</div></div>
118 + <img src="https://wiki.kgs-stuhr.de/xwiki/bin/download/Allg-Info/ag-angebote/WebHome/04-sanitaets-ag.png" alt="Sanitäts-AG" style="width:100%; height:130px; object-fit:contain; display:block; background:#f7f7f9; border-top-left-radius:10px; border-top-right-radius:10px;" />
119 + <details>
120 + <summary style="cursor:pointer; padding:12px 16px 14px 16px; outline:none;">
121 + <span style="font-size:1.1em; vertical-align:middle;">🩹</span>
122 + <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Sanitäts-AG</span>
123 + <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Herr Siemers &nbsp;·&nbsp; 📍 A1.38</div>
124 + <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
125 + </summary>
126 + <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
127 + <div style="font-size:0.88em; color:#1a3050; line-height:1.5;">Ihr werdet zu Schulsanitäter:innen ausgebildet und seid im Ernstfall an der Schule im Einsatz. Neben Erster Hilfe lernt ihr, in Notfallsituationen ruhig zu bleiben und richtig zu handeln.<br/><br/>Weitere Informationen und Eindrücke der AG findet ihr <a href="https://www.kgs-stuhr.de/schulleben/projekte/schulsanitaetsdienst/" target="_blank">hier</a>.</div>
148 148   </div>
149 - </details>
150 - </td>
151 - <td style="width:84px; vertical-align:middle; padding:8px 12px 8px 4px;">
152 - <img src="https://wiki.kgs-stuhr.de/xwiki/bin/download/Allg-Info/ag-angebote/WebHome/04-sanitaets-ag.png" alt="Sanitäts-AG" style="width:76px; height:76px; object-fit:contain; display:block; background:#f7f7f9; border-radius:8px;" />
153 - </td>
154 - </tr></table>
129 + </details>
155 155   </div>
156 156   </td>
157 157   </tr>
... ... @@ -158,24 +158,18 @@
158 158   <tr>
159 159   <td style="width:50%; vertical-align:top; padding:14px 10px 0 14px;">
160 160   <div style="background:#fff; border:1px solid #dbe4ff; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,0.05); height:100%; overflow:hidden;">
161 - <table style="width:100%; border-collapse:collapse;"><tr>
162 - <td style="vertical-align:middle; padding:12px 6px 12px 16px;">
163 - <details>
164 - <summary style="cursor:pointer; outline:none;">
165 - <span style="font-size:1.1em; vertical-align:middle;">🐝</span>
166 - <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Bienen-AG <span style="font-size:0.6em; font-weight:600; color:#b45f06; background:#fff3e0; border-radius:6px; padding:2px 7px; margin-left:4px;">2. Halbjahr</span></span>
167 - <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Frau Nietzold, Frau Schulte &nbsp;·&nbsp; 📍 Haus am Wall</div>
168 - <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
169 - </summary>
170 - <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
136 + <img src="https://wiki.kgs-stuhr.de/xwiki/bin/download/Allg-Info/ag-angebote/WebHome/05-bienen-ag.png" alt="Bienen-AG" style="width:100%; height:130px; object-fit:contain; display:block; background:#f7f7f9; border-top-left-radius:10px; border-top-right-radius:10px;" />
137 + <details>
138 + <summary style="cursor:pointer; padding:12px 16px 14px 16px; outline:none;">
139 + <span style="font-size:1.1em; vertical-align:middle;">🐝</span>
140 + <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Bienen-AG <span style="font-size:0.6em; font-weight:600; color:#b45f06; background:#fff3e0; border-radius:6px; padding:2px 7px; margin-left:4px;">2. Halbjahr</span></span>
141 + <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Frau Nietzold, Frau Schulte &nbsp;·&nbsp; 📍 Haus am Wall</div>
142 + <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
143 + </summary>
144 + <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
171 171   <div style="font-size:0.88em; color:#1a3050; line-height:1.5;">Wer schon immer mehr über unsere fliegenden Mitbewohner, die Honigbienen, wissen wollte, ist hier genau richtig. Wir lernen, wie Honig entsteht, beobachten das Leben im Bienenstock, betreuen vor Ort Bienenvölker, schleudern selbst den kostbaren Honig und probieren ihn, stellen schöne und brauchbare Dinge mit Bienenwachs her und sorgen dafür, dass es den Bienen gut geht.<br/><br/><strong>Teilnahme &amp; Alter:</strong> ab Klasse 5, keine Bienenallergie, max. 8 Teilnehmer:innen.</div>
172 172   </div>
173 - </details>
174 - </td>
175 - <td style="width:84px; vertical-align:middle; padding:8px 12px 8px 4px;">
176 - <img src="https://wiki.kgs-stuhr.de/xwiki/bin/download/Allg-Info/ag-angebote/WebHome/05-bienen-ag.png" alt="Bienen-AG" style="width:76px; height:76px; object-fit:contain; display:block; background:#f7f7f9; border-radius:8px;" />
177 - </td>
178 - </tr></table>
147 + </details>
179 179   </div>
180 180   </td>
181 181   <td style="width:50%; vertical-align:top; padding:14px 14px 0 10px;"></td>
... ... @@ -190,46 +190,34 @@
190 190   <tr>
191 191   <td style="width:50%; vertical-align:top; padding:14px 10px 0 14px;">
192 192   <div style="background:#fff; border:1px solid #e5d7fb; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,0.05); height:100%; overflow:hidden;">
193 - <table style="width:100%; border-collapse:collapse;"><tr>
194 - <td style="vertical-align:middle; padding:12px 6px 12px 16px;">
195 - <details>
196 - <summary style="cursor:pointer; outline:none;">
197 - <span style="font-size:1.1em; vertical-align:middle;">🎨</span>
198 - <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Kunst-AG</span>
199 - <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Frau Gefken &nbsp;·&nbsp; 📍 A0.43</div>
200 - <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
201 - </summary>
202 - <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
162 + <img src="https://wiki.kgs-stuhr.de/xwiki/bin/download/Allg-Info/ag-angebote/WebHome/06-kunst-ag.png" alt="Kunst-AG" style="width:100%; height:130px; object-fit:contain; display:block; background:#f7f7f9; border-top-left-radius:10px; border-top-right-radius:10px;" />
163 + <details>
164 + <summary style="cursor:pointer; padding:12px 16px 14px 16px; outline:none;">
165 + <span style="font-size:1.1em; vertical-align:middle;">🎨</span>
166 + <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Kunst-AG</span>
167 + <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Frau Gefken &nbsp;·&nbsp; 📍 A0.43</div>
168 + <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
169 + </summary>
170 + <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
203 203   <div style="font-size:0.88em; color:#1a3050; line-height:1.5;">Du bist kreativ und zeichnest, malst und bastelst gerne? Dann bist du in dieser AG genau richtig! Wir erproben die verschiedensten Materialien, wie z.&nbsp;B. Bleistift, Buntstift, Aquarell, Acryl, Fimo, Schrumpffolie, diverse Papiere, Kreiden, Perlen, Draht und Pappmaché. Von Malerei und Zeichnung über plastisches Arbeiten bis hin zur Schmuckgestaltung ist alles möglich.<br/><br/><strong>Teilnahme &amp; Alter:</strong> 5. bis 10. Klasse, Gruppengröße max. 20.</div>
204 204   </div>
205 - </details>
206 - </td>
207 - <td style="width:84px; vertical-align:middle; padding:8px 12px 8px 4px;">
208 - <img src="https://wiki.kgs-stuhr.de/xwiki/bin/download/Allg-Info/ag-angebote/WebHome/06-kunst-ag.png" alt="Kunst-AG" style="width:76px; height:76px; object-fit:contain; display:block; background:#f7f7f9; border-radius:8px;" />
209 - </td>
210 - </tr></table>
173 + </details>
211 211   </div>
212 212   </td>
213 213   <td style="width:50%; vertical-align:top; padding:14px 14px 0 10px;">
214 214   <div style="background:#fff; border:1px solid #e5d7fb; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,0.05); height:100%; overflow:hidden;">
215 - <table style="width:100%; border-collapse:collapse;"><tr>
216 - <td style="vertical-align:middle; padding:12px 6px 12px 16px;">
217 - <details>
218 - <summary style="cursor:pointer; outline:none;">
219 - <span style="font-size:1.1em; vertical-align:middle;">🗳️</span>
220 - <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Mut zur Demokratie</span>
221 - <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Frau Saar &nbsp;·&nbsp; 📍 A1.03</div>
222 - <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
223 - </summary>
224 - <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
178 + <img src="https://wiki.kgs-stuhr.de/xwiki/bin/download/Allg-Info/ag-angebote/WebHome/07-mut-zur-demokratie.png" alt="Mut zur Demokratie" style="width:100%; height:130px; object-fit:contain; display:block; background:#f7f7f9; border-top-left-radius:10px; border-top-right-radius:10px;" />
179 + <details>
180 + <summary style="cursor:pointer; padding:12px 16px 14px 16px; outline:none;">
181 + <span style="font-size:1.1em; vertical-align:middle;">🗳️</span>
182 + <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Mut zur Demokratie</span>
183 + <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Frau Saar &nbsp;·&nbsp; 📍 A1.03</div>
184 + <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
185 + </summary>
186 + <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
225 225   <div style="font-size:0.88em; color:#1a3050; line-height:1.5;">Dich interessiert unsere Demokratie? Du möchtest dich für sie einsetzen? Du diskutierst gerne? Dann bist du bei &bdquo;Mut zur Demokratie&ldquo; genau richtig. Hier erwarten dich Offenheit, Vielfalt und spannende Podiumsdiskussionen. Weiterhin soll dein Mut gestärkt werden, dich gegen Diskriminierungen jeglicher Art einzusetzen und so ein Vorbild für andere zu sein.<br/><br/><strong>Teilnahme &amp; Alter:</strong> 5. bis 10. Klasse.</div>
226 226   </div>
227 - </details>
228 - </td>
229 - <td style="width:84px; vertical-align:middle; padding:8px 12px 8px 4px;">
230 - <img src="https://wiki.kgs-stuhr.de/xwiki/bin/download/Allg-Info/ag-angebote/WebHome/07-mut-zur-demokratie.png" alt="Mut zur Demokratie" style="width:76px; height:76px; object-fit:contain; display:block; background:#f7f7f9; border-radius:8px;" />
231 - </td>
232 - </tr></table>
189 + </details>
233 233   </div>
234 234   </td>
235 235   </tr>
... ... @@ -236,46 +236,34 @@
236 236   <tr>
237 237   <td style="width:50%; vertical-align:top; padding:14px 10px 0 14px;">
238 238   <div style="background:#fff; border:1px solid #e5d7fb; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,0.05); height:100%; overflow:hidden;">
239 - <table style="width:100%; border-collapse:collapse;"><tr>
240 - <td style="vertical-align:middle; padding:12px 6px 12px 16px;">
241 - <details>
242 - <summary style="cursor:pointer; outline:none;">
243 - <span style="font-size:1.1em; vertical-align:middle;">🌱</span>
244 - <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Naturgarten</span>
245 - <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Frau Nitzold &nbsp;·&nbsp; 📍 Haus am Wall</div>
246 - <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
247 - </summary>
248 - <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
196 + <img src="https://wiki.kgs-stuhr.de/xwiki/bin/download/Allg-Info/ag-angebote/WebHome/08-naturgarten.png" alt="Naturgarten" style="width:100%; height:130px; object-fit:contain; display:block; background:#f7f7f9; border-top-left-radius:10px; border-top-right-radius:10px;" />
197 + <details>
198 + <summary style="cursor:pointer; padding:12px 16px 14px 16px; outline:none;">
199 + <span style="font-size:1.1em; vertical-align:middle;">🌱</span>
200 + <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Naturgarten</span>
201 + <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Frau Nitzold &nbsp;·&nbsp; 📍 Haus am Wall</div>
202 + <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
203 + </summary>
204 + <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
249 249   <div style="font-size:0.88em; color:#1a3050; line-height:1.5;">Du liebst die Natur und bist gerne an der frischen Luft? Dann kümmere dich gemeinsam mit anderen Naturinteressierten um unseren Natur-Schulgarten. Wir pflanzen, säen, pflegen, bauen, basteln, ernten und genießen.<br/><br/><strong>Teilnahme &amp; Alter:</strong> ab Klasse 5, max. 15 Schüler:innen.</div>
250 250   </div>
251 - </details>
252 - </td>
253 - <td style="width:84px; vertical-align:middle; padding:8px 12px 8px 4px;">
254 - <img src="https://wiki.kgs-stuhr.de/xwiki/bin/download/Allg-Info/ag-angebote/WebHome/08-naturgarten.png" alt="Naturgarten" style="width:76px; height:76px; object-fit:contain; display:block; background:#f7f7f9; border-radius:8px;" />
255 - </td>
256 - </tr></table>
207 + </details>
257 257   </div>
258 258   </td>
259 259   <td style="width:50%; vertical-align:top; padding:14px 14px 0 10px;">
260 260   <div style="background:#fff; border:1px solid #e5d7fb; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,0.05); height:100%; overflow:hidden;">
261 - <table style="width:100%; border-collapse:collapse;"><tr>
262 - <td style="vertical-align:middle; padding:12px 6px 12px 16px;">
263 - <details>
264 - <summary style="cursor:pointer; outline:none;">
265 - <span style="font-size:1.1em; vertical-align:middle;">💃</span>
266 - <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Zumba</span>
267 - <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Frau Baronkin &nbsp;·&nbsp; 📍 Halle 1</div>
268 - <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
269 - </summary>
270 - <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
212 + <img src="https://wiki.kgs-stuhr.de/xwiki/bin/download/Allg-Info/ag-angebote/WebHome/09-zumba.png" alt="Zumba" style="width:100%; height:130px; object-fit:contain; display:block; background:#f7f7f9; border-top-left-radius:10px; border-top-right-radius:10px;" />
213 + <details>
214 + <summary style="cursor:pointer; padding:12px 16px 14px 16px; outline:none;">
215 + <span style="font-size:1.1em; vertical-align:middle;">💃</span>
216 + <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Zumba</span>
217 + <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Frau Baronkin &nbsp;·&nbsp; 📍 Halle 1</div>
218 + <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
219 + </summary>
220 + <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
271 271   <div style="font-size:0.88em; color:#1a3050; line-height:1.5;">In der Zumba-AG geht es um mehr als nur Tanzen: Zumba verbindet rhythmische Musik mit einfachen, energiegeladenen Bewegungen, so macht Bewegung richtig Freude! Neben dem gemeinsamen Tanzen zu aktuellen Songs entwickelt ihr auch eigene Choreografien zu eurer Lieblingsmusik, die anschließend gemeinsam eingeübt und aufgeführt werden.<br/><br/><strong>Teilnahme &amp; Alter:</strong> Alle, die Musik lieben und sich gerne dazu bewegen, sind herzlich willkommen! 🎶</div>
272 272   </div>
273 - </details>
274 - </td>
275 - <td style="width:84px; vertical-align:middle; padding:8px 12px 8px 4px;">
276 - <img src="https://wiki.kgs-stuhr.de/xwiki/bin/download/Allg-Info/ag-angebote/WebHome/09-zumba.png" alt="Zumba" style="width:76px; height:76px; object-fit:contain; display:block; background:#f7f7f9; border-radius:8px;" />
277 - </td>
278 - </tr></table>
223 + </details>
279 279   </div>
280 280   </td>
281 281   </tr>
... ... @@ -289,46 +289,34 @@
289 289   <tr>
290 290   <td style="width:50%; vertical-align:top; padding:14px 10px 0 14px;">
291 291   <div style="background:#fff; border:1px solid #cdf0e0; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,0.05); height:100%; overflow:hidden;">
292 - <table style="width:100%; border-collapse:collapse;"><tr>
293 - <td style="vertical-align:middle; padding:12px 6px 12px 16px;">
294 - <details>
295 - <summary style="cursor:pointer; outline:none;">
296 - <span style="font-size:1.1em; vertical-align:middle;">🎾</span>
297 - <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Tennis für Turnierspieler</span>
298 - <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Herr Möhring &nbsp;·&nbsp; 📍 Tennishalle</div>
299 - <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
300 - </summary>
301 - <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
237 + <img src="https://wiki.kgs-stuhr.de/xwiki/bin/download/Allg-Info/ag-angebote/WebHome/10-tennis-fuer-turnierspieler.png" alt="Tennis für Turnierspieler" style="width:100%; height:130px; object-fit:contain; display:block; background:#f7f7f9; border-top-left-radius:10px; border-top-right-radius:10px;" />
238 + <details>
239 + <summary style="cursor:pointer; padding:12px 16px 14px 16px; outline:none;">
240 + <span style="font-size:1.1em; vertical-align:middle;">🎾</span>
241 + <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Tennis für Turnierspieler</span>
242 + <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Herr Möhring &nbsp;·&nbsp; 📍 Tennishalle</div>
243 + <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
244 + </summary>
245 + <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
302 302   <div style="font-size:0.88em; color:#1a3050; line-height:1.5;">Die AG richtet sich an Schüler:innen mit Turniererfahrung, die ihr Spiel auf Turnierniveau weiterentwickeln möchten. Trainiert werden Technik, Taktik und Matchpraxis. Die AG findet von 14 bis 15 Uhr statt.<br/><br/><strong>Teilnahme &amp; Alter:</strong> Es wird eine Eigenbeteiligung von 20&nbsp;€ erhoben.</div>
303 303   </div>
304 - </details>
305 - </td>
306 - <td style="width:84px; vertical-align:middle; padding:8px 12px 8px 4px;">
307 - <img src="https://wiki.kgs-stuhr.de/xwiki/bin/download/Allg-Info/ag-angebote/WebHome/10-tennis-fuer-turnierspieler.png" alt="Tennis für Turnierspieler" style="width:76px; height:76px; object-fit:contain; display:block; background:#f7f7f9; border-radius:8px;" />
308 - </td>
309 - </tr></table>
248 + </details>
310 310   </div>
311 311   </td>
312 312   <td style="width:50%; vertical-align:top; padding:14px 14px 0 10px;">
313 313   <div style="background:#fff; border:1px solid #cdf0e0; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,0.05); height:100%; overflow:hidden;">
314 - <table style="width:100%; border-collapse:collapse;"><tr>
315 - <td style="vertical-align:middle; padding:12px 6px 12px 16px;">
316 - <details>
317 - <summary style="cursor:pointer; outline:none;">
318 - <span style="font-size:1.1em; vertical-align:middle;">🏀</span>
319 - <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Basketball</span>
320 - <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Herr Böger &nbsp;·&nbsp; 📍 Halle 2</div>
321 - <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
322 - </summary>
323 - <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
253 + <img src="https://wiki.kgs-stuhr.de/xwiki/bin/download/Allg-Info/ag-angebote/WebHome/11-basketball.png" alt="Basketball" style="width:100%; height:130px; object-fit:contain; display:block; background:#f7f7f9; border-top-left-radius:10px; border-top-right-radius:10px;" />
254 + <details>
255 + <summary style="cursor:pointer; padding:12px 16px 14px 16px; outline:none;">
256 + <span style="font-size:1.1em; vertical-align:middle;">🏀</span>
257 + <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Basketball</span>
258 + <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Herr Böger &nbsp;·&nbsp; 📍 Halle 2</div>
259 + <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
260 + </summary>
261 + <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
324 324   <div style="font-size:0.88em; color:#1a3050; line-height:1.5;">Dribbeln, passen, werfen und vor allem als Team zusammenspielen: In der Basketball-AG verbessert ihr eure Grundtechniken, trainiert Spielzüge und messt euch in kleinen Turnieren untereinander. Fairness und Teamgeist zählen genauso viel wie der Korberfolg.<br/><br/><strong>Teilnahme &amp; Alter:</strong> Egal ob Anfänger:in oder schon erfahren auf dem Court, alle sind willkommen.</div>
325 325   </div>
326 - </details>
327 - </td>
328 - <td style="width:84px; vertical-align:middle; padding:8px 12px 8px 4px;">
329 - <img src="https://wiki.kgs-stuhr.de/xwiki/bin/download/Allg-Info/ag-angebote/WebHome/11-basketball.png" alt="Basketball" style="width:76px; height:76px; object-fit:contain; display:block; background:#f7f7f9; border-radius:8px;" />
330 - </td>
331 - </tr></table>
264 + </details>
332 332   </div>
333 333   </td>
334 334   </tr>
... ... @@ -335,24 +335,18 @@
335 335   <tr>
336 336   <td style="width:50%; vertical-align:top; padding:14px 10px 0 14px;">
337 337   <div style="background:#fff; border:1px solid #cdf0e0; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,0.05); height:100%; overflow:hidden;">
338 - <table style="width:100%; border-collapse:collapse;"><tr>
339 - <td style="vertical-align:middle; padding:12px 6px 12px 16px;">
340 - <details>
341 - <summary style="cursor:pointer; outline:none;">
342 - <span style="font-size:1.1em; vertical-align:middle;">💃</span>
343 - <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Hip Hop – Shuffle – Streetdance</span>
344 - <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Frau Cafrey &nbsp;·&nbsp; 📍 Mensa</div>
345 - <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
346 - </summary>
347 - <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
271 + <img src="https://wiki.kgs-stuhr.de/xwiki/bin/download/Allg-Info/ag-angebote/WebHome/12-hip-hop-shuffle-streetdance.png" alt="Hip Hop – Shuffle – Streetdance" style="width:100%; height:130px; object-fit:contain; display:block; background:#f7f7f9; border-top-left-radius:10px; border-top-right-radius:10px;" />
272 + <details>
273 + <summary style="cursor:pointer; padding:12px 16px 14px 16px; outline:none;">
274 + <span style="font-size:1.1em; vertical-align:middle;">💃</span>
275 + <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Hip Hop – Shuffle – Streetdance</span>
276 + <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Frau Cafrey &nbsp;·&nbsp; 📍 Mensa</div>
277 + <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
278 + </summary>
279 + <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
348 348   <div style="font-size:0.88em; color:#1a3050; line-height:1.5;">Hier könnt ihr die neuesten Mooves erlernen und eigene Ideen einbringen. Daraus erstellen wir gemeinsam zu eurer Musik Choreografien. Wenn Interesse besteht, können wir sogar an Shows und Wettkämpfen teilnehmen!<br/><br/><strong>Teilnahme &amp; Alter:</strong> Lust am Tanzen reicht völlig aus, Vorkenntnisse sind nicht nötig.</div>
349 349   </div>
350 - </details>
351 - </td>
352 - <td style="width:84px; vertical-align:middle; padding:8px 12px 8px 4px;">
353 - <img src="https://wiki.kgs-stuhr.de/xwiki/bin/download/Allg-Info/ag-angebote/WebHome/12-hip-hop-shuffle-streetdance.png" alt="Hip Hop – Shuffle – Streetdance" style="width:76px; height:76px; object-fit:contain; display:block; background:#f7f7f9; border-radius:8px;" />
354 - </td>
355 - </tr></table>
282 + </details>
356 356   </div>
357 357   </td>
358 358   <td style="width:50%; vertical-align:top; padding:14px 14px 0 10px;"></td>
... ... @@ -367,46 +367,34 @@
367 367   <tr>
368 368   <td style="width:50%; vertical-align:top; padding:14px 10px 0 14px;">
369 369   <div style="background:#fff; border:1px solid #fbe0bd; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,0.05); height:100%; overflow:hidden;">
370 - <table style="width:100%; border-collapse:collapse;"><tr>
371 - <td style="vertical-align:middle; padding:12px 6px 12px 16px;">
372 - <details>
373 - <summary style="cursor:pointer; outline:none;">
374 - <span style="font-size:1.1em; vertical-align:middle;">🎤</span>
375 - <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Sing- and MusicStars</span>
376 - <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Frau Jüttner &nbsp;·&nbsp; 📍 A0.27</div>
377 - <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
378 - </summary>
379 - <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
297 + <img src="https://wiki.kgs-stuhr.de/xwiki/bin/download/Allg-Info/ag-angebote/WebHome/13-sing-and-musicstars.png" alt="Sing- and MusicStars" style="width:100%; height:130px; object-fit:contain; display:block; background:#f7f7f9; border-top-left-radius:10px; border-top-right-radius:10px;" />
298 + <details>
299 + <summary style="cursor:pointer; padding:12px 16px 14px 16px; outline:none;">
300 + <span style="font-size:1.1em; vertical-align:middle;">🎤</span>
301 + <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Sing- and MusicStars</span>
302 + <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Frau Jüttner &nbsp;·&nbsp; 📍 A0.27</div>
303 + <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
304 + </summary>
305 + <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
380 380   <div style="font-size:0.88em; color:#1a3050; line-height:1.5;">Hier könnt ihr echte Bühnenluft schnuppern! Gemeinsam entwickeln wir Schritt für Schritt eigene kleine Musical- und Theaterstücke mit Tanz, Schauspiel und Gesang. Ihr schlüpft in Rollen, übt Texte, singt Lieder und überlegt gemeinsam, wie Szenen spannend auf die Bühne gebracht werden können.<br/><br/><strong>Teilnahme &amp; Alter:</strong> Klasse 5 bis 8, keine Vorerfahrung nötig, wichtig ist nur die Lust am Ausprobieren.</div>
381 381   </div>
382 - </details>
383 - </td>
384 - <td style="width:84px; vertical-align:middle; padding:8px 12px 8px 4px;">
385 - <img src="https://wiki.kgs-stuhr.de/xwiki/bin/download/Allg-Info/ag-angebote/WebHome/13-sing-and-musicstars.png" alt="Sing- and MusicStars" style="width:76px; height:76px; object-fit:contain; display:block; background:#f7f7f9; border-radius:8px;" />
386 - </td>
387 - </tr></table>
308 + </details>
388 388   </div>
389 389   </td>
390 390   <td style="width:50%; vertical-align:top; padding:14px 14px 0 10px;">
391 391   <div style="background:#fff; border:1px solid #fbe0bd; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,0.05); height:100%; overflow:hidden;">
392 - <table style="width:100%; border-collapse:collapse;"><tr>
393 - <td style="vertical-align:middle; padding:12px 6px 12px 16px;">
394 - <details>
395 - <summary style="cursor:pointer; outline:none;">
396 - <span style="font-size:1.1em; vertical-align:middle;">✂️</span>
397 - <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Kreativ-AG</span>
398 - <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Frau Clöer &nbsp;·&nbsp; 📍 A0.41</div>
399 - <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
400 - </summary>
401 - <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
313 + <img src="https://wiki.kgs-stuhr.de/xwiki/bin/download/Allg-Info/ag-angebote/WebHome/14-kreativ-ag.png" alt="Kreativ-AG" style="width:100%; height:130px; object-fit:contain; display:block; background:#f7f7f9; border-top-left-radius:10px; border-top-right-radius:10px;" />
314 + <details>
315 + <summary style="cursor:pointer; padding:12px 16px 14px 16px; outline:none;">
316 + <span style="font-size:1.1em; vertical-align:middle;">✂️</span>
317 + <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Kreativ-AG</span>
318 + <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Frau Clöer &nbsp;·&nbsp; 📍 A0.41</div>
319 + <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
320 + </summary>
321 + <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
402 402   <div style="font-size:0.88em; color:#1a3050; line-height:1.5;">In dieser AG lernt ihr verschiedene Zeichen- und Maltechniken kennen, von Bleistift über Buntstift bis Pastell und Aquarell. Wie erstelle ich eine Skizze, wie zeichne ich eine Nase oder ein Tier? Ihr entdeckt eure eigene Strichführung und probiert neue Techniken zum Zeichnen aus.<br/><br/><strong>Teilnahme &amp; Alter:</strong> Wer Spaß und Freude am Zeichnen hat, ist herzlich eingeladen.</div>
403 403   </div>
404 - </details>
405 - </td>
406 - <td style="width:84px; vertical-align:middle; padding:8px 12px 8px 4px;">
407 - <img src="https://wiki.kgs-stuhr.de/xwiki/bin/download/Allg-Info/ag-angebote/WebHome/14-kreativ-ag.png" alt="Kreativ-AG" style="width:76px; height:76px; object-fit:contain; display:block; background:#f7f7f9; border-radius:8px;" />
408 - </td>
409 - </tr></table>
324 + </details>
410 410   </div>
411 411   </td>
412 412   </tr>
... ... @@ -413,47 +413,35 @@
413 413   <tr>
414 414   <td style="width:50%; vertical-align:top; padding:14px 10px 0 14px;">
415 415   <div style="background:#fff; border:1px solid #fbe0bd; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,0.05); height:100%; overflow:hidden;">
416 - <table style="width:100%; border-collapse:collapse;"><tr>
417 - <td style="vertical-align:middle; padding:12px 6px 12px 16px;">
418 - <details>
419 - <summary style="cursor:pointer; outline:none;">
420 - <span style="font-size:1.1em; vertical-align:middle;">🥋</span>
421 - <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Kampfsport-AG</span>
422 - <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Herr Orcjan &nbsp;·&nbsp; 📍 Fight-Atelier</div>
423 - <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:15–15:30 Uhr</div>
424 - </summary>
425 - <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
331 + <img src="https://wiki.kgs-stuhr.de/xwiki/bin/download/Allg-Info/ag-angebote/WebHome/15-kampfsport-ag.png" alt="Kampfsport-AG" style="width:100%; height:130px; object-fit:contain; display:block; background:#f7f7f9; border-top-left-radius:10px; border-top-right-radius:10px;" />
332 + <details>
333 + <summary style="cursor:pointer; padding:12px 16px 14px 16px; outline:none;">
334 + <span style="font-size:1.1em; vertical-align:middle;">🥋</span>
335 + <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Kampfsport-AG</span>
336 + <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Herr Orcjan &nbsp;·&nbsp; 📍 Fight-Atelier</div>
337 + <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:15–15:30 Uhr</div>
338 + </summary>
339 + <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
426 426   <div style="font-size:0.88em; color:#1a3050; line-height:1.5;">Unsere Kickbox-AG bringt dich mit abwechslungsreichen Kampfsportübungen und -techniken richtig in Bewegung und hält dich fit. Hier stehen Spaß, Action und die richtige Portion Anstrengung im Mittelpunkt, sodass du dich voll auspowern und neue Fähigkeiten entdecken kannst.<br/><br/><strong>Teilnahme &amp; Alter:</strong> Jahrgänge 6 bis 10.
427 427  <div style="margin-top:8px; padding:8px 10px; background:#fdf3d0; border-radius:6px; font-size:0.85em; color:#8a4b00;">⚠️ Achtung, abweichend von den anderen AGs: Die AG findet im <strong>Fight-Atelier, Herta-Sponer-Straße 8</strong> statt und beginnt bereits um <strong>14:15 Uhr</strong>.</div></div>
428 428   </div>
429 - </details>
430 - </td>
431 - <td style="width:84px; vertical-align:middle; padding:8px 12px 8px 4px;">
432 - <img src="https://wiki.kgs-stuhr.de/xwiki/bin/download/Allg-Info/ag-angebote/WebHome/15-kampfsport-ag.png" alt="Kampfsport-AG" style="width:76px; height:76px; object-fit:contain; display:block; background:#f7f7f9; border-radius:8px;" />
433 - </td>
434 - </tr></table>
343 + </details>
435 435   </div>
436 436   </td>
437 437   <td style="width:50%; vertical-align:top; padding:14px 14px 0 10px;">
438 438   <div style="background:#fff; border:1px solid #fbe0bd; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,0.05); height:100%; overflow:hidden;">
439 - <table style="width:100%; border-collapse:collapse;"><tr>
440 - <td style="vertical-align:middle; padding:12px 6px 12px 16px;">
441 - <details>
442 - <summary style="cursor:pointer; outline:none;">
443 - <span style="font-size:1.1em; vertical-align:middle;">♟️</span>
444 - <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Schach-AG</span>
445 - <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Herr Hagedorn &nbsp;·&nbsp; 📍 A1.21</div>
446 - <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
447 - </summary>
448 - <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
348 + <img src="https://wiki.kgs-stuhr.de/xwiki/bin/download/Allg-Info/ag-angebote/WebHome/16-schach-ag.png" alt="Schach-AG" style="width:100%; height:130px; object-fit:contain; display:block; background:#f7f7f9; border-top-left-radius:10px; border-top-right-radius:10px;" />
349 + <details>
350 + <summary style="cursor:pointer; padding:12px 16px 14px 16px; outline:none;">
351 + <span style="font-size:1.1em; vertical-align:middle;">♟️</span>
352 + <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Schach-AG</span>
353 + <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Herr Hagedorn &nbsp;·&nbsp; 📍 A1.21</div>
354 + <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
355 + </summary>
356 + <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
449 449   <div style="font-size:0.88em; color:#1a3050; line-height:1.5;">Schachmatt in drei Zügen? In der Schach-AG lernt ihr, vorausschauend zu denken, Strategien zu entwickeln und eure Gegner:innen zu überlisten. Vom ersten Kennenlernen der Figuren bis zu kniffligen Taktiken ist für Einsteiger:innen und Fortgeschrittene alles dabei, natürlich wird auch gegeneinander gespielt.<br/><br/><strong>Teilnahme &amp; Alter:</strong> Auch ohne Vorkenntnisse startklar, Lust am Knobeln reicht völlig aus.</div>
450 450   </div>
451 - </details>
452 - </td>
453 - <td style="width:84px; vertical-align:middle; padding:8px 12px 8px 4px;">
454 - <img src="https://wiki.kgs-stuhr.de/xwiki/bin/download/Allg-Info/ag-angebote/WebHome/16-schach-ag.png" alt="Schach-AG" style="width:76px; height:76px; object-fit:contain; display:block; background:#f7f7f9; border-radius:8px;" />
455 - </td>
456 - </tr></table>
359 + </details>
457 457   </div>
458 458   </td>
459 459   </tr>
... ... @@ -460,46 +460,34 @@
460 460   <tr>
461 461   <td style="width:50%; vertical-align:top; padding:14px 10px 0 14px;">
462 462   <div style="background:#fff; border:1px solid #fbe0bd; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,0.05); height:100%; overflow:hidden;">
463 - <table style="width:100%; border-collapse:collapse;"><tr>
464 - <td style="vertical-align:middle; padding:12px 6px 12px 16px;">
465 - <details>
466 - <summary style="cursor:pointer; outline:none;">
467 - <span style="font-size:1.1em; vertical-align:middle;">🎛️</span>
468 - <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Veranstaltungstechnik</span>
469 - <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Herr Brand &nbsp;·&nbsp; 📍 A0.44</div>
470 - <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
471 - </summary>
472 - <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
366 + <img src="https://wiki.kgs-stuhr.de/xwiki/bin/download/Allg-Info/ag-angebote/WebHome/17-veranstaltungstechnik.png" alt="Veranstaltungstechnik" style="width:100%; height:130px; object-fit:contain; display:block; background:#f7f7f9; border-top-left-radius:10px; border-top-right-radius:10px;" />
367 + <details>
368 + <summary style="cursor:pointer; padding:12px 16px 14px 16px; outline:none;">
369 + <span style="font-size:1.1em; vertical-align:middle;">🎛️</span>
370 + <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Veranstaltungstechnik</span>
371 + <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Herr Brand &nbsp;·&nbsp; 📍 A0.44</div>
372 + <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
373 + </summary>
374 + <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
473 473   <div style="font-size:0.88em; color:#1a3050; line-height:1.5;">In der AG erlernt ihr die nötigen Kenntnisse und Fähigkeiten, um Veranstaltungen mit Ton-, Licht- und Bühnentechnik zu unterstützen. Es soll ein Team aufgebaut werden, das mit der in der Schule vorhandenen Technik umgehen kann, um zukünftig schulische Veranstaltungen begleiten zu können.<br/><br/><strong>Teilnahme &amp; Alter:</strong> Mitmachen kann jede:r Schüler:in mit Interesse an Technik, handwerklichem Geschick und Organisationstalent.</div>
474 474   </div>
475 - </details>
476 - </td>
477 - <td style="width:84px; vertical-align:middle; padding:8px 12px 8px 4px;">
478 - <img src="https://wiki.kgs-stuhr.de/xwiki/bin/download/Allg-Info/ag-angebote/WebHome/17-veranstaltungstechnik.png" alt="Veranstaltungstechnik" style="width:76px; height:76px; object-fit:contain; display:block; background:#f7f7f9; border-radius:8px;" />
479 - </td>
480 - </tr></table>
377 + </details>
481 481   </div>
482 482   </td>
483 483   <td style="width:50%; vertical-align:top; padding:14px 14px 0 10px;">
484 484   <div style="background:#fff; border:1px solid #fbe0bd; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,0.05); height:100%; overflow:hidden;">
485 - <table style="width:100%; border-collapse:collapse;"><tr>
486 - <td style="vertical-align:middle; padding:12px 6px 12px 16px;">
487 - <details>
488 - <summary style="cursor:pointer; outline:none;">
489 - <span style="font-size:1.1em; vertical-align:middle;">📸</span>
490 - <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">ECHO Events</span>
491 - <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Frau Kowalzik &nbsp;·&nbsp; 📍 A0.43</div>
492 - <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
493 - </summary>
494 - <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
382 + <img src="https://wiki.kgs-stuhr.de/xwiki/bin/download/Allg-Info/ag-angebote/WebHome/18-echo-events.png" alt="ECHO Events" style="width:100%; height:130px; object-fit:contain; display:block; background:#f7f7f9; border-top-left-radius:10px; border-top-right-radius:10px;" />
383 + <details>
384 + <summary style="cursor:pointer; padding:12px 16px 14px 16px; outline:none;">
385 + <span style="font-size:1.1em; vertical-align:middle;">📸</span>
386 + <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">ECHO Events</span>
387 + <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Frau Kowalzik &nbsp;·&nbsp; 📍 A0.43</div>
388 + <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
389 + </summary>
390 + <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
495 495   <div style="font-size:0.88em; color:#1a3050; line-height:1.5;">Ihr organisiert als Gruppe eigene Events für die Schule, von Quiz-Abenden für ganze Jahrgänge bis zu anderen kreativen Aktionen. Ideen und Inspiration recherchiert ihr auch selbst, unter anderem auf unserer Homepage.<br/><br/><strong>Teilnahme &amp; Alter:</strong> ab Klasse 7.</div>
496 496   </div>
497 - </details>
498 - </td>
499 - <td style="width:84px; vertical-align:middle; padding:8px 12px 8px 4px;">
500 - <img src="https://wiki.kgs-stuhr.de/xwiki/bin/download/Allg-Info/ag-angebote/WebHome/18-echo-events.png" alt="ECHO Events" style="width:76px; height:76px; object-fit:contain; display:block; background:#f7f7f9; border-radius:8px;" />
501 - </td>
502 - </tr></table>
393 + </details>
503 503   </div>
504 504   </td>
505 505   </tr>
... ... @@ -513,24 +513,18 @@
513 513   <tr>
514 514   <td style="width:50%; vertical-align:top; padding:14px 10px 0 14px;">
515 515   <div style="background:#fff; border:1px solid #f9d0d0; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,0.05); height:100%; overflow:hidden;">
516 - <table style="width:100%; border-collapse:collapse;"><tr>
517 - <td style="vertical-align:middle; padding:12px 6px 12px 16px;">
518 - <details>
519 - <summary style="cursor:pointer; outline:none;">
520 - <span style="font-size:1.1em; vertical-align:middle;">🤖</span>
521 - <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">RoboCup</span>
522 - <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Herr Brandt &nbsp;·&nbsp; 📍 A0.44</div>
523 - <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
524 - </summary>
525 - <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
407 + <img src="https://wiki.kgs-stuhr.de/xwiki/bin/download/Allg-Info/ag-angebote/WebHome/19-robocup.png" alt="RoboCup" style="width:100%; height:130px; object-fit:contain; display:block; background:#f7f7f9; border-top-left-radius:10px; border-top-right-radius:10px;" />
408 + <details>
409 + <summary style="cursor:pointer; padding:12px 16px 14px 16px; outline:none;">
410 + <span style="font-size:1.1em; vertical-align:middle;">🤖</span>
411 + <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">RoboCup</span>
412 + <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Herr Brandt &nbsp;·&nbsp; 📍 A0.44</div>
413 + <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
414 + </summary>
415 + <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
526 526   <div style="font-size:0.88em; color:#1a3050; line-height:1.5;">Aus LEGO und anderen Materialien konstruiert ihr als Team Roboter, die ihr anschließend programmiert, um am RoboCup-Wettbewerb in der Sparte &bdquo;Rescue&ldquo; (Rettungsroboter) oder &bdquo;OnStage&ldquo; (Theater- und Tanzperformance auf der Bühne) teilzunehmen, sofern möglich. Ausführliche Berichte über die Leistungen des RoboCup-Teams findet ihr <a href="https://www.kgs-stuhr.de/schulleben/wettbewerbe/robocup/" target="_blank">hier</a>.<br/><br/><strong>Teilnahme &amp; Alter:</strong> Eine regelmäßige Teilnahme an der AG und am Wettbewerb ist verpflichtend!</div>
527 527   </div>
528 - </details>
529 - </td>
530 - <td style="width:84px; vertical-align:middle; padding:8px 12px 8px 4px;">
531 - <img src="https://wiki.kgs-stuhr.de/xwiki/bin/download/Allg-Info/ag-angebote/WebHome/19-robocup.png" alt="RoboCup" style="width:76px; height:76px; object-fit:contain; display:block; background:#f7f7f9; border-radius:8px;" />
532 - </td>
533 - </tr></table>
418 + </details>
534 534   </div>
535 535   </td>
536 536   <td style="width:50%; vertical-align:top; padding:14px 14px 0 10px;"></td>
... ... @@ -538,5 +538,12 @@
538 538   </table>
539 539  </div>
540 540  
426 +<!-- ============ TODO NOTIZ (nur für Sarah sichtbar im Quelltext) ============ -->
427 +<table style="width:100%; border-collapse:collapse; margin-top:6px;">
428 +<tr><td style="background:#fdf3d0; border-left:6px solid #b45f06; border-radius:10px; padding:14px 18px;">
429 +<div style="font-weight:700; color:#8a4b00; margin-bottom:4px;">🚧 In Arbeit</div>
430 +<div style="color:#5c3d00; font-size:0.9em;">Alle Beschreibungstexte sind eingepflegt und geprüft. Es fehlen jetzt nur noch die Bilder pro AG (KI-generiert, einheitlicher Stil).</div>
431 +</td></tr>
432 +</table>
541 541  
542 542  {{/html}}