/* Praxoria Startseite – v627: Freitextbewertung sauber als Morphing der bestehenden Transferkarte.
   Basis: v607. Keine zusätzlichen Freitextkarten und keine Änderungen an Lern-Cockpit, Impulsübergang, Transferobjekten oder Nachweis. */

html body.home.homeRefinedV627 .sceneTransferV588 .transferWorkflowV627{
  left:13% !important;
  bottom:6% !important;
  width:370px !important;
  height:206px !important;
  padding:0 !important;
  z-index:7 !important;
  overflow:hidden !important;
  animation:none !important;
  transform:none !important;
  border-color:rgba(69,168,204,.18) !important;
  background:
    radial-gradient(circle at 86% 18%, rgba(69,168,204,.10), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.92), rgba(255,255,255,.68)) !important;
  box-shadow:0 24px 58px rgba(18,36,58,.072), inset 0 1px 0 rgba(255,255,255,.92) !important;
  backdrop-filter:blur(14px) saturate(1.06) !important;
  -webkit-backdrop-filter:blur(14px) saturate(1.06) !important;
}

html body.home.homeRefinedV627 .sceneTransferV588 .workflowLayerV627{
  position:absolute !important;
  inset:0 !important;
  box-sizing:border-box !important;
  padding:20px 22px !important;
  opacity:0;
  transform:translate3d(0,9px,0);
  pointer-events:none !important;
  display:block !important;
}
html body.home.homeRefinedV627 .sceneTransferV588 .observationLayerV627,
html body.home.homeRefinedV627 .sceneTransferV588 .writeLayerV627,
html body.home.homeRefinedV627 .sceneTransferV588 .assessLayerV627,
html body.home.homeRefinedV627 .sceneTransferV588 .feedbackLayerV627{ animation:none !important; }
html body.home.homeRefinedV627 .verticalLearningJourneyV584.is-transfer .sceneTransferV588 .observationLayerV627{ animation:v627Observe 13s cubic-bezier(.22,.72,.2,1) infinite !important; }
html body.home.homeRefinedV627 .verticalLearningJourneyV584.is-transfer .sceneTransferV588 .writeLayerV627{ animation:v627WriteLayer 13s cubic-bezier(.22,.72,.2,1) infinite !important; }
html body.home.homeRefinedV627 .verticalLearningJourneyV584.is-transfer .sceneTransferV588 .assessLayerV627{ animation:v627AssessLayer 13s cubic-bezier(.22,.72,.2,1) infinite !important; }
html body.home.homeRefinedV627 .verticalLearningJourneyV584.is-transfer .sceneTransferV588 .feedbackLayerV627{ animation:v627FeedbackLayer 13s cubic-bezier(.22,.72,.2,1) infinite !important; }

html body.home.homeRefinedV627 .sceneTransferV588 .workflowLayerV627 > strong{
  display:block !important;
  max-width:300px !important;
  margin:0 0 8px !important;
  font-size:clamp(16px,1.12vw,19px) !important;
  line-height:1.16 !important;
  font-weight:900 !important;
  letter-spacing:-.035em !important;
  color:#172134 !important;
}
html body.home.homeRefinedV627 .sceneTransferV588 .observationLayerV627 > span:not(.sceneEyebrowV588){
  display:block !important;
  max-width:260px !important;
  color:rgba(23,33,52,.62) !important;
  font-size:13px !important;
  line-height:1.3 !important;
  font-weight:770 !important;
}

html body.home.homeRefinedV627 .sceneTransferV588 .answerPaperV627{
  position:relative !important;
  display:block !important;
  height:82px !important;
  margin:10px 0 0 !important;
  padding:11px 13px !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.67) !important;
  border:1px solid rgba(23,33,52,.07) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92) !important;
  overflow:hidden !important;
}
html body.home.homeRefinedV627 .sceneTransferV588 .handLineV627{
  display:block !important;
  width:max-content !important;
  max-width:100% !important;
  overflow:hidden !important;
  white-space:nowrap !important;
  color:rgba(70,82,102,.80) !important;
  font-family:"Bradley Hand","Segoe Print","Comic Sans MS",cursive !important;
  font-size:14px !important;
  line-height:1.48 !important;
  font-weight:700 !important;
  clip-path:inset(0 100% 0 0);
}
html body.home.homeRefinedV627 .sceneTransferV588 .handLineOneV627{ animation:v627WriteOne 13s linear infinite !important; }
html body.home.homeRefinedV627 .sceneTransferV588 .handLineTwoV627{ animation:v627WriteTwo 13s linear infinite !important; }
html body.home.homeRefinedV627 .sceneTransferV588 .penStrokeV627{
  position:absolute !important;
  left:13px !important;
  top:23px !important;
  width:26px !important;
  height:7px !important;
  border-radius:999px !important;
  background:linear-gradient(90deg, rgba(69,168,204,.22), rgba(69,168,204,.70)) !important;
  box-shadow:0 7px 14px rgba(69,168,204,.17) !important;
  transform:rotate(-4deg);
  opacity:0;
  animation:v627Pen 13s cubic-bezier(.2,.72,.18,1) infinite !important;
}
html body.home.homeRefinedV627 .sceneTransferV588 .reviewButtonV627{
  position:absolute !important;
  right:22px !important;
  bottom:18px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:28px !important;
  padding:0 13px !important;
  border-radius:999px !important;
  background:rgba(220,244,252,.88) !important;
  border:1px solid rgba(69,168,204,.20) !important;
  color:rgba(23,33,52,.67) !important;
  font-size:11.5px !important;
  line-height:1 !important;
  font-weight:900 !important;
  opacity:0;
  transform:translateY(7px);
  animation:v627ReviewButton 13s ease-in-out infinite !important;
}

html body.home.homeRefinedV627 .sceneTransferV588 .criteriaLineV627{
  position:relative !important;
  display:block !important;
  width:255px !important;
  margin:8px 0 0 !important;
  padding:8px 10px 8px 30px !important;
  border-radius:999px !important;
  background:rgba(220,244,252,.62) !important;
  border:1px solid rgba(69,168,204,.15) !important;
  color:rgba(23,33,52,.64) !important;
  font-size:11.5px !important;
  line-height:1 !important;
  font-weight:860 !important;
}
html body.home.homeRefinedV627 .sceneTransferV588 .criteriaLineV627 i{
  position:absolute !important;
  left:11px !important;
  top:50% !important;
  width:8px !important;
  height:8px !important;
  border-radius:50% !important;
  background:rgba(69,168,204,.48) !important;
  transform:translateY(-50%) !important;
  box-shadow:0 0 0 5px rgba(69,168,204,.08) !important;
}
html body.home.homeRefinedV627 .sceneTransferV588 .assessLayerV627::after,
html body.home.homeRefinedV627 .sceneTransferV588 .feedbackLayerV627::after{
  content:"" !important;
  position:absolute !important;
  right:22px !important;
  top:32px !important;
  width:44px !important;
  height:44px !important;
  border-radius:50% !important;
  background:conic-gradient(from 0deg, rgba(69,168,204,.18), rgba(69,168,204,.04), rgba(69,168,204,.18)) !important;
  border:1px solid rgba(69,168,204,.13) !important;
  opacity:.86 !important;
  animation:v627SoftSpin 2.6s linear infinite !important;
}
html body.home.homeRefinedV627 .sceneTransferV588 .feedbackLayerV627::after{
  content:"✓" !important;
  display:grid !important;
  place-items:center !important;
  background:rgba(243,250,234,.88) !important;
  border-color:rgba(143,180,95,.24) !important;
  color:#6f9144 !important;
  font-size:27px !important;
  font-weight:900 !important;
  animation:none !important;
  box-shadow:0 14px 30px rgba(143,180,95,.14) !important;
}
html body.home.homeRefinedV627 .sceneTransferV588 .feedbackLayerV627 > strong{
  padding-right:58px !important;
  margin-bottom:10px !important;
}
html body.home.homeRefinedV627 .sceneTransferV588 .feedbackLineV627{
  display:block !important;
  max-width:292px !important;
  margin:8px 0 0 !important;
  padding:8px 10px !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.60) !important;
  border:1px solid rgba(23,33,52,.07) !important;
  color:rgba(23,33,52,.65) !important;
  font-size:11.2px !important;
  line-height:1.22 !important;
  font-weight:780 !important;
}
html body.home.homeRefinedV627 .sceneTransferV588 .feedbackLineV627 b{ color:#172134 !important; font-weight:930 !important; }

@keyframes v627Observe{
  0%,20%{ opacity:1; transform:translate3d(0,0,0); }
  26%,100%{ opacity:0; transform:translate3d(0,-8px,0); }
}
@keyframes v627WriteLayer{
  0%,22%,55%,100%{ opacity:0; transform:translate3d(0,10px,0); }
  28%,49%{ opacity:1; transform:translate3d(0,0,0); }
}
@keyframes v627AssessLayer{
  0%,51%,75%,100%{ opacity:0; transform:translate3d(0,10px,0); }
  58%,69%{ opacity:1; transform:translate3d(0,0,0); }
}
@keyframes v627FeedbackLayer{
  0%,70%,100%{ opacity:0; transform:translate3d(0,10px,0); }
  78%,96%{ opacity:1; transform:translate3d(0,0,0); }
}
@keyframes v627WriteOne{
  0%,27%{ clip-path:inset(0 100% 0 0); }
  37%,100%{ clip-path:inset(0 0 0 0); }
}
@keyframes v627WriteTwo{
  0%,36%{ clip-path:inset(0 100% 0 0); }
  47%,100%{ clip-path:inset(0 0 0 0); }
}
@keyframes v627Pen{
  0%,27%,50%,100%{ opacity:0; transform:translate3d(0,0,0) rotate(-4deg); }
  29%{ opacity:1; transform:translate3d(8px,0,0) rotate(-4deg); }
  37%{ opacity:1; transform:translate3d(188px,0,0) rotate(-4deg); }
  38%{ opacity:.95; transform:translate3d(0,22px,0) rotate(-3deg); }
  47%{ opacity:1; transform:translate3d(220px,22px,0) rotate(-3deg); }
}
@keyframes v627ReviewButton{
  0%,44%,100%{ opacity:0; transform:translateY(7px); }
  48%,54%{ opacity:1; transform:translateY(0); }
  57%{ opacity:0; transform:translateY(-5px); }
}
@keyframes v627SoftSpin{ to{ transform:rotate(360deg); } }

@media (max-width:980px){
  html body.home.homeRefinedV627 .sceneTransferV588 .transferWorkflowV627{
    left:10% !important;
    bottom:6% !important;
    width:76% !important;
    height:178px !important;
  }
}
@media (prefers-reduced-motion:reduce){
  html body.home.homeRefinedV627 .sceneTransferV588 .workflowLayerV627,
  html body.home.homeRefinedV627 .sceneTransferV588 .handLineV627,
  html body.home.homeRefinedV627 .sceneTransferV588 .penStrokeV627,
  html body.home.homeRefinedV627 .sceneTransferV588 .reviewButtonV627,
  html body.home.homeRefinedV627 .sceneTransferV588 .assessLayerV627::after{
    animation:none !important;
  }
  html body.home.homeRefinedV627 .sceneTransferV588 .observationLayerV627,
  html body.home.homeRefinedV627 .sceneTransferV588 .writeLayerV627,
  html body.home.homeRefinedV627 .sceneTransferV588 .assessLayerV627{ opacity:0 !important; }
  html body.home.homeRefinedV627 .sceneTransferV588 .feedbackLayerV627{ opacity:1 !important; transform:none !important; }
  html body.home.homeRefinedV627 .sceneTransferV588 .handLineV627{ clip-path:inset(0 0 0 0) !important; }
}