/* Experten-Zitat (Social Media „Expertise“). Maße aus Figma (1440 px): gelber Grund, ab 120 px an der Inhaltsspalte rundes Foto 180 px,
   60 px daneben: kleine Zeile, Zitat 28/40 px (800 px breit), Name und Rolle; 24 px Abstand. */
.rx-band--zitat{height:auto}
.rx-zt{box-sizing:border-box;min-height:565px;padding:120px 0 60px;background:var(--rx-yellow);color:#1c1c1c}
.rx-zt__row{display:flex;align-items:flex-start;gap:60px;margin:0 0 0 13.8889%}
.rx-zt__photo{position:relative;display:flex;flex:none;align-items:center;justify-content:center;width:180px;height:180px;overflow:hidden;border-radius:50%;background:#484848}
.rx-zt__photo span{font-weight:500;font-size:14px;line-height:normal;color:#9e9e9e}
.rx-zt__photo img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}
.rx-zt__body{display:flex;flex-direction:column;align-items:flex-start;gap:24px}
:where(.rx-zt) :is(p,blockquote){margin:0}
.rx-zt__kicker{font-size:18px;line-height:26px;white-space:nowrap}
.rx-zt__quote{width:800px;font-weight:500;font-size:28px;line-height:40px}
.rx-zt__author{display:flex;flex-direction:column;align-items:flex-start;gap:4px;font-size:18px;white-space:nowrap}
.rx-zt__name{font-weight:700;line-height:normal}
.rx-zt__role{line-height:26px;color:#3a3a3a}

/* Handy: Foto über dem Zitat; der gelbe Grund reicht bis an den Rand */
@media(max-width:767px){
 .rx-band--zitat .rx-layout{background:var(--rx-yellow)}
 .rx-zt{min-height:0;padding:0}
 .rx-zt__row{flex-direction:column;gap:24px;margin:0}
 .rx-zt__photo{width:120px;height:120px}
 .rx-zt__quote{width:auto;font-size:20px;line-height:30px}
 .rx-zt__kicker,.rx-zt__author{white-space:normal}
}
