|
|
| Zeile 832: |
Zeile 832: |
| .mw-parser-output > p > br:first-child + table.biobox { | | .mw-parser-output > p > br:first-child + table.biobox { |
| margin-top: -1em !important; | | margin-top: -1em !important; |
| }
| |
| /* ===== Startseite: 2-Spalten-Boxen wirklich responsive ===== */
| |
| /* Tabellen mit class="start-two-col" auf der Hauptseite:
| |
| - Desktop: 2 Spalten nebeneinander mit Luft dazwischen
| |
| - Mobil (<= 800px): Zellen untereinander, volle Breite
| |
| */
| |
| body.page-Hauptseite .mw-parser-output table.start-two-col {
| |
| width: 100%;
| |
| border-collapse: separate;
| |
| /* 12px horizontaler Abstand, kein vertikaler */
| |
| border-spacing: 12px 0;
| |
| }
| |
|
| |
| /* Desktop: Zellen dürfen automatisch teilen, nicht starr 50% */
| |
| body.page-Hauptseite .mw-parser-output table.start-two-col td {
| |
| width: auto;
| |
| box-sizing: border-box;
| |
| }
| |
|
| |
| /* Mobil: Tabelle „aufbrechen“, jede Zelle wird ein Block in voller Breite */
| |
| @media only screen and (max-width: 800px) {
| |
| body.page-Hauptseite .mw-parser-output table.start-two-col,
| |
| body.page-Hauptseite .mw-parser-output table.start-two-col tbody,
| |
| body.page-Hauptseite .mw-parser-output table.start-two-col tr,
| |
| body.page-Hauptseite .mw-parser-output table.start-two-col td {
| |
| display: block !important;
| |
| width: 100% !important;
| |
| box-sizing: border-box;
| |
| }
| |
| } | | } |
