/* Praxoria Home Refinement v590
   Korrektur nur für die Lern-Cockpit-Sequenz: Das Cockpit bleibt nach dem Zugangscode nicht leer,
   sondern füllt sich sofort sichtbar mit Kursaufbau, Lernstand und nächstem Schritt. */

html body.home.homeRefinedV590 .cockpitMomentV588{
  min-height:300px !important;
  padding:24px 26px 26px !important;
}

html body.home.homeRefinedV590 .courseFlowV588{
  margin:18px 0 18px !important;
  gap:12px !important;
}

html body.home.homeRefinedV590 .courseFlowV588 .flowRowV588,
html body.home.homeRefinedV590 .nextPillV588{
  opacity:0 !important;
  transform:translateY(6px) !important;
  animation:v590CockpitContentAppears 8.8s ease-in-out infinite !important;
}

html body.home.homeRefinedV590 .courseFlowV588 .flowRowV588:nth-child(1){ animation-delay:.02s !important; }
html body.home.homeRefinedV590 .courseFlowV588 .flowRowV588:nth-child(2){ animation-delay:.12s !important; }
html body.home.homeRefinedV590 .courseFlowV588 .flowRowV588:nth-child(3){ animation-delay:.22s !important; }
html body.home.homeRefinedV590 .nextPillV588{ animation-delay:.34s !important; }

html body.home.homeRefinedV590 .courseFlowV588 .flowRowV588.isActiveV588{
  color:#172134 !important;
}

html body.home.homeRefinedV590 .courseFlowV588 .flowRowV588.isQuietV588{
  opacity:0 !important;
  color:rgba(23,33,52,.56) !important;
}

@keyframes v590CockpitContentAppears{
  0%,22%{
    opacity:0;
    transform:translateY(6px);
  }
  30%,92%{
    opacity:1;
    transform:translateY(0);
  }
  100%{
    opacity:.82;
    transform:translateY(-1px);
  }
}

/* Die dritte Zeile ist bewusst leiser, aber nicht unsichtbar. */
html body.home.homeRefinedV590 .courseFlowV588 .flowRowV588.isQuietV588{
  animation-name:v590CockpitQuietContentAppears !important;
}
@keyframes v590CockpitQuietContentAppears{
  0%,22%{
    opacity:0;
    transform:translateY(6px);
  }
  30%,92%{
    opacity:.56;
    transform:translateY(0);
  }
  100%{
    opacity:.45;
    transform:translateY(-1px);
  }
}

@media (prefers-reduced-motion: reduce){
  html body.home.homeRefinedV590 .courseFlowV588 .flowRowV588,
  html body.home.homeRefinedV590 .nextPillV588{
    animation:none !important;
    opacity:1 !important;
    transform:none !important;
  }
  html body.home.homeRefinedV590 .courseFlowV588 .flowRowV588.isQuietV588{
    opacity:.56 !important;
  }
}