:root{--icon-teaser-fontsize-text:var(--font-size-body-m);--icon-teaser-fontsize-text-small:var(--font-size-body-xs);--icon-teaser-whitespace:var(--space-32);--icon-teaser-whitespace-small:var(--space-20);--icon-teaser-gap:var(--space-24);--icon-teaser-gap-small:var(--space-12);--icon-teaser-color-first-fifth:var(--color-brand-primary-25);--icon-teaser-color-second-sixth:var(--color-gray-light);--icon-teaser-color-third-seventh:var(--color-brand-primary-10);--icon-teaser-transition:all ease .3s;--icon-teaser-rounded-corners:var(--rounded-md)}.icon-teaser{cursor:pointer;border-radius:var(--icon-teaser-rounded-corners);padding:var(--icon-teaser-whitespace-small);transition:all .3s;position:relative;transform:translate(0)}@media screen and (width>=48rem){.icon-teaser{padding:var(--icon-teaser-whitespace)}}.icon-teaser:hover .icon-teaser__heading-headline{text-decoration:underline}.icon-teaser:hover .icon-teaser_vector{transition:var(--icon-teaser-transition);transform:translate(5px)}.icon-teaser .icon-teaser_vector{transition:var(--icon-teaser-transition);transform:translate(0)}.icon-teaser__heading{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.icon-teaser__heading-wrapper{justify-content:flex-start;align-items:center;gap:var(--icon-teaser-gap-small);flex-direction:row;display:flex}@media screen and (width>=48rem){.icon-teaser__heading-wrapper{gap:var(--icon-teaser-gap)}}.icon-teaser__heading-headline{margin:0}.icon-teaser__preamble{margin-top:var(--icon-teaser-gap-small)}@media screen and (width>=48rem){.icon-teaser__preamble{margin-top:var(--icon-teaser-gap)}}.icon-teaser__text{font-size:var(--icon-teaser-fontsize-text-small)}@media screen and (width>=48rem){.icon-teaser__text{font-size:var(--icon-teaser-fontsize-text);text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}.icon-teaser__click{z-index:1;width:100%;height:100%;text-decoration:none;position:absolute;top:0;left:0}@media screen and (width>=64rem){.icon-teaser:nth-child(4n+1),.icon-teaser:nth-child(4n){grid-column:span 2}}.icon-teaser:nth-child(4n+1){background:var(--icon-teaser-color-first-fifth)}.icon-teaser:nth-child(4n+2){background:var(--icon-teaser-color-second-sixth)}.icon-teaser:nth-child(4n+3){background:var(--icon-teaser-color-third-seventh)}.icon-teaser:nth-child(4n+4){border:1px solid var(--color-brand-primary-25)}