.lesson-navigation {
  display: flex !important;
  justify-content: center !important;
  gap: 1rem !important;
  margin-top: 2rem;
  flex-wrap: wrap;
}

.lesson-navigation .md-button {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.lesson-navigation img {
  height: 1em; /* Farben vom Theme übernehmen */
}

@media (max-width: 600px) {
  .lesson-navigation {
    flex-direction: column;
    align-items: stretch;
  }
  .lesson-navigation a {
    justify-content: center;
  }
}