Zum Inhalt springen

Änderungen von Dokument eltern.klasse5

Zuletzt geändert von Sarah Groeneveld am 2026/06/08 09:25
Von Version 9.1
bearbeitet von Sarah Groeneveld
am 2026/06/08 08:47
Änderungskommentar: Neues Bild IMG_4592.webp hochladen
Auf Version 21.1
bearbeitet von Sarah Groeneveld
am 2026/06/08 09:24
Änderungskommentar: Es gibt keinen Kommentar für diese Version

Zusammenfassung

Details

Seiteneigenschaften
Inhalt
... ... @@ -1,7 +5,3 @@
1 -{{velocity}}
2 -#set($void = $xwiki.ssfx.use("willkommen5.css"))
3 -{{/velocity}}
4 -
5 5  {{html clean="false"}}
6 6  <style>
7 7  /* ===== KGS WILLKOMMEN-SEITE – 5. JAHRGANG 2026/27 ===== */
... ... @@ -8,105 +8,37 @@
8 8  
9 9  .wk-page { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; color: #1a1a2e; }
10 10  
11 -/* HERO BANNER */
7 +/* HERO */
12 12  .wk-hero {
13 13   background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
14 - border-radius: 12px;
15 - padding: 48px 40px;
16 - margin-bottom: 32px;
17 - position: relative;
18 - overflow: hidden;
10 + border-radius: 12px; padding: 40px 36px; margin-bottom: 28px;
11 + position: relative; overflow: hidden;
19 19  }
20 20  .wk-hero::before {
21 - content: '';
22 - position: absolute; top: -60px; right: -60px;
14 + content: ''; position: absolute; top: -60px; right: -60px;
23 23   width: 300px; height: 300px;
24 24   background: radial-gradient(circle, rgba(229,57,53,0.25) 0%, transparent 70%);
25 25   border-radius: 50%;
26 26  }
27 -.wk-hero::after {
28 - content: '';
29 - position: absolute; bottom: -40px; left: 10%;
30 - width: 200px; height: 200px;
31 - background: radial-gradient(circle, rgba(255,214,0,0.15) 0%, transparent 70%);
32 - border-radius: 50%;
33 -}
34 34  .wk-hero-tag {
35 - display: inline-block;
36 - background: rgba(229,57,53,0.9);
37 - color: #fff;
38 - font-size: 11px;
39 - font-weight: 700;
40 - letter-spacing: 2px;
41 - text-transform: uppercase;
42 - padding: 4px 12px;
43 - border-radius: 20px;
44 - margin-bottom: 16px;
20 + display: inline-block; background: rgba(229,57,53,0.9); color: #fff;
21 + font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;
22 + padding: 4px 12px; border-radius: 20px; margin-bottom: 14px; position: relative; z-index: 1;
45 45  }
46 46  .wk-hero h1 {
47 - color: #ffffff;
48 - font-size: 2.2em;
49 - font-weight: 800;
50 - margin: 0 0 8px 0;
51 - line-height: 1.2;
25 + color: #fff; font-size: 2em; font-weight: 800; margin: 0 0 8px 0;
26 + line-height: 1.2; position: relative; z-index: 1;
52 52  }
53 53  .wk-hero h1 span { color: #FFD600; }
54 -.wk-hero-sub {
55 - color: rgba(255,255,255,0.75);
56 - font-size: 1.05em;
57 - margin: 0;
58 -}
59 -.wk-hero-photo {
60 - margin-top: 20px;
61 - border-radius: 10px;
62 - overflow: hidden;
63 - height: 200px;
64 - position: relative;
65 - z-index: 1;
66 -}
67 -.wk-hero-photo img {
68 - width: 100%;
69 - height: 100%;
70 - object-fit: cover;
71 - object-position: center 40%;
72 - display: block;
73 - opacity: 0.88;
74 -}
29 +.wk-hero-sub { color: rgba(255,255,255,0.75); font-size: 1em; margin: 0; position: relative; z-index: 1; }
30 +.wk-hero-photo { margin-top: 18px; border-radius: 10px; overflow: hidden; height: 200px; position: relative; z-index: 1; }
31 +.wk-hero-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center 40%; display: block; opacity: 0.88; }
75 75  
76 -/* HIGHLIGHT BOX */
77 -.wk-highlight {
78 - background: linear-gradient(135deg, #fff9e6, #fff3cc);
79 - border-left: 5px solid #FFD600;
80 - border-radius: 8px;
81 - padding: 16px 20px;
82 - margin-bottom: 28px;
83 - display: flex;
84 - align-items: flex-start;
85 - gap: 12px;
86 -}
87 -.wk-highlight-icon { font-size: 1.4em; flex-shrink: 0; margin-top: 2px; }
88 -.wk-highlight-text { font-size: 0.95em; color: #3d3000; line-height: 1.6; }
89 -.wk-highlight-text strong { color: #1a1a2e; }
90 -
91 -/* SECTION HEADERS */
92 -.wk-section {
93 - margin-bottom: 36px;
94 -}
95 -.wk-section-title {
96 - display: flex;
97 - align-items: center;
98 - gap: 10px;
99 - margin-bottom: 16px;
100 - padding-bottom: 10px;
101 - border-bottom: 2px solid #e8eaf0;
102 -}
103 -.wk-section-title-icon {
104 - width: 36px; height: 36px;
105 - border-radius: 8px;
106 - display: flex; align-items: center; justify-content: center;
107 - font-size: 1.1em;
108 - flex-shrink: 0;
109 -}
33 +/* SECTION */
34 +.wk-section { margin-bottom: 32px; }
35 +.wk-section-title { border-bottom: 2px solid #e8eaf0; padding-bottom: 10px; margin-bottom: 16px; }
36 +.wk-section-title h2 { font-size: 1.15em; font-weight: 700; color: #1a1a2e; margin: 0; }
37 +.wk-section-icon { display: inline-block; width: 28px; height: 28px; border-radius: 6px; text-align: center; line-height: 28px; margin-right: 8px; font-size: 0.95em; vertical-align: middle; }
110 110  .icon-red { background: #fdecea; }
111 111  .icon-blue { background: #e3f0ff; }
112 112  .icon-green { background: #e8f5e9; }
... ... @@ -114,150 +114,38 @@
114 114  .icon-purple { background: #f3e5f5; }
115 115  .icon-teal { background: #e0f2f1; }
116 116  
117 -.wk-section-title h2 {
118 - font-size: 1.2em;
119 - font-weight: 700;
120 - color: #1a1a2e;
121 - margin: 0;
122 -}
45 +/* TIMELINE */
46 +.wk-timeline { border-left: 3px solid #e53935; padding-left: 20px; margin-left: 6px; }
47 +.wk-event { background: #fff; border: 1px solid #e8eaf0; border-radius: 10px; padding: 14px 16px; margin-bottom: 14px; position: relative; }
48 +.wk-event.highlight-event { border-color: #E53935; background: #fff9f9; }
49 +.wk-event-date { font-size: 0.78em; font-weight: 700; color: #E53935; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 3px; }
50 +.wk-event-title { font-size: 0.97em; font-weight: 700; color: #1a1a2e; margin-bottom: 4px; }
51 +.wk-event-desc { font-size: 0.87em; color: #555; line-height: 1.5; }
52 +.wk-event-desc a { color: #0f3460; font-weight: 600; }
123 123  
124 -/* TIMELINE – Termine */
125 -.wk-timeline { position: relative; padding-left: 28px; }
126 -.wk-timeline::before {
127 - content: '';
128 - position: absolute; left: 8px; top: 4px; bottom: 4px;
129 - width: 2px; background: linear-gradient(to bottom, #E53935, #FFD600);
130 - border-radius: 2px;
131 -}
132 -.wk-event {
133 - position: relative;
134 - margin-bottom: 18px;
135 - background: #fff;
136 - border: 1px solid #e8eaf0;
137 - border-radius: 10px;
138 - padding: 14px 16px;
139 - box-shadow: 0 2px 6px rgba(0,0,0,0.05);
140 -}
141 -.wk-event::before {
142 - content: '';
143 - position: absolute; left: -24px; top: 18px;
144 - width: 10px; height: 10px;
145 - border-radius: 50%;
146 - background: #E53935;
147 - border: 2px solid #fff;
148 - box-shadow: 0 0 0 2px #E53935;
149 -}
150 -.wk-event-date {
151 - font-size: 0.78em;
152 - font-weight: 700;
153 - color: #E53935;
154 - text-transform: uppercase;
155 - letter-spacing: 0.5px;
156 - margin-bottom: 3px;
157 -}
158 -.wk-event-title {
159 - font-size: 0.98em;
160 - font-weight: 700;
161 - color: #1a1a2e;
162 - margin-bottom: 2px;
163 -}
164 -.wk-event-desc {
165 - font-size: 0.87em;
166 - color: #555;
167 - line-height: 1.5;
168 -}
169 -.wk-event.highlight-event {
170 - border-color: #E53935;
171 - background: linear-gradient(135deg, #fff9f9, #fff);
172 -}
173 -.wk-event.highlight-event::before { background: #E53935; }
174 -
175 -/* CARDS GRID */
176 -.wk-cards {
177 - display: grid;
178 - grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
179 - gap: 16px;
180 -}
181 -.wk-card {
182 - background: #fff;
183 - border: 1px solid #e8eaf0;
184 - border-radius: 10px;
185 - padding: 18px;
186 - box-shadow: 0 2px 6px rgba(0,0,0,0.04);
187 - transition: box-shadow 0.2s;
188 -}
189 -.wk-card:hover { box-shadow: 0 4px 14px rgba(0,0,0,0.09); }
190 -.wk-card-head {
191 - display: flex; align-items: center; gap: 10px;
192 - margin-bottom: 10px;
193 -}
194 -.wk-card-icon {
195 - width: 32px; height: 32px;
196 - border-radius: 8px;
197 - display: flex; align-items: center; justify-content: center;
198 - font-size: 1em;
199 - flex-shrink: 0;
200 -}
201 -.wk-card h3 {
202 - font-size: 0.95em;
203 - font-weight: 700;
204 - color: #1a1a2e;
205 - margin: 0;
206 -}
207 -.wk-card p, .wk-card li {
208 - font-size: 0.87em;
209 - color: #555;
210 - line-height: 1.6;
211 - margin: 0;
212 -}
54 +/* CARD – einzeln, volle Breite */
55 +.wk-card { background: #fff; border: 1px solid #e8eaf0; border-radius: 10px; padding: 16px 18px; margin-bottom: 12px; }
56 +.wk-card-head { margin-bottom: 8px; }
57 +.wk-card-head-icon { display: inline-block; width: 28px; height: 28px; border-radius: 6px; text-align: center; line-height: 28px; font-size: 0.9em; vertical-align: middle; margin-right: 6px; }
58 +.wk-card h3 { display: inline; font-size: 0.97em; font-weight: 700; color: #1a1a2e; vertical-align: middle; }
59 +.wk-card p { font-size: 0.88em; color: #555; line-height: 1.6; margin: 6px 0 0 0; }
213 213  .wk-card ul { padding-left: 18px; margin: 6px 0 0 0; }
61 +.wk-card li { font-size: 0.88em; color: #555; line-height: 1.6; }
214 214  .wk-card a { color: #0f3460; font-weight: 600; }
215 215  
216 -/* STUNDENPLAN TABLE */
217 -.wk-timetable {
218 - width: 100%;
219 - border-collapse: collapse;
220 - font-size: 0.88em;
221 - border-radius: 10px;
222 - overflow: hidden;
223 - box-shadow: 0 2px 8px rgba(0,0,0,0.06);
224 -}
225 -.wk-timetable thead tr {
226 - background: #1a1a2e;
227 - color: #fff;
228 -}
229 -.wk-timetable th {
230 - padding: 10px 14px;
231 - text-align: left;
232 - font-weight: 600;
233 - font-size: 0.9em;
234 - letter-spacing: 0.3px;
235 -}
236 -.wk-timetable td {
237 - padding: 9px 14px;
238 - border-bottom: 1px solid #f0f0f0;
239 - color: #333;
240 -}
64 +/* TIMETABLE */
65 +.wk-timetable { width: 100%; border-collapse: collapse; font-size: 0.88em; }
66 +.wk-timetable thead tr { background: #1a1a2e; color: #fff; }
67 +.wk-timetable th { padding: 10px 14px; text-align: left; font-weight: 600; }
68 +.wk-timetable td { padding: 9px 14px; border-bottom: 1px solid #f0f0f0; color: #333; }
241 241  .wk-timetable tr:nth-child(even) td { background: #f8f9fc; }
242 -.wk-timetable tr.pause-row td {
243 - background: #fff9e6;
244 - color: #7a6000;
245 - font-style: italic;
246 - font-size: 0.85em;
247 -}
70 +.wk-timetable tr.pause-row td { background: #fff9e6; color: #7a6000; font-style: italic; font-size: 0.85em; }
248 248  
249 -/* MATERIAL CHIPS */
250 -.wk-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
251 -.wk-chip {
252 - display: inline-flex; align-items: center; gap: 5px;
253 - padding: 4px 12px;
254 - border-radius: 20px;
255 - font-size: 0.82em;
256 - font-weight: 600;
257 - border: 1.5px solid;
258 -}
72 +/* CHIPS */
73 +.wk-chips { margin-top: 8px; }
74 +.wk-chip { display: inline-block; padding: 4px 12px; border-radius: 20px; font-size: 0.82em; font-weight: 600; border: 1.5px solid; margin: 3px 4px 3px 0; }
259 259  .chip-rot { background: #fdecea; color: #c62828; border-color: #ef9a9a; }
260 -.chip-gelb { background: #fffde7; color: #827717; border-color: #fff176; }
76 +.chip-gelb { background: #fffde7; color: #827717; border-color: #f9e84a; }
261 261  .chip-blau { background: #e3f2fd; color: #0d47a1; border-color: #90caf9; }
262 262  .chip-gruen { background: #e8f5e9; color: #1b5e20; border-color: #a5d6a7; }
263 263  .chip-weiss { background: #fafafa; color: #424242; border-color: #bdbdbd; }
... ... @@ -266,47 +266,29 @@
266 266  .chip-grau { background: #f5f5f5; color: #424242; border-color: #bdbdbd; }
267 267  .chip-braun { background: #efebe9; color: #3e2723; border-color: #bcaaa4; }
268 268  
269 -/* CONTACT CARDS */
270 -.wk-contacts { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; }
271 -.wk-contact {
272 - background: #f8f9fc;
273 - border-radius: 10px;
274 - padding: 14px 16px;
275 - border: 1px solid #e8eaf0;
276 -}
277 -.wk-contact-name { font-weight: 700; font-size: 0.92em; color: #1a1a2e; margin-bottom: 4px; }
278 -.wk-contact-role { font-size: 0.8em; color: #888; margin-bottom: 6px; }
279 -.wk-contact a { font-size: 0.83em; color: #0f3460; }
85 +/* HIGHLIGHT BOX */
86 +.wk-highlight { background: #fff9e6; border-left: 5px solid #FFD600; border-radius: 8px; padding: 14px 18px; margin-bottom: 18px; font-size: 0.92em; color: #3d3000; line-height: 1.6; }
87 +.wk-highlight strong { color: #1a1a2e; }
280 280  
281 -/* PLATFORM PILLS */
282 -.wk-platforms { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 4px; }
283 -.wk-platform {
284 - background: #fff;
285 - border: 1.5px solid #e0e4ef;
286 - border-radius: 8px;
287 - padding: 10px 14px;
288 - font-size: 0.87em;
289 - min-width: 180px;
290 -}
291 -.wk-platform-name { font-weight: 700; color: #1a1a2e; margin-bottom: 2px; }
292 -.wk-platform-desc { color: #666; font-size: 0.9em; }
293 -.wk-platform a { color: #E53935; font-weight: 600; font-size: 0.88em; }
89 +/* PLATFORMS */
90 +.wk-platform { background: #f8f9fc; border: 1.5px solid #e0e4ef; border-radius: 8px; padding: 12px 14px; margin-bottom: 10px; font-size: 0.88em; }
91 +.wk-platform-name { font-weight: 700; color: #1a1a2e; margin-bottom: 3px; }
92 +.wk-platform-desc { color: #666; line-height: 1.5; }
93 +.wk-platform a { color: #E53935; font-weight: 600; }
294 294  
95 +/* CONTACTS */
96 +.wk-contact { background: #f8f9fc; border-radius: 10px; padding: 12px 14px; border: 1px solid #e8eaf0; margin-bottom: 8px; font-size: 0.88em; }
97 +.wk-contact-name { font-weight: 700; color: #1a1a2e; margin-bottom: 2px; }
98 +.wk-contact-role { color: #888; font-size: 0.9em; margin-bottom: 4px; }
99 +.wk-contact a { color: #0f3460; }
100 +
295 295  /* FOERDERVEREIN */
296 -.wk-foerder {
297 - background: linear-gradient(135deg, #e8f5e9, #f1f8f1);
298 - border: 1.5px solid #a5d6a7;
299 - border-radius: 10px;
300 - padding: 18px 20px;
301 - font-size: 0.9em;
302 - color: #1b5e20;
303 - line-height: 1.7;
304 -}
102 +.wk-foerder { background: #e8f5e9; border: 1.5px solid #a5d6a7; border-radius: 10px; padding: 16px 18px; font-size: 0.9em; color: #1b5e20; line-height: 1.7; }
305 305  .wk-foerder strong { color: #1a1a2e; }
306 306  .wk-foerder a { color: #0f3460; font-weight: 600; }
307 307  
308 308  /* DIVIDER */
309 -.wk-divider { border: none; border-top: 2px solid #f0f0f5; margin: 10px 0 28px 0; }
107 +.wk-divider { border: none; border-top: 2px solid #f0f0f5; margin: 4px 0 28px 0; }
310 310  </style>
311 311  
312 312  <div class="wk-page">
... ... @@ -315,61 +315,50 @@
315 315   <div class="wk-hero">
316 316   <div class="wk-hero-tag">🎒 Elterninformationen · Schuljahr 2026/27</div>
317 317   <h1>Willkommen an der<br><span>KGS Stuhr-Brinkum</span></h1>
318 - <p class="wk-hero-sub">Herzlich willkommen, liebe Eltern der neuen Fünftklässlerinnen und Fünftklässler!<br>
319 - Hier finden Sie alle wichtigen Informationen für einen gelungenen Start.</p>
116 + <p class="wk-hero-sub">Herzlich willkommen, liebe Eltern der neuen Fünftklässlerinnen und Fünftklässler! Hier finden Sie alle wichtigen Informationen für einen gelungenen Start.</p>
320 320   <div class="wk-hero-photo">
321 - {{image reference="IMG_4592.WEBP"/}}
118 + <img src="https://wiki.kgs-stuhr.de/xwiki/bin/download/wiki-eltern/eltern.klasse5/WebHome/IMG_4592.webp" alt="KGS Stuhr-Brinkum Schulgelände">
322 322   </div>
323 323   </div>
324 324  
325 - <!-- WICHTIGE TERMINE -->
122 + <!-- TERMINE -->
326 326   <div class="wk-section">
327 327   <div class="wk-section-title">
328 - <div class="wk-section-title-icon icon-red">📅</div>
329 - <h2>Die wichtigsten Termine auf einen Blick</h2>
125 + <h2><span class="wk-section-icon icon-red">📅</span>Die wichtigsten Termine auf einen Blick</h2>
330 330   </div>
331 -
332 332   <div class="wk-timeline">
333 -
334 334   <div class="wk-event highlight-event">
335 335   <div class="wk-event-date">Freitag, 14. August 2026 · 08:30 Uhr</div>
336 336   <div class="wk-event-title">🎉 Einschulungsfeier – Erster Schultag</div>
337 337   <div class="wk-event-desc">Begrüßung in der Mensa der KGS Stuhr-Brinkum. Bitte begleiten Sie Ihr Kind mit <strong>maximal zwei Personen</strong>. Unterrichtsende: <strong>12:15 Uhr</strong>.</div>
338 338   </div>
339 -
340 340   <div class="wk-event">
341 341   <div class="wk-event-date">17. – 21. August 2026</div>
342 342   <div class="wk-event-title">📚 Einführungswoche</div>
343 343   <div class="wk-event-desc">Unterricht von der 2. bis 6. Stunde – meist durch Klassenlehrkräfte. Für den ersten Tag: <strong>Federtasche und Schreibblock</strong> mitbringen.</div>
344 344   </div>
345 -
346 346   <div class="wk-event">
347 347   <div class="wk-event-date">August – Oktober 2026 (vor Herbstferien)</div>
348 348   <div class="wk-event-title">🤝 Kennenlerntage statt Klassenfahrt</div>
349 - <div class="wk-event-desc">Dieses Jahr gibt es intensive Kennenlerntage vor Ort statt einer mehrtägigen Fahrt: Jahrgangsfrühstück, Tagesausflug (z. B. Stadtgarten, Abenteuerland, Warwer Sand) und Sozialtrainingstag. Genaue Termine folgen.</div>
141 + <div class="wk-event-desc">Intensive Kennenlerntage vor Ort: Jahrgangsfrühstück · Tagesausflug (Stadtgarten, Abenteuerland oder Warwer Sand) · Sozialtrainingstag. Genaue Termine folgen.</div>
350 350   </div>
351 -
352 352   <div class="wk-event">
353 353   <div class="wk-event-date">Ca. 2 Wochen nach Schuljahresbeginn</div>
354 354   <div class="wk-event-title">🎨 Einwahl in AGs (Offener Ganztag)</div>
355 - <div class="wk-event-desc">Die Einwahl in Arbeitsgemeinschaften erfolgt digital über <strong>IServ</strong>. Achtung: die Teilnahme ist dann für das gesamte Schuljahr verpflichtend.</div>
146 + <div class="wk-event-desc">Digital über <strong>IServ</strong>. Achtung: Teilnahme für das gesamte Schuljahr verpflichtend. <a href="https://wiki.kgs-stuhr.de/xwiki/bin/view/wiki-eltern/ganztag/">→ Mehr zum Ganztag im Wiki</a></div>
356 356   </div>
357 -
358 358   </div>
359 359   </div>
360 360  
361 361   <hr class="wk-divider"/>
362 362  
363 - <!-- TÄGLICHER SCHULBETRIEB -->
153 + <!-- STUNDENPLAN -->
364 364   <div class="wk-section">
365 365   <div class="wk-section-title">
366 - <div class="wk-section-title-icon icon-blue">🕐</div>
367 - <h2>Unterrichtszeiten</h2>
156 + <h2><span class="wk-section-icon icon-blue">🕐</span>Unterrichtszeiten</h2>
368 368   </div>
369 369   <table class="wk-timetable">
370 - <thead>
371 - <tr><th>Stunde / Pause</th><th>Uhrzeit</th></tr>
372 - </thead>
159 + <thead><tr><th>Stunde / Pause</th><th>Uhrzeit</th></tr></thead>
373 373   <tbody>
374 374   <tr><td><strong>1. Stunde</strong></td><td>07:45 – 08:30 Uhr</td></tr>
375 375   <tr><td><strong>2. Stunde</strong></td><td>08:35 – 09:20 Uhr</td></tr>
... ... @@ -388,65 +388,50 @@
388 388  
389 389   <hr class="wk-divider"/>
390 390  
391 - <!-- WICHTIGE INFOS CARDS -->
178 + <!-- WICHTIGE INFOS -->
392 392   <div class="wk-section">
393 393   <div class="wk-section-title">
394 - <div class="wk-section-title-icon icon-orange">ℹ️</div>
395 - <h2>Wichtige Informationen</h2>
181 + <h2><span class="wk-section-icon icon-orange">ℹ️</span>Wichtige Informationen</h2>
396 396   </div>
397 - <div class="wk-cards">
398 398  
399 - <div class="wk-card">
400 - <div class="wk-card-head">
401 - <div class="wk-card-icon icon-orange">🚌</div>
402 - <h3>Schulbus & TIM-Ticket</h3>
403 - </div>
404 - <p>Schüler:innen ab <strong>4 km Schulweg</strong> erhalten automatisch eine kostenlose Busfahrkarte. Kein Antrag nötig – das Sekretariat meldet die Daten. Die TIM-Tickets werden zu Beginn des Schuljahres verteilt.</p>
405 - </div>
184 + <table style="width:100%;border-collapse:separate;border-spacing:8px;">
185 + <tr>
186 + <td style="width:50%;background:#fff;border:1px solid #e8eaf0;border-radius:10px;padding:16px 18px;vertical-align:top;">
187 + <div style="margin-bottom:8px;"><span style="display:inline-block;width:28px;height:28px;background:#fff3e0;border-radius:6px;text-align:center;line-height:28px;font-size:0.9em;vertical-align:middle;margin-right:6px;">🚌</span><strong style="color:#1a1a2e;vertical-align:middle;">Schulbus &amp; TIM-Ticket</strong></div>
188 + <p style="font-size:0.88em;color:#555;line-height:1.6;margin:0;">Schüler:innen ab <strong>4 km Schulweg</strong> erhalten automatisch eine kostenlose Busfahrkarte. Kein Antrag nötig – das Sekretariat meldet die Daten. TIM-Tickets werden zu Schuljahresbeginn verteilt.</p>
189 + </td>
190 + <td style="width:50%;background:#fff;border:1px solid #e8eaf0;border-radius:10px;padding:16px 18px;vertical-align:top;">
191 + <div style="margin-bottom:8px;"><span style="display:inline-block;width:28px;height:28px;background:#e0f2f1;border-radius:6px;text-align:center;line-height:28px;font-size:0.9em;vertical-align:middle;margin-right:6px;">🍽️</span><strong style="color:#1a1a2e;vertical-align:middle;">Mensa &amp; Kiosk (MensaMax)</strong></div>
192 + <p style="font-size:0.88em;color:#555;line-height:1.6;margin:0 0 6px 0;">Mittagessen 13:05–14:00 Uhr. Anmeldung im Sekretariat → Essens-Chip. Bestellung über <strong>MensaMax-App</strong> – bargeldlos, Prepaid. Ohne Chip keine Ausgabe.</p>
193 + <a href="https://wiki.kgs-stuhr.de/xwiki/bin/view/schueler/mensamax/" style="font-size:0.88em;color:#0f3460;font-weight:600;">→ Anleitung im Wiki</a>
194 + </td>
195 + </tr>
196 + <tr>
197 + <td style="background:#fff;border:1px solid #e8eaf0;border-radius:10px;padding:16px 18px;vertical-align:top;">
198 + <div style="margin-bottom:8px;"><span style="display:inline-block;width:28px;height:28px;background:#fce4ec;border-radius:6px;text-align:center;line-height:28px;font-size:0.9em;vertical-align:middle;margin-right:6px;">📵</span><strong style="color:#1a1a2e;vertical-align:middle;">Handyfreie Schule</strong></div>
199 + <p style="font-size:0.88em;color:#555;line-height:1.6;margin:0;">Handys in Unterricht und Pausen <strong>verboten</strong>. Tablets nur mit ausdrücklicher Erlaubnis der Lehrkraft zu Unterrichtszwecken.</p>
200 + </td>
201 + <td style="background:#fff;border:1px solid #e8eaf0;border-radius:10px;padding:16px 18px;vertical-align:top;">
202 + <div style="margin-bottom:8px;"><span style="display:inline-block;width:28px;height:28px;background:#fdecea;border-radius:6px;text-align:center;line-height:28px;font-size:0.9em;vertical-align:middle;margin-right:6px;">🤒</span><strong style="color:#1a1a2e;vertical-align:middle;">Krankmeldung</strong></div>
203 + <p style="font-size:0.88em;color:#555;line-height:1.6;margin:0 0 6px 0;">Bis <strong>07:45 Uhr</strong> per E-Mail (<em>nachname@kgs-sb.de</em>) oder WebUntis. Schriftliche Entschuldigung danach im Entschuldigungsheft.</p>
204 + <a href="https://wiki.kgs-stuhr.de/xwiki/bin/view/wiki-eltern/Krankmeldungen/" style="font-size:0.88em;color:#0f3460;font-weight:600;">→ Krankmeldung im Wiki</a><br>
205 + <a href="https://wiki.kgs-stuhr.de/xwiki/bin/view/wiki-eltern/Entschuldigungen/" style="font-size:0.88em;color:#0f3460;font-weight:600;">→ Entschuldigungen im Wiki</a>
206 + </td>
207 + </tr>
208 + <tr>
209 + <td style="background:#fff;border:1px solid #e8eaf0;border-radius:10px;padding:16px 18px;vertical-align:top;">
210 + <div style="margin-bottom:8px;"><span style="display:inline-block;width:28px;height:28px;background:#e3f0ff;border-radius:6px;text-align:center;line-height:28px;font-size:0.9em;vertical-align:middle;margin-right:6px;">📚</span><strong style="color:#1a1a2e;vertical-align:middle;">Schulbücher (Lernmittelausleihe)</strong></div>
211 + <p style="font-size:0.88em;color:#555;line-height:1.6;margin:0 0 6px 0;">Anmeldung über <strong>IServ → „Schulbücher"</strong>. Nur als Gesamtpaket. Ermäßigung/Befreiung möglich (Nachweis ins Sekretariat).</p>
212 + <a href="https://wiki.kgs-stuhr.de/xwiki/bin/view/wiki-eltern/lernmittelausleihe/" style="font-size:0.88em;color:#0f3460;font-weight:600;">→ Anleitung im Wiki</a>
213 + </td>
214 + <td style="background:#fff;border:1px solid #e8eaf0;border-radius:10px;padding:16px 18px;vertical-align:top;">
215 + <div style="margin-bottom:8px;"><span style="display:inline-block;width:28px;height:28px;background:#e8f5e9;border-radius:6px;text-align:center;line-height:28px;font-size:0.9em;vertical-align:middle;margin-right:6px;">🏠</span><strong style="color:#1a1a2e;vertical-align:middle;">Jugendzentrum „Haus am Wall"</strong></div>
216 + <p style="font-size:0.88em;color:#555;line-height:1.6;margin:0 0 6px 0;">Partner der KGS – kostenlos, ohne Anmeldung. Café, Garten, Billard, Kicker, Playstation, Ferienprogramme.</p>
217 + <a href="https://hausamwall.de/" style="font-size:0.88em;color:#0f3460;font-weight:600;">→ hausamwall.de</a>
218 + </td>
219 + </tr>
220 + </table>
406 406  
407 - <div class="wk-card">
408 - <div class="wk-card-head">
409 - <div class="wk-card-icon icon-teal">🍽️</div>
410 - <h3>Mensa & Kiosk (MensaMax)</h3>
411 - </div>
412 - <p>Mittagessen 13:05–14:00 Uhr. Anmeldung im Sekretariat, dann Essens-Chip erhalten. Bestellung über die <strong>MensaMax-App</strong> oder Browser – bargeldlos, Prepaid. Ohne Chip keine Ausgabe.</p>
413 - </div>
414 -
415 - <div class="wk-card">
416 - <div class="wk-card-head">
417 - <div class="wk-card-icon" style="background:#fce4ec;">📵</div>
418 - <h3>Handyfreie Schule</h3>
419 - </div>
420 - <p>Handys und Smartphones sind im Unterricht und in <strong>allen Pausen verboten</strong>. Tablets nur mit ausdrücklicher Erlaubnis der Lehrkraft zu Unterrichtszwecken.</p>
421 - </div>
422 -
423 - <div class="wk-card">
424 - <div class="wk-card-head">
425 - <div class="wk-card-icon icon-red">🤒</div>
426 - <h3>Krankmeldung</h3>
427 - </div>
428 - <p>Krankmeldung bis <strong>07:45 Uhr</strong> per E-Mail an die Klassenlehrkraft (<em>nachname@kgs-sb.de</em>) oder über WebUntis. Schriftliche Entschuldigung im <strong>Entschuldigungsheft</strong> nach der Genesung.</p>
429 - <ul><li><a href="https://wiki.kgs-stuhr.de/xwiki/bin/view/wiki-eltern/krankmeldung/">→ Ausführliche Anleitung im Wiki</a></li></ul>
430 - </div>
431 -
432 - <div class="wk-card">
433 - <div class="wk-card-head">
434 - <div class="wk-card-icon icon-blue">📚</div>
435 - <h3>Schulbücher (Lernmittelausleihe)</h3>
436 - </div>
437 - <p>Anmeldung über <strong>IServ → Modul „Schulbücher"</strong>. Nur als Gesamtpaket buchbar. Ermäßigung für Familien mit ≥3 schulpflichtigen Kindern; Befreiung bei Bürgergeld etc. (Nachweis im Sekretariat).</p>
438 - </div>
439 -
440 - <div class="wk-card">
441 - <div class="wk-card-head">
442 - <div class="wk-card-icon icon-green">🏠</div>
443 - <h3>Jugendzentrum „Haus am Wall"</h3>
444 - </div>
445 - <p>Partner der KGS in Brinkum – kostenlos, ohne Anmeldung. Café, Garten, Billard, Kicker, Playstation, Ferienprogramme. Enge Kooperation mit der Schule.</p>
446 - <ul><li><a href="https://hausamwall.de/" target="_blank">→ hausamwall.de</a></li></ul>
447 - </div>
448 -
449 - </div>
450 450   </div>
451 451  
452 452   <hr class="wk-divider"/>
... ... @@ -454,25 +454,19 @@
454 454   <!-- MATERIALIEN -->
455 455   <div class="wk-section">
456 456   <div class="wk-section-title">
457 - <div class="wk-section-title-icon icon-purple">✏️</div>
458 - <h2>Materialien & Ausstattung</h2>
229 + <h2><span class="wk-section-icon icon-purple">✏️</span>Materialien &amp; Ausstattung</h2>
459 459   </div>
460 -
461 461   <div class="wk-highlight">
462 - <div class="wk-highlight-icon">🎒</div>
463 - <div class="wk-highlight-text">
464 - <strong>Federtasche:</strong> Füller + Patronen oder Tintenroller · Lineal · Textmarker · Radiergummi · Anspitzer mit Behälter · Klebestift · Schere · Bleistifte (hart + weich) · Buntstifte
465 - </div>
232 + <strong>🎒 Federtasche:</strong> Füller + Patronen oder Tintenroller · Lineal · Textmarker · Radiergummi · Anspitzer mit Behälter · Klebestift · Schere · Bleistifte (hart + weich) · Buntstifte
466 466   </div>
467 -
468 - <p style="font-size:0.9em; color:#555; margin-bottom:10px;"><strong>Hefte DIN-A4:</strong> Lineatur 25 für Deutsch &amp; Englisch · Lineatur 28 für Mathematik</p>
469 - <p style="font-size:0.9em; color:#555; margin-bottom:8px;"><strong>Heftumschläge:</strong></p>
234 + <p style="font-size:0.9em;color:#555;margin-bottom:8px;"><strong>Hefte DIN-A4:</strong> Lineatur 25 (Deutsch/Englisch) · Lineatur 28 (Mathematik)</p>
235 + <p style="font-size:0.9em;color:#555;margin-bottom:6px;"><strong>Heftumschläge:</strong></p>
470 470   <div class="wk-chips">
471 471   <span class="wk-chip chip-rot">Deutsch · rot</span>
472 472   <span class="wk-chip chip-gelb">Englisch · gelb</span>
473 473   <span class="wk-chip chip-blau">Mathematik · blau</span>
474 474   </div>
475 - <p style="font-size:0.9em; color:#555; margin: 14px 0 8px;"><strong>Pappmappen:</strong></p>
241 + <p style="font-size:0.9em;color:#555;margin:12px 0 6px;"><strong>Pappmappen:</strong></p>
476 476   <div class="wk-chips">
477 477   <span class="wk-chip chip-gruen">Biologie · grün</span>
478 478   <span class="wk-chip chip-weiss">Physik · weiß</span>
... ... @@ -481,7 +481,7 @@
481 481   <span class="wk-chip chip-grau">Geschichte · grau</span>
482 482   <span class="wk-chip chip-braun">Erdkunde · braun</span>
483 483   </div>
484 - <p style="font-size:0.85em; color:#888; margin-top:12px;">Bitte auch die separate <strong>Materialliste für Kunst Jg. 5/6</strong> beachten.</p>
250 + <p style="font-size:0.85em;color:#888;margin-top:10px;">Separate <strong>Materialliste Kunst Jg. 5/6</strong> beachten.</p>
485 485   </div>
486 486  
487 487   <hr class="wk-divider"/>
... ... @@ -489,72 +489,75 @@
489 489   <!-- DIGITALE PLATTFORMEN -->
490 490   <div class="wk-section">
491 491   <div class="wk-section-title">
492 - <div class="wk-section-title-icon icon-blue">💻</div>
493 - <h2>Digitale Plattformen</h2>
258 + <h2><span class="wk-section-icon icon-blue">💻</span>Digitale Plattformen</h2>
494 494   </div>
495 - <div class="wk-platforms">
496 - <div class="wk-platform">
497 - <div class="wk-platform-name">📨 IServ (Elternmodul)</div>
498 - <div class="wk-platform-desc">Offizielle Kommunikation, Elternbriefe, Elternsprechtag-Buchung. Zugangsdaten über Klassenlehrkraft.<br>
499 - <a href="https://wiki.kgs-stuhr.de/xwiki/bin/view/wiki-eltern/IServ-Elternmodul/">→ Anleitung im Wiki</a></div>
500 - </div>
501 - <div class="wk-platform">
502 - <div class="wk-platform-name">📅 WebUntis / Untis App</div>
503 - <div class="wk-platform-desc">Aktueller Stundenplan, Vertretungen, Raumwechsel. Erst nach IServ-Einrichtung möglich.<br>
504 - <a href="https://wiki.kgs-stuhr.de/xwiki/bin/view/wiki-eltern/untis-eltern/">→ Anleitung im Wiki</a></div>
505 - </div>
506 - <div class="wk-platform">
507 - <div class="wk-platform-name">📖 Eltern-Wiki</div>
508 - <div class="wk-platform-desc">FAQs, Anleitungen, Formulare.<br>
509 - <a href="https://wiki.kgs-stuhr.de/">→ wiki.kgs-stuhr.de</a></div>
510 - </div>
511 - <div class="wk-platform">
512 - <div class="wk-platform-name">🌐 Schulhomepage</div>
513 - <div class="wk-platform-desc">Allgemeines, Schulleben, Profile, Kontakte.<br>
514 - <a href="https://www.kgs-stuhr.de/">→ www.kgs-stuhr.de</a></div>
515 - </div>
516 - </div>
260 + <table style="width:100%;border-collapse:separate;border-spacing:8px;">
261 + <tr>
262 + <td style="width:50%;background:#f8f9fc;border:1.5px solid #e0e4ef;border-radius:8px;padding:12px 14px;vertical-align:top;">
263 + <div style="font-weight:700;color:#1a1a2e;margin-bottom:4px;">📨 IServ (Elternmodul)</div>
264 + <div style="font-size:0.87em;color:#666;line-height:1.5;">Offizielle Kommunikation, Elternbriefe, Elternsprechtag-Buchung. Zugangsdaten über Klassenlehrkraft.<br><a href="https://wiki.kgs-stuhr.de/xwiki/bin/view/wiki-eltern/IServ-Elternmodul/" style="color:#E53935;font-weight:600;">→ Anleitung im Wiki</a></div>
265 + </td>
266 + <td style="width:50%;background:#f8f9fc;border:1.5px solid #e0e4ef;border-radius:8px;padding:12px 14px;vertical-align:top;">
267 + <div style="font-weight:700;color:#1a1a2e;margin-bottom:4px;">📅 WebUntis / Untis App</div>
268 + <div style="font-size:0.87em;color:#666;line-height:1.5;">Aktueller Stundenplan, Vertretungen, Raumwechsel. Erst nach IServ-Einrichtung möglich.<br><a href="https://wiki.kgs-stuhr.de/xwiki/bin/view/wiki-eltern/untis-eltern/" style="color:#E53935;font-weight:600;">→ Anleitung im Wiki</a></div>
269 + </td>
270 + </tr>
271 + <tr>
272 + <td style="background:#f8f9fc;border:1.5px solid #e0e4ef;border-radius:8px;padding:12px 14px;vertical-align:top;">
273 + <div style="font-weight:700;color:#1a1a2e;margin-bottom:4px;">📖 Eltern-Wiki</div>
274 + <div style="font-size:0.87em;color:#666;line-height:1.5;">FAQs, Anleitungen, Formulare.<br><a href="https://wiki.kgs-stuhr.de/" style="color:#E53935;font-weight:600;">→ wiki.kgs-stuhr.de</a></div>
275 + </td>
276 + <td style="background:#f8f9fc;border:1.5px solid #e0e4ef;border-radius:8px;padding:12px 14px;vertical-align:top;">
277 + <div style="font-weight:700;color:#1a1a2e;margin-bottom:4px;">🌐 Schulhomepage</div>
278 + <div style="font-size:0.87em;color:#666;line-height:1.5;">Schulleben, Profile, Kontakte.<br><a href="https://www.kgs-stuhr.de/" style="color:#E53935;font-weight:600;">→ www.kgs-stuhr.de</a></div>
279 + </td>
280 + </tr>
281 + </table>
517 517   </div>
518 518  
519 519   <hr class="wk-divider"/>
520 520  
521 - <!-- BERATUNG & KONTAKT -->
286 + <!-- BERATUNG -->
522 522   <div class="wk-section">
523 523   <div class="wk-section-title">
524 - <div class="wk-section-title-icon icon-green">🤝</div>
525 - <h2>Beratung & Unterstützung</h2>
289 + <h2><span class="wk-section-icon icon-green">🤝</span>Beratung &amp; Unterstützung</h2>
526 526   </div>
527 - <p style="font-size:0.9em; color:#555; margin-bottom:14px;">Bei schulischen oder persönlichen Sorgen stehen zwei vertrauliche Beratungssysteme zur Verfügung:</p>
528 - <div class="wk-contacts">
529 - <div class="wk-contact">
530 - <div class="wk-contact-name">Ariane Vollmer</div>
531 - <div class="wk-contact-role">Schulsozialarbeit</div>
532 - <div>Tel.: 0421 80969-1990</div>
533 - <a href="mailto:vollmer@kgs-sb.de">vollmer@kgs-sb.de</a>
534 - </div>
535 - <div class="wk-contact">
536 - <div class="wk-contact-name">Annika Reiners</div>
537 - <div class="wk-contact-role">Schulsozialarbeit</div>
538 - <div>Tel.: 0421 80969-1560</div>
539 - <a href="mailto:reiners@kgs-sb.de">reiners@kgs-sb.de</a>
540 - </div>
541 - <div class="wk-contact">
542 - <div class="wk-contact-name">Lucy Tiedemann</div>
543 - <div class="wk-contact-role">Schulsozialarbeit</div>
544 - <a href="mailto:tiedemann@kgs-sb.de">tiedemann@kgs-sb.de</a>
545 - </div>
546 - <div class="wk-contact">
547 - <div class="wk-contact-name">Andrea Barnert</div>
548 - <div class="wk-contact-role">Beratungslehrkraft</div>
549 - <div>Tel.: 0421 80969-134</div>
550 - <a href="mailto:a.barnert@kgs-sb.de">a.barnert@kgs-sb.de</a>
551 - </div>
552 - <div class="wk-contact">
553 - <div class="wk-contact-name">Sabrina Röber <em>(i. A.)</em></div>
554 - <div class="wk-contact-role">Beratungslehrkraft</div>
555 - <a href="mailto:s.roeber@kgs-sb.de">s.roeber@kgs-sb.de</a>
556 - </div>
557 - </div>
291 + <p style="font-size:0.9em;color:#555;margin-bottom:12px;">Bei schulischen oder persönlichen Sorgen stehen zwei vertrauliche Beratungssysteme zur Verfügung:</p>
292 + <table style="width:100%;border-collapse:separate;border-spacing:8px;">
293 + <tr>
294 + <td style="width:33%;background:#f8f9fc;border:1px solid #e8eaf0;border-radius:10px;padding:14px 16px;vertical-align:top;">
295 + <div style="font-weight:700;color:#1a1a2e;margin-bottom:3px;">Ariane Vollmer</div>
296 + <div style="font-size:0.82em;color:#888;margin-bottom:6px;">Schulsozialarbeit</div>
297 + <div style="font-size:0.85em;color:#555;">Tel.: 0421 80969-1990</div>
298 + <div style="font-size:0.85em;"><a href="mailto:vollmer@kgs-sb.de" style="color:#0f3460;">vollmer@kgs-sb.de</a></div>
299 + </td>
300 + <td style="width:33%;background:#f8f9fc;border:1px solid #e8eaf0;border-radius:10px;padding:14px 16px;vertical-align:top;">
301 + <div style="font-weight:700;color:#1a1a2e;margin-bottom:3px;">Annika Reiners</div>
302 + <div style="font-size:0.82em;color:#888;margin-bottom:6px;">Schulsozialarbeit</div>
303 + <div style="font-size:0.85em;color:#555;">Tel.: 0421 80969-1560</div>
304 + <div style="font-size:0.85em;"><a href="mailto:reiners@kgs-sb.de" style="color:#0f3460;">reiners@kgs-sb.de</a></div>
305 + </td>
306 + <td style="width:33%;background:#f8f9fc;border:1px solid #e8eaf0;border-radius:10px;padding:14px 16px;vertical-align:top;">
307 + <div style="font-weight:700;color:#1a1a2e;margin-bottom:3px;">Lucy Tiedemann</div>
308 + <div style="font-size:0.82em;color:#888;margin-bottom:6px;">Schulsozialarbeit</div>
309 + <div style="font-size:0.85em;"><a href="mailto:tiedemann@kgs-sb.de" style="color:#0f3460;">tiedemann@kgs-sb.de</a></div>
310 + </td>
311 + </tr>
312 + <tr>
313 + <td style="background:#f8f9fc;border:1px solid #e8eaf0;border-radius:10px;padding:14px 16px;vertical-align:top;">
314 + <div style="font-weight:700;color:#1a1a2e;margin-bottom:3px;">Andrea Barnert</div>
315 + <div style="font-size:0.82em;color:#888;margin-bottom:6px;">Beratungslehrkraft</div>
316 + <div style="font-size:0.85em;color:#555;">Tel.: 0421 80969-134</div>
317 + <div style="font-size:0.85em;"><a href="mailto:a.barnert@kgs-sb.de" style="color:#0f3460;">a.barnert@kgs-sb.de</a></div>
318 + </td>
319 + <td style="background:#f8f9fc;border:1px solid #e8eaf0;border-radius:10px;padding:14px 16px;vertical-align:top;">
320 + <div style="font-weight:700;color:#1a1a2e;margin-bottom:3px;">Sabrina Röber <em style="font-weight:normal;">(i. A.)</em></div>
321 + <div style="font-size:0.82em;color:#888;margin-bottom:6px;">Beratungslehrkraft</div>
322 + <div style="font-size:0.85em;"><a href="mailto:s.roeber@kgs-sb.de" style="color:#0f3460;">s.roeber@kgs-sb.de</a></div>
323 + </td>
324 + <td style="background:transparent;border:none;"></td>
325 + </tr>
326 + </table>
558 558   </div>
559 559  
560 560   <hr class="wk-divider"/>
... ... @@ -562,13 +562,10 @@
562 562   <!-- FÖRDERVEREIN -->
563 563   <div class="wk-section">
564 564   <div class="wk-section-title">
565 - <div class="wk-section-title-icon icon-green">💚</div>
566 - <h2>Förderverein KGS Stuhr-Brinkum e.V.</h2>
334 + <h2><span class="wk-section-icon icon-green">💚</span>Förderverein KGS Stuhr-Brinkum e.V.</h2>
567 567   </div>
568 568   <div class="wk-foerder">
569 - Unterstützen Sie Ihre Schulgemeinschaft! Der Förderverein hilft dort, wo öffentliche Mittel nicht reichen – von Ausstattung über Schulhofprojekte bis zu Klassenfahrten.
570 - <strong>Jahresbeitrag: nur 12,00 €</strong> (oder mehr, freiwillig).
571 - <br><br>
337 + Unterstützen Sie Ihre Schulgemeinschaft – der Förderverein hilft dort, wo öffentliche Mittel nicht reichen. <strong>Jahresbeitrag: nur 12,00 €</strong> (oder mehr, freiwillig).<br><br>
572 572   <a href="https://www.kgs-stuhr.de/informationen/foerderverein/">→ Informationen &amp; Beitrittsformular auf der Homepage</a>
573 573   </div>
574 574   </div>
... ... @@ -575,3 +575,4 @@
575 575  
576 576  </div>
577 577  {{/html}}
344 +