Änderungen von Dokument ag-angebote

Zuletzt geändert von Sarah Groeneveld am 2026/09/03 08:47

Von Version 1.1
bearbeitet von Sarah Groeneveld
am 2026/08/13 12:10
Änderungskommentar: Es gibt keinen Kommentar für diese Version
Auf Version 2.1
bearbeitet von Sarah Groeneveld
am 2026/08/13 12:23
Änderungskommentar: Es gibt keinen Kommentar für diese Version

Zusammenfassung

Details

Seiteneigenschaften
Inhalt
... ... @@ -1,0 +1,389 @@
1 +{{html clean="false"}}
2 +
3 +<!-- ============ HERO ============ -->
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;">🎉 Ganztagsangebote 2026/27</div>
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 +</div>
8 +
9 +<!-- ============ WAHL-INFO NOTICE ============ -->
10 +<table style="width:100%; border-collapse:collapse; margin-bottom:16px;">
11 +<tr><td style="background:#e6f9f0; border-left:6px solid #0e9f6e; border-radius:10px; padding:18px 22px;">
12 +<div style="font-weight:700; color:#0e9f6e; font-size:1.05em; margin-bottom:6px;">🗳️ Die Wahl läuft ab sofort!</div>
13 +<div style="color:#1a3050; font-size:0.98em; line-height:1.5;">
14 +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.
15 +</div>
16 +</td></tr>
17 +</table>
18 +
19 +<!-- ============ WARUM MITMACHEN ============ -->
20 +<table style="width:100%; border-collapse:collapse; margin-bottom:26px;">
21 +<tr><td style="background:#fff8e6; border-left:6px solid #d97706; border-radius:10px; padding:18px 22px;">
22 +<div style="font-weight:700; color:#b45f06; font-size:1.05em; margin-bottom:8px;">✨ Warum mitmachen?</div>
23 +<table style="width:100%; border-collapse:collapse;">
24 +<tr>
25 +<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>
26 +<td style="width:33%; vertical-align:top; padding:4px 8px 4px 0; color:#1a3050; font-size:0.92em;">🌟 Eigene Talente entdecken und ausprobieren</td>
27 +<td style="width:34%; vertical-align:top; padding:4px 0 4px 0; color:#1a3050; font-size:0.92em;">😌 Guter Ausgleich zum Unterrichtsalltag</td>
28 +</tr>
29 +</table>
30 +</td></tr>
31 +</table>
32 +
33 +<!-- ============ SO WÄHLT IHR ============ -->
34 +<div style="font-size:1.3em; font-weight:700; color:#1a3050; margin:6px 0 14px 0;">🧭 So wählt ihr euer Angebot</div>
35 +<table style="width:100%; border-collapse:collapse; margin-bottom:30px;">
36 +<tr>
37 +<td style="width:33%; vertical-align:top; padding:6px;">
38 + <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);">
39 + <div style="font-size:1.8em;">1️⃣</div>
40 + <div style="font-weight:700; color:#1a3050; margin:6px 0;">In IServ einloggen</div>
41 + <div style="font-size:0.88em; color:#555;">Modul <strong>Kurswahlen</strong> öffnen</div>
42 + </div>
43 +</td>
44 +<td style="width:33%; vertical-align:top; padding:6px;">
45 + <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);">
46 + <div style="font-size:1.8em;">2️⃣</div>
47 + <div style="font-weight:700; color:#1a3050; margin:6px 0;">Angebote durchstöbern</div>
48 + <div style="font-size:0.88em; color:#555;">Diese Seite gibt euch schon vorab den Überblick</div>
49 + </div>
50 +</td>
51 +<td style="width:34%; vertical-align:top; padding:6px;">
52 + <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);">
53 + <div style="font-size:1.8em;">3️⃣</div>
54 + <div style="font-weight:700; color:#1a3050; margin:6px 0;">Wahl abschicken</div>
55 + <div style="font-size:0.88em; color:#555;">Fertig – ihr seht eure Zuteilung in IServ</div>
56 + </div>
57 +</td>
58 +</tr>
59 +</table>
60 +
61 +<!-- ============ MONTAG ============ -->
62 +<div style="background:#eef2ff; border-radius:12px; padding:0 0 16px 0; margin-bottom:22px;">
63 + <div style="background:#1a56db; color:#fff; font-weight:700; font-size:1.15em; padding:10px 18px; border-radius:12px 12px 0 0;">📅 Montag</div>
64 + <table style="width:100%; border-collapse:collapse;">
65 + <tr>
66 + <td style="width:50%; vertical-align:top; padding:14px 10px 0 14px;">
67 + <details style="background:#fff; border:1px solid #dbe4ff; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,0.05); height:100%;">
68 + <summary style="cursor:pointer; padding:14px 16px; outline:none;">
69 + <span style="font-size:1.3em; vertical-align:middle;">🏸</span>
70 + <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Badminton</span>
71 + <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Herr Böger &nbsp;·&nbsp; 📍 Halle 1</div>
72 + <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
73 + </summary>
74 + <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
75 + <div style="font-size:0.85em; color:#999; font-style:italic;">📝 Beschreibungstext folgt<br/>🖼️ Bild folgt</div>
76 + </div>
77 + </details>
78 + </td>
79 + <td style="width:50%; vertical-align:top; padding:14px 14px 0 10px;">
80 + <details style="background:#fff; border:1px solid #dbe4ff; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,0.05); height:100%;">
81 + <summary style="cursor:pointer; padding:14px 16px; outline:none;">
82 + <span style="font-size:1.3em; vertical-align:middle;">🎾</span>
83 + <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Tennis, Beachtennis, Padel</span>
84 + <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Herr Möhring &nbsp;·&nbsp; 📍 Tennishalle</div>
85 + <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
86 + </summary>
87 + <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
88 + <div style="font-size:0.85em; color:#999; font-style:italic;">📝 Beschreibungstext folgt<br/>🖼️ Bild folgt</div>
89 + </div>
90 + </details>
91 + </td>
92 + </tr>
93 + <tr>
94 + <td style="width:50%; vertical-align:top; padding:14px 10px 0 14px;">
95 + <details style="background:#fff; border:1px solid #dbe4ff; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,0.05); height:100%;">
96 + <summary style="cursor:pointer; padding:14px 16px; outline:none;">
97 + <span style="font-size:1.3em; vertical-align:middle;">📰</span>
98 + <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>
99 + <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Herr Wedemeyer &nbsp;·&nbsp; 📍 A1.20</div>
100 + <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
101 + </summary>
102 + <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
103 + <div style="font-size:0.85em; color:#999; font-style:italic;">📝 Beschreibungstext folgt<br/>🖼️ Bild folgt</div>
104 + </div>
105 + </details>
106 + </td>
107 + <td style="width:50%; vertical-align:top; padding:14px 14px 0 10px;">
108 + <details style="background:#fff; border:1px solid #dbe4ff; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,0.05); height:100%;">
109 + <summary style="cursor:pointer; padding:14px 16px; outline:none;">
110 + <span style="font-size:1.3em; vertical-align:middle;">🩹</span>
111 + <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Sanitäts-AG</span>
112 + <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Herr Siemers &nbsp;·&nbsp; 📍 A1.38</div>
113 + <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
114 + </summary>
115 + <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
116 + <div style="font-size:0.85em; color:#999; font-style:italic;">📝 Beschreibungstext folgt<br/>🖼️ Bild folgt</div>
117 + </div>
118 + </details>
119 + </td>
120 + </tr>
121 + <tr>
122 + <td style="width:50%; vertical-align:top; padding:14px 10px 0 14px;">
123 + <details style="background:#fff; border:1px solid #dbe4ff; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,0.05); height:100%;">
124 + <summary style="cursor:pointer; padding:14px 16px; outline:none;">
125 + <span style="font-size:1.3em; vertical-align:middle;">🐝</span>
126 + <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>
127 + <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Frau Nietzold, Frau Schulte &nbsp;·&nbsp; 📍 Haus am Wall</div>
128 + <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
129 + </summary>
130 + <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
131 + <div style="font-size:0.85em; color:#999; font-style:italic;">📝 Beschreibungstext folgt<br/>🖼️ Bild folgt</div>
132 + </div>
133 + </details>
134 + </td>
135 + <td style="width:50%; vertical-align:top; padding:14px 14px 0 10px;"></td>
136 + </tr>
137 + </table>
138 +</div>
139 +
140 +<!-- ============ DIENSTAG ============ -->
141 +<div style="background:#f5edfd; border-radius:12px; padding:0 0 16px 0; margin-bottom:22px;">
142 + <div style="background:#7e3af2; color:#fff; font-weight:700; font-size:1.15em; padding:10px 18px; border-radius:12px 12px 0 0;">📅 Dienstag</div>
143 + <table style="width:100%; border-collapse:collapse;">
144 + <tr>
145 + <td style="width:50%; vertical-align:top; padding:14px 10px 0 14px;">
146 + <details style="background:#fff; border:1px solid #e5d7fb; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,0.05); height:100%;">
147 + <summary style="cursor:pointer; padding:14px 16px; outline:none;">
148 + <span style="font-size:1.3em; vertical-align:middle;">🎨</span>
149 + <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Kunst-AG</span>
150 + <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Frau Gefken &nbsp;·&nbsp; 📍 A0.43</div>
151 + <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
152 + </summary>
153 + <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
154 + <div style="font-size:0.85em; color:#999; font-style:italic;">📝 Beschreibungstext folgt<br/>🖼️ Bild folgt</div>
155 + </div>
156 + </details>
157 + </td>
158 + <td style="width:50%; vertical-align:top; padding:14px 14px 0 10px;">
159 + <details style="background:#fff; border:1px solid #e5d7fb; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,0.05); height:100%;">
160 + <summary style="cursor:pointer; padding:14px 16px; outline:none;">
161 + <span style="font-size:1.3em; vertical-align:middle;">🗳️</span>
162 + <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Mut zur Demokratie</span>
163 + <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Frau Saar &nbsp;·&nbsp; 📍 A1.03</div>
164 + <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
165 + </summary>
166 + <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
167 + <div style="font-size:0.85em; color:#999; font-style:italic;">📝 Beschreibungstext folgt<br/>🖼️ Bild folgt</div>
168 + </div>
169 + </details>
170 + </td>
171 + </tr>
172 + <tr>
173 + <td style="width:50%; vertical-align:top; padding:14px 10px 0 14px;">
174 + <details style="background:#fff; border:1px solid #e5d7fb; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,0.05); height:100%;">
175 + <summary style="cursor:pointer; padding:14px 16px; outline:none;">
176 + <span style="font-size:1.3em; vertical-align:middle;">🌱</span>
177 + <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Naturgarten</span>
178 + <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Frau Nitzold &nbsp;·&nbsp; 📍 Haus am Wall</div>
179 + <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
180 + </summary>
181 + <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
182 + <div style="font-size:0.85em; color:#999; font-style:italic;">📝 Beschreibungstext folgt<br/>🖼️ Bild folgt</div>
183 + </div>
184 + </details>
185 + </td>
186 + <td style="width:50%; vertical-align:top; padding:14px 14px 0 10px;">
187 + <details style="background:#fff; border:1px solid #e5d7fb; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,0.05); height:100%;">
188 + <summary style="cursor:pointer; padding:14px 16px; outline:none;">
189 + <span style="font-size:1.3em; vertical-align:middle;">💃</span>
190 + <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Zumba</span>
191 + <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Frau Baronkin &nbsp;·&nbsp; 📍 Halle 1</div>
192 + <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
193 + </summary>
194 + <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
195 + <div style="font-size:0.85em; color:#999; font-style:italic;">📝 Beschreibungstext folgt<br/>🖼️ Bild folgt</div>
196 + </div>
197 + </details>
198 + </td>
199 + </tr>
200 + </table>
201 +</div>
202 +
203 +<!-- ============ MITTWOCH ============ -->
204 +<div style="background:#e8f9f1; border-radius:12px; padding:0 0 16px 0; margin-bottom:22px;">
205 + <div style="background:#0e9f6e; color:#fff; font-weight:700; font-size:1.15em; padding:10px 18px; border-radius:12px 12px 0 0;">📅 Mittwoch</div>
206 + <table style="width:100%; border-collapse:collapse;">
207 + <tr>
208 + <td style="width:50%; vertical-align:top; padding:14px 10px 0 14px;">
209 + <details style="background:#fff; border:1px solid #cdf0e0; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,0.05); height:100%;">
210 + <summary style="cursor:pointer; padding:14px 16px; outline:none;">
211 + <span style="font-size:1.3em; vertical-align:middle;">🎾</span>
212 + <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Tennis für Turnierspieler</span>
213 + <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Herr Möhring &nbsp;·&nbsp; 📍 Tennishalle</div>
214 + <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
215 + </summary>
216 + <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
217 + <div style="font-size:0.85em; color:#999; font-style:italic;">📝 Beschreibungstext folgt<br/>🖼️ Bild folgt</div>
218 + </div>
219 + </details>
220 + </td>
221 + <td style="width:50%; vertical-align:top; padding:14px 14px 0 10px;">
222 + <details style="background:#fff; border:1px solid #cdf0e0; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,0.05); height:100%;">
223 + <summary style="cursor:pointer; padding:14px 16px; outline:none;">
224 + <span style="font-size:1.3em; vertical-align:middle;">🏀</span>
225 + <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Basketball</span>
226 + <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Herr Böger &nbsp;·&nbsp; 📍 Halle 2</div>
227 + <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
228 + </summary>
229 + <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
230 + <div style="font-size:0.85em; color:#999; font-style:italic;">📝 Beschreibungstext folgt<br/>🖼️ Bild folgt</div>
231 + </div>
232 + </details>
233 + </td>
234 + </tr>
235 + <tr>
236 + <td style="width:50%; vertical-align:top; padding:14px 10px 0 14px;">
237 + <details style="background:#fff; border:1px solid #cdf0e0; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,0.05); height:100%;">
238 + <summary style="cursor:pointer; padding:14px 16px; outline:none;">
239 + <span style="font-size:1.3em; vertical-align:middle;">💃</span>
240 + <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Hip Hop – Shuffle – Streetdance</span>
241 + <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Frau Cafrey &nbsp;·&nbsp; 📍 Mensa</div>
242 + <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
243 + </summary>
244 + <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
245 + <div style="font-size:0.85em; color:#999; font-style:italic;">📝 Beschreibungstext folgt<br/>🖼️ Bild folgt</div>
246 + </div>
247 + </details>
248 + </td>
249 + <td style="width:50%; vertical-align:top; padding:14px 14px 0 10px;">
250 + <details style="background:#fff; border:1px solid #cdf0e0; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,0.05); height:100%;">
251 + <summary style="cursor:pointer; padding:14px 16px; outline:none;">
252 + <span style="font-size:1.3em; vertical-align:middle;">🎭</span>
253 + <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Theater-AG</span>
254 + <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Frau Nietzold, Frau Otterstedt &nbsp;·&nbsp; 📍 Mensa</div>
255 + <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
256 + </summary>
257 + <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
258 + <div style="font-size:0.85em; color:#999; font-style:italic;">📝 Beschreibungstext folgt<br/>🖼️ Bild folgt</div>
259 + </div>
260 + </details>
261 + </td>
262 + </tr>
263 + </table>
264 +</div>
265 +
266 +<!-- ============ DONNERSTAG ============ -->
267 +<div style="background:#fff4e6; border-radius:12px; padding:0 0 16px 0; margin-bottom:22px;">
268 + <div style="background:#d97706; color:#fff; font-weight:700; font-size:1.15em; padding:10px 18px; border-radius:12px 12px 0 0;">📅 Donnerstag</div>
269 + <table style="width:100%; border-collapse:collapse;">
270 + <tr>
271 + <td style="width:50%; vertical-align:top; padding:14px 10px 0 14px;">
272 + <details style="background:#fff; border:1px solid #fbe0bd; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,0.05); height:100%;">
273 + <summary style="cursor:pointer; padding:14px 16px; outline:none;">
274 + <span style="font-size:1.3em; vertical-align:middle;">🎤</span>
275 + <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Sing- and MusicStars</span>
276 + <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Frau Jüttner &nbsp;·&nbsp; 📍 A0.27</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;">
280 + <div style="font-size:0.85em; color:#999; font-style:italic;">📝 Beschreibungstext folgt<br/>🖼️ Bild folgt</div>
281 + </div>
282 + </details>
283 + </td>
284 + <td style="width:50%; vertical-align:top; padding:14px 14px 0 10px;">
285 + <details style="background:#fff; border:1px solid #fbe0bd; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,0.05); height:100%;">
286 + <summary style="cursor:pointer; padding:14px 16px; outline:none;">
287 + <span style="font-size:1.3em; vertical-align:middle;">✂️</span>
288 + <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Kreativ-AG</span>
289 + <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Frau Clöer &nbsp;·&nbsp; 📍 A0.41</div>
290 + <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
291 + </summary>
292 + <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
293 + <div style="font-size:0.85em; color:#999; font-style:italic;">📝 Beschreibungstext folgt<br/>🖼️ Bild folgt</div>
294 + </div>
295 + </details>
296 + </td>
297 + </tr>
298 + <tr>
299 + <td style="width:50%; vertical-align:top; padding:14px 10px 0 14px;">
300 + <details style="background:#fff; border:1px solid #fbe0bd; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,0.05); height:100%;">
301 + <summary style="cursor:pointer; padding:14px 16px; outline:none;">
302 + <span style="font-size:1.3em; vertical-align:middle;">🥋</span>
303 + <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Kampfsport-AG</span>
304 + <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Herr Orcjan &nbsp;·&nbsp; 📍 Fight-Atelier</div>
305 + <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
306 + </summary>
307 + <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
308 + <div style="font-size:0.85em; color:#999; font-style:italic;">📝 Beschreibungstext folgt<br/>🖼️ Bild folgt</div>
309 + </div>
310 + </details>
311 + </td>
312 + <td style="width:50%; vertical-align:top; padding:14px 14px 0 10px;">
313 + <details style="background:#fff; border:1px solid #fbe0bd; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,0.05); height:100%;">
314 + <summary style="cursor:pointer; padding:14px 16px; outline:none;">
315 + <span style="font-size:1.3em; vertical-align:middle;">♟️</span>
316 + <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Schach-AG</span>
317 + <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Herr Hagedorn &nbsp;·&nbsp; 📍 A1.21</div>
318 + <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
319 + </summary>
320 + <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
321 + <div style="font-size:0.85em; color:#999; font-style:italic;">📝 Beschreibungstext folgt<br/>🖼️ Bild folgt</div>
322 + </div>
323 + </details>
324 + </td>
325 + </tr>
326 + <tr>
327 + <td style="width:50%; vertical-align:top; padding:14px 10px 0 14px;">
328 + <details style="background:#fff; border:1px solid #fbe0bd; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,0.05); height:100%;">
329 + <summary style="cursor:pointer; padding:14px 16px; outline:none;">
330 + <span style="font-size:1.3em; vertical-align:middle;">🎛️</span>
331 + <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">Veranstaltungstechnik</span>
332 + <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Herr Brand &nbsp;·&nbsp; 📍 A0.44</div>
333 + <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
334 + </summary>
335 + <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
336 + <div style="font-size:0.85em; color:#999; font-style:italic;">📝 Beschreibungstext folgt<br/>🖼️ Bild folgt</div>
337 + </div>
338 + </details>
339 + </td>
340 + <td style="width:50%; vertical-align:top; padding:14px 14px 0 10px;">
341 + <details style="background:#fff; border:1px solid #fbe0bd; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,0.05); height:100%;">
342 + <summary style="cursor:pointer; padding:14px 16px; outline:none;">
343 + <span style="font-size:1.3em; vertical-align:middle;">📸</span>
344 + <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">ECHO Events</span>
345 + <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Frau Kowalzik &nbsp;·&nbsp; 📍 A0.43</div>
346 + <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
347 + </summary>
348 + <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
349 + <div style="font-size:0.85em; color:#999; font-style:italic;">📝 Beschreibungstext folgt<br/>🖼️ Bild folgt</div>
350 + </div>
351 + </details>
352 + </td>
353 + </tr>
354 + </table>
355 +</div>
356 +
357 +<!-- ============ FREITAG ============ -->
358 +<div style="background:#fdeaea; border-radius:12px; padding:0 0 16px 0; margin-bottom:26px;">
359 + <div style="background:#e02424; color:#fff; font-weight:700; font-size:1.15em; padding:10px 18px; border-radius:12px 12px 0 0;">📅 Freitag</div>
360 + <table style="width:100%; border-collapse:collapse;">
361 + <tr>
362 + <td style="width:50%; vertical-align:top; padding:14px 10px 0 14px;">
363 + <details style="background:#fff; border:1px solid #f9d0d0; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,0.05); height:100%;">
364 + <summary style="cursor:pointer; padding:14px 16px; outline:none;">
365 + <span style="font-size:1.3em; vertical-align:middle;">🤖</span>
366 + <span style="font-weight:700; font-size:1.05em; color:#1a3050; margin-left:6px; vertical-align:middle;">RoboCup</span>
367 + <div style="font-size:0.85em; color:#555; margin-top:6px; margin-left:2px;">👤 Herr Brandt &nbsp;·&nbsp; 📍 A0.44</div>
368 + <div style="font-size:0.85em; color:#555; margin-left:2px;">🕐 14:00–15:30 Uhr</div>
369 + </summary>
370 + <div style="padding:10px 16px 16px 16px; border-top:1px dashed #ddd; margin-top:6px;">
371 + <div style="font-size:0.85em; color:#999; font-style:italic;">📝 Beschreibungstext folgt<br/>🖼️ Bild folgt</div>
372 + </div>
373 + </details>
374 + </td>
375 + <td style="width:50%; vertical-align:top; padding:14px 14px 0 10px;"></td>
376 + </tr>
377 + </table>
378 +</div>
379 +
380 +<!-- ============ TODO NOTIZ (nur für Sarah sichtbar im Quelltext) ============ -->
381 +<table style="width:100%; border-collapse:collapse; margin-top:6px;">
382 +<tr><td style="background:#fdf3d0; border-left:6px solid #b45f06; border-radius:10px; padding:14px 18px;">
383 +<div style="font-weight:700; color:#8a4b00; margin-bottom:4px;">🚧 In Arbeit</div>
384 +<div style="color:#5c3d00; font-size:0.9em;">Diese Seite ist die Rohfassung. Beschreibungstexte und Bilder werden AG für AG ergänzt.</div>
385 +</td></tr>
386 +</table>
387 +
388 +{{/html}}
389 +