.hero-image-module{--image-height:1080px;--headline-size:46px;--headline-color:var(--color-white);--content-bottom-offset:200px;--gradient-color:var(--color-blue)}.hero-image-module.gradient-white,.hero-image-module.gradient-blue,.hero-image-module.gradient-blue-dark{position:relative}:is(.hero-image-module.gradient-white,.hero-image-module.gradient-blue,.hero-image-module.gradient-blue-dark):before{content:"";background:linear-gradient(to right, rgb(from var(--gradient-color) r g b / .7), transparent);width:50%;position:absolute;inset:0}.hero-image-module.gradient-white{--gradient-color:var(--color-white)}.hero-image-module.gradient-blue{--gradient-color:var(--color-blue)}.hero-image-module.gradient-blue-dark{--gradient-color:var(--color-blue-dark)}.hero-image-module{height:var(--image-height);padding:0;position:relative}@media (width<=1440px){.hero-image-module{--image-height:800px;--content-bottom-offset:96px}}@media (width<=1024px){.hero-image-module{--headline-size:38px}}@media (width<=768px){.hero-image-module{--image-height:600px;--headline-size:36px}.hero-image-module:not(.has-mobile-gradient):before{display:none}.hero-image-module.has-mobile-gradient:before{background:linear-gradient(to top, var(--gradient-color), transparent);width:100%;height:70%;top:auto}}.hero-image-module.headline-white{--headline-color:var(--color-white)}.hero-image-module.headline-blue{--headline-color:var(--color-blue)}.hero-image-module.headline-blue-dark{--headline-color:var(--color-blue-dark)}.hero-image-module.text-bottom .hero-content{top:auto;bottom:var(--content-bottom-offset);transform:none}@media (width<=768px){.hero-image-module.text-bottom .hero-content{transform:translate(-50%)}}.hero-image-module img{object-fit:cover;width:100%;height:100%}.hero-image-module .hero-content{z-index:1;position:absolute;top:50%;transform:translateY(-50%)}@media (width<=768px){.hero-image-module .hero-content{top:auto;left:50%;bottom:var(--content-bottom-offset);text-align:center;width:70%;transform:translate(-50%)}.hero-image-module .hero-content .pre-headline{margin-bottom:16px}}.hero-image-module .hero-content .headline{font-family:var(--font-heavy);font-size:var(--headline-size);color:var(--headline-color);line-height:1}