/* Globaler Abschlussbaustein fuer verwandte Inhalte auf Detailseiten. */
.lhb-related{border-top:0;border-bottom:0}
.lhb-related__head{display:flex;align-items:center;min-height:78px;padding:18px 30px;border-bottom:var(--lhb-line-width-medium) solid var(--lhb-line-color);background:var(--lhb-color-paper)}
.lhb-related__title{font-family:var(--lhb-font-display);font-size:clamp(24px,2.5vw,36px);font-weight:800;line-height:1;text-transform:uppercase;color:var(--lhb-color-ink)}
.lhb-related__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.lhb-related__card{display:flex;flex-direction:column;min-width:0;color:inherit;text-decoration:none;background:var(--lhb-color-paper);border-right:var(--lhb-line-width-medium) solid var(--lhb-line-color)}
.lhb-related__card:nth-child(3n){border-right:0}
.lhb-related__card:nth-child(n+4){border-top:var(--lhb-line-width-medium) solid var(--lhb-line-color)}
.lhb-related__media{aspect-ratio:3/2;overflow:hidden;border-bottom:var(--lhb-line-width-medium) solid var(--lhb-line-color);background:var(--lhb-surface-accent-11)}
.lhb-related__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .22s ease}
.lhb-related__card:hover .lhb-related__media img{transform:scale(1.018)}
.lhb-related__body{display:flex;flex:1;flex-direction:column;gap:8px;padding:20px 22px 24px}
.lhb-related__type{font-family:var(--lhb-font-display);font-size:var(--lhb-type-kicker-size);font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--lhb-color-accent)}
.lhb-related__card-title{font-family:var(--lhb-font-display);font-size:17px;font-weight:800;line-height:1.18;text-transform:uppercase}
.lhb-related__meta{font-family:var(--lhb-font-body);font-size:12px;line-height:1.4;color:var(--lhb-neutral-650)}
@media(max-width:900px){.lhb-related__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lhb-related__card:nth-child(3n){border-right:var(--lhb-line-width-medium) solid var(--lhb-line-color)}.lhb-related__card:nth-child(2n){border-right:0}.lhb-related__card:nth-child(n+3){border-top:var(--lhb-line-width-medium) solid var(--lhb-line-color)}}
@media(max-width:600px){.lhb-related__head{min-height:0;padding:18px 20px}.lhb-related__grid{grid-template-columns:1fr}.lhb-related__card,.lhb-related__card:nth-child(3n){border-right:0}.lhb-related__card:nth-child(n+2){border-top:var(--lhb-line-width-medium) solid var(--lhb-line-color)}}
