body { font-family: 'Raleway', sans-serif; }
.grad-text {
  font-weight: 800;
  background: linear-gradient(90deg, #0039A6, #522398, #0039A6);
  background-size: 400% auto;
  -webkit-background-clip: text; background-clip: text; color: transparent;
  animation: gradMove 6s ease infinite;
}
@keyframes gradMove { 0% { background-position: 0% center; } 100% { background-position: 400% center; } }
@media (prefers-reduced-motion: reduce) { .grad-text { animation: none; } }

.kurs-hero { background: linear-gradient(120deg, #0039A6 0%, #2b2f9e 55%, #522398 100%); }
.fortschritt { height: 6px; border-radius: 999px; background: #e3e8f5; overflow: hidden; }
.fortschritt > span { display: block; height: 100%; border-radius: 999px; background: linear-gradient(90deg, #0039A6, #522398); }

.lektion-inhalt p { margin: 0 0 1em; line-height: 1.7; }
.lektion-inhalt h2 { font-size: 1.25rem; font-weight: 700; color: #0039A6; margin: 1.5em 0 .5em; }
.lektion-inhalt h3 { font-size: 1.05rem; font-weight: 700; margin: 1.2em 0 .4em; }
.lektion-inhalt ul, .lektion-inhalt ol { margin: 0 0 1em 1.4em; line-height: 1.7; }
.lektion-inhalt ul { list-style: disc; }
.lektion-inhalt ol { list-style: decimal; }
.lektion-inhalt a { color: #0039A6; font-weight: 600; text-decoration: underline; }

.video-rahmen { position: relative; aspect-ratio: 16 / 9; width: 100%; border-radius: 16px; overflow: hidden; background: #0b1530; }
.video-rahmen iframe, .video-rahmen video { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.lektion-inhalt figure { margin: 1.5em 0; }
.lektion-inhalt figure img { display: block; max-width: 100%; height: auto; border-radius: 12px; box-shadow: 0 4px 16px rgba(0, 57, 166, .12); }