Änderungen von Dokument eltern.klasse5

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

Von Version 15.1
bearbeitet von Sarah Groeneveld
am 2026/06/08 09:07
Änderungskommentar: Es gibt keinen Kommentar für diese Version
Auf Version 17.1
bearbeitet von Sarah Groeneveld
am 2026/06/08 09:11
Änderungskommentar: Es gibt keinen Kommentar für diese Version

Zusammenfassung

Details

Seiteneigenschaften
Inhalt
... ... @@ -172,12 +172,21 @@
172 172  }
173 173  .wk-event.highlight-event::before { background: #E53935; }
174 174  
175 -/* CARDS GRID */
176 -.wk-cards {
177 - display: grid;
178 - grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
179 - gap: 16px;
175 +/* CARDS GRID – float-basiert für XWiki-Kompatibilität */
176 +.wk-cards { overflow: hidden; }
177 +.wk-card {
178 + float: left;
179 + width: 48%;
180 + margin: 0 1% 16px 1%;
181 + background: #fff;
182 + border: 1px solid #e8eaf0;
183 + border-radius: 10px;
184 + padding: 16px;
185 + box-shadow: 0 2px 6px rgba(0,0,0,0.04);
186 + box-sizing: border-box;
187 + min-width: 200px;
180 180  }
189 +.wk-cards-clear { clear: both; }
181 181  .wk-card {
182 182   background: #fff;
183 183   border: 1px solid #e8eaf0;
... ... @@ -266,28 +266,38 @@
266 266  .chip-grau { background: #f5f5f5; color: #424242; border-color: #bdbdbd; }
267 267  .chip-braun { background: #efebe9; color: #3e2723; border-color: #bcaaa4; }
268 268  
269 -/* CONTACT CARDS */
270 -.wk-contacts { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; }
278 +/* CONTACT CARDS – float-basiert */
279 +.wk-contacts { overflow: hidden; margin: 0 -6px; }
271 271  .wk-contact {
281 + float: left;
282 + width: calc(33.33% - 12px);
283 + margin: 0 6px 12px 6px;
272 272   background: #f8f9fc;
273 273   border-radius: 10px;
274 274   padding: 14px 16px;
275 275   border: 1px solid #e8eaf0;
288 + box-sizing: border-box;
276 276  }
290 +.wk-contacts-clear { clear: both; }
277 277  .wk-contact-name { font-weight: 700; font-size: 0.92em; color: #1a1a2e; margin-bottom: 4px; }
278 278  .wk-contact-role { font-size: 0.8em; color: #888; margin-bottom: 6px; }
279 279  .wk-contact a { font-size: 0.83em; color: #0f3460; }
280 280  
281 -/* PLATFORM PILLS */
282 -.wk-platforms { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 4px; }
295 +/* PLATFORM PILLS – float-basiert */
296 +.wk-platforms { overflow: hidden; margin-top: 4px; }
283 283  .wk-platform {
298 + float: left;
299 + width: 48%;
300 + margin: 0 1% 12px 1%;
284 284   background: #fff;
285 285   border: 1.5px solid #e0e4ef;
286 286   border-radius: 8px;
287 287   padding: 10px 14px;
288 288   font-size: 0.87em;
289 - min-width: 180px;
306 + box-sizing: border-box;
307 + min-width: 200px;
290 290  }
309 +.wk-platforms-clear { clear: both; }
291 291  .wk-platform-name { font-weight: 700; color: #1a1a2e; margin-bottom: 2px; }
292 292  .wk-platform-desc { color: #666; font-size: 0.9em; }
293 293  .wk-platform a { color: #E53935; font-weight: 600; font-size: 0.88em; }
... ... @@ -352,7 +352,7 @@
352 352   <div class="wk-event">
353 353   <div class="wk-event-date">Ca. 2 Wochen nach Schuljahresbeginn</div>
354 354   <div class="wk-event-title">🎨 Einwahl in AGs (Offener Ganztag)</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>
374 + <div class="wk-event-desc">Die Einwahl in Arbeitsgemeinschaften erfolgt digital über <strong>IServ</strong>. Achtung: die Teilnahme ist dann für das gesamte Schuljahr verpflichtend. <a href="https://wiki.kgs-stuhr.de/xwiki/bin/view/wiki-eltern/ganztag/">→ Mehr zum Ganztag im Wiki</a></div>
356 356   </div>
357 357  
358 358   </div>
... ... @@ -450,6 +450,7 @@
450 450   </div>
451 451  
452 452   </div>
472 + <div class="wk-cards-clear"></div>
453 453   </div>
454 454  
455 455   <hr class="wk-divider"/>
... ... @@ -517,6 +517,7 @@
517 517   <a href="https://www.kgs-stuhr.de/">→ www.kgs-stuhr.de</a></div>
518 518   </div>
519 519   </div>
540 + <div class="wk-platforms-clear"></div>
520 520   </div>
521 521  
522 522   <hr class="wk-divider"/>
... ... @@ -558,6 +558,7 @@
558 558   <a href="mailto:s.roeber@kgs-sb.de">s.roeber@kgs-sb.de</a>
559 559   </div>
560 560   </div>
582 + <div class="wk-contacts-clear"></div>
561 561   </div>
562 562  
563 563   <hr class="wk-divider"/>