/* Praxoria Startseite – v575: Lernführungs-Animation aus der engen Karte ins linke Erklärpanel verschoben. */

html body.home.homeRefinedV575 .whyGuidePanelV575{
  padding:clamp(16px, 2.2vw, 24px) !important;
  display:flex !important;
  align-items:center !important;
  min-height:clamp(312px, 30vw, 420px) !important;
  background:
    radial-gradient(460px 260px at 8% 6%, color-mix(in oklab, var(--accent) 8%, transparent), transparent 72%),
    radial-gradient(420px 250px at 92% 94%, color-mix(in oklab, var(--accent2) 7%, transparent), transparent 70%),
    linear-gradient(140deg, rgba(255,255,255,.90), rgba(255,255,255,.64)) !important;
}

html body.home.homeRefinedV575 .whyGuidePanelV575::before{
  display:none !important;
}

html body.home.homeRefinedV575 .whyGuidePanelV575 .whyLearningExplainerHeroV575{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
}

html body.home.homeRefinedV575 .whyGuidePanelV575 .guidedStageV574{
  height:clamp(286px, 25vw, 364px) !important;
  border-radius:28px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.90),
    0 22px 44px rgba(18,32,48,.045) !important;
}

html body.home.homeRefinedV575 .whyGuidePanelV575 .guidedBoardV574{
  left:clamp(16px, 2.2vw, 26px) !important;
  right:clamp(16px, 2.2vw, 26px) !important;
  top:clamp(18px, 2.2vw, 28px) !important;
  bottom:clamp(18px, 2.2vw, 28px) !important;
}

html body.home.homeRefinedV575 .whyGuidePanelV575 .guidedTilesV574{
  left:clamp(16px, 2.1vw, 24px) !important;
  right:clamp(16px, 2.1vw, 24px) !important;
  top:66px !important;
  bottom:28px !important;
  gap:clamp(12px, 1.4vw, 18px) !important;
}

html body.home.homeRefinedV575 .whyGuidePanelV575 .guideTileV574{
  border-radius:20px !important;
}

html body.home.homeRefinedV575 .whyGuidePanelV575 .guideFlowV574{
  inset:44px 12px 14px !important;
}

html body.home.homeRefinedV575 .whyQualityNote.p1 .whyEvidenceLine{
  padding-bottom:clamp(16px, 2.2vw, 24px) !important;
}

html body.home.homeRefinedV575 .whyQualityNote.p1 .whyHumanClaim{
  margin-top:clamp(12px, 1.5vw, 18px) !important;
}

@media (max-width:1120px){
  html body.home.homeRefinedV575 .whyGuidePanelV575{
    max-width:820px !important;
    min-height:0 !important;
  }
  html body.home.homeRefinedV575 .whyGuidePanelV575 .guidedStageV574{
    height:clamp(250px, 42vw, 336px) !important;
  }
}

@media (max-width:820px){
  html body.home.homeRefinedV575 .whyGuidePanelV575{
    padding:14px !important;
    border-radius:26px !important;
  }
  html body.home.homeRefinedV575 .whyGuidePanelV575 .guidedStageV574{
    height:260px !important;
  }
}

@media (max-width:480px){
  html body.home.homeRefinedV575 .whyGuidePanelV575 .guidedStageV574{
    height:258px !important;
  }
}