/* ==========================================================================
   Seite "Alle Leistungen".

   Der Bausatz steht in subpage.css — hier nur, was allein diese Seite
   betrifft: der Anschluss unter dem Hero, der Bildausschnitt des Heros und
   die Feinabstimmung der vier Kapitel.
   ========================================================================== */

/* Der Leitsatz beginnt mit einer roten Haarlinie — die trägt den Block,
   dafür braucht er weniger Luft nach oben als vorher. */
.leistungen-page .hero + .sub-statement {
  padding-top: clamp(3.5rem, 7vw, 6rem);
}

/* Der Schauraum im Hero ist unten interessanter als oben — dort steht die
   Polstergarnitur, oben nur Decke. */
.leistungen-page .hero-media img {
  object-position: center 55%;
}

/* Nur vier Zeilen im Verzeichnis, daneben ein hochformatiges Bild: Mit dem
   Standardabstand wäre die Liste halb so hoch wie die Vorschau. Mehr Luft
   pro Zeile bringt beide Spalten auf eine ähnliche Höhe — und liest sich
   ruhiger. */
.leistungen-page .sub-index__link {
  padding-block: clamp(1.3rem, 2.6vw, 2.1rem);
}

/* Das erste Kapitel braucht keine zweite Linie: Das Verzeichnis darüber
   endet bereits mit einer. */
.leistungen-page .sub-index + .sub-chapter {
  border-top: 0;
  padding-top: 0;
}

/* Hier standen zwei Bildausschnitte: ein verschobener Ausschnitt für die
   Werkbank und ein eigenes Rahmenformat fürs Schlafsystem. Beide sind
   hinfällig — die Kapitelbilder werden nicht mehr beschnitten, jeder Rahmen
   nimmt die Form seiner Aufnahme an (siehe subpage.css). */

/* Das Kontaktformular schliesst die Seite ab und bekommt deshalb wieder
   eine sichtbare Kante nach oben. */
.leistungen-page .anfrage {
  border-top: 1px solid rgba(0, 0, 0, 0.14);
}