/* ===========================================================================
   aussage.css — Benker WP-Theme
   HANDGESCHRIEBEN. Wird NACH components.css geladen.

   .aussage — ein ruhiger Textblock ohne Bild und ohne Spaltenaufteilung.

   Wofuer: Stellen, an denen die Seite kurz erklaert, WARUM ein Thema wichtig
   ist, statt weitere Daten zu liefern. Auf der ESD-Seite steht der Block
   zwischen der technischen Tabelle und den Produktbeispielen — dort waeren
   weitere Aufzaehlungen die dritte Faktenschicht hintereinander.

   Warum bewusst schmaler als die Spalte (760px) und in groesserer Schrift:
   Nach einer Tabelle voller Werte wirkt eine ruhige Flaeche mit wenigen, gut
   gesetzten Saetzen staerker als ein weiterer gefuellter Kasten. Die Breite
   ergibt bei dieser Schriftgroesse rund 65 Zeichen je Zeile und bleibt damit
   im gut lesbaren Bereich.

   text-wrap: pretty verhindert einzelne Woerter in der letzten Zeile
   (Projektregel: nie weniger als drei Woerter in der letzten Zeile).
   =========================================================================== */

.aussage {
  max-width: 760px;
  padding-block: var(--space-8);
}

.aussage h2 {
  font-family: var(--font-heading);
  font-size: var(--fs-heading-m);
  line-height: var(--lh-heading-m);
  font-weight: var(--fw-medium);
  letter-spacing: var(--tracking-tight);
  color: var(--color-text);
  margin-bottom: var(--space-5);
  text-wrap: pretty;
}

.aussage p {
  font-family: var(--font-body);
  font-size: var(--fs-heading-2xs);
  line-height: 1.6;
  letter-spacing: var(--tracking-tight);
  color: var(--color-text);
  text-wrap: pretty;
}

.aussage p + p {
  margin-top: var(--space-5);
}