/* Praxoria Startseite – v633: Transfer-Animation ohne JS-Reflow stabilisiert.
   Basis: v630. Fix: kein MutationObserver, kein erzwungener Layout-Neustart. Die Transferantwort läuft pro Transfer-Einstieg einmal durch; „Antwort prüfen“ erscheint und wird geklickt, danach bleibt die Rückmeldung stabil stehen. */

/* v633 überschreibt die endlosen v629/v630-Animationen nur im aktiven Transferzustand. Beim Verlassen von .is-transfer fallen die Elemente auf den ruhenden Grundzustand zurück; beim erneuten Eintritt startet CSS die Animation neu. */
html body.home.homeRefinedV633 .verticalLearningJourneyV584.is-transfer .sceneTransferV588 .writeLayerV627{
  animation:v633WriteLayer 13s cubic-bezier(.22,.72,.2,1) 1 both !important;
}
html body.home.homeRefinedV633 .verticalLearningJourneyV584.is-transfer .sceneTransferV588 .assessLayerV627{
  animation:v633AssessLayer 13s cubic-bezier(.22,.72,.2,1) 1 both !important;
}
html body.home.homeRefinedV633 .verticalLearningJourneyV584.is-transfer .sceneTransferV588 .feedbackLayerV627{
  animation:v633FeedbackLayer 13s cubic-bezier(.22,.72,.2,1) 1 both !important;
}
html body.home.homeRefinedV633 .verticalLearningJourneyV584.is-transfer .sceneTransferV588 .handLineOneV627{
  animation:v633WriteOne 13s linear 1 both !important;
}
html body.home.homeRefinedV633 .verticalLearningJourneyV584.is-transfer .sceneTransferV588 .handLineTwoV627{
  animation:v633WriteTwo 13s linear 1 both !important;
}
html body.home.homeRefinedV633 .verticalLearningJourneyV584.is-transfer .sceneTransferV588 .penStrokeV627{
  animation:v633Pen 13s cubic-bezier(.2,.72,.18,1) 1 both !important;
}
html body.home.homeRefinedV633 .verticalLearningJourneyV584.is-transfer .sceneTransferV588 .reviewButtonV627{
  animation:v633ReviewButtonClick 13s cubic-bezier(.22,.72,.2,1) 1 both !important;
}
html body.home.homeRefinedV633 .verticalLearningJourneyV584.is-transfer .sceneTransferV588 .reviewButtonV627::after{
  animation:v633ReviewButtonRipple 13s ease-out 1 both !important;
}
html body.home.homeRefinedV633 .verticalLearningJourneyV584.is-transfer .sceneTransferV588 .reviewButtonV627::before{
  animation:v633ReviewButtonTapDot 13s ease-in-out 1 both !important;
}
html body.home.homeRefinedV633 .verticalLearningJourneyV584.is-transfer .sceneTransferV588 .criteriaLineV627:nth-of-type(3){
  animation:v633CriterionOne 13s ease-in-out 1 both !important;
}
html body.home.homeRefinedV633 .verticalLearningJourneyV584.is-transfer .sceneTransferV588 .criteriaLineV627:nth-of-type(4){
  animation:v633CriterionTwo 13s ease-in-out 1 both !important;
}
html body.home.homeRefinedV633 .verticalLearningJourneyV584.is-transfer .sceneTransferV588 .criteriaLineV627:nth-of-type(5){
  animation:v633CriterionThree 13s ease-in-out 1 both !important;
}
html body.home.homeRefinedV633 .verticalLearningJourneyV584.is-transfer .sceneTransferV588 .assessLayerV627::before{
  animation:v633ScanLine 13s ease-in-out 1 both !important;
}

@keyframes v633WriteLayer{
  0%,55%{ opacity:1; transform:translate3d(0,0,0); }
  60%,100%{ opacity:0; transform:translate3d(0,-8px,0); }
}
@keyframes v633AssessLayer{
  0%,56%,78%,100%{ opacity:0; transform:translate3d(0,10px,0); }
  61%,72%{ opacity:1; transform:translate3d(0,0,0); }
}
@keyframes v633FeedbackLayer{
  0%,76%{ opacity:0; transform:translate3d(0,10px,0); }
  83%,100%{ opacity:1; transform:translate3d(0,0,0); }
}
@keyframes v633WriteOne{
  0%,5%{ clip-path:inset(0 100% 0 0); }
  22%,100%{ clip-path:inset(0 0 0 0); }
}
@keyframes v633WriteTwo{
  0%,22%{ clip-path:inset(0 100% 0 0); }
  40%,100%{ clip-path:inset(0 0 0 0); }
}
@keyframes v633Pen{
  0%,5%,43%,100%{ opacity:0; transform:translate3d(0,0,0) rotate(-4deg); }
  8%{ opacity:1; transform:translate3d(8px,0,0) rotate(-4deg); }
  22%{ opacity:1; transform:translate3d(170px,0,0) rotate(-4deg); }
  23%{ opacity:.95; transform:translate3d(0,22px,0) rotate(-3deg); }
  40%{ opacity:1; transform:translate3d(218px,22px,0) rotate(-3deg); }
}
@keyframes v633ReviewButtonClick{
  0%,41%,100%{ opacity:0; transform:translateY(7px) scale(.98); }
  44%,49%{ 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); }
  51%{ 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); }
  53%{ 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); }
  55%{ opacity:1; transform:translateY(0) scale(1); }
  58%{ opacity:0; transform:translateY(-5px) scale(.98); }
}
@keyframes v633ReviewButtonRipple{
  0%,50%,100%{ opacity:0; transform:scale(.72); }
  52%{ opacity:.46; transform:scale(.82); }
  56%{ opacity:0; transform:scale(1.28); }
}
@keyframes v633ReviewButtonTapDot{
  0%,47%,100%{ opacity:0; transform:translate3d(0,-7px,0) scale(.82); }
  50%{ opacity:.95; transform:translate3d(0,0,0) scale(1); }
  51.5%{ opacity:.25; transform:translate3d(0,3px,0) scale(.72); }
  54%{ opacity:0; transform:translate3d(0,5px,0) scale(.62); }
}
@keyframes v633CriterionOne{
  0%,60%{ transform:translateX(-4px); opacity:.62; }
  63%,78%{ transform:translateX(0); opacity:1; }
  79%,100%{ transform:translateX(0); opacity:.92; }
}
@keyframes v633CriterionTwo{
  0%,63%{ transform:translateX(-4px); opacity:.50; }
  66%,78%{ transform:translateX(0); opacity:1; }
  79%,100%{ transform:translateX(0); opacity:.92; }
}
@keyframes v633CriterionThree{
  0%,66%{ transform:translateX(-4px); opacity:.45; }
  69%,78%{ transform:translateX(0); opacity:1; }
  79%,100%{ transform:translateX(0); opacity:.92; }
}
@keyframes v633ScanLine{
  0%,61%,79%,100%{ opacity:0; transform:translateX(-18px); }
  66%,71%{ opacity:.8; transform:translateX(12px); }
}

@media (prefers-reduced-motion:reduce){
  html body.home.homeRefinedV633 .verticalLearningJourneyV584.is-transfer .sceneTransferV588 .writeLayerV627,
  html body.home.homeRefinedV633 .verticalLearningJourneyV584.is-transfer .sceneTransferV588 .assessLayerV627,
  html body.home.homeRefinedV633 .verticalLearningJourneyV584.is-transfer .sceneTransferV588 .feedbackLayerV627,
  html body.home.homeRefinedV633 .verticalLearningJourneyV584.is-transfer .sceneTransferV588 .handLineV627,
  html body.home.homeRefinedV633 .verticalLearningJourneyV584.is-transfer .sceneTransferV588 .penStrokeV627,
  html body.home.homeRefinedV633 .verticalLearningJourneyV584.is-transfer .sceneTransferV588 .reviewButtonV627,
  html body.home.homeRefinedV633 .verticalLearningJourneyV584.is-transfer .sceneTransferV588 .reviewButtonV627::before,
  html body.home.homeRefinedV633 .verticalLearningJourneyV584.is-transfer .sceneTransferV588 .reviewButtonV627::after,
  html body.home.homeRefinedV633 .verticalLearningJourneyV584.is-transfer .sceneTransferV588 .criteriaLineV627,
  html body.home.homeRefinedV633 .verticalLearningJourneyV584.is-transfer .sceneTransferV588 .assessLayerV627::before{
    animation:none !important;
  }
  html body.home.homeRefinedV633 .verticalLearningJourneyV584.is-transfer .sceneTransferV588 .writeLayerV627,
  html body.home.homeRefinedV633 .verticalLearningJourneyV584.is-transfer .sceneTransferV588 .assessLayerV627{ opacity:0 !important; }
  html body.home.homeRefinedV633 .verticalLearningJourneyV584.is-transfer .sceneTransferV588 .feedbackLayerV627{ opacity:1 !important; transform:none !important; }
  html body.home.homeRefinedV633 .verticalLearningJourneyV584.is-transfer .sceneTransferV588 .handLineV627{ clip-path:inset(0 0 0 0) !important; }
}