Änderungen von Dokument AG-Angebote

Zuletzt geändert von Sarah Groeneveld am 2026/11/03 15:14

Verwalten
- Kopieren
Aktionen
- Exportieren
- Druckvorschau
Ansichten

Von 28.1 nach 29.1 Von 50.1 nach 51.1

Von Version 29.1

bearbeitet von Sarah Groeneveld
am 2026/08/13 13:27

Änderungskommentar: Es gibt keinen Kommentar für diese Version

Auf Version 50.1

bearbeitet von Sarah Groeneveld
am 2026/10/19 22:32

Änderungskommentar: Es gibt keinen Kommentar für diese Version

Rohform
Im Layout

Zusammenfassung

Seiteneigenschaften (4 geändert, 0 hinzugefügt, 0 gelöscht)

Details

Seiteneigenschaften

Titel

@@ -1,1 +1,1 @@
--ag-angebote
++AG-Angebote

Übergeordnete Seite

@@ -1,1 +1,1 @@
--Allg-Info.WebHome
++allg-info.WebHome

Tags

...	...	@@ -1,0 +1,1 @@
	1	+AG-Angebote\|Kurswahl\|IServ\|Ganztag\|Arbeitsgemeinschaften\|Nachmittagsangebote\|2026/27\|Anmeldung

Inhalt

@@ -2,70 +2,56 @@
  <!-- ============ HERO ============ -->
  <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);">
--  <div style="font-size:2.1em; font-weight:800; line-height:1.15; margin-bottom:8px;">🎉 Ganztagsangebote 2026/27</div>
++  <div style="font-size:2.1em; font-weight:800; line-height:1.15; margin-bottom:8px;">🎉 AG-Angebote 2026/27</div>
    <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>
  </div>
  <!-- ============ WAHL-INFO NOTICE ============ -->
  <table style="width:100%; border-collapse:collapse; margin-bottom:16px;">
--<tr><td style="background:#e6f9f0; border-left:6px solid #0e9f6e; border-radius:10px; padding:18px 22px;">
++<tbody><tr><td style="background:#e6f9f0; border-left:6px solid #0e9f6e; border-radius:10px; padding:18px 22px;">
  <div style="font-weight:700; color:#0e9f6e; font-size:1.05em; margin-bottom:6px;">🗳️ Die Wahl läuft ab sofort!</div>
  <div style="color:#1a3050; font-size:0.98em; line-height:1.5;">
--Wählt euer Wunsch-Angebot direkt in <strong>IServ&nbsp;→&nbsp;Kurswahlen</strong>. Die AGs starten am <strong>Montag, 24.08.2026</strong> und finden von da an regelmäßig <strong>montags bis freitags, 14:00–15:30&nbsp;Uhr</strong> statt.
++Wählt euer Wunsch-Angebot direkt in <strong><a href="https://kgs-sb.de/iserv/courseselection" target="_blank" style="color:#0e9f6e;">IServ&nbsp;→&nbsp;Kurswahlen</a></strong>. Die AGs starten am <strong>Montag, 24.08.2026</strong> und finden von da an regelmäßig <strong>montags bis freitags, 14:00–15:30&nbsp;Uhr</strong> statt.
  </div>
  </td></tr>
--</table>
++</tbody></table>
  <!-- ============ WARUM MITMACHEN ============ -->
  <table style="width:100%; border-collapse:collapse; margin-bottom:26px;">
--<tr><td style="background:#fff8e6; border-left:6px solid #d97706; border-radius:10px; padding:18px 22px;">
++<tbody><tr><td style="background:#fff8e6; border-left:6px solid #d97706; border-radius:10px; padding:18px 22px;">
  <div style="font-weight:700; color:#b45f06; font-size:1.05em; margin-bottom:8px;">✨ Warum mitmachen?</div>
--<table style="width:100%; border-collapse:collapse;">
--<tr>
--<td style="width:33%; vertical-align:top; padding:4px 8px 4px 0; color:#1a3050; font-size:0.92em;">🤝 Neue Freundschaften jahrgangsübergreifend schließen</td>
--<td style="width:33%; vertical-align:top; padding:4px 8px 4px 0; color:#1a3050; font-size:0.92em;">🌟 Eigene Talente entdecken und ausprobieren</td>
--<td style="width:34%; vertical-align:top; padding:4px 0 4px 0; color:#1a3050; font-size:0.92em;">😌 Guter Ausgleich zum Unterrichtsalltag</td>
--</tr>
--</table>
++<div style=" text-align:left;"><div style="display:inline-block;vertical-align:top;width:max(calc(33.333% - 18px), min(100%, 240px));max-width:100%;box-sizing:border-box;margin:0 10px 10px 0;text-align:left;; vertical-align:top; padding:4px 8px 4px 0; color:#1a3050; font-size:0.92em;">🤝 Neue Freundschaften jahrgangsübergreifend schließen</div><div style="display:inline-block;vertical-align:top;width:max(calc(33.333% - 18px), min(100%, 240px));max-width:100%;box-sizing:border-box;margin:0 10px 10px 0;text-align:left;; vertical-align:top; padding:4px 8px 4px 0; color:#1a3050; font-size:0.92em;">🌟 Eigene Talente entdecken und ausprobieren</div><div style="display:inline-block;vertical-align:top;width:max(calc(33.333% - 18px), min(100%, 240px));max-width:100%;box-sizing:border-box;margin:0 10px 10px 0;text-align:left;; vertical-align:top; padding:4px 0 4px 0; color:#1a3050; font-size:0.92em;">😌 Guter Ausgleich zum Unterrichtsalltag</div></div>
  </td></tr>
--</table>
++</tbody></table>
  <!-- ============ SO WÄHLT IHR ============ -->
  <div style="font-size:1.3em; font-weight:700; color:#1a3050; margin:6px 0 14px 0;">🧭 So wählt ihr euer Angebot</div>
--<table style="width:100%; border-collapse:collapse; margin-bottom:30px;">
--<tr>
--<td style="width:33%; vertical-align:top; padding:6px;">
++<div style="margin-bottom:30px; text-align:left;"><div style="display:inline-block;vertical-align:top;width:max(calc(33.333% - 18px), min(100%, 240px));max-width:100%;box-sizing:border-box;margin:0 10px 10px 0;text-align:left;; vertical-align:top; padding:6px;">
    <div style="background:#fff; border:1px solid #e2e8f0; border-radius:10px; padding:16px; text-align:center; box-shadow:0 1px 3px rgba(0,0,0,0.06);">
      <div style="font-size:1.8em;">1️⃣</div>
      <div style="font-weight:700; color:#1a3050; margin:6px 0;">In IServ einloggen</div>
--    <div style="font-size:0.88em; color:#555;">Modul <strong>Kurswahlen</strong> öffnen</div>
++    <div style="font-size:0.88em; color:#555;">Modul <strong><a href="https://kgs-sb.de/iserv/courseselection" target="_blank" style="color:#1a56db;">Kurswahlen</a></strong> öffnen</div>
    </div>
--</td>
--<td style="width:33%; vertical-align:top; padding:6px;">
++</div><div style="display:inline-block;vertical-align:top;width:max(calc(33.333% - 18px), min(100%, 240px));max-width:100%;box-sizing:border-box;margin:0 10px 10px 0;text-align:left;; vertical-align:top; padding:6px;">
    <div style="background:#fff; border:1px solid #e2e8f0; border-radius:10px; padding:16px; text-align:center; box-shadow:0 1px 3px rgba(0,0,0,0.06);">
      <div style="font-size:1.8em;">2️⃣</div>
      <div style="font-weight:700; color:#1a3050; margin:6px 0;">Angebote durchstöbern</div>
      <div style="font-size:0.88em; color:#555;">Diese Seite gibt euch schon vorab den Überblick</div>
    </div>
--</td>
--<td style="width:34%; vertical-align:top; padding:6px;">
++</div><div style="display:inline-block;vertical-align:top;width:max(calc(33.333% - 18px), min(100%, 240px));max-width:100%;box-sizing:border-box;margin:0 10px 10px 0;text-align:left;; vertical-align:top; padding:6px;">
    <div style="background:#fff; border:1px solid #e2e8f0; border-radius:10px; padding:16px; text-align:center; box-shadow:0 1px 3px rgba(0,0,0,0.06);">
      <div style="font-size:1.8em;">3️⃣</div>
      <div style="font-weight:700; color:#1a3050; margin:6px 0;">Wahl abschicken</div>
      <div style="font-size:0.88em; color:#555;">Fertig, ihr seht eure Zuteilung in IServ</div>
    </div>
--</td>
--</tr>
--</table>
++</div></div>
  <!-- ============ MONTAG ============ -->
  <div style="background:#eef2ff; border-radius:12px; padding:0 0 16px 0; margin-bottom:22px;">
    <div style="background:#1a56db; color:#fff; font-weight:700; font-size:1.15em; padding:10px 18px; border-radius:12px 12px 0 0;">📅 Montag</div>
--  <table style="width:100%; border-collapse:collapse;">
--  <tr>
--    <td style="width:50%; vertical-align:top; padding:14px 10px 0 14px;">
++  <div style=" text-align:left;"><div style="display:inline-block;vertical-align:top;width:max(calc(50% - 22px), min(100%, 260px));max-width:100%;box-sizing:border-box;margin:0 10px 10px 0;text-align:left;; vertical-align:top; padding:14px 10px 0 14px;">
        <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;">
--        <table style="width:100%; border-collapse:collapse;"><tr>
++        <table style="width:100%; border-collapse:collapse;"><tbody><tr>
            <td style="vertical-align:middle; padding:12px 6px 12px 16px;">
              <details>
              <summary style="cursor:pointer; outline:none;">
@@ -75,43 +75,39 @@
                <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
              </summary>
              <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
--          <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>
++          <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>
          </div>
              </details>
            </td>
            <td style="width:84px; vertical-align:middle; padding:8px 12px 8px 4px;">
--            <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;" />
++            <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;">
            </td>
--        </tr></table>
++        </tr></tbody></table>
        </div>
--    </td>
--    <td style="width:50%; vertical-align:top; padding:14px 14px 0 10px;">
++    </div><div style="display:inline-block;vertical-align:top;width:max(calc(50% - 22px), min(100%, 260px));max-width:100%;box-sizing:border-box;margin:0 10px 10px 0;text-align:left;; vertical-align:top; padding:14px 14px 0 10px;">
        <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;">
--        <table style="width:100%; border-collapse:collapse;"><tr>
++        <table style="width:100%; border-collapse:collapse;"><tbody><tr>
            <td style="vertical-align:middle; padding:12px 6px 12px 16px;">
              <details>
              <summary style="cursor:pointer; outline:none;">
                <span style="font-size:1.1em; vertical-align:middle;">🎾</span>
--              <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Tennis, Beachtennis, Padel</span>
++              <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Tennis – Beachtennis – Padel</span>
                <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Herr Möhring &nbsp;·&nbsp; 📍 Tennishalle</div>
--              <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
++              <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:00 Uhr</div>
              </summary>
              <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
--          <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>
++          <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–15 Uhr statt.<br><br><strong>Teilnahme &amp; Alter:</strong> Es wird eine Eigenbeteiligung von 20&nbsp;€ erhoben.</div>
          </div>
              </details>
            </td>
            <td style="width:84px; vertical-align:middle; padding:8px 12px 8px 4px;">
--            <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;" />
++            <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;">
            </td>
--        </tr></table>
++        </tr></tbody></table>
        </div>
--    </td>
--  </tr>
--  <tr>
--    <td style="width:50%; vertical-align:top; padding:14px 10px 0 14px;">
++    </div><div style="display:inline-block;vertical-align:top;width:max(calc(50% - 22px), min(100%, 260px));max-width:100%;box-sizing:border-box;margin:0 10px 10px 0;text-align:left;; vertical-align:top; padding:14px 10px 0 14px;">
        <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;">
--        <table style="width:100%; border-collapse:collapse;"><tr>
++        <table style="width:100%; border-collapse:collapse;"><tbody><tr>
            <td style="vertical-align:middle; padding:12px 6px 12px 16px;">
              <details>
              <summary style="cursor:pointer; outline:none;">
@@ -121,19 +121,18 @@
                <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
              </summary>
              <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
--          <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>
++          <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>
          </div>
              </details>
            </td>
            <td style="width:84px; vertical-align:middle; padding:8px 12px 8px 4px;">
--            <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;" />
++            <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;">
            </td>
--        </tr></table>
++        </tr></tbody></table>
        </div>
--    </td>
--    <td style="width:50%; vertical-align:top; padding:14px 14px 0 10px;">
++    </div><div style="display:inline-block;vertical-align:top;width:max(calc(50% - 22px), min(100%, 260px));max-width:100%;box-sizing:border-box;margin:0 10px 10px 0;text-align:left;; vertical-align:top; padding:14px 14px 0 10px;">
        <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;">
--        <table style="width:100%; border-collapse:collapse;"><tr>
++        <table style="width:100%; border-collapse:collapse;"><tbody><tr>
            <td style="vertical-align:middle; padding:12px 6px 12px 16px;">
              <details>
              <summary style="cursor:pointer; outline:none;">
@@ -143,21 +143,19 @@
                <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
              </summary>
              <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
--          <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>
++          <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 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>
          </div>
              </details>
            </td>
            <td style="width:84px; vertical-align:middle; padding:8px 12px 8px 4px;">
--            <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;" />
++            <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;">
            </td>
--        </tr></table>
++        </tr></tbody></table>
        </div>
--    </td>
--  </tr>
--  <tr>
--    <td style="width:50%; vertical-align:top; padding:14px 10px 0 14px;">
++    </div><div style="display:inline-block;vertical-align:top;width:max(calc(50% - 22px), min(100%, 260px));max-width:100%;box-sizing:border-box;margin:0 10px 10px 0;text-align:left;; vertical-align:top; padding:14px 10px 0 14px;">
        <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;">
--        <table style="width:100%; border-collapse:collapse;"><tr>
++        <table style="width:100%; border-collapse:collapse;"><tbody><tr>
            <td style="vertical-align:middle; padding:12px 6px 12px 16px;">
              <details>
              <summary style="cursor:pointer; outline:none;">
@@ -167,29 +167,45 @@
                <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
              </summary>
              <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
--          <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>
++          <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>
          </div>
              </details>
            </td>
            <td style="width:84px; vertical-align:middle; padding:8px 12px 8px 4px;">
--            <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;" />
++            <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;">
            </td>
--        </tr></table>
++        </tr></tbody></table>
        </div>
--    </td>
--    <td style="width:50%; vertical-align:top; padding:14px 14px 0 10px;"></td>
--  </tr>
--  </table>
++    </div><div style="display:inline-block;vertical-align:top;width:max(calc(50% - 22px), min(100%, 260px));max-width:100%;box-sizing:border-box;margin:0 10px 10px 0;text-align:left;; vertical-align:top; padding:14px 14px 0 10px;">
++      <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;">
++        <table style="width:100%; border-collapse:collapse;"><tbody><tr>
++          <td style="vertical-align:middle; padding:12px 6px 12px 16px;">
++            <details>
++            <summary style="cursor:pointer; outline:none;">
++              <span style="font-size:1.1em; vertical-align:middle;">💪</span>
++              <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Empowerment-AG für Mädchen</span>
++              <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Frau Otterstedt &nbsp;·&nbsp; 📍 Kreativraum Haus am Wall</div>
++              <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
++            </summary>
++            <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
++              <div style="font-size:0.88em; color:#1a3050; line-height:1.5;">Lasst uns gemeinsam eine gute Zeit haben! Wir stärken uns gegenseitig den Rücken, sprechen über Themen, die euch bewegen, und werden auch mal kreativ. Einmal im Monat gibt es ein gemeinsames Kochevent.<br><br><strong>Teilnahme &amp; Alter:</strong> ab Klasse 6.</div>
++            </div>
++            </details>
++          </td>
++          <td style="width:84px; vertical-align:middle; padding:8px 12px 8px 4px;">
++            <div style="width:76px; height:76px; display:flex; align-items:center; justify-content:center; font-size:2em; background:#f7f7f9; border-radius:8px;">💪</div>
++          </td>
++        </tr></tbody></table>
++      </div>
++    </div></div>
  </div>
  <!-- ============ DIENSTAG ============ -->
  <div style="background:#f5edfd; border-radius:12px; padding:0 0 16px 0; margin-bottom:22px;">
    <div style="background:#7e3af2; color:#fff; font-weight:700; font-size:1.15em; padding:10px 18px; border-radius:12px 12px 0 0;">📅 Dienstag</div>
--  <table style="width:100%; border-collapse:collapse;">
--  <tr>
--    <td style="width:50%; vertical-align:top; padding:14px 10px 0 14px;">
++  <div style=" text-align:left;"><div style="display:inline-block;vertical-align:top;width:max(calc(50% - 22px), min(100%, 260px));max-width:100%;box-sizing:border-box;margin:0 10px 10px 0;text-align:left;; vertical-align:top; padding:14px 10px 0 14px;">
        <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;">
--        <table style="width:100%; border-collapse:collapse;"><tr>
++        <table style="width:100%; border-collapse:collapse;"><tbody><tr>
            <td style="vertical-align:middle; padding:12px 6px 12px 16px;">
              <details>
              <summary style="cursor:pointer; outline:none;">
@@ -199,19 +199,18 @@
                <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
              </summary>
              <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
--          <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>
++          <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>
          </div>
              </details>
            </td>
            <td style="width:84px; vertical-align:middle; padding:8px 12px 8px 4px;">
--            <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;" />
++            <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;">
            </td>
--        </tr></table>
++        </tr></tbody></table>
        </div>
--    </td>
--    <td style="width:50%; vertical-align:top; padding:14px 14px 0 10px;">
++    </div><div style="display:inline-block;vertical-align:top;width:max(calc(50% - 22px), min(100%, 260px));max-width:100%;box-sizing:border-box;margin:0 10px 10px 0;text-align:left;; vertical-align:top; padding:14px 14px 0 10px;">
        <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;">
--        <table style="width:100%; border-collapse:collapse;"><tr>
++        <table style="width:100%; border-collapse:collapse;"><tbody><tr>
            <td style="vertical-align:middle; padding:12px 6px 12px 16px;">
              <details>
              <summary style="cursor:pointer; outline:none;">
@@ -221,21 +221,18 @@
                <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
              </summary>
              <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
--          <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>
++          <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 „Mut zur Demokratie“ 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>
          </div>
              </details>
            </td>
            <td style="width:84px; vertical-align:middle; padding:8px 12px 8px 4px;">
--            <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;" />
++            <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;">
            </td>
--        </tr></table>
++        </tr></tbody></table>
        </div>
--    </td>
--  </tr>
--  <tr>
--    <td style="width:50%; vertical-align:top; padding:14px 10px 0 14px;">
++    </div><div style="display:inline-block;vertical-align:top;width:max(calc(50% - 22px), min(100%, 260px));max-width:100%;box-sizing:border-box;margin:0 10px 10px 0;text-align:left;; vertical-align:top; padding:14px 10px 0 14px;">
        <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;">
--        <table style="width:100%; border-collapse:collapse;"><tr>
++        <table style="width:100%; border-collapse:collapse;"><tbody><tr>
            <td style="vertical-align:middle; padding:12px 6px 12px 16px;">
              <details>
              <summary style="cursor:pointer; outline:none;">
@@ -245,50 +245,45 @@
                <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
              </summary>
              <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
--          <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>
++          <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>
          </div>
              </details>
            </td>
            <td style="width:84px; vertical-align:middle; padding:8px 12px 8px 4px;">
--            <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;" />
++            <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;">
            </td>
--        </tr></table>
++        </tr></tbody></table>
        </div>
--    </td>
--    <td style="width:50%; vertical-align:top; padding:14px 14px 0 10px;">
++    </div><div style="display:inline-block;vertical-align:top;width:max(calc(50% - 22px), min(100%, 260px));max-width:100%;box-sizing:border-box;margin:0 10px 10px 0;text-align:left;; vertical-align:top; padding:14px 14px 0 10px;">
        <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;">
--        <table style="width:100%; border-collapse:collapse;"><tr>
++        <table style="width:100%; border-collapse:collapse;"><tbody><tr>
            <td style="vertical-align:middle; padding:12px 6px 12px 16px;">
              <details>
              <summary style="cursor:pointer; outline:none;">
                <span style="font-size:1.1em; vertical-align:middle;">💃</span>
                <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Zumba</span>
--              <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Frau Baronkin &nbsp;·&nbsp; 📍 Halle 1</div>
++              <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Frau Baronkin &nbsp;·&nbsp; 📍 Halle 2</div>
                <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
              </summary>
              <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
--          <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>
++          <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>
          </div>
              </details>
            </td>
            <td style="width:84px; vertical-align:middle; padding:8px 12px 8px 4px;">
--            <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;" />
++            <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;">
            </td>
--        </tr></table>
++        </tr></tbody></table>
        </div>
--    </td>
--  </tr>
--  </table>
++    </div></div>
  </div>
  <!-- ============ MITTWOCH ============ -->
  <div style="background:#e8f9f1; border-radius:12px; padding:0 0 16px 0; margin-bottom:22px;">
    <div style="background:#0e9f6e; color:#fff; font-weight:700; font-size:1.15em; padding:10px 18px; border-radius:12px 12px 0 0;">📅 Mittwoch</div>
--  <table style="width:100%; border-collapse:collapse;">
--  <tr>
--    <td style="width:50%; vertical-align:top; padding:14px 10px 0 14px;">
++  <div style=" text-align:left;"><div style="display:inline-block;vertical-align:top;width:max(calc(50% - 22px), min(100%, 260px));max-width:100%;box-sizing:border-box;margin:0 10px 10px 0;text-align:left;; vertical-align:top; padding:14px 10px 0 14px;">
        <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;">
--        <table style="width:100%; border-collapse:collapse;"><tr>
++        <table style="width:100%; border-collapse:collapse;"><tbody><tr>
            <td style="vertical-align:middle; padding:12px 6px 12px 16px;">
              <details>
              <summary style="cursor:pointer; outline:none;">
@@ -295,22 +295,21 @@
                <span style="font-size:1.1em; vertical-align:middle;">🎾</span>
                <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Tennis für Turnierspieler</span>
                <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Herr Möhring &nbsp;·&nbsp; 📍 Tennishalle</div>
--              <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
++              <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:00 Uhr</div>
              </summary>
              <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
--          <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>
++          <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–15 Uhr statt.<br><br><strong>Teilnahme &amp; Alter:</strong> Es wird eine Eigenbeteiligung von 20&nbsp;€ erhoben.</div>
          </div>
              </details>
            </td>
            <td style="width:84px; vertical-align:middle; padding:8px 12px 8px 4px;">
--            <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;" />
++            <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;">
            </td>
--        </tr></table>
++        </tr></tbody></table>
        </div>
--    </td>
--    <td style="width:50%; vertical-align:top; padding:14px 14px 0 10px;">
++    </div><div style="display:inline-block;vertical-align:top;width:max(calc(50% - 22px), min(100%, 260px));max-width:100%;box-sizing:border-box;margin:0 10px 10px 0;text-align:left;; vertical-align:top; padding:14px 14px 0 10px;">
        <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;">
--        <table style="width:100%; border-collapse:collapse;"><tr>
++        <table style="width:100%; border-collapse:collapse;"><tbody><tr>
            <td style="vertical-align:middle; padding:12px 6px 12px 16px;">
              <details>
              <summary style="cursor:pointer; outline:none;">
@@ -320,21 +320,18 @@
                <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
              </summary>
              <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
--          <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>
++          <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>
          </div>
              </details>
            </td>
            <td style="width:84px; vertical-align:middle; padding:8px 12px 8px 4px;">
--            <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;" />
++            <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;">
            </td>
--        </tr></table>
++        </tr></tbody></table>
        </div>
--    </td>
--  </tr>
--  <tr>
--    <td style="width:50%; vertical-align:top; padding:14px 10px 0 14px;">
++    </div><div style="display:inline-block;vertical-align:top;width:max(calc(50% - 22px), min(100%, 260px));max-width:100%;box-sizing:border-box;margin:0 10px 10px 0;text-align:left;; vertical-align:top; padding:14px 10px 0 14px;">
        <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;">
--        <table style="width:100%; border-collapse:collapse;"><tr>
++        <table style="width:100%; border-collapse:collapse;"><tbody><tr>
            <td style="vertical-align:middle; padding:12px 6px 12px 16px;">
              <details>
              <summary style="cursor:pointer; outline:none;">
@@ -344,98 +344,130 @@
                <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
              </summary>
              <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
--          <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>
++          <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>
          </div>
              </details>
            </td>
            <td style="width:84px; vertical-align:middle; padding:8px 12px 8px 4px;">
--            <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;" />
++            <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;">
            </td>
--        </tr></table>
++        </tr></tbody></table>
        </div>
--    </td>
--    <td style="width:50%; vertical-align:top; padding:14px 14px 0 10px;"></td>
--  </tr>
--  </table>
--</div>
--
--<!-- ============ DONNERSTAG ============ -->
--<div style="background:#fff4e6; border-radius:12px; padding:0 0 16px 0; margin-bottom:22px;">
--  <div style="background:#d97706; color:#fff; font-weight:700; font-size:1.15em; padding:10px 18px; border-radius:12px 12px 0 0;">📅 Donnerstag</div>
--  <table style="width:100%; border-collapse:collapse;">
--  <tr>
--    <td style="width:50%; vertical-align:top; padding:14px 10px 0 14px;">
--      <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;">
--        <table style="width:100%; border-collapse:collapse;"><tr>
++    </div><div style="display:inline-block;vertical-align:top;width:max(calc(50% - 22px), min(100%, 260px));max-width:100%;box-sizing:border-box;margin:0 10px 10px 0;text-align:left;; vertical-align:top; padding:14px 14px 0 10px;">
++      <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;">
++        <table style="width:100%; border-collapse:collapse;"><tbody><tr>
            <td style="vertical-align:middle; padding:12px 6px 12px 16px;">
              <details>
              <summary style="cursor:pointer; outline:none;">
--              <span style="font-size:1.1em; vertical-align:middle;">🎤</span>
--              <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Sing- and MusicStars</span>
--              <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Frau Jüttner &nbsp;·&nbsp; 📍 A0.27</div>
++              <span style="font-size:1.1em; vertical-align:middle;">🎭</span>
++              <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Theater-AG</span>
++              <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Frau Nietzold, Frau Otterstedt &nbsp;·&nbsp; 📍 Bühne in der Mensa</div>
++              <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 16:00–18:00 Uhr</div>
++            </summary>
++            <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
++              <div style="font-size:0.88em; color:#1a3050; line-height:1.5;">Werdet Teil unseres Ensembles! Die Theater-AG öffnet wieder ihre Pforten für neue Mitglieder. Theatererfahrung braucht ihr keine, wichtig ist nur die Lust am Spiel.<br><br><strong>Teilnahme &amp; Alter:</strong> ab Klasse 6.</div>
++            </div>
++            </details>
++          </td>
++          <td style="width:84px; vertical-align:middle; padding:8px 12px 8px 4px;">
++            <div style="width:76px; height:76px; display:flex; align-items:center; justify-content:center; font-size:2em; background:#f7f7f9; border-radius:8px;">🎭</div>
++          </td>
++        </tr></tbody></table>
++      </div>
++    </div><div style="display:inline-block;vertical-align:top;width:max(calc(50% - 22px), min(100%, 260px));max-width:100%;box-sizing:border-box;margin:0 10px 10px 0;text-align:left;; vertical-align:top; padding:14px 10px 0 14px;">
++      <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;">
++        <table style="width:100%; border-collapse:collapse;"><tbody><tr>
++          <td style="vertical-align:middle; padding:12px 6px 12px 16px;">
++            <details>
++            <summary style="cursor:pointer; outline:none;">
++              <span style="font-size:1.1em; vertical-align:middle;">💪</span>
++              <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Empowerment-AG für Jungen</span>
++              <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Herr Niehaus &nbsp;·&nbsp; 📍 Kreativraum Haus am Wall</div>
                <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
              </summary>
              <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
--          <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>
++              <div style="font-size:0.88em; color:#1a3050; line-height:1.5;">Lasst uns gemeinsam eine gute Zeit haben! Wir stärken uns gegenseitig den Rücken, sprechen über Themen, die euch bewegen, und werden auch mal kreativ. Einmal im Monat gibt es ein gemeinsames Kochevent.<br><br><strong>Teilnahme &amp; Alter:</strong> ab Klasse 6.</div>
++            </div>
++            </details>
++          </td>
++          <td style="width:84px; vertical-align:middle; padding:8px 12px 8px 4px;">
++            <div style="width:76px; height:76px; display:flex; align-items:center; justify-content:center; font-size:2em; background:#f7f7f9; border-radius:8px;">💪</div>
++          </td>
++        </tr></tbody></table>
++      </div>
++    </div><div style="display:inline-block;vertical-align:top;width:max(calc(50% - 22px), min(100%, 260px));max-width:100%;box-sizing:border-box;margin:0 10px 10px 0;text-align:left;; vertical-align:top; padding:14px 14px 0 10px;">
++      <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;">
++        <table style="width:100%; border-collapse:collapse;"><tbody><tr>
++          <td style="vertical-align:middle; padding:12px 6px 12px 16px;">
++            <details>
++            <summary style="cursor:pointer; outline:none;">
++              <span style="font-size:1.1em; vertical-align:middle;">🥋</span>
++              <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Kampfsport-AG</span>
++              <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Herr Orcjan &nbsp;·&nbsp; 📍 Fight-Atelier</div>
++              <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:15–15:30 Uhr</div>
++            </summary>
++            <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
++          <div style="font-size:0.88em; color:#1a3050; line-height:1.5;">Unsere Kampfsport-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.
++<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 um <strong>14:15 Uhr</strong>.</div></div>
          </div>
              </details>
            </td>
            <td style="width:84px; vertical-align:middle; padding:8px 12px 8px 4px;">
--            <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;" />
++            <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;">
            </td>
--        </tr></table>
++        </tr></tbody></table>
        </div>
--    </td>
--    <td style="width:50%; vertical-align:top; padding:14px 14px 0 10px;">
++    </div></div>
++</div>
++
++<!-- ============ DONNERSTAG ============ -->
++<div style="background:#fff4e6; border-radius:12px; padding:0 0 16px 0; margin-bottom:22px;">
++  <div style="background:#d97706; color:#fff; font-weight:700; font-size:1.15em; padding:10px 18px; border-radius:12px 12px 0 0;">📅 Donnerstag</div>
++  <div style=" text-align:left;"><div style="display:inline-block;vertical-align:top;width:max(calc(50% - 22px), min(100%, 260px));max-width:100%;box-sizing:border-box;margin:0 10px 10px 0;text-align:left;; vertical-align:top; padding:14px 10px 0 14px;">
        <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;">
--        <table style="width:100%; border-collapse:collapse;"><tr>
++        <table style="width:100%; border-collapse:collapse;"><tbody><tr>
            <td style="vertical-align:middle; padding:12px 6px 12px 16px;">
              <details>
              <summary style="cursor:pointer; outline:none;">
--              <span style="font-size:1.1em; vertical-align:middle;">✂️</span>
--              <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Kreativ-AG</span>
--              <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Frau Clöer &nbsp;·&nbsp; 📍 A0.41</div>
++              <span style="font-size:1.1em; vertical-align:middle;">🎤</span>
++              <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Musical-AG</span>
++              <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Frau Jüttner, Frau M. Meyer &nbsp;·&nbsp; 📍 A0.27</div>
                <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
              </summary>
              <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
--          <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>
++          <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>
          </div>
              </details>
            </td>
            <td style="width:84px; vertical-align:middle; padding:8px 12px 8px 4px;">
--            <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;" />
++            <img src="https://wiki.kgs-stuhr.de/xwiki/bin/download/Allg-Info/ag-angebote/WebHome/13-sing-and-musicstars.png" alt="Musical-AG" style="width:76px; height:76px; object-fit:contain; display:block; background:#f7f7f9; border-radius:8px;">
            </td>
--        </tr></table>
++        </tr></tbody></table>
        </div>
--    </td>
--  </tr>
--  <tr>
--    <td style="width:50%; vertical-align:top; padding:14px 10px 0 14px;">
++    </div><div style="display:inline-block;vertical-align:top;width:max(calc(50% - 22px), min(100%, 260px));max-width:100%;box-sizing:border-box;margin:0 10px 10px 0;text-align:left;; vertical-align:top; padding:14px 14px 0 10px;">
        <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;">
--        <table style="width:100%; border-collapse:collapse;"><tr>
++        <table style="width:100%; border-collapse:collapse;"><tbody><tr>
            <td style="vertical-align:middle; padding:12px 6px 12px 16px;">
              <details>
              <summary style="cursor:pointer; outline:none;">
--              <span style="font-size:1.1em; vertical-align:middle;">🥋</span>
--              <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Kampfsport-AG</span>
--              <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Herr Orcjan &nbsp;·&nbsp; 📍 Fight-Atelier</div>
--              <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:15–15:30 Uhr</div>
++              <span style="font-size:1.1em; vertical-align:middle;">✂️</span>
++              <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Kreativ-AG</span>
++              <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Frau Clöer &nbsp;·&nbsp; 📍 A0.41</div>
++              <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
              </summary>
              <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
--          <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.
--<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>
++          <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>
          </div>
              </details>
            </td>
            <td style="width:84px; vertical-align:middle; padding:8px 12px 8px 4px;">
--            <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;" />
++            <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;">
            </td>
--        </tr></table>
++        </tr></tbody></table>
        </div>
--    </td>
--    <td style="width:50%; vertical-align:top; padding:14px 14px 0 10px;">
++    </div><div style="display:inline-block;vertical-align:top;width:max(calc(50% - 22px), min(100%, 260px));max-width:100%;box-sizing:border-box;margin:0 10px 10px 0;text-align:left;; vertical-align:top; padding:14px 10px 0 14px;">
        <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;">
--        <table style="width:100%; border-collapse:collapse;"><tr>
++        <table style="width:100%; border-collapse:collapse;"><tbody><tr>
            <td style="vertical-align:middle; padding:12px 6px 12px 16px;">
              <details>
              <summary style="cursor:pointer; outline:none;">
@@ -445,21 +445,18 @@
                <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
              </summary>
              <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
--          <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>
++          <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>
          </div>
              </details>
            </td>
            <td style="width:84px; vertical-align:middle; padding:8px 12px 8px 4px;">
--            <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;" />
++            <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;">
            </td>
--        </tr></table>
++        </tr></tbody></table>
        </div>
--    </td>
--  </tr>
--  <tr>
--    <td style="width:50%; vertical-align:top; padding:14px 10px 0 14px;">
++    </div><div style="display:inline-block;vertical-align:top;width:max(calc(50% - 22px), min(100%, 260px));max-width:100%;box-sizing:border-box;margin:0 10px 10px 0;text-align:left;; vertical-align:top; padding:14px 14px 0 10px;">
        <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;">
--        <table style="width:100%; border-collapse:collapse;"><tr>
++        <table style="width:100%; border-collapse:collapse;"><tbody><tr>
            <td style="vertical-align:middle; padding:12px 6px 12px 16px;">
              <details>
              <summary style="cursor:pointer; outline:none;">
@@ -469,19 +469,18 @@
                <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
              </summary>
              <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
--          <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>
++          <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>
          </div>
              </details>
            </td>
            <td style="width:84px; vertical-align:middle; padding:8px 12px 8px 4px;">
--            <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;" />
++            <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;">
            </td>
--        </tr></table>
++        </tr></tbody></table>
        </div>
--    </td>
--    <td style="width:50%; vertical-align:top; padding:14px 14px 0 10px;">
++    </div><div style="display:inline-block;vertical-align:top;width:max(calc(50% - 22px), min(100%, 260px));max-width:100%;box-sizing:border-box;margin:0 10px 10px 0;text-align:left;; vertical-align:top; padding:14px 10px 0 14px;">
        <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;">
--        <table style="width:100%; border-collapse:collapse;"><tr>
++        <table style="width:100%; border-collapse:collapse;"><tbody><tr>
            <td style="vertical-align:middle; padding:12px 6px 12px 16px;">
              <details>
              <summary style="cursor:pointer; outline:none;">
@@ -491,28 +491,45 @@
                <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
              </summary>
              <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
--          <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>
++          <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>
          </div>
              </details>
            </td>
            <td style="width:84px; vertical-align:middle; padding:8px 12px 8px 4px;">
--            <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;" />
++            <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;">
            </td>
--        </tr></table>
++        </tr></tbody></table>
        </div>
--    </td>
--  </tr>
--  </table>
++    </div><div style="display:inline-block;vertical-align:top;width:max(calc(50% - 22px), min(100%, 260px));max-width:100%;box-sizing:border-box;margin:0 10px 10px 0;text-align:left;; vertical-align:top; padding:14px 14px 0 10px;">
++      <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;">
++        <table style="width:100%; border-collapse:collapse;"><tbody><tr>
++          <td style="vertical-align:middle; padding:12px 6px 12px 16px;">
++            <details>
++            <summary style="cursor:pointer; outline:none;">
++              <span style="font-size:1.1em; vertical-align:middle;">🎤</span>
++              <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Karaoke-AG</span>
++              <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Freizeitbereich &amp; Haus am Wall &nbsp;·&nbsp; 📍 Chillraum Jugendtreff Haus am Wall</div>
++              <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
++            </summary>
++            <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
++              <div style="font-size:0.88em; color:#1a3050; line-height:1.5;">Ihr singt gerne, wollt aber nicht vor Publikum auftreten? Dann seid ihr in der Karaoke-AG genau richtig. Ganz egal, ob ihr den Ton trefft oder nicht, hier zählt nur der Spaß am Singen.<br><br><strong>Teilnahme &amp; Alter:</strong> ab Klasse 5.</div>
++            </div>
++            </details>
++          </td>
++          <td style="width:84px; vertical-align:middle; padding:8px 12px 8px 4px;">
++            <div style="width:76px; height:76px; display:flex; align-items:center; justify-content:center; font-size:2em; background:#f7f7f9; border-radius:8px;">🎤</div>
++          </td>
++        </tr></tbody></table>
++      </div>
++    </div></div>
  </div>
  <!-- ============ FREITAG ============ -->
  <div style="background:#fdeaea; border-radius:12px; padding:0 0 16px 0; margin-bottom:26px;">
    <div style="background:#e02424; color:#fff; font-weight:700; font-size:1.15em; padding:10px 18px; border-radius:12px 12px 0 0;">📅 Freitag</div>
--  <table style="width:100%; border-collapse:collapse;">
--  <tr>
--    <td style="width:50%; vertical-align:top; padding:14px 10px 0 14px;">
++  <div style=" text-align:left;"><div style="display:inline-block;vertical-align:top;width:max(calc(50% - 22px), min(100%, 260px));max-width:100%;box-sizing:border-box;margin:0 10px 10px 0;text-align:left;; vertical-align:top; padding:14px 10px 0 14px;">
        <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;">
--        <table style="width:100%; border-collapse:collapse;"><tr>
++        <table style="width:100%; border-collapse:collapse;"><tbody><tr>
            <td style="vertical-align:middle; padding:12px 6px 12px 16px;">
              <details>
              <summary style="cursor:pointer; outline:none;">
@@ -522,27 +522,18 @@
                <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
              </summary>
              <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
--          <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>
++          <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 „Rescue“ (Rettungsroboter) oder „OnStage“ (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>
          </div>
              </details>
            </td>
            <td style="width:84px; vertical-align:middle; padding:8px 12px 8px 4px;">
--            <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;" />
++            <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;">
            </td>
--        </tr></table>
++        </tr></tbody></table>
        </div>
--    </td>
--    <td style="width:50%; vertical-align:top; padding:14px 14px 0 10px;"></td>
--  </tr>
--  </table>
++    </div><div style="display:inline-block;vertical-align:top;width:max(calc(50% - 22px), min(100%, 260px));max-width:100%;box-sizing:border-box;margin:0 10px 10px 0;text-align:left;; vertical-align:top; padding:14px 14px 0 10px;"></div></div>
  </div>
--<!-- ============ TODO NOTIZ (nur für Sarah sichtbar im Quelltext) ============ -->
--<table style="width:100%; border-collapse:collapse; margin-top:6px;">
--<tr><td style="background:#fdf3d0; border-left:6px solid #b45f06; border-radius:10px; padding:14px 18px;">
--<div style="font-weight:700; color:#8a4b00; margin-bottom:4px;">🚧 In Arbeit</div>
--<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>
--</td></tr>
--</table>
  {{/html}}
++

Änderungen von Dokument AG-Angebote

Zusammenfassung

Details

Anwendungen

Navigation

Fragen zum Wiki?

Änderungen von Dokument AG-Angebote

Zusammenfassung

Details

Anwendungen

Tagcloud

Fragen zum Wiki?