/* Leistungs-Einleitung (Social Media). Maße aus Figma (1440 px): Rotes X nach der zentralen Breadcrumb-Zeile über die volle Breite (708 px hoch),
   Inhalt darunter an der Inhaltsspalte mit 20 px Abstand: kleine Zeile, Überschrift und Text (620 px), Plattformen, Sprungmarken. */
.rx-band--leistungs-intro{height:auto;overflow:clip}
.rx-li{position:relative;box-sizing:border-box;min-height:767px;padding:109px 0 60px}
.rx-li__x{position:absolute;left:0;top:24px;width:100%;height:708px;max-width:none;pointer-events:none}
.rx-li__content{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:20px;width:1040px;margin-left:13.8889%}
.rx-li__title{width:620px}
.rx-li__text{width:620px;margin:0;font-size:22px;line-height:32px}
.rx-li__platforms{display:flex;align-items:center;gap:20px;padding-top:20px}
.rx-li__platforms p{margin:0;font-weight:500;font-size:16px;line-height:normal;white-space:nowrap}
.rx-li__platforms img{display:block;width:24px;height:24px}
.rx-li__jumps{display:flex;flex-wrap:wrap;gap:12px;padding-top:30px}

/* Handy: kein X, Text in voller Breite */
@media(max-width:767px){
 .rx-li{min-height:0;padding:0;display:flex;flex-direction:column;gap:28px}
 .rx-li__x{display:none}
 .rx-li__content{width:auto;margin:0}
 .rx-li__title,.rx-li__text{width:auto}
 .rx-li__text{font-size:18px;line-height:26px}
 .rx-li__platforms{padding-top:8px;gap:16px}
 .rx-li__jumps{padding-top:12px;gap:8px}
}
