.nextvital-hero-banner{position:relative;max-width:100%;margin:0 0 -10px;overflow:hidden;max-height:550px;display:flex;align-items:end}.nextvital-hero-banner .nextvital-hero-video-wrapper{position:relative;width:100%;display:flex}@media screen and (max-width: 1100px){.nextvital-hero-banner .nextvital-hero-video-wrapper>video{position:absolute;width:100%;height:500px;top:0;right:0}}.nextvital-hero-banner .nextvital-hero-video-wrapper img.nextvital-hero-bg-image{object-fit:cover;object-position:center top;width:100%;height:auto}@media screen and (max-width: 1100px){.nextvital-hero-banner .nextvital-hero-video-wrapper img.nextvital-hero-bg-image{position:relative;width:100%;height:auto;top:0;left:0}}@media screen and (max-width: 768px){.nextvital-hero-banner .nextvital-hero-video-wrapper img.nextvital-hero-bg-image.hide-on-mobile{display:none}}.nextvital-hero-banner .nextvital-hero-video-wrapper img.nextvital-hero-bg-image.mobile-image{display:none}@media screen and (max-width: 768px){.nextvital-hero-banner .nextvital-hero-video-wrapper img.nextvital-hero-bg-image.mobile-image{display:block}}.nextvital-hero-banner .nextvital-hero-video-wrapper .nextvital-hero-video{object-fit:cover;object-position:center top;width:100%;height:100%}@media screen and (max-width: 1920px){.nextvital-hero-banner .nextvital-hero-video-wrapper .nextvital-hero-video{width:auto}}.nextvital-hero-banner .nextvital-hero-banner-content-wrapper{position:absolute;max-width:1340px;padding:0 20px;width:100%;left:50%;transform:translate(-50%);bottom:32px;z-index:100}.nextvital-hero-banner .nextvital-hero-banner-content-wrapper>.nextvital-headline-overline{color:#fff;font-family:Futura;font-size:24px;font-style:normal;font-weight:700;line-height:32px;letter-spacing:1.5px;margin:0 0 16px}@media screen and (max-width: 768px){.nextvital-hero-banner .nextvital-hero-banner-content-wrapper>.nextvital-headline-overline{margin-bottom:8px}}.nextvital-hero-banner .nextvital-hero-banner-content-wrapper>.nextvital-headline-overline.enable-short-text{max-width:600px}.nextvital-hero-banner .nextvital-hero-banner-content-wrapper>.nextvital-headline{color:#fff;font-family:Futura-Bold;font-size:60px;font-style:normal;font-weight:800;line-height:68px;margin:0 0 24px}@media screen and (max-width: 768px){.nextvital-hero-banner .nextvital-hero-banner-content-wrapper>.nextvital-headline{font-size:48px;margin-bottom:16px}}@media screen and (max-width: 568px){.nextvital-hero-banner .nextvital-hero-banner-content-wrapper>.nextvital-headline{font-size:40px;line-height:48px}}.nextvital-hero-banner .nextvital-hero-banner-content-wrapper>.nextvital-headline.enable-short-text{max-width:600px}.nextvital-hero-banner .nextvital-hero-banner-content-wrapper>.nextvital-headline.title-size-middle{font-size:32px;line-height:38px}@media screen and (max-width: 568px){.nextvital-hero-banner .nextvital-hero-banner-content-wrapper>.nextvital-headline.title-size-middle{font-size:24px;line-height:32px}}.nextvital-hero-banner .nextvital-hero-banner-content-wrapper>.nextvital-headline-underline{color:#fff;font-family:Philosopher;font-size:30px;font-style:italic;font-weight:400;line-height:39px;max-width:680px}@media screen and (max-width: 768px){.nextvital-hero-banner .nextvital-hero-banner-content-wrapper>.nextvital-headline-underline{font-size:20px;line-height:28px}}@media screen and (max-width: 568px){.nextvital-hero-banner .nextvital-hero-banner-content-wrapper>.nextvital-headline-underline{font-size:18px;line-height:24px}}.nextvital-hero-banner .nextvital-hero-banner-content-wrapper>.nextvital-headline-underline.enable-short-text{max-width:600px}.nextvital-hero-banner .nextvital-hero-banner-content-wrapper>.nextvital-headline-underline>ul{padding-left:25px}.nextvital-hero-banner .nextvital-hero-banner-content-wrapper>.nextvital-headline-underline>p{margin:0}.nextvital-hero-banner .nextvital-hero-banner-content-wrapper a.button.text-link{margin-top:24px}@media screen and (max-width: 568px){.nextvital-hero-banner .nextvital-hero-banner-content-wrapper a.button.text-link{margin-top:16px}}.nextvital-hero-banner a.teaser-link{position:absolute;width:100%;height:100%;top:0;left:0}
/*# sourceMappingURL=/cdn/shop/t/15/assets/ybl-hero-banner.css.map */