/* ============ LEISTUNGS-UNTERSEITEN /services/<bereich>/<leistung>/ — Leistungsvorlage H-1 nach Figma Market analysis Entwurf 4 (542:3) + MA-M1 (1460:5).
   Baut auf bereich.css (Kopf, Text, Featured, FAQ) und produktfoto.css (Kontakt .pf-test, Band .pf-mehr, Brotkrume) auf; hier nur die Abstände der Vorlage ============ */

/* Kein Titelbild: Einleitung 123 unter der H1 */
.ls-seite .b-text{padding-top:calc(123 * var(--u))}

/* Featured work: Label 151 unter dem Text bzw. den Results; ein Case = Karte volle Breite (Bild 1380 × 776), Titel 520 breit;
   zwei Cases = nebeneinander wie bereich.css (.b-featured--2, Bild 675 × 427), hier ohne „View all work“ */
.ls-seite .b-featured{padding-top:calc(151 * var(--u))}
.b-featured--1 .b-f-raster{grid-template-columns:minmax(0,1fr)}
.b-featured--1 .b-f-bild{aspect-ratio:1380/776}
.b-featured--1 .b-f-titel{max-width:calc(520 * var(--u))}

/* FAQ: Kontakt-Linie 140 unter der letzten FAQ-Linie */
.ls-seite .b-faq{padding-bottom:calc(139 * var(--u))}

/* ---------- Tablet (noch nicht designt) ---------- */
@media (max-width:1100px){
  .ls-seite .b-text{padding-top:100px}
  .ls-seite .b-featured{padding-top:100px}
  .ls-seite .b-faq{padding-bottom:100px}
}

/* ---------- Mobil (MA-M1): Einleitung 64 unter der H1, Abschnitte 80 auseinander, Case-Kachel 350 × 221 wie alle mobilen Kacheln ---------- */
@media (max-width:760px){
  .ls-seite .b-text{padding-top:64px}
  .ls-seite .b-featured{padding-top:80px}
  .b-featured--1 .b-f-bild{aspect-ratio:350/221}
  .b-featured--1 .b-f-titel{max-width:none}
  .ls-seite .b-faq{padding-top:80px;padding-bottom:80px}
}