Zum Inhalt springen

Änderungen von Dokument eltern.klasse5

Zuletzt geändert von Sarah Groeneveld am 2026/06/08 09:25
Von Version 5.1
bearbeitet von Sarah Groeneveld
am 2026/06/08 08:37
Änderungskommentar: Es gibt keinen Kommentar für diese Version
Auf Version 14.1
bearbeitet von Sarah Groeneveld
am 2026/06/08 08:52
Änderungskommentar: Es gibt keinen Kommentar für diese Version

Zusammenfassung

Details

Seiteneigenschaften
Inhalt
... ... @@ -1,87 +1,261 @@
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>
1 +{{velocity}}
2 +#set($void = $xwiki.ssfx.use("willkommen5.css"))
3 +{{/velocity}}
4 +
5 +{{html clean="false"}}
7 7  <style>
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; }
7 +/* ===== KGS WILLKOMMEN-SEITE – 5. JAHRGANG 2026/27 ===== */
11 11  
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; padding: 48px 40px; margin-bottom: 32px;
15 - position: relative; overflow: hidden;
14 + border-radius: 12px;
15 + padding: 48px 40px;
16 + margin-bottom: 32px;
17 + position: relative;
18 + overflow: hidden;
16 16  }
17 17  .wk-hero::before {
18 - content: ''; position: absolute; top: -60px; right: -60px;
21 + content: '';
22 + position: absolute; top: -60px; right: -60px;
19 19   width: 300px; height: 300px;
20 20   background: radial-gradient(circle, rgba(229,57,53,0.25) 0%, transparent 70%);
21 21   border-radius: 50%;
22 22  }
23 23  .wk-hero::after {
24 - content: ''; position: absolute; bottom: -40px; left: 10%;
28 + content: '';
29 + position: absolute; bottom: -40px; left: 10%;
25 25   width: 200px; height: 200px;
26 26   background: radial-gradient(circle, rgba(255,214,0,0.15) 0%, transparent 70%);
27 27   border-radius: 50%;
28 28  }
29 29  .wk-hero-tag {
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;
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;
33 33  }
34 34  .wk-hero h1 {
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;
47 + color: #ffffff;
48 + font-size: 2.2em;
49 + font-weight: 800;
50 + margin: 0 0 8px 0;
51 + line-height: 1.2;
37 37  }
38 38  .wk-hero h1 span { color: #FFD600; }
39 -.wk-hero-sub { color: rgba(255,255,255,0.75); font-size: 1.05em; margin: 0; position: relative; z-index: 1; }
40 -.wk-hero-img-hint {
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;
54 +.wk-hero-sub {
55 + color: rgba(255,255,255,0.75);
56 + font-size: 1.05em;
57 + margin: 0;
44 44  }
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 +}
45 45  
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; }
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 +}
54 54  .wk-highlight-icon { font-size: 1.4em; flex-shrink: 0; margin-top: 2px; }
55 55  .wk-highlight-text { font-size: 0.95em; color: #3d3000; line-height: 1.6; }
56 56  .wk-highlight-text strong { color: #1a1a2e; }
57 57  
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 +}
110 +.icon-red { background: #fdecea; }
111 +.icon-blue { background: #e3f0ff; }
112 +.icon-green { background: #e8f5e9; }
113 +.icon-orange { background: #fff3e0; }
114 +.icon-purple { background: #f3e5f5; }
115 +.icon-teal { background: #e0f2f1; }
116 +
117 +.wk-section-title h2 {
118 + font-size: 1.2em;
119 + font-weight: 700;
120 + color: #1a1a2e;
121 + margin: 0;
122 +}
123 +
124 +/* TIMELINE – Termine */
58 58  .wk-timeline { position: relative; padding-left: 28px; }
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); }
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; }
66 66  
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; }
175 +/* CARDS GRID */
176 +.wk-cards {
177 + display: grid;
178 + grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
179 + gap: 16px;
180 +}
181 +.wk-card {
182 + background: #fff;
183 + border: 1px solid #e8eaf0;
184 + border-radius: 10px;
185 + padding: 18px;
186 + box-shadow: 0 2px 6px rgba(0,0,0,0.04);
187 + transition: box-shadow 0.2s;
188 +}
189 +.wk-card:hover { box-shadow: 0 4px 14px rgba(0,0,0,0.09); }
190 +.wk-card-head {
191 + display: flex; align-items: center; gap: 10px;
192 + margin-bottom: 10px;
193 +}
194 +.wk-card-icon {
195 + width: 32px; height: 32px;
196 + border-radius: 8px;
197 + display: flex; align-items: center; justify-content: center;
198 + font-size: 1em;
199 + flex-shrink: 0;
200 +}
201 +.wk-card h3 {
202 + font-size: 0.95em;
203 + font-weight: 700;
204 + color: #1a1a2e;
205 + margin: 0;
206 +}
207 +.wk-card p, .wk-card li {
208 + font-size: 0.87em;
209 + color: #555;
210 + line-height: 1.6;
211 + margin: 0;
212 +}
73 73  .wk-card ul { padding-left: 18px; margin: 6px 0 0 0; }
74 74  .wk-card a { color: #0f3460; font-weight: 600; }
75 75  
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; }
216 +/* STUNDENPLAN TABLE */
217 +.wk-timetable {
218 + width: 100%;
219 + border-collapse: collapse;
220 + font-size: 0.88em;
221 + border-radius: 10px;
222 + overflow: hidden;
223 + box-shadow: 0 2px 8px rgba(0,0,0,0.06);
224 +}
225 +.wk-timetable thead tr {
226 + background: #1a1a2e;
227 + color: #fff;
228 +}
229 +.wk-timetable th {
230 + padding: 10px 14px;
231 + text-align: left;
232 + font-weight: 600;
233 + font-size: 0.9em;
234 + letter-spacing: 0.3px;
235 +}
236 +.wk-timetable td {
237 + padding: 9px 14px;
238 + border-bottom: 1px solid #f0f0f0;
239 + color: #333;
240 +}
80 80  .wk-timetable tr:nth-child(even) td { background: #f8f9fc; }
81 -.wk-timetable tr.pause-row td { background: #fff9e6; color: #7a6000; font-style: italic; font-size: 0.85em; }
242 +.wk-timetable tr.pause-row td {
243 + background: #fff9e6;
244 + color: #7a6000;
245 + font-style: italic;
246 + font-size: 0.85em;
247 +}
82 82  
249 +/* MATERIAL CHIPS */
83 83  .wk-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
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; }
251 +.wk-chip {
252 + display: inline-flex; align-items: center; gap: 5px;
253 + padding: 4px 12px;
254 + border-radius: 20px;
255 + font-size: 0.82em;
256 + font-weight: 600;
257 + border: 1.5px solid;
258 +}
85 85  .chip-rot { background: #fdecea; color: #c62828; border-color: #ef9a9a; }
86 86  .chip-gelb { background: #fffde7; color: #827717; border-color: #fff176; }
87 87  .chip-blau { background: #e3f2fd; color: #0d47a1; border-color: #90caf9; }
... ... @@ -92,68 +92,101 @@
92 92  .chip-grau { background: #f5f5f5; color: #424242; border-color: #bdbdbd; }
93 93  .chip-braun { background: #efebe9; color: #3e2723; border-color: #bcaaa4; }
94 94  
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; }
269 +/* CONTACT CARDS */
270 +.wk-contacts { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; }
271 +.wk-contact {
272 + background: #f8f9fc;
273 + border-radius: 10px;
274 + padding: 14px 16px;
275 + border: 1px solid #e8eaf0;
276 +}
97 97  .wk-contact-name { font-weight: 700; font-size: 0.92em; color: #1a1a2e; margin-bottom: 4px; }
98 98  .wk-contact-role { font-size: 0.8em; color: #888; margin-bottom: 6px; }
99 99  .wk-contact a { font-size: 0.83em; color: #0f3460; }
100 -.wk-contact div { font-size: 0.83em; color: #555; }
101 101  
281 +/* PLATFORM PILLS */
102 102  .wk-platforms { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 4px; }
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; }
283 +.wk-platform {
284 + background: #fff;
285 + border: 1.5px solid #e0e4ef;
286 + border-radius: 8px;
287 + padding: 10px 14px;
288 + font-size: 0.87em;
289 + min-width: 180px;
290 +}
291 +.wk-platform-name { font-weight: 700; color: #1a1a2e; margin-bottom: 2px; }
292 +.wk-platform-desc { color: #666; font-size: 0.9em; }
106 106  .wk-platform a { color: #E53935; font-weight: 600; font-size: 0.88em; }
107 107  
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; }
295 +/* FOERDERVEREIN */
296 +.wk-foerder {
297 + background: linear-gradient(135deg, #e8f5e9, #f1f8f1);
298 + border: 1.5px solid #a5d6a7;
299 + border-radius: 10px;
300 + padding: 18px 20px;
301 + font-size: 0.9em;
302 + color: #1b5e20;
303 + line-height: 1.7;
304 +}
109 109  .wk-foerder strong { color: #1a1a2e; }
110 110  .wk-foerder a { color: #0f3460; font-weight: 600; }
111 111  
112 -.wk-divider { border: none; border-top: 2px solid #eef0f5; margin: 0; }
308 +/* DIVIDER */
309 +.wk-divider { border: none; border-top: 2px solid #f0f0f5; margin: 10px 0 28px 0; }
113 113  </style>
114 -</head>
115 -<body>
116 -<div class="wiki-frame">
117 117  
312 +<div class="wk-page">
313 +
314 + <!-- HERO -->
118 118   <div class="wk-hero">
119 119   <div class="wk-hero-tag">🎒 Elterninformationen · Schuljahr 2026/27</div>
120 120   <h1>Willkommen an der<br><span>KGS Stuhr-Brinkum</span></h1>
121 121   <p class="wk-hero-sub">Herzlich willkommen, liebe Eltern der neuen Fünftklässlerinnen und Fünftklässler!<br>
122 122   Hier finden Sie alle wichtigen Informationen für einen gelungenen Start.</p>
123 - <div class="wk-hero-img-hint">📸 Hier können Sie ein Willkommensbild oder Schulgebäude-Foto einfügen</div>
320 + <div class="wk-hero-photo">
321 + <img src="/xwiki/bin/download/wiki-eltern/eltern.klasse5/WebHome/IMG_4592.webp" alt="KGS Stuhr-Brinkum Schulgelände">
322 + </div>
124 124   </div>
125 125  
126 - <!-- TERMINE -->
325 + <!-- WICHTIGE TERMINE -->
127 127   <div class="wk-section">
128 128   <div class="wk-section-title">
129 129   <div class="wk-section-title-icon icon-red">📅</div>
130 130   <h2>Die wichtigsten Termine auf einen Blick</h2>
131 131   </div>
331 +
132 132   <div class="wk-timeline">
333 +
133 133   <div class="wk-event highlight-event">
134 134   <div class="wk-event-date">Freitag, 14. August 2026 · 08:30 Uhr</div>
135 135   <div class="wk-event-title">🎉 Einschulungsfeier – Erster Schultag</div>
136 136   <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>
137 137   </div>
339 +
138 138   <div class="wk-event">
139 139   <div class="wk-event-date">17. – 21. August 2026</div>
140 140   <div class="wk-event-title">📚 Einführungswoche</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>
343 + <div class="wk-event-desc">Unterricht von der 2. bis 6. Stunde – meist durch Klassenlehrkräfte. Für den ersten Tag: <strong>Federtasche und Schreibblock</strong> mitbringen.</div>
142 142   </div>
345 +
143 143   <div class="wk-event">
144 144   <div class="wk-event-date">August – Oktober 2026 (vor Herbstferien)</div>
145 145   <div class="wk-event-title">🤝 Kennenlerntage statt Klassenfahrt</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>
349 + <div class="wk-event-desc">Dieses Jahr gibt es intensive Kennenlerntage vor Ort statt einer mehrtägigen Fahrt: Jahrgangsfrühstück, Tagesausflug (z. B. Stadtgarten, Abenteuerland, Warwer Sand) und Sozialtrainingstag. Genaue Termine folgen.</div>
147 147   </div>
351 +
148 148   <div class="wk-event">
149 149   <div class="wk-event-date">Ca. 2 Wochen nach Schuljahresbeginn</div>
150 150   <div class="wk-event-title">🎨 Einwahl in AGs (Offener Ganztag)</div>
151 - <div class="wk-event-desc">Digital über <strong>IServ</strong>. Achtung: Teilnahme für das gesamte Schuljahr verpflichtend.</div>
355 + <div class="wk-event-desc">Die Einwahl in Arbeitsgemeinschaften erfolgt digital über <strong>IServ</strong>. Achtung: die Teilnahme ist dann für das gesamte Schuljahr verpflichtend.</div>
152 152   </div>
357 +
153 153   </div>
154 154   </div>
155 155  
156 - <!-- STUNDENPLAN -->
361 + <hr class="wk-divider"/>
362 +
363 + <!-- TÄGLICHER SCHULBETRIEB -->
157 157   <div class="wk-section">
158 158   <div class="wk-section-title">
159 159   <div class="wk-section-title-icon icon-blue">🕐</div>
... ... @@ -160,7 +160,9 @@
160 160   <h2>Unterrichtszeiten</h2>
161 161   </div>
162 162   <table class="wk-timetable">
163 - <thead><tr><th>Stunde / Pause</th><th>Uhrzeit</th></tr></thead>
370 + <thead>
371 + <tr><th>Stunde / Pause</th><th>Uhrzeit</th></tr>
372 + </thead>
164 164   <tbody>
165 165   <tr><td><strong>1. Stunde</strong></td><td>07:45 – 08:30 Uhr</td></tr>
166 166   <tr><td><strong>2. Stunde</strong></td><td>08:35 – 09:20 Uhr</td></tr>
... ... @@ -177,7 +177,9 @@
177 177   </table>
178 178   </div>
179 179  
180 - <!-- WICHTIGE INFOS -->
389 + <hr class="wk-divider"/>
390 +
391 + <!-- WICHTIGE INFOS CARDS -->
181 181   <div class="wk-section">
182 182   <div class="wk-section-title">
183 183   <div class="wk-section-title-icon icon-orange">ℹ️</div>
... ... @@ -184,34 +184,62 @@
184 184   <h2>Wichtige Informationen</h2>
185 185   </div>
186 186   <div class="wk-cards">
398 +
187 187   <div class="wk-card">
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>
400 + <div class="wk-card-head">
401 + <div class="wk-card-icon icon-orange">🚌</div>
402 + <h3>Schulbus & TIM-Ticket</h3>
403 + </div>
404 + <p>Schüler:innen ab <strong>4 km Schulweg</strong> erhalten automatisch eine kostenlose Busfahrkarte. Kein Antrag nötig – das Sekretariat meldet die Daten. Die TIM-Tickets werden zu Beginn des Schuljahres verteilt.</p>
190 190   </div>
406 +
191 191   <div class="wk-card">
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>
408 + <div class="wk-card-head">
409 + <div class="wk-card-icon icon-teal">🍽️</div>
410 + <h3>Mensa & Kiosk (MensaMax)</h3>
411 + </div>
412 + <p>Mittagessen 13:05–14:00 Uhr. Anmeldung im Sekretariat, dann Essens-Chip erhalten. Bestellung über die <strong>MensaMax-App</strong> oder Browser – bargeldlos, Prepaid. Ohne Chip keine Ausgabe.</p>
194 194   </div>
414 +
195 195   <div class="wk-card">
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>
416 + <div class="wk-card-head">
417 + <div class="wk-card-icon" style="background:#fce4ec;">📵</div>
418 + <h3>Handyfreie Schule</h3>
419 + </div>
420 + <p>Handys und Smartphones sind im Unterricht und in <strong>allen Pausen verboten</strong>. Tablets nur mit ausdrücklicher Erlaubnis der Lehrkraft zu Unterrichtszwecken.</p>
198 198   </div>
422 +
199 199   <div class="wk-card">
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>
424 + <div class="wk-card-head">
425 + <div class="wk-card-icon icon-red">🤒</div>
426 + <h3>Krankmeldung</h3>
427 + </div>
428 + <p>Krankmeldung bis <strong>07:45 Uhr</strong> per E-Mail an die Klassenlehrkraft (<em>nachname@kgs-sb.de</em>) oder über WebUntis. Schriftliche Entschuldigung im <strong>Entschuldigungsheft</strong> nach der Genesung.</p>
429 + <ul><li><a href="https://wiki.kgs-stuhr.de/xwiki/bin/view/wiki-eltern/krankmeldung/">→ Ausführliche Anleitung im Wiki</a></li></ul>
203 203   </div>
431 +
204 204   <div class="wk-card">
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>
433 + <div class="wk-card-head">
434 + <div class="wk-card-icon icon-blue">📚</div>
435 + <h3>Schulbücher (Lernmittelausleihe)</h3>
436 + </div>
437 + <p>Anmeldung über <strong>IServ → Modul „Schulbücher"</strong>. Nur als Gesamtpaket buchbar. Ermäßigung für Familien mit ≥3 schulpflichtigen Kindern; Befreiung bei Bürgergeld etc. (Nachweis im Sekretariat).</p>
207 207   </div>
439 +
208 208   <div class="wk-card">
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>
441 + <div class="wk-card-head">
442 + <div class="wk-card-icon icon-green">🏠</div>
443 + <h3>Jugendzentrum „Haus am Wall"</h3>
444 + </div>
445 + <p>Partner der KGS in Brinkum – kostenlos, ohne Anmeldung. Café, Garten, Billard, Kicker, Playstation, Ferienprogramme. Enge Kooperation mit der Schule.</p>
446 + <ul><li><a href="https://hausamwall.de/" target="_blank">→ hausamwall.de</a></li></ul>
211 211   </div>
448 +
212 212   </div>
213 213   </div>
214 214  
452 + <hr class="wk-divider"/>
453 +
215 215   <!-- MATERIALIEN -->
216 216   <div class="wk-section">
217 217   <div class="wk-section-title">
... ... @@ -218,19 +218,22 @@
218 218   <div class="wk-section-title-icon icon-purple">✏️</div>
219 219   <h2>Materialien & Ausstattung</h2>
220 220   </div>
460 +
221 221   <div class="wk-highlight">
222 222   <div class="wk-highlight-icon">🎒</div>
223 223   <div class="wk-highlight-text">
224 - <strong>Federtasche:</strong> Füller + Patronen · Lineal · Textmarker · Radiergummi · Anspitzer · Klebestift · Schere · Bleistifte (hart + weich) · Buntstifte
464 + <strong>Federtasche:</strong> Füller + Patronen oder Tintenroller · Lineal · Textmarker · Radiergummi · Anspitzer mit Behälter · Klebestift · Schere · Bleistifte (hart + weich) · Buntstifte
225 225   </div>
226 226   </div>
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>
467 +
468 + <p style="font-size:0.9em; color:#555; margin-bottom:10px;"><strong>Hefte DIN-A4:</strong> Lineatur 25 für Deutsch &amp; Englisch · Lineatur 28 für Mathematik</p>
469 + <p style="font-size:0.9em; color:#555; margin-bottom:8px;"><strong>Heftumschläge:</strong></p>
228 228   <div class="wk-chips">
229 229   <span class="wk-chip chip-rot">Deutsch · rot</span>
230 230   <span class="wk-chip chip-gelb">Englisch · gelb</span>
231 231   <span class="wk-chip chip-blau">Mathematik · blau</span>
232 232   </div>
233 - <p style="font-size:0.9em;color:#555;margin:14px 0 8px;"><strong>Pappmappen:</strong></p>
475 + <p style="font-size:0.9em; color:#555; margin: 14px 0 8px;"><strong>Pappmappen:</strong></p>
234 234   <div class="wk-chips">
235 235   <span class="wk-chip chip-gruen">Biologie · grün</span>
236 236   <span class="wk-chip chip-weiss">Physik · weiß</span>
... ... @@ -239,9 +239,11 @@
239 239   <span class="wk-chip chip-grau">Geschichte · grau</span>
240 240   <span class="wk-chip chip-braun">Erdkunde · braun</span>
241 241   </div>
242 - <p style="font-size:0.85em;color:#888;margin-top:12px;">Separate <strong>Materialliste Kunst Jg. 5/6</strong> beachten.</p>
484 + <p style="font-size:0.85em; color:#888; margin-top:12px;">Bitte auch die separate <strong>Materialliste für Kunst Jg. 5/6</strong> beachten.</p>
243 243   </div>
244 244  
487 + <hr class="wk-divider"/>
488 +
245 245   <!-- DIGITALE PLATTFORMEN -->
246 246   <div class="wk-section">
247 247   <div class="wk-section-title">
... ... @@ -251,38 +251,70 @@
251 251   <div class="wk-platforms">
252 252   <div class="wk-platform">
253 253   <div class="wk-platform-name">📨 IServ (Elternmodul)</div>
254 - <div class="wk-platform-desc">Offizielle Kommunikation, Elternbriefe, Elternsprechtag-Buchung. Zugangsdaten über Klassenlehrkraft.</div>
498 + <div class="wk-platform-desc">Offizielle Kommunikation, Elternbriefe, Elternsprechtag-Buchung. Zugangsdaten über Klassenlehrkraft.<br>
499 + <a href="https://wiki.kgs-stuhr.de/xwiki/bin/view/wiki-eltern/IServ-Elternmodul/">→ Anleitung im Wiki</a></div>
255 255   </div>
256 256   <div class="wk-platform">
257 257   <div class="wk-platform-name">📅 WebUntis / Untis App</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>
503 + <div class="wk-platform-desc">Aktueller Stundenplan, Vertretungen, Raumwechsel. Erst nach IServ-Einrichtung möglich.<br>
504 + <a href="https://wiki.kgs-stuhr.de/xwiki/bin/view/wiki-eltern/untis-eltern/">→ Anleitung im Wiki</a></div>
259 259   </div>
260 260   <div class="wk-platform">
261 261   <div class="wk-platform-name">📖 Eltern-Wiki</div>
262 - <div class="wk-platform-desc">FAQs, Anleitungen, Formulare.<br><a href="https://wiki.kgs-stuhr.de/">→ wiki.kgs-stuhr.de</a></div>
508 + <div class="wk-platform-desc">FAQs, Anleitungen, Formulare.<br>
509 + <a href="https://wiki.kgs-stuhr.de/">→ wiki.kgs-stuhr.de</a></div>
263 263   </div>
264 264   <div class="wk-platform">
265 265   <div class="wk-platform-name">🌐 Schulhomepage</div>
266 - <div class="wk-platform-desc">Schulleben, Profile, Kontakte.<br><a href="https://www.kgs-stuhr.de/">→ www.kgs-stuhr.de</a></div>
513 + <div class="wk-platform-desc">Allgemeines, Schulleben, Profile, Kontakte.<br>
514 + <a href="https://www.kgs-stuhr.de/">→ www.kgs-stuhr.de</a></div>
267 267   </div>
268 268   </div>
269 269   </div>
270 270  
271 - <!-- BERATUNG -->
519 + <hr class="wk-divider"/>
520 +
521 + <!-- BERATUNG & KONTAKT -->
272 272   <div class="wk-section">
273 273   <div class="wk-section-title">
274 274   <div class="wk-section-title-icon icon-green">🤝</div>
275 275   <h2>Beratung & Unterstützung</h2>
276 276   </div>
527 + <p style="font-size:0.9em; color:#555; margin-bottom:14px;">Bei schulischen oder persönlichen Sorgen stehen zwei vertrauliche Beratungssysteme zur Verfügung:</p>
277 277   <div class="wk-contacts">
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>
529 + <div class="wk-contact">
530 + <div class="wk-contact-name">Ariane Vollmer</div>
531 + <div class="wk-contact-role">Schulsozialarbeit</div>
532 + <div>Tel.: 0421 80969-1990</div>
533 + <a href="mailto:vollmer@kgs-sb.de">vollmer@kgs-sb.de</a>
534 + </div>
535 + <div class="wk-contact">
536 + <div class="wk-contact-name">Annika Reiners</div>
537 + <div class="wk-contact-role">Schulsozialarbeit</div>
538 + <div>Tel.: 0421 80969-1560</div>
539 + <a href="mailto:reiners@kgs-sb.de">reiners@kgs-sb.de</a>
540 + </div>
541 + <div class="wk-contact">
542 + <div class="wk-contact-name">Lucy Tiedemann</div>
543 + <div class="wk-contact-role">Schulsozialarbeit</div>
544 + <a href="mailto:tiedemann@kgs-sb.de">tiedemann@kgs-sb.de</a>
545 + </div>
546 + <div class="wk-contact">
547 + <div class="wk-contact-name">Andrea Barnert</div>
548 + <div class="wk-contact-role">Beratungslehrkraft</div>
549 + <div>Tel.: 0421 80969-134</div>
550 + <a href="mailto:a.barnert@kgs-sb.de">a.barnert@kgs-sb.de</a>
551 + </div>
552 + <div class="wk-contact">
553 + <div class="wk-contact-name">Sabrina Röber <em>(i. A.)</em></div>
554 + <div class="wk-contact-role">Beratungslehrkraft</div>
555 + <a href="mailto:s.roeber@kgs-sb.de">s.roeber@kgs-sb.de</a>
556 + </div>
283 283   </div>
284 284   </div>
285 285  
560 + <hr class="wk-divider"/>
561 +
286 286   <!-- FÖRDERVEREIN -->
287 287   <div class="wk-section">
288 288   <div class="wk-section-title">
... ... @@ -290,7 +290,7 @@
290 290   <h2>Förderverein KGS Stuhr-Brinkum e.V.</h2>
291 291   </div>
292 292   <div class="wk-foerder">
293 - Unterstützen Sie Ihre Schulgemeinschaft – der Förderverein hilft dort, wo öffentliche Mittel nicht reichen.
569 + Unterstützen Sie Ihre Schulgemeinschaft! Der Förderverein hilft dort, wo öffentliche Mittel nicht reichen – von Ausstattung über Schulhofprojekte bis zu Klassenfahrten.
294 294   <strong>Jahresbeitrag: nur 12,00 €</strong> (oder mehr, freiwillig).
295 295   <br><br>
296 296   <a href="https://www.kgs-stuhr.de/informationen/foerderverein/">→ Informationen &amp; Beitrittsformular auf der Homepage</a>
... ... @@ -298,6 +298,5 @@
298 298   </div>
299 299  
300 300  </div>
301 -</body>
302 -</html>
577 +{{/html}}
303 303  
IMG_4592.webp
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.kgs-sbde-groeneveld
Größe
... ... @@ -1,0 +1,1 @@
1 +167.1 KB
Inhalt