/* Praxoria Startseite – v558: rechter Support-Raum als leichtes grafisches Echo statt Textnotiz. */

html body.home.homeRefinedV558 .supportCard .supportHeadRow{
  display: grid !important;
  grid-template-columns: minmax(0, 760px) minmax(220px, 420px) !important;
  gap: clamp(32px, 6vw, 112px) !important;
  align-items: center !important;
  margin: 0 !important;
}

html body.home.homeRefinedV558 .supportCard .supportHeadRow .subHead{
  max-width: 760px !important;
}

html body.home.homeRefinedV558 .supportQuietNote{
  display: none !important;
}

html body.home.homeRefinedV558 .supportAirMark{
  justify-self: stretch !important;
  align-self: center !important;
  min-height: clamp(112px, 12vw, 150px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: none !important;
  opacity: .92 !important;
  transform: translateY(3px) !important;
}

html body.home.homeRefinedV558 .supportAirMarkSvg{
  width: min(100%, 420px) !important;
  height: auto !important;
  overflow: visible !important;
  display: block !important;
}

html body.home.homeRefinedV558 .supportAirLine{
  fill: none !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  vector-effect: non-scaling-stroke !important;
}

html body.home.homeRefinedV558 .supportAirLineBack{
  stroke: url(#supportAirLineV558) !important;
  stroke-width: 13 !important;
  opacity: .08 !important;
  filter: url(#supportAirGlowV558) !important;
}

html body.home.homeRefinedV558 .supportAirLineFront{
  stroke: url(#supportAirLineV558) !important;
  stroke-width: 2.4 !important;
  opacity: .42 !important;
  stroke-dasharray: 1 12 !important;
}

html body.home.homeRefinedV558 .supportAirNode{
  opacity: .54 !important;
  transform-origin: center !important;
  filter: drop-shadow(0 7px 16px rgba(15, 23, 42, .08)) !important;
}
html body.home.homeRefinedV558 .supportAirNode.nodeContext{ fill: color-mix(in oklab, var(--accent) 70%, white) !important; }
html body.home.homeRefinedV558 .supportAirNode.nodeTask{ fill: color-mix(in oklab, var(--accent3) 68%, white) !important; }
html body.home.homeRefinedV558 .supportAirNode.nodeTransfer{ fill: color-mix(in oklab, var(--accent2) 68%, white) !important; }

html body.home.homeRefinedV558 .supportAirNodes::before{ content: none !important; }

@media (prefers-reduced-motion: no-preference){
  html body.home.homeRefinedV558 .supportAirLineFront{
    animation: supportAirDriftV558 7.5s ease-in-out infinite alternate !important;
  }
  html body.home.homeRefinedV558 .supportAirNode{
    animation: supportAirNodeBreathV558 6.8s ease-in-out infinite !important;
  }
  html body.home.homeRefinedV558 .supportAirNode.nodeTask{ animation-delay: .55s !important; }
  html body.home.homeRefinedV558 .supportAirNode.nodeTransfer{ animation-delay: 1.1s !important; }
}

@keyframes supportAirDriftV558{
  from{ stroke-dashoffset: 0; opacity: .34; }
  to{ stroke-dashoffset: -18; opacity: .48; }
}

@keyframes supportAirNodeBreathV558{
  0%, 100%{ opacity: .36; transform: scale(.96); }
  45%{ opacity: .68; transform: scale(1.08); }
}

html body.home.homeRefinedV558 .supportCard .subHead h3::after{
  opacity: .36 !important;
}

@media (max-width: 1040px){
  html body.home.homeRefinedV558 .supportCard .supportHeadRow{
    grid-template-columns: 1fr !important;
    gap: clamp(18px, 3vw, 26px) !important;
  }
  html body.home.homeRefinedV558 .supportAirMark{
    display: none !important;
  }
}