:root{--hf-page-teaser-image-transition: 0.3s ease;--hf-page-teaser-inner-gutter: var(--gl-gutter)}.hf-page-teaser-image{position:relative}.hf-page-teaser-image h3{font-size:var(--hf-page-teaser-image-title-font-size, 20px);font-weight:var(--hf-page-teaser-image-title-font-weight, 700);line-height:var(--hf-page-teaser-image-title-line-height, 1.3em);margin:0;color:var(--hf-page-teaser-image-title-color, white);padding-bottom:var(--hf-page-teaser-inner-gutter, var(--gl-gutter));transition:padding-bottom var(--hf-page-teaser-image-transition);position:relative;z-index:1}.hf-page-teaser-image img{width:100%;height:auto;display:block;transition:transform var(--hf-page-teaser-image-transition)}.hf-page-teaser-image .hf-page-teaser-image-absolute-link{position:absolute;inset:0;z-index:1}.hf-page-teaser-image .hf-page-teaser-image-img-title{position:relative;overflow:hidden}.hf-page-teaser-image .hf-page-teaser-image-title{position:absolute;bottom:0;left:0;width:100%;text-align:center;padding-left:var(--hf-page-teaser-inner-gutter);padding-right:var(--hf-page-teaser-inner-gutter)}.hf-page-teaser-image .hf-page-teaser-image-title::after{content:"";background:var(--hf-page-teaser-image-title-background, linear-gradient(0deg, rgba(51, 51, 51, 0.8) 0%, rgba(51, 51, 51, 0) 100%));position:absolute;left:0;bottom:0;width:100%;height:100%;z-index:0}.hf-page-teaser-image .hf-page-teaser-image-text{padding:var(--hf-page-teaser-inner-gutter-y, 20px) var(--hf-page-teaser-inner-gutter);font-size:var(--hf-page-teaser-image-text-font-size, 16px);font-weight:var(--hf-page-teaser-image-text-font-weight, 450);line-height:var(--hf-page-teaser-image-text-line-height, 1.3em);display:none}.hf-page-teaser-image .hf-page-teaser-img-arrow{position:absolute;bottom:var(--hf-page-teaser-inner-gutter);left:50%;transform:translateX(-50%) scaleX(0);transform-origin:left;opacity:0;transition:opacity var(--hf-page-teaser-image-transition), transform var(--hf-page-teaser-image-transition);z-index:1}@media (min-width:769px){.hf-page-teaser-image .hf-page-teaser-image-text{display:block}.hf-page-teaser-image:hover img{transform:scale(1.05)}.hf-page-teaser-image:hover h3{padding-bottom:calc(var(--hf-page-teaser-inner-gutter) * var(--hf-page-teaser-image-title-padding-factor, 2))}.hf-page-teaser-image:hover .hf-page-teaser-img-arrow{transform:translateX(-50%) scaleX(1);opacity:1}}.hf-page-teaser-rounded-border .hf-page-teaser-image-img-title{border-radius:var(--hf-page-teaser-image-border-radius, 30px);overflow:hidden}