/* ═══════════════════════════════════════════════════════════════════
   Pojana v2 — Leistungen
   docs/design-spec.md Abschnitt 8.2 · Schritt 5 der Baureihenfolge

   Aufmacher mit H1 und Bild → die vier Leistungen als gepinnte Folge
   (derselbe Baustein wie das Register der Startseite, Spec 5.7) →
   Kontaktschluss → Fuß.

   Setzt css/base.css und css/komponenten.css voraus. Aufmacher (.auf),
   Eintrag (.reg), Zähler, Rufblock, Kontaktschluss (.schluss), Kopf,
   Knopf und Fuß stehen dort — seit „Über uns" (Spec 8.3) trägt eine
   zweite Unterseite dieselben Bausteine, und was zwei Seiten tragen,
   gehört nicht in eine Seitendatei.

   Übrig bleibt, was allein diese Seite hat: die Aufzählung im Eintrag
   und ein kleinerer Name über ihr.

   Keine Bewegung in dieser Datei. Die Seite steht vollständig ohne
   JavaScript; css/bewegung.css legt die gefahrene Fassung darüber.
   ═══════════════════════════════════════════════════════════════════ */

/* Ein kleinerer Name, weil „Treppenhausreinigung" neunzehn Zeichen hat,
   wo die Startseite „Fenster und Glas" trägt. Mit der Größe des
   Registers auf der Startseite (bis 5,4 rem) liefe das Wort am Desktop
   aus seiner Spalte.

   Kein Trennstrich: hyphens: auto hat am Desktop „Unterhaltsreini-gung"
   und „Treppenhausrei-nigung" gesetzt — bei einer Anzeigeschrift dieser
   Größe ist das kein Satz, den man verkaufen kann. Die vier Namen sind
   die wichtigsten Suchbegriffe der Seite und bleiben wörtlich; also
   muss die Größe sich nach dem Wort richten und nicht umgekehrt. */
.leistungen .reg__name {
  font-size: clamp(1.9rem, 6vw, 3.8rem);
  hyphens: none;
}

@media (min-width: 62rem) {
  /* Ab hier teilt der Name seine Spalte mit dem Bild (46 %) und dem
     stehenden Index (10 rem) — bei 1024 px bleiben ihm 380 px, während
     6 vw die Schrift auf 61 px treiben würden. Gemessen braucht
     „Treppenhausreinigung" 8,9 × Schriftgröße: 4 vw hält das längste
     Wort auf jeder geprüften Breite in seiner Spalte (1024 px:
     352 von 380 px), der Deckel bei 3,4 rem hält es dort, wo die
     Spalte selbst bei 36 rem stehenbleibt. */
  .leistungen .reg__name { font-size: clamp(2.4rem, 4vw, 3.4rem); }
}

/* Die Aufzählung: Zeilen mit Haarlinie, keine Punkte. Messing bleibt
   dem vorbehalten, was gerade offenliegt oder zu tun ist (Spec 2) —
   vier Aufzählungszeichen in Signalfarbe wären Dekoration. */
.reg__punkte {
  margin: 0;
  padding: 0;
  list-style: none;
  max-width: 34rem;
}
.reg__punkte li {
  padding: .6rem 0;
  border-top: 1px solid var(--haze);
  font-size: .98rem;
  line-height: 1.4;
}