/* Fallstudie Morgenautomatik: nur fuer diese Seite (Kundenblick Runde 5,
   22.10.2026). fallstudie.css bleibt unveraendert, weil die Startseite es
   mitlaedt. */

/* Ersparnis direkt unter den drei Zahlen */
.seite-fallstudie .hero .fs-ersparnis { grid-template-columns: 1fr 1fr; margin-top: -4px; }

/* Zeitleiste: am Desktop der ganze Satz, am Handy Uhrzeit plus Kurztext */
.agenda__name.fs-kurz { display: none; }

/* Sichtbarer Abstand nach der Zeitleiste: 88px, am Handy 56px
   (die letzte Karte bringt sonst 8px Rand mit) */
.seite-fallstudie .prose .agenda__item:last-child .agenda__card { margin-bottom: 0; }

@media (max-width: 640px) {
  .agenda__name.fs-kurz { display: block; margin: 0; font-size: 15.5px; }
  .agenda__name.fs-lang { display: none; }
  .seite-fallstudie .prose .agenda__item { grid-template-columns: 48px 22px 1fr; }
  .seite-fallstudie .prose .agenda__time { padding-top: 13px; font-size: 12.5px; }
  .seite-fallstudie .prose .agenda__card { margin: 3px 0; padding: 8px 12px; }
  .seite-fallstudie .prose .agenda__rail::after { top: 17px; }
  .seite-fallstudie .prose .agenda__item:first-child .agenda__rail::before { top: 17px; }
  .seite-fallstudie .prose .agenda__item:last-child .agenda__rail::before { bottom: calc(100% - 21px); }
}
@media (max-width: 560px) {
  .seite-fallstudie .hero .fs-ersparnis { grid-template-columns: 1fr 1fr; gap: 10px; }
  .seite-fallstudie .hero .fs-ersparnis .fs-zahl { padding: 16px 14px 14px; }
  .seite-fallstudie .hero .fs-ersparnis .fs-zahl__num { font-size: 32px; white-space: nowrap; }
  .seite-fallstudie .hero .fs-ersparnis .fs-zahl__text { font-size: 14px; line-height: 1.45; }
  .seite-fallstudie .hero .fs-ersparnis .fs-zahl__src { font-size: 10.5px; letter-spacing: 0.04em; }
}