.homepage-hero-element{position:relative;height:300px;width:100%;overflow:hidden}@media (min-width: 768px) and (max-width: 991.98px){.homepage-hero-element{height:250px}}@media (min-width: 992px){.homepage-hero-element{height:350px}}.homepage-hero-element__headline{display:flex;flex-direction:column;align-items:center;width:100%;color:#fff;flex:1 0 auto;margin-top:2rem}@media (max-width: 767.98px){.homepage-hero-element__headline{justify-content:center;margin-top:0}}.homepage-hero-element__headline h1{font-weight:700;font-size:clamp(1.75rem,5vw,3.5rem);margin-left:.75rem;margin-right:.75rem}@media (max-width: 767.98px){.homepage-hero-element__headline h1{line-height:1}}.homepage-hero-element__headline h2{font-size:clamp(1.5rem,3vw,2rem);margin-left:.75rem;margin-right:.75rem}.homepage-hero-element__content{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.homepage-hero-element__image{position:absolute;top:0;right:0;bottom:0;left:0;min-width:100%;min-height:100%;object-fit:cover;width:100%;height:100%}.homepage-hero-element__search{width:100%;margin-bottom:30px}.homepage-hero-element__background:after{content:"";display:block;position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(to bottom,#000c,#0000 85%)}@media (min-width: 768px) and (max-width: 991.98px){.homepage-hero-element__background:after{background:linear-gradient(to bottom,#000000d9,#0000)}}@media (min-width: 992px){.homepage-hero-element__background:after{background:linear-gradient(to bottom,#000000d9,#0000 80%)}}