/* Desktop: each Social Support stage occupies one deliberate viewport. */
@media (min-width:851px){
  body.social-premium-page .social-support>section{
    box-sizing:border-box;
    height:100svh;
    min-height:100svh;
    overflow:hidden;
  }
  @supports (height:100dvh){body.social-premium-page .social-support>section{height:100dvh;min-height:100dvh}}
  body.social-premium-page .social-support .social-care-hero{align-items:end}
  body.social-premium-page .social-support .support-positioning{align-content:center}
  body.social-premium-page .social-support .support-split,
  body.social-premium-page .social-support .support-services,
  body.social-premium-page .social-support .support-process{display:grid;grid-template-rows:auto minmax(0,1fr)}
  body.social-premium-page .social-support .support-split>header,
  body.social-premium-page .social-support .support-services>header,
  body.social-premium-page .social-support .support-process>header{margin-bottom:clamp(1.2rem,2.5vh,2rem)}
  body.social-premium-page .social-support .support-split>div,
  body.social-premium-page .social-support .support-services>div,
  body.social-premium-page .social-support .support-process>ol{min-height:0;height:100%}
  body.social-premium-page .social-support .support-split article{display:flex;min-height:0;padding:clamp(1.35rem,3vw,2.7rem);flex-direction:column}
  body.social-premium-page .social-support .support-split ul{margin:auto 0 0}
  body.social-premium-page .social-support .support-split li{padding:clamp(.45rem,1.15vh,.8rem) 0}
  body.social-premium-page .social-support .support-services article{display:flex;min-height:0;padding:clamp(1rem,2vw,1.8rem);flex-direction:column}
  body.social-premium-page .social-support .support-services h3{margin:auto 0 .55rem}
  body.social-premium-page .social-support .support-services article p{margin:0;line-height:1.45}
  body.social-premium-page .social-support .support-process li{min-height:0;padding:clamp(.7rem,1.65vh,1.3rem) .5rem}
  body.social-premium-page .social-support .support-production{min-height:100svh}
  @supports (height:100dvh){body.social-premium-page .social-support .support-production{min-height:100dvh}}
  body.social-premium-page .social-support .support-offer{width:auto;margin:0;padding-inline:clamp(5vw,10vw,12rem)}
  body.social-premium-page[data-detail-premium="betreuung"] .social-final{box-sizing:border-box;min-height:100svh}
  @supports (height:100dvh){body.social-premium-page[data-detail-premium="betreuung"] .social-final{min-height:100dvh}}
}

.support-positioning>div:last-child{display:grid;gap:1.25rem;align-content:end}
.support-free-note{margin:0;max-width:43rem;font-size:.86rem;line-height:1.6!important}
.support-free-note strong{font-weight:850}
.support-free-note a{color:inherit;font-weight:900;text-decoration-thickness:2px;text-underline-offset:.2em}
body.social-premium-page[data-detail-premium="betreuung"] .social-support .support-services article :is(h3,p,strong,small,span,li){color:#f8f6f2!important}
body.social-premium-page[data-detail-premium="betreuung"] .social-support .support-services article p{color:#d0cbc5!important}
/* Slide 1: coral field with the dark reading colour. */
.social-support .social-care-hero{
  background:#ff6f61!important;
  color:#180706!important;
}
.social-support .social-care-hero::after{display:none}
.social-support .social-care-hero :is(h1,h1 em,p,.social-kicker){color:#180706!important}
.social-support .social-care-hero .social-primary{background:#180706!important;color:#fff!important}

/* Keep the existing surfaces. Only set text against the surface it sits on. */
@media (min-width:851px){
  body.social-premium-page[data-detail-premium="betreuung"] .social-support .social-care-hero{background:#09090b!important;color:#f8f6f2!important}
  body.social-premium-page[data-detail-premium="betreuung"] .social-support .support-positioning{background:#ff6f61!important;color:#180706!important}
  body.social-premium-page[data-detail-premium="betreuung"] .social-support .support-split{background:#f0ede6!important;color:#111!important}
  body.social-premium-page[data-detail-premium="betreuung"] .social-support .support-services{background:#09090b!important;color:#f8f6f2!important}
  body.social-premium-page[data-detail-premium="betreuung"] .social-support .support-process{background:#ff6f61!important;color:#180706!important}
  body.social-premium-page[data-detail-premium="betreuung"] .social-support .support-production{background:#09090b!important;color:#f8f6f2!important}
  body.social-premium-page[data-detail-premium="betreuung"] .social-support .support-offer{background:#f0ede6!important;color:#111!important}
  body.social-premium-page[data-detail-premium="betreuung"] .social-support .support-positioning h2 em,
  body.social-premium-page[data-detail-premium="betreuung"] .social-support .support-process h2 em{color:#fff!important}
  body.social-premium-page[data-detail-premium="betreuung"] .social-support .support-services h2,
  body.social-premium-page[data-detail-premium="betreuung"] .social-support .support-services h2 em,
  body.social-premium-page[data-detail-premium="betreuung"] .social-support .support-services article :is(h3,p,strong,small,span,li){color:#f8f6f2!important}
  body.social-premium-page[data-detail-premium="betreuung"] .social-support .support-services article p{color:#d0cbc5!important}
  body.social-premium-page[data-detail-premium="betreuung"] .social-support .support-services article{background:#17171b!important}
  body.social-premium-page[data-detail-premium="betreuung"] .social-support .support-process .social-kicker{color:#4a120e!important}
  body.social-premium-page[data-detail-premium="betreuung"] .social-support .support-process li>span{color:#7d211b!important}
  body.social-premium-page[data-detail-premium="betreuung"] .social-support .support-process li p{color:#3f2926!important}
  body.social-premium-page[data-detail-premium="betreuung"] .social-support .support-process li{border-color:rgba(24,7,6,.22)!important}
  body.social-premium-page[data-detail-premium="betreuung"] .social-support .support-services h2{font-size:clamp(1.9rem,3vw,2.7rem)}
  body.social-premium-page[data-detail-premium="betreuung"] .social-support .support-services article h3{font-size:clamp(1.05rem,1.1vw,1.35rem)}
  body.social-premium-page[data-detail-premium="betreuung"] .social-support .support-services article p{font-size:.82rem;line-height:1.35}
  body.social-premium-page[data-detail-premium="betreuung"] .social-support .support-process h2{font-size:clamp(1.9rem,3vw,2.7rem)}
  body.social-premium-page[data-detail-premium="betreuung"] .social-support .support-process{padding-block:clamp(3.6rem,7vh,4.6rem)}
  body.social-premium-page[data-detail-premium="betreuung"] .social-support .support-process>header{margin-bottom:clamp(.65rem,1.5vh,1.2rem)}
  body.social-premium-page[data-detail-premium="betreuung"] .social-support .support-process>ol{display:grid;grid-template-rows:repeat(4,minmax(0,1fr))}
  body.social-premium-page[data-detail-premium="betreuung"] .social-support .support-process li{padding-block:clamp(.35rem,.8vh,.65rem);gap:1.25rem}
  body.social-premium-page[data-detail-premium="betreuung"] .social-support .support-process strong{font-size:clamp(1.05rem,1.2vw,1.4rem)}
  body.social-premium-page[data-detail-premium="betreuung"] .social-support .support-process li p{font-size:.82rem;line-height:1.35}
}

/* The interactive second stage belongs to Social Support: keep its markers in the red service colour. */
body.social-premium-page .social-support .xp[data-xp="social"]{--xp-accent:#ff6f61!important}
body.social-premium-page .social-support .xp[data-xp="social"] .xp__choices button span,
body.social-premium-page .social-support .xp[data-xp="social"] .xp__result small{color:#ff6f61!important}
body.social-premium-page .social-support .xp[data-xp="social"] .xp__result a{background:#ff6f61!important}

/* Advanced: the lower card row may grow so its copy always stays inside. */
@media(min-width:851px){
  body.social-premium-page[data-detail-premium="betreuung"] .social-support .support-services{
    height:auto!important;
    min-height:100svh!important;
    overflow:visible!important;
    grid-template-rows:auto auto!important;
  }
  @supports(height:100dvh){
    body.social-premium-page[data-detail-premium="betreuung"] .social-support .support-services{min-height:100dvh!important}
  }
  body.social-premium-page[data-detail-premium="betreuung"] .social-support .support-services>div{
    height:auto!important;
    grid-auto-rows:minmax(17rem,auto);
  }
  body.social-premium-page[data-detail-premium="betreuung"] .social-support .support-services article{min-height:17rem!important}
  body.social-premium-page[data-detail-premium="betreuung"] .social-support .support-services h3{margin:clamp(1.6rem,3vh,2.4rem) 0 .55rem!important}
}

@media (max-width:850px){
  body.social-premium-page .social-support>section{height:auto;min-height:0;overflow:visible}
  body.social-premium-page .social-support .social-care-hero{min-height:100svh}
  @supports (height:100dvh){body.social-premium-page .social-support .social-care-hero{min-height:100dvh}}
}