Änderungen von Dokument eltern.klasse5

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

Von Version 16.1
bearbeitet von Sarah Groeneveld
am 2026/06/08 09:09
Änderungskommentar: Es gibt keinen Kommentar für diese Version
Auf Version 18.1
bearbeitet von Sarah Groeneveld
am 2026/06/08 09:13
Änderungskommentar: Es gibt keinen Kommentar für diese Version

Zusammenfassung

Details

Seiteneigenschaften
Inhalt
... ... @@ -172,20 +172,22 @@
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; margin: 0 -8px; }
175 +/* CARDS GRID – inline-block für XWiki-Kompatibilität */
176 +.wk-cards { font-size: 0; }
177 177  .wk-card {
178 - float: left;
179 - width: calc(50% - 16px);
180 - margin: 0 8px 16px 8px;
178 + display: inline-block;
179 + vertical-align: top;
180 + width: 48%;
181 + margin: 0 1% 16px 1%;
181 181   background: #fff;
182 182   border: 1px solid #e8eaf0;
183 183   border-radius: 10px;
184 - padding: 18px;
185 + padding: 16px;
185 185   box-shadow: 0 2px 6px rgba(0,0,0,0.04);
186 186   box-sizing: border-box;
188 + font-size: 14px;
187 187  }
188 -.wk-cards-clear { clear: both; }
190 +.wk-cards-clear { }
189 189  .wk-card {
190 190   background: #fff;
191 191   border: 1px solid #e8eaf0;
... ... @@ -220,6 +220,9 @@
220 220  }
221 221  .wk-card ul { padding-left: 18px; margin: 6px 0 0 0; }
222 222  .wk-card a { color: #0f3460; font-weight: 600; }
225 +.wk-platform-name { font-weight: 700; color: #1a1a2e; margin-bottom: 4px; font-size: 14px; }
226 +.wk-platform-desc { color: #666; font-size: 13px; line-height: 1.5; }
227 +.wk-platform a { color: #E53935; font-weight: 600; font-size: 13px; }
223 223  
224 224  /* STUNDENPLAN TABLE */
225 225  .wk-timetable {
... ... @@ -274,32 +274,40 @@
274 274  .chip-grau { background: #f5f5f5; color: #424242; border-color: #bdbdbd; }
275 275  .chip-braun { background: #efebe9; color: #3e2723; border-color: #bcaaa4; }
276 276  
277 -/* CONTACT CARDS */
278 -.wk-contacts { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; }
282 +/* CONTACT CARDS – inline-block */
283 +.wk-contacts { font-size: 0; }
279 279  .wk-contact {
285 + display: inline-block;
286 + vertical-align: top;
287 + width: 31%;
288 + margin: 0 1% 12px 1%;
280 280   background: #f8f9fc;
281 281   border-radius: 10px;
282 282   padding: 14px 16px;
283 283   border: 1px solid #e8eaf0;
293 + box-sizing: border-box;
294 + font-size: 14px;
284 284  }
296 +.wk-contacts-clear { }
285 285  .wk-contact-name { font-weight: 700; font-size: 0.92em; color: #1a1a2e; margin-bottom: 4px; }
286 286  .wk-contact-role { font-size: 0.8em; color: #888; margin-bottom: 6px; }
287 287  .wk-contact a { font-size: 0.83em; color: #0f3460; }
288 288  
289 -/* PLATFORM PILLS – float-basiert */
290 -.wk-platforms { overflow: hidden; margin: 4px -6px 0 -6px; }
301 +/* PLATFORM PILLS – inline-block */
302 +.wk-platforms { font-size: 0; margin-top: 4px; }
291 291  .wk-platform {
292 - float: left;
293 - width: calc(50% - 12px);
294 - margin: 0 6px 12px 6px;
304 + display: inline-block;
305 + vertical-align: top;
306 + width: 48%;
307 + margin: 0 1% 12px 1%;
295 295   background: #fff;
296 296   border: 1.5px solid #e0e4ef;
297 297   border-radius: 8px;
298 298   padding: 10px 14px;
299 - font-size: 0.87em;
312 + font-size: 14px;
300 300   box-sizing: border-box;
301 301  }
302 -.wk-platforms-clear { clear: both; }
315 +.wk-platforms-clear { }
303 303  .wk-platform-name { font-weight: 700; color: #1a1a2e; margin-bottom: 2px; }
304 304  .wk-platform-desc { color: #666; font-size: 0.9em; }
305 305  .wk-platform a { color: #E53935; font-weight: 600; font-size: 0.88em; }
... ... @@ -462,6 +462,7 @@
462 462   </div>
463 463  
464 464   </div>
478 + <div class="wk-cards-clear"></div>
465 465   </div>
466 466  
467 467   <hr class="wk-divider"/>
... ... @@ -529,6 +529,7 @@
529 529   <a href="https://www.kgs-stuhr.de/">→ www.kgs-stuhr.de</a></div>
530 530   </div>
531 531   </div>
546 + <div class="wk-platforms-clear"></div>
532 532   </div>
533 533  
534 534   <hr class="wk-divider"/>
... ... @@ -570,6 +570,7 @@
570 570   <a href="mailto:s.roeber@kgs-sb.de">s.roeber@kgs-sb.de</a>
571 571   </div>
572 572   </div>
588 + <div class="wk-contacts-clear"></div>
573 573   </div>
574 574  
575 575   <hr class="wk-divider"/>