/* Slide Bausteine, Uebersicht: sieben Zeilen, drei Helfer als Spalten.
   Alle Zellen links und oben, einmal gesetzt. */

.uebersichtbody { display: flex; flex-direction: column; gap: var(--space-4); height: 100%; }

.bausteintabelle { width: 100%; border-collapse: collapse; font-size: clamp(.7rem, .88vw, .98rem); table-layout: fixed; }
.bausteintabelle :is(th, td) { text-align: left; vertical-align: top; padding: .45em .8em .45em 0; line-height: 1.3; border-top: 1px solid var(--color-border); }

.bausteintabelle thead th { border-top: 0; border-bottom: 2px solid var(--color-text-primary); padding-bottom: .4em; font-size: clamp(.76rem, .98vw, 1.08rem); color: var(--color-text-primary); }
.bausteintabelle tbody th { font-weight: 700; color: var(--color-text-primary); width: 13%; }
.bausteintabelle td.frage { width: 17%; color: var(--color-text-muted); }
.bausteintabelle tbody td { color: var(--color-text-primary); }
.bausteintabelle :is(th, td) { overflow-wrap: anywhere; }

.uebersichtbody .fuss { margin: 0; font-size: clamp(.9rem, 1.15vw, 1.25rem); font-weight: 700; color: var(--color-text-primary); }
.uebersichtbody .werkstatt { margin: 0; font-size: clamp(.85rem, 1.05vw, 1.15rem); }
.uebersichtbody .werkstatt a { color: var(--color-primary); }