Änderungen von Dokument eltern.klasse5

Zuletzt geändert von Sarah Groeneveld am 2026/06/08 09:25

Von Version 6.1
bearbeitet von Sarah Groeneveld
am 2026/06/08 08:38
Änderungskommentar: Es gibt keinen Kommentar für diese Version
Auf Version 5.1
bearbeitet von Sarah Groeneveld
am 2026/06/08 08:37
Änderungskommentar: Es gibt keinen Kommentar für diese Version

Zusammenfassung

Details

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