.HeroBlogTeaser{display:grid;grid-auto-flow:row;grid-template-columns:repeat(12,1fr);margin-left:auto;margin-right:auto;max-width:var(--max-content-width);padding-left:var(--content-padding);padding-right:var(--content-padding);grid-column-gap:var(--grid-gutter);grid-row-gap:0}.u-noContentHolderInside .HeroBlogTeaser{margin-left:0;margin-right:0;max-width:none;padding-left:0;padding-right:0}@media (min-width:960px){.HeroBlogTeaser{height:27rem}}.HeroBlogTeaser .HeroBlogTeaser-image{grid-column-end:span 12;grid-column-end:0;grid-column-start:0}@media (min-width:960px){.HeroBlogTeaser .HeroBlogTeaser-image{grid-column-end:span 8;grid-column-end:0;grid-column-start:0;margin-right:calc(var(--grid-gutter)/-2)}}.HeroBlogTeaser .HeroBlogTeaser-image img{aspect-ratio:29/20;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}@media (min-width:960px){.HeroBlogTeaser .HeroBlogTeaser-image img{aspect-ratio:auto;height:100%}}.HeroBlogTeaser .HeroBlogTeaser-content{display:-webkit-box;display:-ms-flexbox;display:flex;grid-column-end:span 12;grid-column-end:0;grid-column-start:0;padding:var(--spacing-sm) var(--spacing-xs);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;background-color:var(--color-heroBlogTeaser-bg);row-gap:var(--spacing-xs)}@media (min-width:960px){.HeroBlogTeaser .HeroBlogTeaser-content{grid-column-end:span 4;grid-column-end:0;grid-column-start:0;padding-bottom:0}}.HeroBlogTeaser .HeroBlogTeaser-content .HeroBlogTeaser-headline{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;text-overflow:ellipsis}@media (max-width:959px){.HeroBlogTeaser .HeroBlogTeaser-content .HeroBlogTeaser-headline{font-size:1.5rem;line-height:2rem}}@media (min-width:960px){.HeroBlogTeaser .HeroBlogTeaser-content .HeroBlogTeaser-headline{font-size:2.25rem;line-height:2.75rem}}@media (min-width:1024px){.HeroBlogTeaser .HeroBlogTeaser-content .HeroBlogTeaser-headline{font-size:2.25rem;line-height:2.75rem}}.HeroBlogTeaser .HeroBlogTeaser-content .HeroBlogTeaser-text{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4;text-overflow:ellipsis}@media (max-width:959px){.HeroBlogTeaser .HeroBlogTeaser-content .HeroBlogTeaser-text{font-size:.875rem;line-height:1.25rem}}.HeroBlogTeaser--headline-only .HeroBlogTeaser-content .HeroBlogTeaser-headline{overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:6;text-overflow:ellipsis}