/* Praxoria Startseite – v630: kursnahe Terminologie und Klickmoment.
   Patch auf v629: „Beleg“ wird durch die in course.html verwendeten Aufgabenbegriffe ersetzt; die Schaltfläche „Antwort prüfen“ wird nach dem Schreiben sichtbar geklickt. */

html body.home.homeRefinedV630 .sceneTransferV588 .assessmentFocusV628{
  max-width:322px !important;
  white-space:nowrap !important;
  letter-spacing:-.012em !important;
}

html body.home.homeRefinedV630 .sceneTransferV588 .criteriaLineV627{
  width:304px !important;
  grid-template-columns:minmax(0,1fr) auto !important;
}
html body.home.homeRefinedV630 .sceneTransferV588 .criteriaLineV627 b{
  min-width:0 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
html body.home.homeRefinedV630 .sceneTransferV588 .criteriaLineV627 em{
  max-width:124px !important;
}

html body.home.homeRefinedV630 .sceneTransferV588 .reviewButtonV627{
  position:absolute !important;
  overflow:visible !important;
  transform-origin:center center !important;
  animation:v630ReviewButtonClick 13s cubic-bezier(.22,.72,.2,1) infinite !important;
  box-shadow:0 9px 18px rgba(69,168,204,.10), inset 0 1px 0 rgba(255,255,255,.78) !important;
}
html body.home.homeRefinedV630 .sceneTransferV588 .reviewButtonV627::after{
  content:"" !important;
  position:absolute !important;
  inset:-7px !important;
  border-radius:999px !important;
  border:2px solid rgba(69,168,204,.26) !important;
  opacity:0 !important;
  transform:scale(.72) !important;
  pointer-events:none !important;
  animation:v630ReviewButtonRipple 13s ease-out infinite !important;
}
html body.home.homeRefinedV630 .sceneTransferV588 .reviewButtonV627::before{
  content:"" !important;
  position:absolute !important;
  right:14px !important;
  top:-10px !important;
  width:9px !important;
  height:9px !important;
  border-radius:50% !important;
  background:rgba(69,168,204,.34) !important;
  box-shadow:0 0 0 5px rgba(69,168,204,.075) !important;
  opacity:0 !important;
  transform:translate3d(0,-7px,0) scale(.82) !important;
  pointer-events:none !important;
  animation:v630ReviewButtonTapDot 13s ease-in-out infinite !important;
}

html body.home.homeRefinedV630 .sceneTransferV588 .feedbackLineV627{
  max-width:310px !important;
}
html body.home.homeRefinedV630 .sceneTransferV588 .feedbackNextV628{
  max-width:310px !important;
}

@keyframes v630ReviewButtonClick{
  0%,34%,100%{ opacity:0; transform:translateY(7px) scale(.98); }
  39%,44.5%{ opacity:1; transform:translateY(0) scale(1); box-shadow:0 9px 18px rgba(69,168,204,.10), inset 0 1px 0 rgba(255,255,255,.78); }
  46.5%{ opacity:1; transform:translateY(1px) scale(.955); box-shadow:0 4px 10px rgba(69,168,204,.09), inset 0 2px 5px rgba(23,33,52,.08); }
  49%{ opacity:1; transform:translateY(0) scale(1.035); box-shadow:0 12px 22px rgba(69,168,204,.14), inset 0 1px 0 rgba(255,255,255,.82); }
  51%{ opacity:1; transform:translateY(0) scale(1); }
  54%{ opacity:0; transform:translateY(-5px) scale(.98); }
}
@keyframes v630ReviewButtonRipple{
  0%,45.5%,100%{ opacity:0; transform:scale(.72); }
  47%{ opacity:.46; transform:scale(.82); }
  51.5%{ opacity:0; transform:scale(1.28); }
}
@keyframes v630ReviewButtonTapDot{
  0%,42.5%,100%{ opacity:0; transform:translate3d(0,-7px,0) scale(.82); }
  45.5%{ opacity:.95; transform:translate3d(0,0,0) scale(1); }
  47%{ opacity:.25; transform:translate3d(0,3px,0) scale(.72); }
  49%{ opacity:0; transform:translate3d(0,5px,0) scale(.62); }
}

@media (prefers-reduced-motion:reduce){
  html body.home.homeRefinedV630 .sceneTransferV588 .reviewButtonV627::before,
  html body.home.homeRefinedV630 .sceneTransferV588 .reviewButtonV627::after{
    animation:none !important;
    opacity:0 !important;
  }
}