/* Praxoria Startseite – v629: Transferantwort zusammengeführt.
   Patch auf v628: Beobachtung und Freitextantwort als ein Arbeitsschritt, Rückmeldung ohne redundanten nächsten Schritt. */

html body.home.homeRefinedV629 .sceneTransferV588 .transferWorkflowV627{
  height:238px !important;
  background:
    radial-gradient(circle at 84% 18%, rgba(69,168,204,.095), transparent 30%),
    radial-gradient(circle at 10% 92%, rgba(143,180,95,.055), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.94), rgba(255,255,255,.72)) !important;
  box-shadow:0 26px 62px rgba(18,36,58,.068), inset 0 1px 0 rgba(255,255,255,.94) !important;
}

html body.home.homeRefinedV629 .sceneTransferV588 .workflowLayerV627{
  padding:20px 22px !important;
}


/* Transfer-Workflow: Beobachtung und Freitextantwort sind ein gemeinsamer Arbeitsschritt. */
html body.home.homeRefinedV629 .verticalLearningJourneyV584.is-transfer .sceneTransferV588 .observationLayerV627{
  display:none !important;
  animation:none !important;
  opacity:0 !important;
}
html body.home.homeRefinedV629 .verticalLearningJourneyV584.is-transfer .sceneTransferV588 .writeLayerV627{
  animation:v629MergedWriteLayer 13s cubic-bezier(.22,.72,.2,1) infinite !important;
}
html body.home.homeRefinedV629 .verticalLearningJourneyV584.is-transfer .sceneTransferV588 .assessLayerV627{
  animation:v629AssessLayer 13s cubic-bezier(.22,.72,.2,1) infinite !important;
}
html body.home.homeRefinedV629 .verticalLearningJourneyV584.is-transfer .sceneTransferV588 .feedbackLayerV627{
  animation:v629FeedbackLayer 13s cubic-bezier(.22,.72,.2,1) infinite !important;
}
html body.home.homeRefinedV629 .sceneTransferV588 .writeLayerV627 > strong{
  max-width:304px !important;
  margin-bottom:5px !important;
}
html body.home.homeRefinedV629 .sceneTransferV588 .transferPromptV628{
  display:block !important;
  max-width:292px !important;
  margin:0 0 7px !important;
  color:rgba(23,33,52,.58) !important;
  font-size:12.3px !important;
  line-height:1.24 !important;
  font-weight:820 !important;
}
html body.home.homeRefinedV629 .sceneTransferV588 .writeLayerV627 .answerPaperV627{
  height:78px !important;
  margin-top:7px !important;
  padding-top:10px !important;
}
html body.home.homeRefinedV629 .sceneTransferV588 .handLineOneV627{
  animation:v629WriteOne 13s linear infinite !important;
}
html body.home.homeRefinedV629 .sceneTransferV588 .handLineTwoV627{
  animation:v629WriteTwo 13s linear infinite !important;
}
html body.home.homeRefinedV629 .sceneTransferV588 .penStrokeV627{
  animation:v629Pen 13s cubic-bezier(.2,.72,.18,1) infinite !important;
}
html body.home.homeRefinedV629 .sceneTransferV588 .reviewButtonV627{
  animation:v629ReviewButton 13s ease-in-out infinite !important;
}

/* Bewertung: ruhiger kriterialer Abgleich statt technischer Chips */
html body.home.homeRefinedV629 .sceneTransferV588 .assessLayerV627{
  padding-top:19px !important;
}
html body.home.homeRefinedV629 .sceneTransferV588 .assessLayerV627 > strong{
  margin-bottom:4px !important;
  letter-spacing:-.038em !important;
}
html body.home.homeRefinedV629 .sceneTransferV588 .assessmentFocusV628{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  height:23px !important;
  margin:2px 0 8px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.66) !important;
  border:1px solid rgba(69,168,204,.12) !important;
  color:rgba(23,33,52,.50) !important;
  font-size:10.5px !important;
  line-height:1 !important;
  font-weight:860 !important;
  letter-spacing:.01em !important;
}
html body.home.homeRefinedV629 .sceneTransferV588 .criteriaLineV627{
  width:286px !important;
  min-height:31px !important;
  margin:6px 0 0 !important;
  padding:7px 12px 7px 34px !important;
  display:grid !important;
  grid-template-columns:auto 1fr !important;
  column-gap:7px !important;
  align-items:center !important;
  border-radius:15px !important;
  background:
    linear-gradient(90deg, rgba(225,247,253,.86), rgba(255,255,255,.72)) !important;
  border:1px solid rgba(69,168,204,.16) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86), 0 8px 18px rgba(69,168,204,.035) !important;
  color:rgba(23,33,52,.68) !important;
  transform-origin:left center !important;
}
html body.home.homeRefinedV629 .sceneTransferV588 .criteriaLineV627:nth-of-type(3){ animation:v629CriterionOne 13s ease-in-out infinite !important; }
html body.home.homeRefinedV629 .sceneTransferV588 .criteriaLineV627:nth-of-type(4){ animation:v629CriterionTwo 13s ease-in-out infinite !important; }
html body.home.homeRefinedV629 .sceneTransferV588 .criteriaLineV627:nth-of-type(5){ animation:v629CriterionThree 13s ease-in-out infinite !important; }
html body.home.homeRefinedV629 .sceneTransferV588 .criteriaLineV627 i{
  left:12px !important;
  width:9px !important;
  height:9px !important;
  background:rgba(69,168,204,.52) !important;
  box-shadow:0 0 0 5px rgba(69,168,204,.075) !important;
}
html body.home.homeRefinedV629 .sceneTransferV588 .criteriaLineV627 b{
  font-size:11.7px !important;
  line-height:1 !important;
  font-weight:930 !important;
  color:rgba(23,33,52,.72) !important;
}
html body.home.homeRefinedV629 .sceneTransferV588 .criteriaLineV627 em{
  justify-self:end !important;
  max-width:132px !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  font-style:normal !important;
  font-size:10.5px !important;
  line-height:1 !important;
  font-weight:760 !important;
  color:rgba(23,33,52,.46) !important;
}
html body.home.homeRefinedV629 .sceneTransferV588 .assessLayerV627::after{
  right:24px !important;
  top:31px !important;
  width:50px !important;
  height:50px !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(69,168,204,.34) 0 5px, transparent 6px),
    conic-gradient(from 0deg, rgba(69,168,204,.24), rgba(69,168,204,.05), rgba(69,168,204,.22), rgba(69,168,204,.06)) !important;
  box-shadow:0 14px 34px rgba(69,168,204,.075), inset 0 1px 0 rgba(255,255,255,.72) !important;
}
html body.home.homeRefinedV629 .sceneTransferV588 .assessLayerV627::before{
  content:"" !important;
  position:absolute !important;
  right:86px !important;
  top:73px !important;
  width:150px !important;
  height:1px !important;
  background:linear-gradient(90deg, transparent, rgba(69,168,204,.22), transparent) !important;
  opacity:0 !important;
  animation:v629ScanLine 13s ease-in-out infinite !important;
}

/* Rückmeldung: mehr Nutzwert, weniger blockig */
html body.home.homeRefinedV629 .sceneTransferV588 .feedbackLayerV627{
  padding-top:20px !important;
}
html body.home.homeRefinedV629 .sceneTransferV588 .feedbackLayerV627 > strong{
  max-width:245px !important;
  padding-right:62px !important;
  margin-bottom:9px !important;
  font-size:clamp(15.5px,1.06vw,18px) !important;
  letter-spacing:-.035em !important;
}
html body.home.homeRefinedV629 .sceneTransferV588 .feedbackLayerV627::after{
  right:23px !important;
  top:30px !important;
  width:52px !important;
  height:52px !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.74) 0 22px, transparent 23px),
    rgba(243,250,234,.88) !important;
  border-color:rgba(143,180,95,.24) !important;
  box-shadow:0 16px 32px rgba(143,180,95,.13), inset 0 1px 0 rgba(255,255,255,.9) !important;
}
html body.home.homeRefinedV629 .sceneTransferV588 .feedbackLineV627{
  position:relative !important;
  max-width:292px !important;
  min-height:38px !important;
  margin:6px 0 0 !important;
  padding:9px 11px 9px 14px !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.64) !important;
  border:1px solid rgba(23,33,52,.065) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9), 0 10px 22px rgba(18,36,58,.032) !important;
  color:rgba(23,33,52,.62) !important;
  font-size:11.1px !important;
  line-height:1.25 !important;
  font-weight:760 !important;
}
html body.home.homeRefinedV629 .sceneTransferV588 .feedbackLineV627 b{
  display:inline-block !important;
  margin:0 4px 2px 0 !important;
  color:#172134 !important;
  font-size:11.2px !important;
  font-weight:940 !important;
}
html body.home.homeRefinedV629 .sceneTransferV588 .feedbackLineV627 em{
  font-style:normal !important;
}
html body.home.homeRefinedV629 .sceneTransferV588 .feedbackNextV628{
  display:inline-flex !important;
  align-items:center !important;
  max-width:292px !important;
  height:24px !important;
  margin-top:6px !important;
  padding:0 12px 0 26px !important;
  border-radius:999px !important;
  background:rgba(243,250,234,.80) !important;
  border:1px solid rgba(143,180,95,.18) !important;
  color:rgba(85,111,55,.86) !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:900 !important;
  position:relative !important;
}
html body.home.homeRefinedV629 .sceneTransferV588 .feedbackNextV628::before{
  content:"" !important;
  position:absolute !important;
  left:11px !important;
  top:50% !important;
  width:7px !important;
  height:7px !important;
  border-radius:50% !important;
  background:rgba(143,180,95,.70) !important;
  transform:translateY(-50%) !important;
  box-shadow:0 0 0 5px rgba(143,180,95,.10) !important;
}


@keyframes v629MergedWriteLayer{
  0%,45%{ opacity:1; transform:translate3d(0,0,0); }
  52%,100%{ opacity:0; transform:translate3d(0,-8px,0); }
}
@keyframes v629AssessLayer{
  0%,48%,74%,100%{ opacity:0; transform:translate3d(0,10px,0); }
  56%,68%{ opacity:1; transform:translate3d(0,0,0); }
}
@keyframes v629FeedbackLayer{
  0%,70%,100%{ opacity:0; transform:translate3d(0,10px,0); }
  78%,97%{ opacity:1; transform:translate3d(0,0,0); }
}
@keyframes v629WriteOne{
  0%,5%{ clip-path:inset(0 100% 0 0); }
  20%,100%{ clip-path:inset(0 0 0 0); }
}
@keyframes v629WriteTwo{
  0%,18%{ clip-path:inset(0 100% 0 0); }
  36%,100%{ clip-path:inset(0 0 0 0); }
}
@keyframes v629Pen{
  0%,5%,39%,100%{ opacity:0; transform:translate3d(0,0,0) rotate(-4deg); }
  8%{ opacity:1; transform:translate3d(8px,0,0) rotate(-4deg); }
  20%{ opacity:1; transform:translate3d(170px,0,0) rotate(-4deg); }
  21%{ opacity:.95; transform:translate3d(0,22px,0) rotate(-3deg); }
  36%{ opacity:1; transform:translate3d(218px,22px,0) rotate(-3deg); }
}
@keyframes v629ReviewButton{
  0%,34%,100%{ opacity:0; transform:translateY(7px); }
  39%,47%{ opacity:1; transform:translateY(0); }
  52%{ opacity:0; transform:translateY(-5px); }
}

@keyframes v629CriterionOne{
  0%,56%{ transform:translateX(-4px); opacity:.62; }
  59%,72%{ transform:translateX(0); opacity:1; }
  73%,100%{ transform:translateX(0); opacity:.92; }
}
@keyframes v629CriterionTwo{
  0%,59%{ transform:translateX(-4px); opacity:.50; }
  62%,72%{ transform:translateX(0); opacity:1; }
  73%,100%{ transform:translateX(0); opacity:.92; }
}
@keyframes v629CriterionThree{
  0%,62%{ transform:translateX(-4px); opacity:.45; }
  65%,72%{ transform:translateX(0); opacity:1; }
  73%,100%{ transform:translateX(0); opacity:.92; }
}
@keyframes v629ScanLine{
  0%,57%,73%,100%{ opacity:0; transform:translateX(-18px); }
  62%,67%{ opacity:.8; transform:translateX(12px); }
}

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