Zum Inhalt springen

Änderungen von Dokument eltern.klasse5

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