Zum Inhalt springen

Änderungen von Dokument eltern.klasse5

Zuletzt geändert von Sarah Groeneveld am 2026/06/08 09:25
Von Version 16.1
bearbeitet von Sarah Groeneveld
am 2026/06/08 09:09
Änderungskommentar: Es gibt keinen Kommentar für diese Version
Auf Version 20.1
bearbeitet von Sarah Groeneveld
am 2026/06/08 09:22
Ä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,158 +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 – float-basiert für XWiki-Kompatibilität */
176 -.wk-cards { overflow: hidden; margin: 0 -8px; }
177 -.wk-card {
178 - float: left;
179 - width: calc(50% - 16px);
180 - margin: 0 8px 16px 8px;
181 - background: #fff;
182 - border: 1px solid #e8eaf0;
183 - border-radius: 10px;
184 - padding: 18px;
185 - box-shadow: 0 2px 6px rgba(0,0,0,0.04);
186 - box-sizing: border-box;
187 -}
188 -.wk-cards-clear { clear: both; }
189 -.wk-card {
190 - background: #fff;
191 - border: 1px solid #e8eaf0;
192 - border-radius: 10px;
193 - padding: 18px;
194 - box-shadow: 0 2px 6px rgba(0,0,0,0.04);
195 - transition: box-shadow 0.2s;
196 -}
197 -.wk-card:hover { box-shadow: 0 4px 14px rgba(0,0,0,0.09); }
198 -.wk-card-head {
199 - display: flex; align-items: center; gap: 10px;
200 - margin-bottom: 10px;
201 -}
202 -.wk-card-icon {
203 - width: 32px; height: 32px;
204 - border-radius: 8px;
205 - display: flex; align-items: center; justify-content: center;
206 - font-size: 1em;
207 - flex-shrink: 0;
208 -}
209 -.wk-card h3 {
210 - font-size: 0.95em;
211 - font-weight: 700;
212 - color: #1a1a2e;
213 - margin: 0;
214 -}
215 -.wk-card p, .wk-card li {
216 - font-size: 0.87em;
217 - color: #555;
218 - line-height: 1.6;
219 - margin: 0;
220 -}
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; }
221 221  .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; }
222 222  .wk-card a { color: #0f3460; font-weight: 600; }
223 223  
224 -/* STUNDENPLAN TABLE */
225 -.wk-timetable {
226 - width: 100%;
227 - border-collapse: collapse;
228 - font-size: 0.88em;
229 - border-radius: 10px;
230 - overflow: hidden;
231 - box-shadow: 0 2px 8px rgba(0,0,0,0.06);
232 -}
233 -.wk-timetable thead tr {
234 - background: #1a1a2e;
235 - color: #fff;
236 -}
237 -.wk-timetable th {
238 - padding: 10px 14px;
239 - text-align: left;
240 - font-weight: 600;
241 - font-size: 0.9em;
242 - letter-spacing: 0.3px;
243 -}
244 -.wk-timetable td {
245 - padding: 9px 14px;
246 - border-bottom: 1px solid #f0f0f0;
247 - color: #333;
248 -}
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; }
249 249  .wk-timetable tr:nth-child(even) td { background: #f8f9fc; }
250 -.wk-timetable tr.pause-row td {
251 - background: #fff9e6;
252 - color: #7a6000;
253 - font-style: italic;
254 - font-size: 0.85em;
255 -}
70 +.wk-timetable tr.pause-row td { background: #fff9e6; color: #7a6000; font-style: italic; font-size: 0.85em; }
256 256  
257 -/* MATERIAL CHIPS */
258 -.wk-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
259 -.wk-chip {
260 - display: inline-flex; align-items: center; gap: 5px;
261 - padding: 4px 12px;
262 - border-radius: 20px;
263 - font-size: 0.82em;
264 - font-weight: 600;
265 - border: 1.5px solid;
266 -}
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; }
267 267  .chip-rot { background: #fdecea; color: #c62828; border-color: #ef9a9a; }
268 -.chip-gelb { background: #fffde7; color: #827717; border-color: #fff176; }
76 +.chip-gelb { background: #fffde7; color: #827717; border-color: #f9e84a; }
269 269  .chip-blau { background: #e3f2fd; color: #0d47a1; border-color: #90caf9; }
270 270  .chip-gruen { background: #e8f5e9; color: #1b5e20; border-color: #a5d6a7; }
271 271  .chip-weiss { background: #fafafa; color: #424242; border-color: #bdbdbd; }
... ... @@ -274,51 +274,29 @@
274 274  .chip-grau { background: #f5f5f5; color: #424242; border-color: #bdbdbd; }
275 275  .chip-braun { background: #efebe9; color: #3e2723; border-color: #bcaaa4; }
276 276  
277 -/* CONTACT CARDS */
278 -.wk-contacts { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; }
279 -.wk-contact {
280 - background: #f8f9fc;
281 - border-radius: 10px;
282 - padding: 14px 16px;
283 - border: 1px solid #e8eaf0;
284 -}
285 -.wk-contact-name { font-weight: 700; font-size: 0.92em; color: #1a1a2e; margin-bottom: 4px; }
286 -.wk-contact-role { font-size: 0.8em; color: #888; margin-bottom: 6px; }
287 -.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; }
288 288  
289 -/* PLATFORM PILLS – float-basiert */
290 -.wk-platforms { overflow: hidden; margin: 4px -6px 0 -6px; }
291 -.wk-platform {
292 - float: left;
293 - width: calc(50% - 12px);
294 - margin: 0 6px 12px 6px;
295 - background: #fff;
296 - border: 1.5px solid #e0e4ef;
297 - border-radius: 8px;
298 - padding: 10px 14px;
299 - font-size: 0.87em;
300 - box-sizing: border-box;
301 -}
302 -.wk-platforms-clear { clear: both; }
303 -.wk-platform-name { font-weight: 700; color: #1a1a2e; margin-bottom: 2px; }
304 -.wk-platform-desc { color: #666; font-size: 0.9em; }
305 -.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; }
306 306  
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 +
307 307  /* FOERDERVEREIN */
308 -.wk-foerder {
309 - background: linear-gradient(135deg, #e8f5e9, #f1f8f1);
310 - border: 1.5px solid #a5d6a7;
311 - border-radius: 10px;
312 - padding: 18px 20px;
313 - font-size: 0.9em;
314 - color: #1b5e20;
315 - line-height: 1.7;
316 -}
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; }
317 317  .wk-foerder strong { color: #1a1a2e; }
318 318  .wk-foerder a { color: #0f3460; font-weight: 600; }
319 319  
320 320  /* DIVIDER */
321 -.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; }
322 322  </style>
323 323  
324 324  <div class="wk-page">
... ... @@ -327,61 +327,50 @@
327 327   <div class="wk-hero">
328 328   <div class="wk-hero-tag">🎒 Elterninformationen · Schuljahr 2026/27</div>
329 329   <h1>Willkommen an der<br><span>KGS Stuhr-Brinkum</span></h1>
330 - <p class="wk-hero-sub">Herzlich willkommen, liebe Eltern der neuen Fünftklässlerinnen und Fünftklässler!<br>
331 - 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>
332 332   <div class="wk-hero-photo">
333 333   <img src="https://wiki.kgs-stuhr.de/xwiki/bin/download/wiki-eltern/eltern.klasse5/WebHome/IMG_4592.webp" alt="KGS Stuhr-Brinkum Schulgelände">
334 334   </div>
335 335   </div>
336 336  
337 - <!-- WICHTIGE TERMINE -->
122 + <!-- TERMINE -->
338 338   <div class="wk-section">
339 339   <div class="wk-section-title">
340 - <div class="wk-section-title-icon icon-red">📅</div>
341 - <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>
342 342   </div>
343 -
344 344   <div class="wk-timeline">
345 -
346 346   <div class="wk-event highlight-event">
347 347   <div class="wk-event-date">Freitag, 14. August 2026 · 08:30 Uhr</div>
348 348   <div class="wk-event-title">🎉 Einschulungsfeier – Erster Schultag</div>
349 349   <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>
350 350   </div>
351 -
352 352   <div class="wk-event">
353 353   <div class="wk-event-date">17. – 21. August 2026</div>
354 354   <div class="wk-event-title">📚 Einführungswoche</div>
355 355   <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>
356 356   </div>
357 -
358 358   <div class="wk-event">
359 359   <div class="wk-event-date">August – Oktober 2026 (vor Herbstferien)</div>
360 360   <div class="wk-event-title">🤝 Kennenlerntage statt Klassenfahrt</div>
361 - <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>
362 362   </div>
363 -
364 364   <div class="wk-event">
365 365   <div class="wk-event-date">Ca. 2 Wochen nach Schuljahresbeginn</div>
366 366   <div class="wk-event-title">🎨 Einwahl in AGs (Offener Ganztag)</div>
367 - <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. <a href="https://wiki.kgs-stuhr.de/xwiki/bin/view/wiki-eltern/ganztag/">→ Mehr zum Ganztag im Wiki</a></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>
368 368   </div>
369 -
370 370   </div>
371 371   </div>
372 372  
373 373   <hr class="wk-divider"/>
374 374  
375 - <!-- TÄGLICHER SCHULBETRIEB -->
153 + <!-- STUNDENPLAN -->
376 376   <div class="wk-section">
377 377   <div class="wk-section-title">
378 - <div class="wk-section-title-icon icon-blue">🕐</div>
379 - <h2>Unterrichtszeiten</h2>
156 + <h2><span class="wk-section-icon icon-blue">🕐</span>Unterrichtszeiten</h2>
380 380   </div>
381 381   <table class="wk-timetable">
382 - <thead>
383 - <tr><th>Stunde / Pause</th><th>Uhrzeit</th></tr>
384 - </thead>
159 + <thead><tr><th>Stunde / Pause</th><th>Uhrzeit</th></tr></thead>
385 385   <tbody>
386 386   <tr><td><strong>1. Stunde</strong></td><td>07:45 – 08:30 Uhr</td></tr>
387 387   <tr><td><strong>2. Stunde</strong></td><td>08:35 – 09:20 Uhr</td></tr>
... ... @@ -400,68 +400,49 @@
400 400  
401 401   <hr class="wk-divider"/>
402 402  
403 - <!-- WICHTIGE INFOS CARDS -->
178 + <!-- WICHTIGE INFOS -->
404 404   <div class="wk-section">
405 405   <div class="wk-section-title">
406 - <div class="wk-section-title-icon icon-orange">ℹ️</div>
407 - <h2>Wichtige Informationen</h2>
181 + <h2><span class="wk-section-icon icon-orange">ℹ️</span>Wichtige Informationen</h2>
408 408   </div>
409 - <div class="wk-cards">
410 410  
411 - <div class="wk-card">
412 - <div class="wk-card-head">
413 - <div class="wk-card-icon icon-orange">🚌</div>
414 - <h3>Schulbus & TIM-Ticket</h3>
415 - </div>
416 - <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>
417 - </div>
184 + <div class="wk-card">
185 + <div class="wk-card-head"><span class="wk-card-head-icon icon-orange">🚌</span><h3>Schulbus &amp; TIM-Ticket</h3></div>
186 + <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>
187 + </div>
418 418  
419 - <div class="wk-card">
420 - <div class="wk-card-head">
421 - <div class="wk-card-icon icon-teal">🍽️</div>
422 - <h3>Mensa & Kiosk (MensaMax)</h3>
423 - </div>
424 - <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>
425 - <ul><li><a href="https://wiki.kgs-stuhr.de/xwiki/bin/view/schueler/mensamax/">→ Anleitung im Wiki</a></li></ul>
189 + <div class="wk-card">
190 + <div class="wk-card-head"><span class="wk-card-head-icon icon-teal">🍽️</span><h3>Mensa &amp; Kiosk (MensaMax)</h3></div>
191 + <p>Mittagessen 13:05–14:00 Uhr. Anmeldung im Sekretariat → Essens-Chip erhalten. Bestellung über die <strong>MensaMax-App</strong> oder Browser – bargeldlos, Prepaid. Ohne Chip keine Ausgabe.</p>
192 + <ul><li><a href="https://wiki.kgs-stuhr.de/xwiki/bin/view/schueler/mensamax/">→ Anleitung im Wiki</a></li></ul>
193 + </div>
426 426  
427 - <div class="wk-card">
428 - <div class="wk-card-head">
429 - <div class="wk-card-icon" style="background:#fce4ec;">📵</div>
430 - <h3>Handyfreie Schule</h3>
431 - </div>
432 - <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>
433 - </div>
195 + <div class="wk-card">
196 + <div class="wk-card-head"><span class="wk-card-head-icon" style="background:#fce4ec;">📵</span><h3>Handyfreie Schule</h3></div>
197 + <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>
198 + </div>
434 434  
435 - <div class="wk-card">
436 - <div class="wk-card-head">
437 - <div class="wk-card-icon icon-red">🤒</div>
438 - <h3>Krankmeldung</h3>
439 - </div>
440 - <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>
441 - <ul>
442 - <li><a href="https://wiki.kgs-stuhr.de/xwiki/bin/view/wiki-eltern/Krankmeldungen/">→ Krankmeldung im Wiki</a></li>
443 - <li><a href="https://wiki.kgs-stuhr.de/xwiki/bin/view/wiki-eltern/Entschuldigungen/">→ Entschuldigungen im Wiki</a></li>
444 - </ul>
445 - </div>
200 + <div class="wk-card">
201 + <div class="wk-card-head"><span class="wk-card-head-icon icon-red">🤒</span><h3>Krankmeldung</h3></div>
202 + <p>Krankmeldung bis <strong>07:45 Uhr</strong> per E-Mail (<em>nachname@kgs-sb.de</em>) oder (bevorzugt) über WebUntis. Schriftliche Entschuldigung danach im Entschuldigungsheft.</p>
203 + <ul>
204 + <li><a href="https://wiki.kgs-stuhr.de/xwiki/bin/view/wiki-eltern/Krankmeldungen/">→ Krankmeldung im Wiki</a></li>
205 + <li><a href="https://wiki.kgs-stuhr.de/xwiki/bin/view/wiki-eltern/Entschuldigungen/">→ Entschuldigungen im Wiki</a></li>
206 + </ul>
207 + </div>
446 446  
447 - <div class="wk-card">
448 - <div class="wk-card-head">
449 - <div class="wk-card-icon icon-blue">📚</div>
450 - <h3>Schulbücher (Lernmittelausleihe)</h3>
451 - </div>
452 - <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>
453 - <ul><li><a href="https://wiki.kgs-stuhr.de/xwiki/bin/view/wiki-eltern/lernmittelausleihe/">→ Anleitung im Wiki</a></li></ul>
209 + <div class="wk-card">
210 + <div class="wk-card-head"><span class="wk-card-head-icon icon-blue">📚</span><h3>Schulbücher (Lernmittelausleihe)</h3></div>
211 + <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>
212 + <ul><li><a href="https://wiki.kgs-stuhr.de/xwiki/bin/view/wiki-eltern/lernmittelausleihe/">→ Anleitung im Wiki</a></li></ul>
213 + </div>
454 454  
455 - <div class="wk-card">
456 - <div class="wk-card-head">
457 - <div class="wk-card-icon icon-green">🏠</div>
458 - <h3>Jugendzentrum „Haus am Wall"</h3>
459 - </div>
460 - <p>Partner der KGS in Brinkum – kostenlos, ohne Anmeldung. Café, Garten, Billard, Kicker, Playstation, Ferienprogramme. Enge Kooperation mit der Schule.</p>
461 - <ul><li><a href="https://hausamwall.de/" target="_blank">→ hausamwall.de</a></li></ul>
462 - </div>
463 -
215 + <div class="wk-card">
216 + <div class="wk-card-head"><span class="wk-card-head-icon icon-green">🏠</span><h3>Jugendzentrum „Haus am Wall"</h3></div>
217 + <p>Partner der KGS in Brinkum – kostenlos, ohne Anmeldung. Café, Garten, Billard, Kicker, Playstation, Ferienprogramme. Enge Kooperation mit der Schule.</p>
218 + <ul><li><a href="https://hausamwall.de/" target="_blank">→ hausamwall.de</a></li></ul>
464 464   </div>
220 +
465 465   </div>
466 466  
467 467   <hr class="wk-divider"/>
... ... @@ -469,25 +469,19 @@
469 469   <!-- MATERIALIEN -->
470 470   <div class="wk-section">
471 471   <div class="wk-section-title">
472 - <div class="wk-section-title-icon icon-purple">✏️</div>
473 - <h2>Materialien & Ausstattung</h2>
228 + <h2><span class="wk-section-icon icon-purple">✏️</span>Materialien &amp; Ausstattung</h2>
474 474   </div>
475 -
476 476   <div class="wk-highlight">
477 - <div class="wk-highlight-icon">🎒</div>
478 - <div class="wk-highlight-text">
479 - <strong>Federtasche:</strong> Füller + Patronen oder Tintenroller · Lineal · Textmarker · Radiergummi · Anspitzer mit Behälter · Klebestift · Schere · Bleistifte (hart + weich) · Buntstifte
480 - </div>
231 + <strong>🎒 Federtasche:</strong> Füller + Patronen oder Tintenroller · Lineal · Textmarker · Radiergummi · Anspitzer mit Behälter · Klebestift · Schere · Bleistifte (hart + weich) · Buntstifte
481 481   </div>
482 -
483 - <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>
484 - <p style="font-size:0.9em; color:#555; margin-bottom:8px;"><strong>Heftumschläge:</strong></p>
233 + <p style="font-size:0.9em;color:#555;margin-bottom:8px;"><strong>Hefte DIN-A4:</strong> Lineatur 25 (Deutsch/Englisch) · Lineatur 28 (Mathematik)</p>
234 + <p style="font-size:0.9em;color:#555;margin-bottom:6px;"><strong>Heftumschläge:</strong></p>
485 485   <div class="wk-chips">
486 486   <span class="wk-chip chip-rot">Deutsch · rot</span>
487 487   <span class="wk-chip chip-gelb">Englisch · gelb</span>
488 488   <span class="wk-chip chip-blau">Mathematik · blau</span>
489 489   </div>
490 - <p style="font-size:0.9em; color:#555; margin: 14px 0 8px;"><strong>Pappmappen:</strong></p>
240 + <p style="font-size:0.9em;color:#555;margin:12px 0 6px;"><strong>Pappmappen:</strong></p>
491 491   <div class="wk-chips">
492 492   <span class="wk-chip chip-gruen">Biologie · grün</span>
493 493   <span class="wk-chip chip-weiss">Physik · weiß</span>
... ... @@ -496,7 +496,7 @@
496 496   <span class="wk-chip chip-grau">Geschichte · grau</span>
497 497   <span class="wk-chip chip-braun">Erdkunde · braun</span>
498 498   </div>
499 - <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>
249 + <p style="font-size:0.85em;color:#888;margin-top:10px;">Separate <strong>Materialliste Kunst Jg. 5/6</strong> beachten.</p>
500 500   </div>
501 501  
502 502   <hr class="wk-divider"/>
... ... @@ -504,72 +504,39 @@
504 504   <!-- DIGITALE PLATTFORMEN -->
505 505   <div class="wk-section">
506 506   <div class="wk-section-title">
507 - <div class="wk-section-title-icon icon-blue">💻</div>
508 - <h2>Digitale Plattformen</h2>
257 + <h2><span class="wk-section-icon icon-blue">💻</span>Digitale Plattformen</h2>
509 509   </div>
510 - <div class="wk-platforms">
511 - <div class="wk-platform">
512 - <div class="wk-platform-name">📨 IServ (Elternmodul)</div>
513 - <div class="wk-platform-desc">Offizielle Kommunikation, Elternbriefe, Elternsprechtag-Buchung. Zugangsdaten über Klassenlehrkraft.<br>
514 - <a href="https://wiki.kgs-stuhr.de/xwiki/bin/view/wiki-eltern/IServ-Elternmodul/">→ Anleitung im Wiki</a></div>
515 - </div>
516 - <div class="wk-platform">
517 - <div class="wk-platform-name">📅 WebUntis / Untis App</div>
518 - <div class="wk-platform-desc">Aktueller Stundenplan, Vertretungen, Raumwechsel. Erst nach IServ-Einrichtung möglich.<br>
519 - <a href="https://wiki.kgs-stuhr.de/xwiki/bin/view/wiki-eltern/untis-eltern/">→ Anleitung im Wiki</a></div>
520 - </div>
521 - <div class="wk-platform">
522 - <div class="wk-platform-name">📖 Eltern-Wiki</div>
523 - <div class="wk-platform-desc">FAQs, Anleitungen, Formulare.<br>
524 - <a href="https://wiki.kgs-stuhr.de/">→ wiki.kgs-stuhr.de</a></div>
525 - </div>
526 - <div class="wk-platform">
527 - <div class="wk-platform-name">🌐 Schulhomepage</div>
528 - <div class="wk-platform-desc">Allgemeines, Schulleben, Profile, Kontakte.<br>
529 - <a href="https://www.kgs-stuhr.de/">→ www.kgs-stuhr.de</a></div>
530 - </div>
259 + <div class="wk-platform">
260 + <div class="wk-platform-name">📨 IServ (Elternmodul)</div>
261 + <div class="wk-platform-desc">Offizielle Kommunikation, Elternbriefe, Elternsprechtag-Buchung. Zugangsdaten über Klassenlehrkraft.<br><a href="https://wiki.kgs-stuhr.de/xwiki/bin/view/wiki-eltern/IServ-Elternmodul/">→ Anleitung im Wiki</a></div>
531 531   </div>
263 + <div class="wk-platform">
264 + <div class="wk-platform-name">📅 WebUntis / Untis App</div>
265 + <div class="wk-platform-desc">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/">→ Anleitung im Wiki</a></div>
266 + </div>
267 + <div class="wk-platform">
268 + <div class="wk-platform-name">📖 Eltern-Wiki</div>
269 + <div class="wk-platform-desc">FAQs, Anleitungen, Formulare.<br><a href="https://wiki.kgs-stuhr.de/">→ wiki.kgs-stuhr.de</a></div>
270 + </div>
271 + <div class="wk-platform">
272 + <div class="wk-platform-name">🌐 Schulhomepage</div>
273 + <div class="wk-platform-desc">Schulleben, Profile, Kontakte.<br><a href="https://www.kgs-stuhr.de/">→ www.kgs-stuhr.de</a></div>
274 + </div>
532 532   </div>
533 533  
534 534   <hr class="wk-divider"/>
535 535  
536 - <!-- BERATUNG & KONTAKT -->
279 + <!-- BERATUNG -->
537 537   <div class="wk-section">
538 538   <div class="wk-section-title">
539 - <div class="wk-section-title-icon icon-green">🤝</div>
540 - <h2>Beratung & Unterstützung</h2>
282 + <h2><span class="wk-section-icon icon-green">🤝</span>Beratung &amp; Unterstützung</h2>
541 541   </div>
542 - <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>
543 - <div class="wk-contacts">
544 - <div class="wk-contact">
545 - <div class="wk-contact-name">Ariane Vollmer</div>
546 - <div class="wk-contact-role">Schulsozialarbeit</div>
547 - <div>Tel.: 0421 80969-1990</div>
548 - <a href="mailto:vollmer@kgs-sb.de">vollmer@kgs-sb.de</a>
549 - </div>
550 - <div class="wk-contact">
551 - <div class="wk-contact-name">Annika Reiners</div>
552 - <div class="wk-contact-role">Schulsozialarbeit</div>
553 - <div>Tel.: 0421 80969-1560</div>
554 - <a href="mailto:reiners@kgs-sb.de">reiners@kgs-sb.de</a>
555 - </div>
556 - <div class="wk-contact">
557 - <div class="wk-contact-name">Lucy Tiedemann</div>
558 - <div class="wk-contact-role">Schulsozialarbeit</div>
559 - <a href="mailto:tiedemann@kgs-sb.de">tiedemann@kgs-sb.de</a>
560 - </div>
561 - <div class="wk-contact">
562 - <div class="wk-contact-name">Andrea Barnert</div>
563 - <div class="wk-contact-role">Beratungslehrkraft</div>
564 - <div>Tel.: 0421 80969-134</div>
565 - <a href="mailto:a.barnert@kgs-sb.de">a.barnert@kgs-sb.de</a>
566 - </div>
567 - <div class="wk-contact">
568 - <div class="wk-contact-name">Sabrina Röber <em>(i. A.)</em></div>
569 - <div class="wk-contact-role">Beratungslehrkraft</div>
570 - <a href="mailto:s.roeber@kgs-sb.de">s.roeber@kgs-sb.de</a>
571 - </div>
572 - </div>
284 + <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>
285 + <div class="wk-contact"><div class="wk-contact-name">Ariane Vollmer</div><div class="wk-contact-role">Schulsozialarbeit</div>Tel.: 0421 80969-1990 · <a href="mailto:vollmer@kgs-sb.de">vollmer@kgs-sb.de</a></div>
286 + <div class="wk-contact"><div class="wk-contact-name">Annika Reiners</div><div class="wk-contact-role">Schulsozialarbeit</div>Tel.: 0421 80969-1560 · <a href="mailto:reiners@kgs-sb.de">reiners@kgs-sb.de</a></div>
287 + <div class="wk-contact"><div class="wk-contact-name">Lucy Tiedemann</div><div class="wk-contact-role">Schulsozialarbeit</div><a href="mailto:tiedemann@kgs-sb.de">tiedemann@kgs-sb.de</a></div>
288 + <div class="wk-contact"><div class="wk-contact-name">Andrea Barnert</div><div class="wk-contact-role">Beratungslehrkraft</div>Tel.: 0421 80969-134 · <a href="mailto:a.barnert@kgs-sb.de">a.barnert@kgs-sb.de</a></div>
289 + <div class="wk-contact"><div class="wk-contact-name">Sabrina Röber <em>(i. A.)</em></div><div class="wk-contact-role">Beratungslehrkraft</div><a href="mailto:s.roeber@kgs-sb.de">s.roeber@kgs-sb.de</a></div>
573 573   </div>
574 574  
575 575   <hr class="wk-divider"/>
... ... @@ -577,13 +577,10 @@
577 577   <!-- FÖRDERVEREIN -->
578 578   <div class="wk-section">
579 579   <div class="wk-section-title">
580 - <div class="wk-section-title-icon icon-green">💚</div>
581 - <h2>Förderverein KGS Stuhr-Brinkum e.V.</h2>
297 + <h2><span class="wk-section-icon icon-green">💚</span>Förderverein KGS Stuhr-Brinkum e.V.</h2>
582 582   </div>
583 583   <div class="wk-foerder">
584 - Unterstützen Sie Ihre Schulgemeinschaft! Der Förderverein hilft dort, wo öffentliche Mittel nicht reichen – von Ausstattung über Schulhofprojekte bis zu Klassenfahrten.
585 - <strong>Jahresbeitrag: nur 12,00 €</strong> (oder mehr, freiwillig).
586 - <br><br>
300 + 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>
587 587   <a href="https://www.kgs-stuhr.de/informationen/foerderverein/">→ Informationen &amp; Beitrittsformular auf der Homepage</a>
588 588   </div>
589 589   </div>
... ... @@ -590,4 +590,3 @@
590 590  
591 591  </div>
592 592  {{/html}}
593 -