/* Praxoria Startseite – v585: verfeinerte vertikale Lernreise, gekoppelt an die rechte Qualitätsleiste. */ html body.home.homeRefinedV585 .whyNarrative{ grid-template-columns:minmax(318px,.78fr) minmax(500px,1.22fr) !important; gap:clamp(28px,4.4vw,74px) !important; } html body.home.homeRefinedV585 .whyEditorialLead.whyJourneyPanelV584{ min-height:min(840px, calc(100vh - 126px)) !important; padding-top:clamp(4px,.9vw,12px) !important; } html body.home.homeRefinedV585 .verticalLearningJourneyV584{ --journey-active-soft:color-mix(in oklab, var(--journey-active) 13%, transparent); width:min(100%, 540px) !important; height:min(840px, calc(100vh - 126px)) !important; min-height:640px !important; transform:translateX(clamp(0px,1.2vw,14px)) !important; } html body.home.homeRefinedV585 .verticalLearningJourneyV584::before{ inset:-5% -8% -5% -8% !important; background: radial-gradient(circle at 92% var(--journey-air-y, 12%), color-mix(in oklab, var(--journey-active) 8%, transparent), transparent 21%), radial-gradient(circle at 52% var(--journey-air-y, 12%), color-mix(in oklab, var(--journey-active) 5%, transparent), transparent 26%), radial-gradient(circle at 18% 15%, rgba(75,169,204,.032), transparent 32%), radial-gradient(circle at 82% 54%, rgba(210,165,78,.028), transparent 31%), radial-gradient(circle at 60% 93%, rgba(143,180,95,.036), transparent 33%) !important; filter:blur(24px) !important; opacity:.78 !important; } /* Linke Reise ruhiger, mit einer präziseren optischen Verbindung zur rechten Textleiste. */ html body.home.homeRefinedV585 .journeyTrackV584{ stroke:rgba(23,33,52,.095) !important; stroke-width:1.9 !important; } html body.home.homeRefinedV585 .journeyProgressV584{ stroke-width:3.2 !important; opacity:.62 !important; filter:drop-shadow(0 0 7px color-mix(in oklab, var(--journey-active) 9%, transparent)) !important; } html body.home.homeRefinedV585 .journeyAnchorV584{ opacity:.70 !important; } html body.home.homeRefinedV585 .verticalLearningJourneyV584.is-learn .anchorLearnV584, html body.home.homeRefinedV585 .verticalLearningJourneyV584.is-transfer .anchorTransferV584, html body.home.homeRefinedV585 .verticalLearningJourneyV584.is-document .anchorDocumentV584{ opacity:1 !important; } html body.home.homeRefinedV585 .anchorHaloV584{ fill:rgba(255,255,255,.68) !important; stroke:rgba(23,33,52,.085) !important; stroke-width:1 !important; } html body.home.homeRefinedV585 .anchorDotV584{ opacity:.54 !important; } html body.home.homeRefinedV585 .verticalLearningJourneyV584.is-learn .anchorLearnV584 .anchorHaloV584, html body.home.homeRefinedV585 .verticalLearningJourneyV584.is-transfer .anchorTransferV584 .anchorHaloV584, html body.home.homeRefinedV585 .verticalLearningJourneyV584.is-document .anchorDocumentV584 .anchorHaloV584{ stroke:color-mix(in oklab, var(--journey-active) 46%, transparent) !important; fill:color-mix(in oklab, var(--journey-active) 9%, #fff) !important; filter:drop-shadow(0 0 18px color-mix(in oklab, var(--journey-active) 18%, transparent)) drop-shadow(0 10px 24px rgba(18,36,58,.07)) !important; } html body.home.homeRefinedV585 .verticalLearningJourneyV584.is-learn .anchorLearnV584 .anchorDotV584, html body.home.homeRefinedV585 .verticalLearningJourneyV584.is-transfer .anchorTransferV584 .anchorDotV584, html body.home.homeRefinedV585 .verticalLearningJourneyV584.is-document .anchorDocumentV584 .anchorDotV584{ opacity:.88 !important; filter:drop-shadow(0 0 12px color-mix(in oklab, var(--journey-active) 42%, transparent)) !important; } html body.home.homeRefinedV585 .journeyCorrespondenceV585{ opacity:1 !important; pointer-events:none !important; } html body.home.homeRefinedV585 .journeyRightRailV585, html body.home.homeRefinedV585 .journeyRightRailGlowV585, html body.home.homeRefinedV585 .journeySynapseV585{ fill:none !important; stroke-linecap:round !important; stroke-linejoin:round !important; vector-effect:non-scaling-stroke !important; } html body.home.homeRefinedV585 .journeyRightRailV585{ stroke:rgba(23,33,52,.105) !important; stroke-width:1 !important; } html body.home.homeRefinedV585 .journeyRightRailGlowV585{ stroke:var(--journey-active) !important; stroke-width:2.2 !important; opacity:.10 !important; filter:drop-shadow(0 0 10px color-mix(in oklab, var(--journey-active) 18%, transparent)) !important; transition:opacity .55s ease, stroke .55s ease !important; } html body.home.homeRefinedV585 .journeySynapseV585{ stroke:rgba(23,33,52,.10) !important; stroke-width:1.05 !important; stroke-dasharray:4 12 !important; opacity:.34 !important; transition:opacity .45s ease, stroke .45s ease, stroke-width .45s ease, filter .45s ease !important; } html body.home.homeRefinedV585 .journeyRailNodeV585{ fill:rgba(255,255,255,.82) !important; stroke:rgba(23,33,52,.16) !important; stroke-width:1.05 !important; transition:fill .55s ease, stroke .55s ease, stroke-width .55s ease, filter .55s ease, r .55s ease, opacity .55s ease !important; } html body.home.homeRefinedV585 .verticalLearningJourneyV584.is-learn .synapseLearnV585, html body.home.homeRefinedV585 .verticalLearningJourneyV584.is-transfer .synapseTransferV585, html body.home.homeRefinedV585 .verticalLearningJourneyV584.is-document .synapseDocumentV585{ stroke:var(--journey-active) !important; stroke-width:1.55 !important; opacity:.72 !important; filter:drop-shadow(0 0 9px color-mix(in oklab, var(--journey-active) 20%, transparent)) !important; animation:journeySignalV585 3.8s ease-in-out infinite !important; } html body.home.homeRefinedV585 .verticalLearningJourneyV584.is-learn .nodeLearnV585, html body.home.homeRefinedV585 .verticalLearningJourneyV584.is-transfer .nodeTransferV585, html body.home.homeRefinedV585 .verticalLearningJourneyV584.is-document .nodeDocumentV585{ fill:color-mix(in oklab, var(--journey-active) 17%, #fff) !important; stroke:color-mix(in oklab, var(--journey-active) 58%, #fff) !important; stroke-width:1.8 !important; filter:drop-shadow(0 0 14px color-mix(in oklab, var(--journey-active) 32%, transparent)) !important; animation:railNodeGlowV585 3.8s ease-in-out infinite !important; } /* Rechte Qualitätsleiste: aktive Punkte reagieren in derselben Akzentlogik wie die Reise. */ html body.home.homeRefinedV585 .whyQualityWeave::before{ left:13.5px !important; width:1.25px !important; opacity:.28 !important; background:linear-gradient(180deg, color-mix(in oklab, var(--accent) 42%, transparent), color-mix(in oklab, var(--accent3) 36%, transparent) 50%, color-mix(in oklab, var(--accent2) 40%, transparent)) !important; } html body.home.homeRefinedV585 .whyQualityNote{ transition:opacity .34s ease, transform .34s ease, filter .34s ease !important; } html body.home.homeRefinedV585 .whyQualityNote:not(.isStoryActiveV585){ opacity:.78 !important; } html body.home.homeRefinedV585 .whyQualityNote.isStoryActiveV585{ opacity:1 !important; transform:translateX(2px) !important; } html body.home.homeRefinedV585 .whyQualityMark{ transition:background .42s ease, border-color .42s ease, box-shadow .42s ease, transform .42s ease !important; } html body.home.homeRefinedV585 .whyQualityMark::before{ content:"" !important; position:absolute !important; inset:-14px !important; border-radius:50% !important; background:radial-gradient(circle, color-mix(in oklab, var(--pillar-accent) 14%, transparent), transparent 68%) !important; opacity:0 !important; transform:scale(.72) !important; transition:opacity .48s ease, transform .48s ease !important; } html body.home.homeRefinedV585 .whyQualityNote.isStoryActiveV585 .whyQualityMark{ transform:scale(1.035) !important; background:color-mix(in oklab, var(--pillar-accent) 18%, #fff) !important; border-color:color-mix(in oklab, var(--pillar-accent) 48%, transparent) !important; box-shadow: 0 0 0 9px color-mix(in oklab, var(--pillar-accent) 8%, transparent), 0 0 28px color-mix(in oklab, var(--pillar-accent) 18%, transparent), 0 10px 26px rgba(18,36,58,.055) !important; } html body.home.homeRefinedV585 .whyQualityNote.isStoryActiveV585 .whyQualityMark::before{ opacity:1 !important; transform:scale(1) !important; animation:qualityMarkHaloV585 4.2s ease-in-out infinite !important; } html body.home.homeRefinedV585 .whyQualityNote.isStoryActiveV585 .whyQualityMark::after{ opacity:.80 !important; background:color-mix(in oklab, var(--pillar-accent) 82%, var(--ink)) !important; } html body.home.homeRefinedV585 .whyQualityNote.isStoryActiveV585 .whyQualityBody .k, html body.home.homeRefinedV585 .whyQualityNote.isStoryActiveV585 .whyEvidenceLine span{ color:color-mix(in oklab, var(--pillar-accent) 78%, var(--ink)) !important; } html body.home.homeRefinedV585 .whyQualityNote.isStoryActiveV585 .whyQualityBody h3{ color:color-mix(in oklab, var(--pillar-accent) 16%, var(--ink)) !important; } html body.home.homeRefinedV585 .whyQualityNote.isStoryActiveV585 .whyEvidenceLine{ border-left-color:color-mix(in oklab, var(--pillar-accent) 42%, var(--border)) !important; box-shadow:inset 1px 0 0 color-mix(in oklab, var(--pillar-accent) 18%, transparent) !important; } html body.home.homeRefinedV585 .whyQualityNote.isStoryActiveV585 .whyHumanClaim::before{ background:color-mix(in oklab, var(--pillar-accent) 48%, var(--border)) !important; box-shadow:0 0 13px color-mix(in oklab, var(--pillar-accent) 22%, transparent) !important; } /* Innenmotive etwas leiser, damit die Reise und die Textkopplung führen. */ html body.home.homeRefinedV585 .paperV584, html body.home.homeRefinedV585 .screenV584{ stroke-width:.95 !important; filter:none !important; } html body.home.homeRefinedV585 .quietLineV584{ stroke:rgba(23,33,52,.16) !important; stroke-width:4.6 !important; } html body.home.homeRefinedV585 .microLabelV584{ fill:rgba(23,33,52,.54) !important; } html body.home.homeRefinedV585 .sceneTitleV584{ fill:rgba(23,33,52,.92) !important; } @keyframes journeySignalV585{ 0%,100%{ stroke-dashoffset:0; opacity:.56; } 50%{ stroke-dashoffset:-16; opacity:.86; } } @keyframes railNodeGlowV585{ 0%,100%{ transform:scale(1); opacity:.92; } 50%{ transform:scale(1.16); opacity:1; } } @keyframes qualityMarkHaloV585{ 0%,100%{ opacity:.70; transform:scale(.96); } 50%{ opacity:1; transform:scale(1.08); } } @media (max-width: 980px){ html body.home.homeRefinedV585 .verticalLearningJourneyV584{ transform:none !important; } html body.home.homeRefinedV585 .journeyCorrespondenceV585{ opacity:.55 !important; } } @media (max-width: 640px){ html body.home.homeRefinedV585 .journeyCorrespondenceV585{ opacity:.35 !important; } html body.home.homeRefinedV585 .whyQualityNote.isStoryActiveV585{ transform:none !important; } } @media (prefers-reduced-motion: reduce){ html body.home.homeRefinedV585 .journeySynapseV585, html body.home.homeRefinedV585 .journeyRailNodeV585, html body.home.homeRefinedV585 .whyQualityMark::before{ animation:none !important; } } html body.home.homeRefinedV585 .journeyRailNodeV585{ transform-box:fill-box !important; transform-origin:center !important; }