/* Abschnittsueberschriften in der Course Outline (z. B. "Check-in") */
.ld-accordion__subheading {
  color: #000066 !important;
}

/* Lesson- und Topic-Titel (Links) in der Course Outline */
.ld-accordion__item-title {
  color: #2D3748 !important;
}

/* Grauer Hintergrund beim Hovern bzw. wenn eine Lesson/Topic geoeffnet ist */
.ld-accordion__item:focus-within,
.ld-accordion__item:has(.ld-accordion__expand-button[aria-expanded="true"]),
.ld-accordion__item:hover {
  background-color: #f6f6fb !important;
}

/* Rahmenfarbe (Theme-Variable) fuer Accordion-Sections, Enrollment-Box und
   Kurskarten-Grid auf einheitliches Hellblau-Grau umstellen */
:root {
  --ld-color-primitives-grey-140: #e8ebf3 !important;
}

/* "Course Progress": Ueberschrift, Prozentzahl, Steps-Anzahl und "Last Activity"
   erben die Farbe vom Container - hier auf Lesson-/Topic-Farbe umgestellt */
.ld-progress-bar {
  color: #2D3748 !important;
}

/* "Expand All" / "Collapse All" (und je Lesson/Topic) inkl. Pfeil-Icon:
   Grundfarbe auf Lesson-/Topic-Farbe, Hover bleibt Akzentfarbe */
.ld-accordion__expand-button,
.ld-accordion__expand-button:focus {
  color: #2D3748 !important;
}
.ld-accordion__expand-button:hover {
  color: var(--ld-color-brand-primary) !important;
}

/* Grauer Hintergrundbalken des Fortschrittsbalkens (Meter-Background) */
.ld-progress-bar__meter-background {
  background-color: #e8ebf3 !important;
}

/* Kurstitel: line-height war fest auf 52px (unabhaengig von der Schriftgroesse)
   und dadurch bei einem zweizeiligen Titel ueberlappend. Jetzt proportional
   (em-basiert) plus kleinere Schriftgroesse auf Tablet/Mobile, damit weniger
   haeufig umgebrochen wird. */
[data-prefix="sfwd-courses_single"] .entry-header .page-title {
  line-height: 1.1 !important;
}

@media (max-width: 999.98px) {
  [data-prefix="sfwd-courses_single"] .entry-header .page-title {
    font-size: 56px !important;
  }
}

@media (max-width: 689.98px) {
  [data-prefix="sfwd-courses_single"] .entry-header .page-title {
    font-size: 38px !important;
  }
}