/* Beitrag "Herzfrequenz als Steuerungsinstrument" – grosser Bild-Block (Spectra-Container 1340px,
   Hintergrund RunnerHR 47% 31%) mit Einleitung im halbtransparenten Balken + schwarzer Fazit-Kasten. Prefix: .hfs- */

.prose .hfs-hero {
  --bw: min(1340px, calc(100vw - 2 * var(--gutter)));
  position: relative; isolation: isolate; overflow: hidden;
  width: var(--bw);
  margin: 0 0 0 calc(50% - var(--bw) / 2);
  padding: 739px 0 150px;
  background: #2a2a2a;
}
.prose > .hfs-hero:first-child { margin-top: 0; }
.prose > .hfs-hero + * { margin-top: 2.4em; }
.prose .hfs-hero__bg {
  position: absolute; inset: 0; z-index: -1;
  width: 100%; height: 100%; max-width: none;
  object-fit: cover; object-position: 47% 31%; border-radius: 0;
}
.hfs-hero__bar { padding: 70px; background: rgba(55, 55, 55, .59); color: #fbfaf3; }
.prose .hfs-hero__bar p {
  margin: 10px 0; color: #fbfaf3;
  font-size: clamp(17px, 1rem + .3vw, 22px); font-weight: 300; line-height: 1.4;
}
.prose .hfs-hero__bar p:first-child { margin-top: 0; }
.prose .hfs-hero__bar p:last-child { margin-bottom: 0; }
@media (max-width: 1100px) { .prose .hfs-hero { padding-top: clamp(420px, 55vw, 739px); } }
@media (max-width: 781px) {
  .prose .hfs-hero { padding: 730px 0 215px; }
  .hfs-hero__bar { padding: 70px 30px; }
}

/* ---------- ZUSAMMENGEFASST (schwarzer Kasten) ---------- */
.prose .hfs-summary { margin-top: 2.6em; padding: 60px 40px; background: #111; color: #fbfaf3; }
.prose .hfs-summary h2 { margin: 0; color: #ff8c00; font-size: clamp(22px, 1.2rem + .7vw, 32px); }
.prose .hfs-summary p { margin: 19px 0 0; color: #fbfaf3; font-size: clamp(17px, 1rem + .3vw, 22px); font-weight: 300; line-height: 1.4; }
@media (max-width: 781px) { .prose .hfs-summary { padding: 50px 30px; } }