/* V607: nur zwei Korrekturen am Kartenübergang.
   1) „Merken · Eins-zu-Eins“ darf nicht hinter „Impuls im Kurs“ liegen.
   2) „Impuls · Frage mitnehmen“ endet innerhalb der Zielkarte, statt links darüber hinauszulaufen. */

/* Transferkarten wieder sauber staffeln: die Zielkarte bleibt Empfangsfläche,
   die Merken-Karte liegt aber nicht mehr darunter. */
html body.home.homeRefinedV607 .sceneTransferV588 .courseImpulseV588{
  z-index:6 !important;
}
html body.home.homeRefinedV607 .sceneTransferV588 .knowledgeCardV588{
  z-index:7 !important;
}

/* Die reisende Karte startet weiterhin erst nach der geöffneten Kurseinheit,
   dockt aber kürzer und kontrollierter in der Zielkarte an. */
html body.home.homeRefinedV607 .sceneLearnV588 .impulseCarryV595,
html body.home.homeRefinedV607 .verticalLearningJourneyV584.is-learn .sceneLearnV588 .impulseCarryV595{
  left:54.5% !important;
  top:74.5% !important;
  z-index:42 !important;
  opacity:1 !important;
  transform:translate3d(0,0,0) scale(1) !important;
  translate:0 10px;
  scale:.94;
  clip-path:inset(0 0 100% 0 round 21px);
  filter:opacity(0) saturate(.98);
  animation:v607ImpulseDockInsideTarget 9.6s cubic-bezier(.18,.76,.14,1) 1 forwards !important;
}

/* Bei Scroll-Wechseln liegt der Endzustand ebenfalls innerhalb der Zielkarte,
   nicht links daneben. */
html body.home.homeRefinedV607 .verticalLearningJourneyV584.is-transfer .sceneLearnV588 .impulseCarryV595,
html body.home.homeRefinedV607 .verticalLearningJourneyV584.is-document .sceneLearnV588 .impulseCarryV595{
  opacity:1 !important;
  transform:translate3d(0,0,0) scale(1) !important;
  translate:-312px 306px;
  scale:.84;
  clip-path:inset(0 0 0 0 round 21px);
  filter:opacity(0) saturate(.86);
  animation:none !important;
}

/* Die Zielkarte nimmt die Bewegung auf, ohne andere Transferobjekte zu überdecken. */
html body.home.homeRefinedV607 .verticalLearningJourneyV584.is-learn .sceneTransferV588 .courseImpulseV588{
  z-index:6 !important;
  opacity:.58 !important;
  transform:translateY(0) scale(1) !important;
  translate:0 8px;
  scale:.985;
  filter:opacity(.58) saturate(.94);
  animation:v607CourseImpulseReceive 9.6s cubic-bezier(.18,.76,.14,1) 1 forwards !important;
}
html body.home.homeRefinedV607 .verticalLearningJourneyV584.is-transfer .sceneTransferV588 .courseImpulseV588{
  z-index:6 !important;
}

@keyframes v607ImpulseDockInsideTarget{
  0%,73%{
    clip-path:inset(0 0 100% 0 round 21px);
    filter:opacity(0) saturate(.98);
    translate:0 10px;
    scale:.94;
  }
  78%{
    clip-path:inset(0 0 0 0 round 21px);
    filter:opacity(.98) saturate(1.02);
    translate:0 0;
    scale:1;
  }
  84%{
    clip-path:inset(0 0 0 0 round 21px);
    filter:opacity(1) saturate(1.02);
    translate:-44px 42px;
    scale:1.01;
  }
  90%{
    clip-path:inset(0 0 0 0 round 21px);
    filter:opacity(.90) saturate(.98);
    translate:-154px 150px;
    scale:.95;
  }
  96%{
    clip-path:inset(0 0 0 0 round 21px);
    filter:opacity(.28) saturate(.9) blur(.05px);
    translate:-278px 270px;
    scale:.88;
  }
  100%{
    clip-path:inset(0 0 0 0 round 21px);
    filter:opacity(0) saturate(.86) blur(.1px);
    translate:-312px 306px;
    scale:.84;
  }
}

@keyframes v607CourseImpulseReceive{
  0%,85%{
    translate:0 10px;
    scale:.982;
    filter:opacity(.48) saturate(.92);
  }
  94%{
    translate:0 2px;
    scale:1.008;
    filter:opacity(.72) saturate(1.02);
  }
  100%{
    translate:0 0;
    scale:1;
    filter:opacity(.58) saturate(.98);
  }
}

@media (prefers-reduced-motion: reduce){
  html body.home.homeRefinedV607 .sceneLearnV588 .impulseCarryV595{
    animation:none !important;
    translate:-312px 306px;
    scale:.84;
    filter:opacity(0) saturate(.86);
  }
}

@media (max-width:1220px){
  html body.home.homeRefinedV607 .sceneLearnV588 .impulseCarryV595,
  html body.home.homeRefinedV607 .verticalLearningJourneyV584.is-learn .sceneLearnV588 .impulseCarryV595{
    left:52% !important;
    top:75% !important;
  }
  html body.home.homeRefinedV607 .verticalLearningJourneyV584.is-transfer .sceneLearnV588 .impulseCarryV595,
  html body.home.homeRefinedV607 .verticalLearningJourneyV584.is-document .sceneLearnV588 .impulseCarryV595{
    translate:-248px 300px;
  }
  @keyframes v607ImpulseDockInsideTarget{
    0%,73%{ clip-path:inset(0 0 100% 0 round 21px); filter:opacity(0); translate:0 10px; scale:.94; }
    78%{ clip-path:inset(0 0 0 0 round 21px); filter:opacity(.98); translate:0 0; scale:1; }
    84%{ clip-path:inset(0 0 0 0 round 21px); filter:opacity(1); translate:-34px 42px; scale:1.01; }
    90%{ clip-path:inset(0 0 0 0 round 21px); filter:opacity(.90); translate:-118px 146px; scale:.95; }
    96%{ clip-path:inset(0 0 0 0 round 21px); filter:opacity(.28); translate:-222px 264px; scale:.88; }
    100%{ clip-path:inset(0 0 0 0 round 21px); filter:opacity(0); translate:-248px 300px; scale:.84; }
  }
}

@media (max-width:680px){
  html body.home.homeRefinedV607 .sceneLearnV588 .impulseCarryV595,
  html body.home.homeRefinedV607 .verticalLearningJourneyV584.is-learn .sceneLearnV588 .impulseCarryV595{
    left:38% !important;
    top:74% !important;
  }
  html body.home.homeRefinedV607 .verticalLearningJourneyV584.is-transfer .sceneLearnV588 .impulseCarryV595,
  html body.home.homeRefinedV607 .verticalLearningJourneyV584.is-document .sceneLearnV588 .impulseCarryV595{
    translate:-116px 222px;
  }
  @keyframes v607ImpulseDockInsideTarget{
    0%,73%{ clip-path:inset(0 0 100% 0 round 21px); filter:opacity(0); translate:0 10px; scale:.94; }
    78%{ clip-path:inset(0 0 0 0 round 21px); filter:opacity(.98); translate:0 0; scale:1; }
    86%{ clip-path:inset(0 0 0 0 round 21px); filter:opacity(.82); translate:-46px 86px; scale:.96; }
    100%{ clip-path:inset(0 0 0 0 round 21px); filter:opacity(0); translate:-116px 222px; scale:.84; }
  }
}