/* ROTH INSTITUT · Inhouse-Führungsprogramme — seiteneigene Bausteine, nach main.css laden.
   Nur, was main.css nicht hergibt: fünfstufige Lernlogik, Aufzählung und CTA in der Beleg-Karte. */

/* ---------- Lernlogik: fünf Schritte in einer Reihe (Lernen → Werkzeug → Anwenden → Reflektieren → Transfer) ---------- */
.schritte--fuenf { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--s5); margin-top: var(--s8); }
.schritte--fuenf li { padding-right: var(--s3); }
.schritte--fuenf b { font-size: 1.0625rem; }

/* ---------- Beleg-Karte: Ablauf als Strichliste, Knopf am Kartenende ---------- */
.beleg .architekturen { margin-top: var(--s5); }
.beleg .architekturen li span { font-size: var(--klein); color: var(--text-2); line-height: 1.6; }
.beleg__cta { margin-top: var(--s6); }
.beleg--spalte { display: flex; flex-direction: column; }
.beleg--spalte .beleg__cta { margin-top: auto; padding-top: var(--s6); }

/* Verlinkte Chips (Erweiterungen): Farbe erben, Unterstrich erst beim Hover */
.beleg .chips li a { color: inherit; text-decoration: none; }
.beleg .chips li a:hover { text-decoration: underline; text-underline-offset: 3px; }

/* ---------- Responsive ---------- */
@media (max-width: 1180px) {
  .schritte--fuenf { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: var(--s7); }
}
@media (max-width: 960px) {
  .schritte--fuenf { grid-template-columns: 1fr; gap: var(--s7); }
}