Zum Inhalt springen

Änderungen von Dokument eltern.klasse5

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

Zusammenfassung

Details

Seiteneigenschaften
Inhalt
... ... @@ -172,21 +172,12 @@
172 172  }
173 173  .wk-event.highlight-event::before { background: #E53935; }
174 174  
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;
175 +/* CARDS GRID */
176 +.wk-cards {
177 + display: grid;
178 + grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
179 + gap: 16px;
188 188  }
189 -.wk-cards-clear { clear: both; }
190 190  .wk-card {
191 191   background: #fff;
192 192   border: 1px solid #e8eaf0;
... ... @@ -275,38 +275,28 @@
275 275  .chip-grau { background: #f5f5f5; color: #424242; border-color: #bdbdbd; }
276 276  .chip-braun { background: #efebe9; color: #3e2723; border-color: #bcaaa4; }
277 277  
278 -/* CONTACT CARDS – float-basiert */
279 -.wk-contacts { overflow: hidden; margin: 0 -6px; }
269 +/* CONTACT CARDS */
270 +.wk-contacts { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; }
280 280  .wk-contact {
281 - float: left;
282 - width: calc(33.33% - 12px);
283 - margin: 0 6px 12px 6px;
284 284   background: #f8f9fc;
285 285   border-radius: 10px;
286 286   padding: 14px 16px;
287 287   border: 1px solid #e8eaf0;
288 - box-sizing: border-box;
289 289  }
290 -.wk-contacts-clear { clear: both; }
291 291  .wk-contact-name { font-weight: 700; font-size: 0.92em; color: #1a1a2e; margin-bottom: 4px; }
292 292  .wk-contact-role { font-size: 0.8em; color: #888; margin-bottom: 6px; }
293 293  .wk-contact a { font-size: 0.83em; color: #0f3460; }
294 294  
295 -/* PLATFORM PILLS – float-basiert */
296 -.wk-platforms { overflow: hidden; margin-top: 4px; }
281 +/* PLATFORM PILLS */
282 +.wk-platforms { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 4px; }
297 297  .wk-platform {
298 - float: left;
299 - width: 48%;
300 - margin: 0 1% 12px 1%;
301 301   background: #fff;
302 302   border: 1.5px solid #e0e4ef;
303 303   border-radius: 8px;
304 304   padding: 10px 14px;
305 305   font-size: 0.87em;
306 - box-sizing: border-box;
307 - min-width: 200px;
289 + min-width: 180px;
308 308  }
309 -.wk-platforms-clear { clear: both; }
310 310  .wk-platform-name { font-weight: 700; color: #1a1a2e; margin-bottom: 2px; }
311 311  .wk-platform-desc { color: #666; font-size: 0.9em; }
312 312  .wk-platform a { color: #E53935; font-weight: 600; font-size: 0.88em; }
... ... @@ -371,7 +371,7 @@
371 371   <div class="wk-event">
372 372   <div class="wk-event-date">Ca. 2 Wochen nach Schuljahresbeginn</div>
373 373   <div class="wk-event-title">🎨 Einwahl in AGs (Offener Ganztag)</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>
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>
375 375   </div>
376 376  
377 377   </div>
... ... @@ -469,7 +469,6 @@
469 469   </div>
470 470  
471 471   </div>
472 - <div class="wk-cards-clear"></div>
473 473   </div>
474 474  
475 475   <hr class="wk-divider"/>
... ... @@ -537,7 +537,6 @@
537 537   <a href="https://www.kgs-stuhr.de/">→ www.kgs-stuhr.de</a></div>
538 538   </div>
539 539   </div>
540 - <div class="wk-platforms-clear"></div>
541 541   </div>
542 542  
543 543   <hr class="wk-divider"/>
... ... @@ -579,7 +579,6 @@
579 579   <a href="mailto:s.roeber@kgs-sb.de">s.roeber@kgs-sb.de</a>
580 580   </div>
581 581   </div>
582 - <div class="wk-contacts-clear"></div>
583 583   </div>
584 584  
585 585   <hr class="wk-divider"/>