Zum Inhalt springen

Änderungen von Dokument eltern.klasse5

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

Zusammenfassung

Details

Seiteneigenschaften
Inhalt
... ... @@ -172,22 +172,20 @@
172 172  }
173 173  .wk-event.highlight-event::before { background: #E53935; }
174 174  
175 -/* CARDS GRID – inline-block für XWiki-Kompatibilität */
176 -.wk-cards { font-size: 0; }
175 +/* CARDS GRID – float-basiert für XWiki-Kompatibilität */
176 +.wk-cards { overflow: hidden; margin: 0 -8px; }
177 177  .wk-card {
178 - display: inline-block;
179 - vertical-align: top;
180 - width: 48%;
181 - margin: 0 1% 16px 1%;
178 + float: left;
179 + width: calc(50% - 16px);
180 + margin: 0 8px 16px 8px;
182 182   background: #fff;
183 183   border: 1px solid #e8eaf0;
184 184   border-radius: 10px;
185 - padding: 16px;
184 + padding: 18px;
186 186   box-shadow: 0 2px 6px rgba(0,0,0,0.04);
187 187   box-sizing: border-box;
188 - font-size: 14px;
189 189  }
190 -.wk-cards-clear { }
188 +.wk-cards-clear { clear: both; }
191 191  .wk-card {
192 192   background: #fff;
193 193   border: 1px solid #e8eaf0;
... ... @@ -222,9 +222,6 @@
222 222  }
223 223  .wk-card ul { padding-left: 18px; margin: 6px 0 0 0; }
224 224  .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; }
228 228  
229 229  /* STUNDENPLAN TABLE */
230 230  .wk-timetable {
... ... @@ -279,40 +279,32 @@
279 279  .chip-grau { background: #f5f5f5; color: #424242; border-color: #bdbdbd; }
280 280  .chip-braun { background: #efebe9; color: #3e2723; border-color: #bcaaa4; }
281 281  
282 -/* CONTACT CARDS – inline-block */
283 -.wk-contacts { font-size: 0; }
277 +/* CONTACT CARDS */
278 +.wk-contacts { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; }
284 284  .wk-contact {
285 - display: inline-block;
286 - vertical-align: top;
287 - width: 31%;
288 - margin: 0 1% 12px 1%;
289 289   background: #f8f9fc;
290 290   border-radius: 10px;
291 291   padding: 14px 16px;
292 292   border: 1px solid #e8eaf0;
293 - box-sizing: border-box;
294 - font-size: 14px;
295 295  }
296 -.wk-contacts-clear { }
297 297  .wk-contact-name { font-weight: 700; font-size: 0.92em; color: #1a1a2e; margin-bottom: 4px; }
298 298  .wk-contact-role { font-size: 0.8em; color: #888; margin-bottom: 6px; }
299 299  .wk-contact a { font-size: 0.83em; color: #0f3460; }
300 300  
301 -/* PLATFORM PILLS – inline-block */
302 -.wk-platforms { font-size: 0; margin-top: 4px; }
289 +/* PLATFORM PILLS – float-basiert */
290 +.wk-platforms { overflow: hidden; margin: 4px -6px 0 -6px; }
303 303  .wk-platform {
304 - display: inline-block;
305 - vertical-align: top;
306 - width: 48%;
307 - margin: 0 1% 12px 1%;
292 + float: left;
293 + width: calc(50% - 12px);
294 + margin: 0 6px 12px 6px;
308 308   background: #fff;
309 309   border: 1.5px solid #e0e4ef;
310 310   border-radius: 8px;
311 311   padding: 10px 14px;
312 - font-size: 14px;
299 + font-size: 0.87em;
313 313   box-sizing: border-box;
314 314  }
315 -.wk-platforms-clear { }
302 +.wk-platforms-clear { clear: both; }
316 316  .wk-platform-name { font-weight: 700; color: #1a1a2e; margin-bottom: 2px; }
317 317  .wk-platform-desc { color: #666; font-size: 0.9em; }
318 318  .wk-platform a { color: #E53935; font-weight: 600; font-size: 0.88em; }
... ... @@ -475,7 +475,6 @@
475 475   </div>
476 476  
477 477   </div>
478 - <div class="wk-cards-clear"></div>
479 479   </div>
480 480  
481 481   <hr class="wk-divider"/>
... ... @@ -543,7 +543,6 @@
543 543   <a href="https://www.kgs-stuhr.de/">→ www.kgs-stuhr.de</a></div>
544 544   </div>
545 545   </div>
546 - <div class="wk-platforms-clear"></div>
547 547   </div>
548 548  
549 549   <hr class="wk-divider"/>
... ... @@ -585,7 +585,6 @@
585 585   <a href="mailto:s.roeber@kgs-sb.de">s.roeber@kgs-sb.de</a>
586 586   </div>
587 587   </div>
588 - <div class="wk-contacts-clear"></div>
589 589   </div>
590 590  
591 591   <hr class="wk-divider"/>