Zum Inhalt springen

Änderungen von Dokument eltern.klasse5

Zuletzt geändert von Sarah Groeneveld am 2026/06/08 09:25
Von Version 21.1
bearbeitet von Sarah Groeneveld
am 2026/06/08 09:24
Änderungskommentar: Es gibt keinen Kommentar für diese Version
Auf Version 6.1
bearbeitet von Sarah Groeneveld
am 2026/06/08 08:38
Änderungskommentar: Es gibt keinen Kommentar für diese Version

Zusammenfassung

Details

Seiteneigenschaften
Inhalt
... ... @@ -1,3 +1,7 @@
1 +{{velocity}}
2 +#set($void = $xwiki.ssfx.use("willkommen5.css"))
3 +{{/velocity}}
4 +
1 1  {{html clean="false"}}
2 2  <style>
3 3  /* ===== KGS WILLKOMMEN-SEITE – 5. JAHRGANG 2026/27 ===== */
... ... @@ -4,37 +4,98 @@
4 4  
5 5  .wk-page { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; color: #1a1a2e; }
6 6  
7 -/* HERO */
11 +/* HERO BANNER */
8 8  .wk-hero {
9 9   background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
10 - border-radius: 12px; padding: 40px 36px; margin-bottom: 28px;
11 - position: relative; overflow: hidden;
14 + border-radius: 12px;
15 + padding: 48px 40px;
16 + margin-bottom: 32px;
17 + position: relative;
18 + overflow: hidden;
12 12  }
13 13  .wk-hero::before {
14 - content: ''; position: absolute; top: -60px; right: -60px;
21 + content: '';
22 + position: absolute; top: -60px; right: -60px;
15 15   width: 300px; height: 300px;
16 16   background: radial-gradient(circle, rgba(229,57,53,0.25) 0%, transparent 70%);
17 17   border-radius: 50%;
18 18  }
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 +}
19 19  .wk-hero-tag {
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;
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;
23 23  }
24 24  .wk-hero h1 {
25 - color: #fff; font-size: 2em; font-weight: 800; margin: 0 0 8px 0;
26 - 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;
27 27  }
28 28  .wk-hero h1 span { color: #FFD600; }
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; }
54 +.wk-hero-sub {
55 + color: rgba(255,255,255,0.75);
56 + font-size: 1.05em;
57 + margin: 0;
58 +}
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;
67 +}
32 32  
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; }
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 +}
80 +.wk-highlight-icon { font-size: 1.4em; flex-shrink: 0; margin-top: 2px; }
81 +.wk-highlight-text { font-size: 0.95em; color: #3d3000; line-height: 1.6; }
82 +.wk-highlight-text strong { color: #1a1a2e; }
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 +}
38 38  .icon-red { background: #fdecea; }
39 39  .icon-blue { background: #e3f0ff; }
40 40  .icon-green { background: #e8f5e9; }
... ... @@ -42,38 +42,150 @@
42 42  .icon-purple { background: #f3e5f5; }
43 43  .icon-teal { background: #e0f2f1; }
44 44  
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; }
110 +.wk-section-title h2 {
111 + font-size: 1.2em;
112 + font-weight: 700;
113 + color: #1a1a2e;
114 + margin: 0;
115 +}
53 53  
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; }
117 +/* TIMELINE – Termine */
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; }
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 +}
60 60  .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; }
62 62  .wk-card a { color: #0f3460; font-weight: 600; }
63 63  
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; }
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 +}
69 69  .wk-timetable tr:nth-child(even) td { background: #f8f9fc; }
70 -.wk-timetable tr.pause-row td { background: #fff9e6; color: #7a6000; font-style: italic; font-size: 0.85em; }
235 +.wk-timetable tr.pause-row td {
236 + background: #fff9e6;
237 + color: #7a6000;
238 + font-style: italic;
239 + font-size: 0.85em;
240 +}
71 71  
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; }
242 +/* MATERIAL CHIPS */
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 +}
75 75  .chip-rot { background: #fdecea; color: #c62828; border-color: #ef9a9a; }
76 -.chip-gelb { background: #fffde7; color: #827717; border-color: #f9e84a; }
253 +.chip-gelb { background: #fffde7; color: #827717; border-color: #fff176; }
77 77  .chip-blau { background: #e3f2fd; color: #0d47a1; border-color: #90caf9; }
78 78  .chip-gruen { background: #e8f5e9; color: #1b5e20; border-color: #a5d6a7; }
79 79  .chip-weiss { background: #fafafa; color: #424242; border-color: #bdbdbd; }
... ... @@ -82,29 +82,47 @@
82 82  .chip-grau { background: #f5f5f5; color: #424242; border-color: #bdbdbd; }
83 83  .chip-braun { background: #efebe9; color: #3e2723; border-color: #bcaaa4; }
84 84  
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; }
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 +}
270 +.wk-contact-name { font-weight: 700; font-size: 0.92em; color: #1a1a2e; margin-bottom: 4px; }
271 +.wk-contact-role { font-size: 0.8em; color: #888; margin-bottom: 6px; }
272 +.wk-contact a { font-size: 0.83em; color: #0f3460; }
88 88  
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; }
274 +/* PLATFORM PILLS */
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; }
286 +.wk-platform a { color: #E53935; font-weight: 600; font-size: 0.88em; }
94 94  
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 -
101 101  /* FOERDERVEREIN */
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; }
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 +}
103 103  .wk-foerder strong { color: #1a1a2e; }
104 104  .wk-foerder a { color: #0f3460; font-weight: 600; }
105 105  
106 106  /* DIVIDER */
107 -.wk-divider { border: none; border-top: 2px solid #f0f0f5; margin: 4px 0 28px 0; }
302 +.wk-divider { border: none; border-top: 2px solid #f0f0f5; margin: 10px 0 28px 0; }
108 108  </style>
109 109  
110 110  <div class="wk-page">
... ... @@ -113,50 +113,59 @@
113 113   <div class="wk-hero">
114 114   <div class="wk-hero-tag">🎒 Elterninformationen · Schuljahr 2026/27</div>
115 115   <h1>Willkommen an der<br><span>KGS Stuhr-Brinkum</span></h1>
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>
117 - <div class="wk-hero-photo">
118 - <img src="https://wiki.kgs-stuhr.de/xwiki/bin/download/wiki-eltern/eltern.klasse5/WebHome/IMG_4592.webp" alt="KGS Stuhr-Brinkum Schulgelände">
119 - </div>
311 + <p class="wk-hero-sub">Herzlich willkommen, liebe Eltern der neuen Fünftklässlerinnen und Fünftklässler!<br>
312 + Hier finden Sie alle wichtigen Informationen für einen gelungenen Start.</p>
313 + <div class="wk-hero-img-hint">📸 Hier können Sie ein Willkommensbild oder Schulgebäude-Foto einfügen</div>
120 120   </div>
121 121  
122 - <!-- TERMINE -->
316 + <!-- WICHTIGE TERMINE -->
123 123   <div class="wk-section">
124 124   <div class="wk-section-title">
125 - <h2><span class="wk-section-icon icon-red">📅</span>Die wichtigsten Termine auf einen Blick</h2>
319 + <div class="wk-section-title-icon icon-red">📅</div>
320 + <h2>Die wichtigsten Termine auf einen Blick</h2>
126 126   </div>
322 +
127 127   <div class="wk-timeline">
324 +
128 128   <div class="wk-event highlight-event">
129 129   <div class="wk-event-date">Freitag, 14. August 2026 · 08:30 Uhr</div>
130 130   <div class="wk-event-title">🎉 Einschulungsfeier – Erster Schultag</div>
131 131   <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>
132 132   </div>
330 +
133 133   <div class="wk-event">
134 134   <div class="wk-event-date">17. – 21. August 2026</div>
135 135   <div class="wk-event-title">📚 Einführungswoche</div>
136 136   <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>
137 137   </div>
336 +
138 138   <div class="wk-event">
139 139   <div class="wk-event-date">August – Oktober 2026 (vor Herbstferien)</div>
140 140   <div class="wk-event-title">🤝 Kennenlerntage statt Klassenfahrt</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>
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>
142 142   </div>
342 +
143 143   <div class="wk-event">
144 144   <div class="wk-event-date">Ca. 2 Wochen nach Schuljahresbeginn</div>
145 145   <div class="wk-event-title">🎨 Einwahl in AGs (Offener Ganztag)</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>
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>
147 147   </div>
348 +
148 148   </div>
149 149   </div>
150 150  
151 151   <hr class="wk-divider"/>
152 152  
153 - <!-- STUNDENPLAN -->
354 + <!-- TÄGLICHER SCHULBETRIEB -->
154 154   <div class="wk-section">
155 155   <div class="wk-section-title">
156 - <h2><span class="wk-section-icon icon-blue">🕐</span>Unterrichtszeiten</h2>
357 + <div class="wk-section-title-icon icon-blue">🕐</div>
358 + <h2>Unterrichtszeiten</h2>
157 157   </div>
158 158   <table class="wk-timetable">
159 - <thead><tr><th>Stunde / Pause</th><th>Uhrzeit</th></tr></thead>
361 + <thead>
362 + <tr><th>Stunde / Pause</th><th>Uhrzeit</th></tr>
363 + </thead>
160 160   <tbody>
161 161   <tr><td><strong>1. Stunde</strong></td><td>07:45 – 08:30 Uhr</td></tr>
162 162   <tr><td><strong>2. Stunde</strong></td><td>08:35 – 09:20 Uhr</td></tr>
... ... @@ -175,50 +175,65 @@
175 175  
176 176   <hr class="wk-divider"/>
177 177  
178 - <!-- WICHTIGE INFOS -->
382 + <!-- WICHTIGE INFOS CARDS -->
179 179   <div class="wk-section">
180 180   <div class="wk-section-title">
181 - <h2><span class="wk-section-icon icon-orange">ℹ️</span>Wichtige Informationen</h2>
385 + <div class="wk-section-title-icon icon-orange">ℹ️</div>
386 + <h2>Wichtige Informationen</h2>
182 182   </div>
388 + <div class="wk-cards">
183 183  
184 - <table style="width:100%;border-collapse:separate;border-spacing:8px;">
185 - <tr>
186 - <td style="width:50%;background:#fff;border:1px solid #e8eaf0;border-radius:10px;padding:16px 18px;vertical-align:top;">
187 - <div style="margin-bottom:8px;"><span style="display:inline-block;width:28px;height:28px;background:#fff3e0;border-radius:6px;text-align:center;line-height:28px;font-size:0.9em;vertical-align:middle;margin-right:6px;">🚌</span><strong style="color:#1a1a2e;vertical-align:middle;">Schulbus &amp; TIM-Ticket</strong></div>
188 - <p style="font-size:0.88em;color:#555;line-height:1.6;margin:0;">Schüler:innen ab <strong>4 km Schulweg</strong> erhalten automatisch eine kostenlose Busfahrkarte. Kein Antrag nötig – das Sekretariat meldet die Daten. TIM-Tickets werden zu Schuljahresbeginn verteilt.</p>
189 - </td>
190 - <td style="width:50%;background:#fff;border:1px solid #e8eaf0;border-radius:10px;padding:16px 18px;vertical-align:top;">
191 - <div style="margin-bottom:8px;"><span style="display:inline-block;width:28px;height:28px;background:#e0f2f1;border-radius:6px;text-align:center;line-height:28px;font-size:0.9em;vertical-align:middle;margin-right:6px;">🍽️</span><strong style="color:#1a1a2e;vertical-align:middle;">Mensa &amp; Kiosk (MensaMax)</strong></div>
192 - <p style="font-size:0.88em;color:#555;line-height:1.6;margin:0 0 6px 0;">Mittagessen 13:05–14:00 Uhr. Anmeldung im Sekretariat → Essens-Chip. Bestellung über <strong>MensaMax-App</strong> – bargeldlos, Prepaid. Ohne Chip keine Ausgabe.</p>
193 - <a href="https://wiki.kgs-stuhr.de/xwiki/bin/view/schueler/mensamax/" style="font-size:0.88em;color:#0f3460;font-weight:600;">→ Anleitung im Wiki</a>
194 - </td>
195 - </tr>
196 - <tr>
197 - <td style="background:#fff;border:1px solid #e8eaf0;border-radius:10px;padding:16px 18px;vertical-align:top;">
198 - <div style="margin-bottom:8px;"><span style="display:inline-block;width:28px;height:28px;background:#fce4ec;border-radius:6px;text-align:center;line-height:28px;font-size:0.9em;vertical-align:middle;margin-right:6px;">📵</span><strong style="color:#1a1a2e;vertical-align:middle;">Handyfreie Schule</strong></div>
199 - <p style="font-size:0.88em;color:#555;line-height:1.6;margin:0;">Handys in Unterricht und Pausen <strong>verboten</strong>. Tablets nur mit ausdrücklicher Erlaubnis der Lehrkraft zu Unterrichtszwecken.</p>
200 - </td>
201 - <td style="background:#fff;border:1px solid #e8eaf0;border-radius:10px;padding:16px 18px;vertical-align:top;">
202 - <div style="margin-bottom:8px;"><span style="display:inline-block;width:28px;height:28px;background:#fdecea;border-radius:6px;text-align:center;line-height:28px;font-size:0.9em;vertical-align:middle;margin-right:6px;">🤒</span><strong style="color:#1a1a2e;vertical-align:middle;">Krankmeldung</strong></div>
203 - <p style="font-size:0.88em;color:#555;line-height:1.6;margin:0 0 6px 0;">Bis <strong>07:45 Uhr</strong> per E-Mail (<em>nachname@kgs-sb.de</em>) oder WebUntis. Schriftliche Entschuldigung danach im Entschuldigungsheft.</p>
204 - <a href="https://wiki.kgs-stuhr.de/xwiki/bin/view/wiki-eltern/Krankmeldungen/" style="font-size:0.88em;color:#0f3460;font-weight:600;">→ Krankmeldung im Wiki</a><br>
205 - <a href="https://wiki.kgs-stuhr.de/xwiki/bin/view/wiki-eltern/Entschuldigungen/" style="font-size:0.88em;color:#0f3460;font-weight:600;">→ Entschuldigungen im Wiki</a>
206 - </td>
207 - </tr>
208 - <tr>
209 - <td style="background:#fff;border:1px solid #e8eaf0;border-radius:10px;padding:16px 18px;vertical-align:top;">
210 - <div style="margin-bottom:8px;"><span style="display:inline-block;width:28px;height:28px;background:#e3f0ff;border-radius:6px;text-align:center;line-height:28px;font-size:0.9em;vertical-align:middle;margin-right:6px;">📚</span><strong style="color:#1a1a2e;vertical-align:middle;">Schulbücher (Lernmittelausleihe)</strong></div>
211 - <p style="font-size:0.88em;color:#555;line-height:1.6;margin:0 0 6px 0;">Anmeldung über <strong>IServ → „Schulbücher"</strong>. Nur als Gesamtpaket. Ermäßigung/Befreiung möglich (Nachweis ins Sekretariat).</p>
212 - <a href="https://wiki.kgs-stuhr.de/xwiki/bin/view/wiki-eltern/lernmittelausleihe/" style="font-size:0.88em;color:#0f3460;font-weight:600;">→ Anleitung im Wiki</a>
213 - </td>
214 - <td style="background:#fff;border:1px solid #e8eaf0;border-radius:10px;padding:16px 18px;vertical-align:top;">
215 - <div style="margin-bottom:8px;"><span style="display:inline-block;width:28px;height:28px;background:#e8f5e9;border-radius:6px;text-align:center;line-height:28px;font-size:0.9em;vertical-align:middle;margin-right:6px;">🏠</span><strong style="color:#1a1a2e;vertical-align:middle;">Jugendzentrum „Haus am Wall"</strong></div>
216 - <p style="font-size:0.88em;color:#555;line-height:1.6;margin:0 0 6px 0;">Partner der KGS – kostenlos, ohne Anmeldung. Café, Garten, Billard, Kicker, Playstation, Ferienprogramme.</p>
217 - <a href="https://hausamwall.de/" style="font-size:0.88em;color:#0f3460;font-weight:600;">→ hausamwall.de</a>
218 - </td>
219 - </tr>
220 - </table>
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>
396 + </div>
221 221  
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>
404 + </div>
405 +
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>
412 + </div>
413 +
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>
421 + </div>
422 +
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>
429 + </div>
430 +
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>
438 + </div>
439 +
440 + </div>
222 222   </div>
223 223  
224 224   <hr class="wk-divider"/>
... ... @@ -226,19 +226,25 @@
226 226   <!-- MATERIALIEN -->
227 227   <div class="wk-section">
228 228   <div class="wk-section-title">
229 - <h2><span class="wk-section-icon icon-purple">✏️</span>Materialien &amp; Ausstattung</h2>
448 + <div class="wk-section-title-icon icon-purple">✏️</div>
449 + <h2>Materialien & Ausstattung</h2>
230 230   </div>
451 +
231 231   <div class="wk-highlight">
232 - <strong>🎒 Federtasche:</strong> Füller + Patronen oder Tintenroller · Lineal · Textmarker · Radiergummi · Anspitzer mit Behälter · Klebestift · Schere · Bleistifte (hart + weich) · Buntstifte
453 + <div class="wk-highlight-icon">🎒</div>
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
456 + </div>
233 233   </div>
234 - <p style="font-size:0.9em;color:#555;margin-bottom:8px;"><strong>Hefte DIN-A4:</strong> Lineatur 25 (Deutsch/Englisch) · Lineatur 28 (Mathematik)</p>
235 - <p style="font-size:0.9em;color:#555;margin-bottom:6px;"><strong>Heftumschläge:</strong></p>
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>
236 236   <div class="wk-chips">
237 237   <span class="wk-chip chip-rot">Deutsch · rot</span>
238 238   <span class="wk-chip chip-gelb">Englisch · gelb</span>
239 239   <span class="wk-chip chip-blau">Mathematik · blau</span>
240 240   </div>
241 - <p style="font-size:0.9em;color:#555;margin:12px 0 6px;"><strong>Pappmappen:</strong></p>
466 + <p style="font-size:0.9em; color:#555; margin: 14px 0 8px;"><strong>Pappmappen:</strong></p>
242 242   <div class="wk-chips">
243 243   <span class="wk-chip chip-gruen">Biologie · grün</span>
244 244   <span class="wk-chip chip-weiss">Physik · weiß</span>
... ... @@ -247,7 +247,7 @@
247 247   <span class="wk-chip chip-grau">Geschichte · grau</span>
248 248   <span class="wk-chip chip-braun">Erdkunde · braun</span>
249 249   </div>
250 - <p style="font-size:0.85em;color:#888;margin-top:10px;">Separate <strong>Materialliste Kunst Jg. 5/6</strong> beachten.</p>
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>
251 251   </div>
252 252  
253 253   <hr class="wk-divider"/>
... ... @@ -255,75 +255,72 @@
255 255   <!-- DIGITALE PLATTFORMEN -->
256 256   <div class="wk-section">
257 257   <div class="wk-section-title">
258 - <h2><span class="wk-section-icon icon-blue">💻</span>Digitale Plattformen</h2>
483 + <div class="wk-section-title-icon icon-blue">💻</div>
484 + <h2>Digitale Plattformen</h2>
259 259   </div>
260 - <table style="width:100%;border-collapse:separate;border-spacing:8px;">
261 - <tr>
262 - <td style="width:50%;background:#f8f9fc;border:1.5px solid #e0e4ef;border-radius:8px;padding:12px 14px;vertical-align:top;">
263 - <div style="font-weight:700;color:#1a1a2e;margin-bottom:4px;">📨 IServ (Elternmodul)</div>
264 - <div style="font-size:0.87em;color:#666;line-height:1.5;">Offizielle Kommunikation, Elternbriefe, Elternsprechtag-Buchung. Zugangsdaten über Klassenlehrkraft.<br><a href="https://wiki.kgs-stuhr.de/xwiki/bin/view/wiki-eltern/IServ-Elternmodul/" style="color:#E53935;font-weight:600;">→ Anleitung im Wiki</a></div>
265 - </td>
266 - <td style="width:50%;background:#f8f9fc;border:1.5px solid #e0e4ef;border-radius:8px;padding:12px 14px;vertical-align:top;">
267 - <div style="font-weight:700;color:#1a1a2e;margin-bottom:4px;">📅 WebUntis / Untis App</div>
268 - <div style="font-size:0.87em;color:#666;line-height:1.5;">Aktueller Stundenplan, Vertretungen, Raumwechsel. Erst nach IServ-Einrichtung möglich.<br><a href="https://wiki.kgs-stuhr.de/xwiki/bin/view/wiki-eltern/untis-eltern/" style="color:#E53935;font-weight:600;">→ Anleitung im Wiki</a></div>
269 - </td>
270 - </tr>
271 - <tr>
272 - <td style="background:#f8f9fc;border:1.5px solid #e0e4ef;border-radius:8px;padding:12px 14px;vertical-align:top;">
273 - <div style="font-weight:700;color:#1a1a2e;margin-bottom:4px;">📖 Eltern-Wiki</div>
274 - <div style="font-size:0.87em;color:#666;line-height:1.5;">FAQs, Anleitungen, Formulare.<br><a href="https://wiki.kgs-stuhr.de/" style="color:#E53935;font-weight:600;">→ wiki.kgs-stuhr.de</a></div>
275 - </td>
276 - <td style="background:#f8f9fc;border:1.5px solid #e0e4ef;border-radius:8px;padding:12px 14px;vertical-align:top;">
277 - <div style="font-weight:700;color:#1a1a2e;margin-bottom:4px;">🌐 Schulhomepage</div>
278 - <div style="font-size:0.87em;color:#666;line-height:1.5;">Schulleben, Profile, Kontakte.<br><a href="https://www.kgs-stuhr.de/" style="color:#E53935;font-weight:600;">→ www.kgs-stuhr.de</a></div>
279 - </td>
280 - </tr>
281 - </table>
486 + <div class="wk-platforms">
487 + <div class="wk-platform">
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>
491 + </div>
492 + <div class="wk-platform">
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>
496 + </div>
497 + <div class="wk-platform">
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>
501 + </div>
502 + <div class="wk-platform">
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>
506 + </div>
507 + </div>
282 282   </div>
283 283  
284 284   <hr class="wk-divider"/>
285 285  
286 - <!-- BERATUNG -->
512 + <!-- BERATUNG & KONTAKT -->
287 287   <div class="wk-section">
288 288   <div class="wk-section-title">
289 - <h2><span class="wk-section-icon icon-green">🤝</span>Beratung &amp; Unterstützung</h2>
515 + <div class="wk-section-title-icon icon-green">🤝</div>
516 + <h2>Beratung & Unterstützung</h2>
290 290   </div>
291 - <p style="font-size:0.9em;color:#555;margin-bottom:12px;">Bei schulischen oder persönlichen Sorgen stehen zwei vertrauliche Beratungssysteme zur Verfügung:</p>
292 - <table style="width:100%;border-collapse:separate;border-spacing:8px;">
293 - <tr>
294 - <td style="width:33%;background:#f8f9fc;border:1px solid #e8eaf0;border-radius:10px;padding:14px 16px;vertical-align:top;">
295 - <div style="font-weight:700;color:#1a1a2e;margin-bottom:3px;">Ariane Vollmer</div>
296 - <div style="font-size:0.82em;color:#888;margin-bottom:6px;">Schulsozialarbeit</div>
297 - <div style="font-size:0.85em;color:#555;">Tel.: 0421 80969-1990</div>
298 - <div style="font-size:0.85em;"><a href="mailto:vollmer@kgs-sb.de" style="color:#0f3460;">vollmer@kgs-sb.de</a></div>
299 - </td>
300 - <td style="width:33%;background:#f8f9fc;border:1px solid #e8eaf0;border-radius:10px;padding:14px 16px;vertical-align:top;">
301 - <div style="font-weight:700;color:#1a1a2e;margin-bottom:3px;">Annika Reiners</div>
302 - <div style="font-size:0.82em;color:#888;margin-bottom:6px;">Schulsozialarbeit</div>
303 - <div style="font-size:0.85em;color:#555;">Tel.: 0421 80969-1560</div>
304 - <div style="font-size:0.85em;"><a href="mailto:reiners@kgs-sb.de" style="color:#0f3460;">reiners@kgs-sb.de</a></div>
305 - </td>
306 - <td style="width:33%;background:#f8f9fc;border:1px solid #e8eaf0;border-radius:10px;padding:14px 16px;vertical-align:top;">
307 - <div style="font-weight:700;color:#1a1a2e;margin-bottom:3px;">Lucy Tiedemann</div>
308 - <div style="font-size:0.82em;color:#888;margin-bottom:6px;">Schulsozialarbeit</div>
309 - <div style="font-size:0.85em;"><a href="mailto:tiedemann@kgs-sb.de" style="color:#0f3460;">tiedemann@kgs-sb.de</a></div>
310 - </td>
311 - </tr>
312 - <tr>
313 - <td style="background:#f8f9fc;border:1px solid #e8eaf0;border-radius:10px;padding:14px 16px;vertical-align:top;">
314 - <div style="font-weight:700;color:#1a1a2e;margin-bottom:3px;">Andrea Barnert</div>
315 - <div style="font-size:0.82em;color:#888;margin-bottom:6px;">Beratungslehrkraft</div>
316 - <div style="font-size:0.85em;color:#555;">Tel.: 0421 80969-134</div>
317 - <div style="font-size:0.85em;"><a href="mailto:a.barnert@kgs-sb.de" style="color:#0f3460;">a.barnert@kgs-sb.de</a></div>
318 - </td>
319 - <td style="background:#f8f9fc;border:1px solid #e8eaf0;border-radius:10px;padding:14px 16px;vertical-align:top;">
320 - <div style="font-weight:700;color:#1a1a2e;margin-bottom:3px;">Sabrina Röber <em style="font-weight:normal;">(i. A.)</em></div>
321 - <div style="font-size:0.82em;color:#888;margin-bottom:6px;">Beratungslehrkraft</div>
322 - <div style="font-size:0.85em;"><a href="mailto:s.roeber@kgs-sb.de" style="color:#0f3460;">s.roeber@kgs-sb.de</a></div>
323 - </td>
324 - <td style="background:transparent;border:none;"></td>
325 - </tr>
326 - </table>
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 + <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>
548 + </div>
327 327   </div>
328 328  
329 329   <hr class="wk-divider"/>
... ... @@ -331,10 +331,13 @@
331 331   <!-- FÖRDERVEREIN -->
332 332   <div class="wk-section">
333 333   <div class="wk-section-title">
334 - <h2><span class="wk-section-icon icon-green">💚</span>Förderverein KGS Stuhr-Brinkum e.V.</h2>
556 + <div class="wk-section-title-icon icon-green">💚</div>
557 + <h2>Förderverein KGS Stuhr-Brinkum e.V.</h2>
335 335   </div>
336 336   <div class="wk-foerder">
337 - Unterstützen Sie Ihre Schulgemeinschaft – der Förderverein hilft dort, wo öffentliche Mittel nicht reichen. <strong>Jahresbeitrag: nur 12,00 €</strong> (oder mehr, freiwillig).<br><br>
560 + Unterstützen Sie Ihre Schulgemeinschaft! Der Förderverein hilft dort, wo öffentliche Mittel nicht reichen – von Ausstattung über Schulhofprojekte bis zu Klassenfahrten.
561 + <strong>Jahresbeitrag: nur 12,00 €</strong> (oder mehr, freiwillig).
562 + <br><br>
338 338   <a href="https://www.kgs-stuhr.de/informationen/foerderverein/">→ Informationen &amp; Beitrittsformular auf der Homepage</a>
339 339   </div>
340 340   </div>
IMG_4592.webp
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.kgs-sbde-groeneveld
Größe
... ... @@ -1,1 +1,0 @@
1 -167.1 KB
Inhalt