fix: Aufteilung – Tabelle volle Breite, Torte darunter; ungültige Eingaben inline (A13-T5)

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-09-29 16:29:24 +02:00
co-authored by Claude Opus 5.5
parent 2a62bdca6c
commit 4b6144d812
4 changed files with 21 additions and 12 deletions
+6 -5
View File
@@ -248,12 +248,13 @@ label:has(input:disabled), label:has(select:disabled) {
.kennzahlen { display: flex; flex-wrap: wrap; gap: 1.5rem; margin-bottom: 1rem; }
.kennzahlen div { display: flex; flex-direction: column; }
.kennzahlen strong { font-size: 1.25rem; }
.aufteilung-grid {
display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
gap: 1.5rem; align-items: start;
.tabelle-scroll { overflow-x: auto; }
/* Torte: schmal untereinander, breit SVG neben Legende */
.torte { margin: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; align-items: start; }
@media (min-width: 700px) {
.torte { grid-template-columns: 280px minmax(0, 1fr); }
.torte figcaption { grid-column: 1 / -1; }
}
@media (max-width: 800px) { .aufteilung-grid { grid-template-columns: minmax(0, 1fr); } }
.torte { margin: 0; }
.torte figcaption { font-weight: bold; margin-bottom: 0.5rem; }
.torte-svg { width: 100%; max-width: 280px; display: block; margin: 0 auto; }
.torte-svg .seg { stroke: #fff; stroke-width: 0.02; }