/* Seitengruppe Studio (Studio, Team, Arbeitsweise, Netzwerk, FAQ), Fassung "ruhig" (09.11.2026).
   Nur Ergaenzungen zu neu.css; Groessen und Abstaende aus deren Skala. */

/* Zitat (Team) */
.zitat blockquote { margin: 0 0 var(--a3); }
.zitat figcaption::before { content: "— "; }

/* Gruppen mit Unterueberschrift (Team-Gewerke, Netzwerk-Gewerke) */
.gruppen-stapel { display: grid; gap: var(--a8); }
.gruppen-titel { display: flex; align-items: baseline; gap: var(--a2); margin: 0 0 var(--a3); font: 600 var(--t1)/1.3 DM, sans-serif; letter-spacing: .12em; text-transform: uppercase; color: var(--text); }
.gruppen-titel small { font: 400 var(--t1)/1.3 DM, sans-serif; letter-spacing: 0; text-transform: none; color: var(--leise); }
.karte-fremd { margin: 0; font-size: var(--t1); font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--leise); }

/* Woerter (Team): eine ruhige Zeile Text statt Marken */
.woerter { display: flex; flex-wrap: wrap; gap: var(--a1) var(--a3); list-style: none; margin: var(--a3) 0 var(--a4); padding: 0; color: var(--leise); font-size: var(--t2); }
.woerter li + li::before { content: "·"; margin-right: var(--a3); }
.woerter li { display: inline-flex; }

/* Text rechts neben klebender Spalte */
.spalte-text { display: grid; gap: var(--a3); }
.spalte-text p { margin: 0; font-size: var(--t3); }
.spalte-text .aktionen, .spalte-text .verweise { margin-top: var(--a1); }
.verweise { display: flex; flex-wrap: wrap; gap: var(--a2) var(--a4); }

/* Grosser Satz mit Erlaeuterung */
.satz { display: grid; gap: var(--a3); }
.satz .einl { max-width: 720px; }

/* Fragen-Bloecke (FAQ): lange Woerter trennen statt ueberlaufen */
.fragen-block h2 { hyphens: auto; }
.klebt .verweise { margin-top: 4px; }