/* Source: https://www.hesse-lignal.com/_assets/2852460c01c2508ec7471c74134d6712/Assets/hero.css?1789544268; scoped .qhl-hesse; original rem=16px. */
.qhl-hesse .m-hero{min-height:420px;display:flex;flex-direction:column;width:100%;position:relative;}
.qhl-hesse .m-hero--text{width:100%;min-height:0;}
.qhl-hesse .m-hero--searchpage .m-hero__content{padding-bottom:0;}
.qhl-hesse .m-hero__content{padding:4.5vw;padding-top:120px;flex:1 1 50%;min-height:140px;}
.qhl-hesse .m-hero__content .c-btn{margin-top:30px;}
.qhl-hesse .m-hero__text{font-size:20px;}
.qhl-hesse .m-hero__headline:only-child{margin-bottom:0;}
.qhl-hesse .m-hero__image{flex:0 1 50%;}
.qhl-hesse .m-hero__pic{aspect-ratio:5/3;overflow:hidden;}
.qhl-hesse .m-hero__pic img{object-fit:cover;object-position:center center;}
.qhl-hesse .m-hero-scroll{display:none;position:absolute;z-index:1;width:200px;bottom:0;left:50%;padding:0 0 30px;text-align:right;text-transform:uppercase;font-size:12.8px;transform:translateX(-50%);}
.qhl-hesse .m-hero-scroll__link{display:flex;flex-direction:column;text-align:center;text-decoration:none;}
.qhl-hesse .m-hero-scroll__icon{height:50px;}
.qhl-hesse .m-hero-scroll__icon svg{width:20px;height:50px;}
@media only screen and (min-width: 64em){.qhl-hesse .m-hero--searchpage .m-hero__content,.qhl-hesse .m-hero--productsearchpage .m-hero__content{padding-left:220px;}}
@media only screen and (min-width: 64.0625em){.qhl-hesse .m-hero{flex-direction:row;}
.qhl-hesse .m-hero--scroller{padding-bottom:130px;}
.qhl-hesse .m-hero__content{padding-top:220px;}
.qhl-hesse .m-hero__image{position:relative;min-height:calc(100vh - 130px);overflow:hidden;}
.qhl-hesse .m-hero__pic{position:absolute;top:0;left:0;width:100%;aspect-ratio:unset;}
.qhl-hesse .m-hero__pic.m-hero__pic{height:100%;}
.qhl-hesse .m-hero__pic img{height:100%;width:100%;max-width:revert;}
.qhl-hesse .m-hero-scroll{display:block;}}
@media only screen and (min-width: 80em){.qhl-hesse .m-hero--searchpage .m-hero__content,.qhl-hesse .m-hero--productsearchpage .m-hero__content{padding-left:305px;}}
@media screen and (min-width: 80em){.qhl-hesse .m-hero__text{font-size:calc(
        20px + 8 * (100vw - 1279px) / 160
      );}
@supports not (font-size: 1vw){.qhl-hesse .m-hero__text{font-size:24px;}}}
@media only screen and (min-width: 90em){.qhl-hesse .m-hero--text p{max-width:85%;}}
@media screen and (min-width: 90em){.qhl-hesse .m-hero__text{font-size:28px;}}