:root{--image-focus-teaser-text:var(--font-size-body-m);--image-focus-teaser-text-small:var(--font-size-body-xs);--image-focus-teaser-text-whitespace-small:var(--space-14);--image-focus-teaser-text-whitespace:var(--space-24);--image-focus-teaser-text-color:var(--color-white);--image-focus-teaser-content-link-transition:transform .4s ease;--image-focus-teaser-text-transition:display .4s ease;--image-focus-teaser-transform:-0%;--image-focus-teaser-rounded-corners:var(--rounded-md)}.image-focus-teaser{cursor:pointer;border-radius:var(--image-focus-teaser-rounded-corners);grid-template-columns:1fr;height:100%;display:grid;position:relative;overflow:hidden}.image-focus-teaser .image-focus-teaser__content-link{transition:var(--image-focus-teaser-content-link-transition);transform:translateY(10%)}@media screen and (width>=48rem){.image-focus-teaser .image-focus-teaser__content-link{transform:translateY(var(--image-focus-teaser-transform))}.image-focus-teaser:hover .image-focus-teaser__content-link{transform:translateY(0%)}}.image-focus-teaser:hover .image-focus-teaser__heading{text-decoration:underline}.image-focus-teaser:hover .image-focus-teaser__text{transition:var(--image-focus-teaser-text-transition);display:none}@media screen and (width>=48rem){.image-focus-teaser:hover .image-focus-teaser__text{display:unset;transition:var(--image-focus-teaser-text-transition)}}.image-focus-teaser div{pointer-events:all;grid-row-start:1;grid-column-start:1}.image-focus-teaser__customer-name{margin-bottom:var(--space-8);color:var(--image-focus-teaser-text-color);font-size:var(--font-size-body-m)}.image-focus-teaser__image{position:relative}.image-focus-teaser__image img{object-fit:cover;object-position:center;width:100%;height:100%}.image-focus-teaser__link{z-index:500;width:100%;height:100%;position:absolute}.image-focus-teaser__content{grid-template-rows:1fr;display:grid}.image-focus-teaser__content-link{padding:var(--image-focus-teaser-text-whitespace-small);background:linear-gradient(11deg,#000000ba 35.65%,#0000 146.81%);grid-row:2/3}@media screen and (width>=48rem){.image-focus-teaser__content-link{padding:var(--image-focus-teaser-text-whitespace)}}.image-focus-teaser__heading{color:var(--image-focus-teaser-text-color)}.image-focus-teaser__text{color:var(--image-focus-teaser-text-color);font-size:var(--image-focus-teaser-text-small);line-height:var(--font-line-height-170);display:none;overflow:hidden}@media screen and (width>=48rem){.image-focus-teaser__text{font-size:var(--image-focus-teaser-text);display:block}}
