:root{--text-fontSize-s:.875rem;--text-fontSize-m:1rem;--text-fontSize-l:1.125rem;--text-fontSize-xl:1.25rem;--text-lineHeight-s:1.25rem;--text-lineHeight-m:1.5rem;--text-lineHeight-l:1.625rem;--text-lineHeight-xl:1.875rem}.PrimaryContentTeaser{list-style:none}.PrimaryContentTeaser .PrimaryContentTeaser-link{-webkit-text-decoration:none;text-decoration:none}.PrimaryContentTeaser .PrimaryContentTeaser-imageWrapper{display:block;height:7.375rem;margin-bottom:var(--spacing-xs);position:relative}@media (min-width:640px){.PrimaryContentTeaser .PrimaryContentTeaser-imageWrapper{height:12.5rem}}@media (min-width:960px){.PrimaryContentTeaser .PrimaryContentTeaser-imageWrapper{height:8.5rem}}@media (min-width:1024px){.PrimaryContentTeaser .PrimaryContentTeaser-imageWrapper{height:9.25rem}}@media (min-width:1280px){.PrimaryContentTeaser .PrimaryContentTeaser-imageWrapper{height:11.875rem}}.PrimaryContentTeaser .PrimaryContentTeaser-imageWrapper:after{background-color:var(--color-black);content:"";inset:0;opacity:0;position:absolute;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}.PrimaryContentTeaser .PrimaryContentTeaser-image{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.PrimaryContentTeaser .PrimaryContentTeaser-headline{-webkit-transition:color .2s ease-in-out;transition:color .2s ease-in-out}.PrimaryContentTeaser .PrimaryContentTeaser-text{display:block;margin-top:var(--spacing-xxs)}.PrimaryContentTeaser .PrimaryContentTeaser-text>p{margin:0}.PrimaryContentTeaser .PrimaryContentTeaser-text>p:not(:first-child){display:none}.PrimaryContentTeaser--linked .PrimaryContentTeaser-text{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;text-overflow:ellipsis}@media (min-width:960px){.PrimaryContentTeaser--linked .PrimaryContentTeaser-text{-webkit-line-clamp:4}}@media (min-width:1280px){.PrimaryContentTeaser--linked .PrimaryContentTeaser-text{-webkit-line-clamp:3}}.PrimaryContentTeaser--linked .PrimaryContentTeaser-link:hover .PrimaryContentTeaser-imageWrapper:after{opacity:.25}.PrimaryContentTeaser--linked .PrimaryContentTeaser-link:hover .PrimaryContentTeaser-headline{color:var(--color-primary)}@media (min-width:640px) and (max-width:959px){.PrimaryContentTeaser--3 .PrimaryContentTeaser-imageWrapper{height:8rem}}
