/* Praxoria Startseite – v584: vertikale Lernreise mit drei Ankerpunkten, ohne Hintergrundbox. */

html body.home.homeRefinedV584 .whyNarrative{
  grid-template-columns:minmax(300px,.74fr) minmax(460px,1.26fr) !important;
  gap:clamp(34px,5.2vw,82px) !important;
  align-items:start !important;
}

html body.home.homeRefinedV584 .whyNarrative::before{
  opacity:.42 !important;
}

html body.home.homeRefinedV584 .whyEditorialLead.whyJourneyPanelV584{
  position:sticky !important;
  top:86px !important;
  align-self:start !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:center !important;
  min-height:min(880px, calc(100vh - 124px)) !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
  isolation:isolate !important;
}
html body.home.homeRefinedV584 .whyEditorialLead.whyJourneyPanelV584::before,
html body.home.homeRefinedV584 .whyEditorialLead.whyJourneyPanelV584::after{
  display:none !important;
  content:none !important;
}

html body.home.homeRefinedV584 .verticalLearningJourneyV584{
  --journey-blue:#4ba9cc;
  --journey-blue-deep:#2f7f9d;
  --journey-gold:#d2a54e;
  --journey-gold-deep:#9d7732;
  --journey-green:#8fb45f;
  --journey-green-deep:#658b3f;
  --journey-ink:#172134;
  --journey-muted:#687282;
  --journey-active:var(--journey-blue-deep);
  --journey-progress:.06;
  position:relative !important;
  width:min(100%, 560px) !important;
  height:min(880px, calc(100vh - 124px)) !important;
  min-height:620px !important;
  pointer-events:none !important;
  overflow:visible !important;
  isolation:isolate !important;
}
html body.home.homeRefinedV584 .verticalLearningJourneyV584.is-transfer{ --journey-active:var(--journey-gold-deep); }
html body.home.homeRefinedV584 .verticalLearningJourneyV584.is-document{ --journey-active:var(--journey-green-deep); }

html body.home.homeRefinedV584 .verticalLearningJourneyV584::before{
  content:"" !important;
  position:absolute !important;
  inset:-8% -12% -6% -12% !important;
  z-index:0 !important;
  background:
    radial-gradient(circle at 52% var(--journey-air-y, 12%), color-mix(in oklab, var(--journey-active) 8%, transparent), transparent 26%),
    radial-gradient(circle at 18% 12%, rgba(75,169,204,.045), transparent 30%),
    radial-gradient(circle at 80% 54%, rgba(210,165,78,.038), transparent 30%),
    radial-gradient(circle at 62% 92%, rgba(143,180,95,.045), transparent 30%) !important;
  filter:blur(22px) !important;
  opacity:.70 !important;
  transition:background .7s ease !important;
}

html body.home.homeRefinedV584 .journeyCanvasV584{
  position:relative !important;
  z-index:1 !important;
  width:100% !important;
  height:100% !important;
  overflow:visible !important;
}
html body.home.homeRefinedV584 .journeyCanvasV584 *{ vector-effect:non-scaling-stroke; }

html body.home.homeRefinedV584 .journeyTrackV584{
  fill:none !important;
  stroke:rgba(23,33,52,.105) !important;
  stroke-width:2.2 !important;
  stroke-linecap:round !important;
}
html body.home.homeRefinedV584 .journeyProgressV584{
  fill:none !important;
  stroke:url(#journeyLineV584) !important;
  stroke-width:4.2 !important;
  stroke-linecap:round !important;
  stroke-dasharray:1 !important;
  stroke-dashoffset:.94;
  opacity:.70 !important;
  transition:stroke-dashoffset .28s ease, opacity .38s ease !important;
}

html body.home.homeRefinedV584 .journeyAnchorV584{
  opacity:.82 !important;
  transform-box:fill-box !important;
  transform-origin:center !important;
  transition:opacity .48s ease, filter .48s ease !important;
}
html body.home.homeRefinedV584 .anchorHaloV584{
  fill:rgba(255,255,255,.60) !important;
  stroke:rgba(23,33,52,.10) !important;
  stroke-width:1.15 !important;
  filter:url(#journeyTinyShadowV584) !important;
}
html body.home.homeRefinedV584 .anchorDotV584{
  fill:var(--journey-blue-deep) !important;
  opacity:.68 !important;
}
html body.home.homeRefinedV584 .anchorTransferV584 .anchorDotV584{ fill:var(--journey-gold-deep) !important; }
html body.home.homeRefinedV584 .anchorDocumentV584 .anchorDotV584{ fill:var(--journey-green-deep) !important; }
html body.home.homeRefinedV584 .verticalLearningJourneyV584.is-learn .anchorLearnV584,
html body.home.homeRefinedV584 .verticalLearningJourneyV584.is-transfer .anchorTransferV584,
html body.home.homeRefinedV584 .verticalLearningJourneyV584.is-document .anchorDocumentV584{
  opacity:1 !important;
}
html body.home.homeRefinedV584 .verticalLearningJourneyV584.is-learn .anchorLearnV584 .anchorHaloV584,
html body.home.homeRefinedV584 .verticalLearningJourneyV584.is-transfer .anchorTransferV584 .anchorHaloV584,
html body.home.homeRefinedV584 .verticalLearningJourneyV584.is-document .anchorDocumentV584 .anchorHaloV584{
  stroke:color-mix(in oklab, var(--journey-active) 34%, transparent) !important;
  fill:color-mix(in oklab, var(--journey-active) 9%, #fff) !important;
  animation:anchorBreathV584 3.8s ease-in-out infinite !important;
}

html body.home.homeRefinedV584 .paperV584,
html body.home.homeRefinedV584 .screenV584{
  fill:rgba(255,255,255,.92) !important;
  stroke:rgba(23,33,52,.12) !important;
  stroke-width:1.15 !important;
}
html body.home.homeRefinedV584 .screenV584,
html body.home.homeRefinedV584 .bluePaperV584{ fill:url(#journeyBluePaperV584) !important; stroke:rgba(75,169,204,.23) !important; }
html body.home.homeRefinedV584 .goldPaperV584{ fill:url(#journeyGoldPaperV584) !important; stroke:rgba(210,165,78,.26) !important; }
html body.home.homeRefinedV584 .greenPaperV584{ fill:url(#journeyGreenPaperV584) !important; stroke:rgba(143,180,95,.28) !important; }
html body.home.homeRefinedV584 .baseV584{ fill:rgba(255,255,255,.72) !important; stroke:rgba(23,33,52,.10) !important; }
html body.home.homeRefinedV584 .deskLineV584,
html body.home.homeRefinedV584 .roomGroundV584{
  fill:none !important;
  stroke:rgba(23,33,52,.105) !important;
  stroke-width:2.1 !important;
  stroke-linecap:round !important;
}
html body.home.homeRefinedV584 .inputV584,
html body.home.homeRefinedV584 .nextCardV584{
  fill:rgba(255,255,255,.90) !important;
  stroke:rgba(75,169,204,.22) !important;
  stroke-width:1.1 !important;
}
html body.home.homeRefinedV584 .quietLineV584{
  fill:none !important;
  stroke:rgba(23,33,52,.20) !important;
  stroke-width:5 !important;
  stroke-linecap:round !important;
}

html body.home.homeRefinedV584 .verticalLearningJourneyV584 text{
  font-family:var(--font, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif) !important;
  paint-order:stroke !important;
  stroke:rgba(255,255,255,.50) !important;
  stroke-width:.35 !important;
}
html body.home.homeRefinedV584 .microLabelV584{
  font-size:11px !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
  font-weight:850 !important;
  fill:rgba(23,33,52,.58) !important;
}
html body.home.homeRefinedV584 .sceneTitleV584{
  font-size:17px !important;
  font-weight:850 !important;
  letter-spacing:-.015em !important;
  fill:#172134 !important;
}
html body.home.homeRefinedV584 .smallTextV584{
  font-size:13px !important;
  font-weight:820 !important;
  fill:#2f3848 !important;
  letter-spacing:-.005em !important;
}
html body.home.homeRefinedV584 .tinyTextV584{
  font-size:10.5px !important;
  font-weight:850 !important;
  letter-spacing:.10em !important;
  text-transform:uppercase !important;
  fill:rgba(23,33,52,.56) !important;
}
html body.home.homeRefinedV584 .codeTextV584{
  font-size:18px !important;
  letter-spacing:.15em !important;
  font-weight:900 !important;
  fill:#253045 !important;
}

html body.home.homeRefinedV584 .skinV584{ fill:#f3c59d !important; stroke:rgba(141,88,46,.12) !important; }
html body.home.homeRefinedV584 .hairV584{ fill:#26324a !important; opacity:.92 !important; }
html body.home.homeRefinedV584 .bodyV584,
html body.home.homeRefinedV584 .travellerBodyV584{ fill:#edf6f1 !important; stroke:rgba(23,33,52,.10) !important; stroke-width:1 !important; }
html body.home.homeRefinedV584 .softGreenFillV584{ fill:#eef7e8 !important; }
html body.home.homeRefinedV584 .childFillV584{ fill:#fff2dc !important; }
html body.home.homeRefinedV584 .armV584,
html body.home.homeRefinedV584 .legV584{
  fill:none !important;
  stroke:#f2bd92 !important;
  stroke-width:15 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
  transform-box:fill-box !important;
  transform-origin:center !important;
}
html body.home.homeRefinedV584 .legV584{ stroke-width:9 !important; stroke:#9ab8a9 !important; }
html body.home.homeRefinedV584 .travellerBagV584{
  fill:rgba(210,165,78,.26) !important;
  stroke:rgba(157,119,50,.24) !important;
  stroke-width:1 !important;
}

html body.home.homeRefinedV584 .tinyArrowV584,
html body.home.homeRefinedV584 .sealV584 path,
html body.home.homeRefinedV584 .docRowV584 path,
html body.home.homeRefinedV584 .cockpitStepV584 path{
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:3.2 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}
html body.home.homeRefinedV584 .tinyArrowV584{ color:var(--journey-blue-deep) !important; }
html body.home.homeRefinedV584 .loginPulseV584{ fill:rgba(75,169,204,.12) !important; stroke:rgba(75,169,204,.48) !important; stroke-width:1.4 !important; animation:loginPulseV584 3.8s ease-in-out infinite !important; transform-box:fill-box !important; transform-origin:center !important; }
html body.home.homeRefinedV584 .typingCursorV584{ stroke:#2f7f9d !important; stroke-width:2 !important; stroke-linecap:round !important; animation:cursorBlinkV584 1.2s step-end infinite !important; }

html body.home.homeRefinedV584 .cockpitStepV584 circle,
html body.home.homeRefinedV584 .docRowV584 circle{
  fill:rgba(255,255,255,.92) !important;
  stroke:rgba(143,180,95,.42) !important;
  stroke-width:1.2 !important;
}
html body.home.homeRefinedV584 .cockpitStepV584,
html body.home.homeRefinedV584 .docRowV584{
  color:var(--journey-green-deep) !important;
  font-size:12.5px !important;
  font-weight:760 !important;
  fill:#2f3848 !important;
}
html body.home.homeRefinedV584 .stepQuietV584{ opacity:.46 !important; }
html body.home.homeRefinedV584 .stepActiveV584 circle{ fill:rgba(75,169,204,.15) !important; stroke:rgba(75,169,204,.42) !important; }

html body.home.homeRefinedV584 .roomRoofV584{
  fill:none !important;
  stroke:#8fb45f !important;
  stroke-width:12 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
  opacity:.88 !important;
}
html body.home.homeRefinedV584 .roomHouseV584{ fill:rgba(237,247,232,.72) !important; stroke:rgba(143,180,95,.22) !important; stroke-width:1.2 !important; }
html body.home.homeRefinedV584 .tableTopV584{ fill:rgba(255,247,232,.82) !important; stroke:rgba(210,165,78,.22) !important; stroke-width:1.1 !important; }
html body.home.homeRefinedV584 .snackDotV584{ fill:#d2a54e !important; opacity:.84 !important; }
html body.home.homeRefinedV584 .qrCodeV584 path:first-child{ fill:#fff !important; stroke:rgba(23,33,52,.18) !important; }
html body.home.homeRefinedV584 .qrCodeV584 path:last-child{ fill:#69717d !important; opacity:.52 !important; }
html body.home.homeRefinedV584 .sealV584 circle{ fill:rgba(143,180,95,.14) !important; stroke:rgba(143,180,95,.42) !important; stroke-width:1.4 !important; }
html body.home.homeRefinedV584 .sealV584 path{ color:var(--journey-green-deep) !important; stroke-width:4 !important; }

html body.home.homeRefinedV584 .learnPersonV584{ animation:personBreatheV584 5.4s ease-in-out infinite !important; transform-box:fill-box !important; transform-origin:center !important; }
html body.home.homeRefinedV584 .learnArmV584{ animation:learnArmV584 3.6s ease-in-out infinite !important; }
html body.home.homeRefinedV584 .cockpitSceneV584{ animation:cockpitRevealV584 8.8s ease-in-out infinite !important; transform-box:fill-box !important; transform-origin:center !important; }
html body.home.homeRefinedV584 .nextCardV584{ animation:nextCardV584 4.6s ease-in-out infinite !important; transform-box:fill-box !important; transform-origin:center !important; }
html body.home.homeRefinedV584 .knowledgeCardV584{ animation:knowledgeCarryV584 7.8s ease-in-out infinite !important; transform-box:fill-box !important; transform-origin:center !important; }
html body.home.homeRefinedV584 .walkingPersonV584{ animation:walkHumanV584 7.8s ease-in-out infinite !important; transform-box:fill-box !important; transform-origin:center !important; }
html body.home.homeRefinedV584 .legOneV584{ animation:legOneV584 1.2s ease-in-out infinite !important; }
html body.home.homeRefinedV584 .legTwoV584{ animation:legTwoV584 1.2s ease-in-out infinite !important; }
html body.home.homeRefinedV584 .armCarryV584{ animation:armCarryV584 1.8s ease-in-out infinite !important; }
html body.home.homeRefinedV584 .roomSceneV584{ animation:roomSettleV584 7.8s ease-in-out infinite !important; transform-box:fill-box !important; transform-origin:center !important; }
html body.home.homeRefinedV584 .snackDotV584{ animation:snackSetV584 3.8s ease-in-out infinite !important; transform-box:fill-box !important; transform-origin:center !important; }
html body.home.homeRefinedV584 .snackTwoV584{ animation-delay:.22s !important; }
html body.home.homeRefinedV584 .snackThreeV584{ animation-delay:.44s !important; }
html body.home.homeRefinedV584 .guideArmV584{ animation:guideArmV584 3.6s ease-in-out infinite !important; }
html body.home.homeRefinedV584 .questionCardV584{ animation:questionReturnsV584 7.8s ease-in-out infinite !important; transform-box:fill-box !important; transform-origin:center !important; }
html body.home.homeRefinedV584 .docPersonV584{ animation:personBreatheV584 5.2s ease-in-out infinite !important; transform-box:fill-box !important; transform-origin:center !important; }
html body.home.homeRefinedV584 .docArmV584{ animation:docArmV584 3.4s ease-in-out infinite !important; }
html body.home.homeRefinedV584 .completionFlowV584{ animation:docFlowInV584 6.8s ease-in-out infinite !important; transform-box:fill-box !important; transform-origin:center !important; }
html body.home.homeRefinedV584 .rowOneV584{ animation:rowCheckV584 6.8s ease-in-out infinite !important; }
html body.home.homeRefinedV584 .rowTwoV584{ animation:rowCheckV584 6.8s ease-in-out infinite .28s !important; }
html body.home.homeRefinedV584 .rowThreeV584{ animation:rowCheckV584 6.8s ease-in-out infinite .56s !important; }
html body.home.homeRefinedV584 .certificateSceneV584{ animation:certificateArriveV584 6.8s ease-in-out infinite !important; transform-box:fill-box !important; transform-origin:center !important; }
html body.home.homeRefinedV584 .sealV584{ animation:sealPulseV584 4.6s ease-in-out infinite !important; transform-box:fill-box !important; transform-origin:center !important; }

html body.home.homeRefinedV584 .isStoryActiveV584 .whyQualityMark{
  box-shadow:0 0 0 9px color-mix(in oklab, var(--pillar-accent) 8%, transparent) !important;
}
html body.home.homeRefinedV584 .isStoryActiveV584 h3{
  color:color-mix(in oklab, var(--pillar-accent) 18%, var(--ink)) !important;
}

@keyframes anchorBreathV584{ 0%,100%{ transform:scale(1); opacity:1; } 50%{ transform:scale(1.08); opacity:.88; } }
@keyframes loginPulseV584{ 0%,100%{ transform:scale(.82); opacity:.35; } 50%{ transform:scale(1.08); opacity:1; } }
@keyframes cursorBlinkV584{ 0%,49%{ opacity:1; } 50%,100%{ opacity:.14; } }
@keyframes personBreatheV584{ 0%,100%{ transform:translate3d(0,0,0); } 50%{ transform:translate3d(2px,-3px,0); } }
@keyframes learnArmV584{ 0%,100%{ transform:rotate(0deg); } 52%{ transform:rotate(-5deg) translateY(2px); } }
@keyframes cockpitRevealV584{ 0%,18%{ transform:translate3d(-18px,16px,0) scale(.98); opacity:.68; } 36%,100%{ transform:translate3d(0,0,0) scale(1); opacity:1; } }
@keyframes nextCardV584{ 0%,100%{ transform:scale(1); } 50%{ transform:scale(1.025); } }
@keyframes knowledgeCarryV584{ 0%,18%{ transform:translate3d(-90px,-20px,0) scale(.92); opacity:.42; } 42%,72%{ transform:translate3d(60px,88px,0) scale(.80); opacity:.92; } 100%{ transform:translate3d(0,0,0) scale(1); opacity:1; } }
@keyframes walkHumanV584{ 0%,18%{ transform:translate3d(-80px,-8px,0); } 48%,74%{ transform:translate3d(56px,-12px,0); } 100%{ transform:translate3d(-80px,-8px,0); } }
@keyframes legOneV584{ 0%,100%{ transform:rotate(-6deg); } 50%{ transform:rotate(14deg); } }
@keyframes legTwoV584{ 0%,100%{ transform:rotate(10deg); } 50%{ transform:rotate(-12deg); } }
@keyframes armCarryV584{ 0%,100%{ transform:rotate(0deg); } 50%{ transform:rotate(-7deg) translateY(-2px); } }
@keyframes roomSettleV584{ 0%,38%{ transform:translate3d(8px,6px,0); opacity:.76; } 60%,100%{ transform:translate3d(0,0,0); opacity:1; } }
@keyframes snackSetV584{ 0%,28%{ transform:translateY(-8px); opacity:.48; } 48%,100%{ transform:translateY(0); opacity:.84; } }
@keyframes guideArmV584{ 0%,100%{ transform:rotate(0deg); } 50%{ transform:rotate(-6deg) translateY(-2px); } }
@keyframes questionReturnsV584{ 0%,48%{ transform:translate3d(170px,-160px,0) scale(.78); opacity:.08; } 72%,100%{ transform:translate3d(0,0,0) scale(1); opacity:1; } }
@keyframes docArmV584{ 0%,100%{ transform:rotate(0deg); } 48%{ transform:rotate(-7deg) translateY(-2px); } }
@keyframes docFlowInV584{ 0%,20%{ transform:translate3d(-18px,12px,0); opacity:.64; } 42%,100%{ transform:translate3d(0,0,0); opacity:1; } }
@keyframes rowCheckV584{ 0%,34%{ transform:translateX(-8px); opacity:.42; } 52%,100%{ transform:translateX(0); opacity:1; } }
@keyframes certificateArriveV584{ 0%,44%{ transform:translate3d(-32px,18px,0) scale(.92); opacity:.28; } 70%,100%{ transform:translate3d(0,0,0) scale(1); opacity:1; } }
@keyframes sealPulseV584{ 0%,100%{ transform:scale(1); opacity:1; } 50%{ transform:scale(1.08); opacity:.9; } }

@media (max-width: 980px){
  html body.home.homeRefinedV584 .whyNarrative{
    grid-template-columns:1fr !important;
  }
  html body.home.homeRefinedV584 .whyEditorialLead.whyJourneyPanelV584{
    position:relative !important;
    top:auto !important;
    min-height:clamp(520px, 116vw, 760px) !important;
    max-width:680px !important;
    margin:0 auto clamp(18px, 4vw, 32px) !important;
  }
  html body.home.homeRefinedV584 .verticalLearningJourneyV584{
    height:clamp(520px, 116vw, 760px) !important;
    min-height:0 !important;
  }
}
@media (max-width: 640px){
  html body.home.homeRefinedV584 .whyEditorialLead.whyJourneyPanelV584{
    min-height:clamp(470px, 128vw, 650px) !important;
  }
  html body.home.homeRefinedV584 .verticalLearningJourneyV584{
    height:clamp(470px, 128vw, 650px) !important;
    transform:translateX(-2%) scale(.96) !important;
    transform-origin:center top !important;
  }
}
@media (prefers-reduced-motion: reduce){
  html body.home.homeRefinedV584 .journeyTravelerAnimatedV584{ display:none !important; }
  html body.home.homeRefinedV584 .journeyTravelerStaticV584{ opacity:1 !important; }
  html body.home.homeRefinedV584 .verticalLearningJourneyV584::before,
  html body.home.homeRefinedV584 .anchorHaloV584,
  html body.home.homeRefinedV584 .loginPulseV584,
  html body.home.homeRefinedV584 .typingCursorV584,
  html body.home.homeRefinedV584 .learnPersonV584,
  html body.home.homeRefinedV584 .learnArmV584,
  html body.home.homeRefinedV584 .cockpitSceneV584,
  html body.home.homeRefinedV584 .nextCardV584,
  html body.home.homeRefinedV584 .knowledgeCardV584,
  html body.home.homeRefinedV584 .walkingPersonV584,
  html body.home.homeRefinedV584 .legV584,
  html body.home.homeRefinedV584 .armV584,
  html body.home.homeRefinedV584 .roomSceneV584,
  html body.home.homeRefinedV584 .snackDotV584,
  html body.home.homeRefinedV584 .questionCardV584,
  html body.home.homeRefinedV584 .docPersonV584,
  html body.home.homeRefinedV584 .completionFlowV584,
  html body.home.homeRefinedV584 .docRowV584,
  html body.home.homeRefinedV584 .certificateSceneV584,
  html body.home.homeRefinedV584 .sealV584{
    animation:none !important;
  }
  html body.home.homeRefinedV584 .journeyProgressV584{ transition:none !important; }
}