/* Beitrags-Karten (Webinare „Blog“). Maße aus Figma (1440 px): Überschrift an der Oberkante, Karten ab 96 px, je 331 px breit
   (22,99 %, drei Karten auf 1040 px verteilt). Bild 254 px hoch, Schlagwort 10 px innen rechts oben. Text 20 px eingerückt,
   288 px breit: Datum 18 px unter dem Bild, Titel 34 px unter der Datumsoberkante, Link 99 px unter der Titeloberkante (vier Zeilen). */
.rx-band--beitrags-karten{height:auto}
.rx-bk{box-sizing:border-box;min-height:743px;padding-bottom:60px}
:where(.rx-bk) :is(p,h3){margin:0}
.rx-bk__title{margin-left:13.8889%}
.rx-bk__grid{display:grid;grid-template-columns:repeat(3,31.8269%);justify-content:space-between;row-gap:60px;width:72.2222%;margin:48.5px 0 0 13.8889%}
.rx-bk__card{display:flex;flex-direction:column;align-items:flex-start}
.rx-bk__image{position:relative;align-self:stretch;height:calc(254 * var(--rx-media-unit,1px));overflow:hidden;background:#d9d9d9}
.rx-bk__image img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}
.rx-bk__tag{position:absolute;top:10px;right:10px}
.rx-bk__date{margin:18px 20px 0;font-weight:500;font-size:14px;line-height:normal}
.rx-bk__heading{max-width:288px;margin:17.5px 20px 0;font-weight:700;font-size:20px;line-height:normal}
.rx-bk__link{margin:5px 20px 0;font-size:18px;line-height:26px;color:#fff;text-decoration:underline;text-underline-position:from-font;text-decoration-thickness:from-font;transition:color 150ms}
a.rx-bk__link:hover{color:var(--rx-yellow)}

/* Handy: Karten untereinander, Bild im Seitenverhältnis aus Figma */
@media(max-width:767px){
 .rx-bk{min-height:0;padding:0}
 .rx-bk__title{margin:0}
 .rx-bk__grid{width:auto;margin:28px 0 0;grid-template-columns:1fr;row-gap:40px}
 .rx-bk__image{height:auto;aspect-ratio:331/254}
 .rx-bk__date{margin:16px 0 0}
 .rx-bk__heading{margin:12px 0 0;font-size:18px;line-height:24px}
 .rx-bk__link{margin:8px 0 0;font-size:16px;line-height:24px}
}
