/* Seitengruppe Leistungen (/leistungen, /leistungen/<slug>, /webdesign-seo, /marketing, /software-ki), Fassung "ruhig" (09.11.2026).
   Nur Ergaenzungen zu neu.css; Groessen und Abstaende aus deren Skala. */

/* Ueberschrift fuer lange Saetze aus den Inhalten */
.satz { font: 600 var(--t5)/1.1 Clash, sans-serif; letter-spacing: -.015em; max-width: 24ch; margin: var(--a2) 0 var(--a3); }

/* Felder der Uebersicht: Titel als h2, gleich gross wie die Titel anderer Listen */
.feld .feld-titel { font: 600 var(--t4)/1.2 Clash, sans-serif; letter-spacing: -.01em; margin: 0; max-width: none; }

/* Zwei Spalten mit Text */
.lauftext > p { margin: 0 0 var(--a2); color: var(--leise); font-size: var(--t3); }
.lauftext > p:last-of-type { margin-bottom: var(--a3); }

/* Kasten neben dem Text (Umfang, Prinzip): Text auf Linie */
.kasten { display: grid; gap: var(--a1); padding-top: var(--a3); border-top: 1px solid var(--linie-stark); }
.kasten h3 { margin: 0; }
.kasten p { margin: 0; color: var(--leise); font-size: var(--t2); }

/* Punkte in Listen der Bereichsseiten */
.karte .punkte { font-size: var(--t2); margin-top: 4px; }

/* Verweise am Abschnittsende in einer Reihe */
.verweise { display: flex; flex-wrap: wrap; gap: var(--a2) var(--a4); margin-top: var(--a4); }

/* Quelle unter einer Zahl */
.quelle { margin: var(--a2) 0 0; font-size: var(--t1); color: var(--leise); }
.quelle a { color: var(--text); text-underline-offset: 3px; }

/* Band mit langem Satz als Ueberschrift (Netzwerk auf /marketing) */
.kontaktband .satz { font-size: var(--t5); }