Ä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 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
... ... @@ -173,18 +173,17 @@
173 173  .wk-event.highlight-event::before { background: #E53935; }
174 174  
175 175  /* CARDS GRID – float-basiert für XWiki-Kompatibilität */
176 -.wk-cards { overflow: hidden; }
176 +.wk-cards { overflow: hidden; margin: 0 -8px; }
177 177  .wk-card {
178 178   float: left;
179 - width: 48%;
180 - margin: 0 1% 16px 1%;
179 + width: calc(50% - 16px);
180 + margin: 0 8px 16px 8px;
181 181   background: #fff;
182 182   border: 1px solid #e8eaf0;
183 183   border-radius: 10px;
184 - padding: 16px;
184 + padding: 18px;
185 185   box-shadow: 0 2px 6px rgba(0,0,0,0.04);
186 186   box-sizing: border-box;
187 - min-width: 200px;
188 188  }
189 189  .wk-cards-clear { clear: both; }
190 190  .wk-card {
... ... @@ -275,29 +275,24 @@
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; }
277 +/* CONTACT CARDS */
278 +.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 295  /* PLATFORM PILLS – float-basiert */
296 -.wk-platforms { overflow: hidden; margin-top: 4px; }
290 +.wk-platforms { overflow: hidden; margin: 4px -6px 0 -6px; }
297 297  .wk-platform {
298 298   float: left;
299 - width: 48%;
300 - margin: 0 1% 12px 1%;
293 + width: calc(50% - 12px);
294 + margin: 0 6px 12px 6px;
301 301   background: #fff;
302 302   border: 1.5px solid #e0e4ef;
303 303   border-radius: 8px;
... ... @@ -304,7 +304,6 @@
304 304   padding: 10px 14px;
305 305   font-size: 0.87em;
306 306   box-sizing: border-box;
307 - min-width: 200px;
308 308  }
309 309  .wk-platforms-clear { clear: both; }
310 310  .wk-platform-name { font-weight: 700; color: #1a1a2e; margin-bottom: 2px; }
... ... @@ -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"/>