.heroelement{overflow-x:clip}.heroelement .hero:after{background-image:linear-gradient(0deg, rgba(var(--bg-black-rgb), 1), rgba(var(--bg-black-rgb), 0) 40%), var(--bg-img-hero);background-size:cover;background-repeat:no-repeat;position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;content:"";pointer-events:none}@media (max-width:1399.98px){.heroelement .hero:before{position:absolute;z-index:0;top:0;bottom:0;left:0;right:0;content:"";background:linear-gradient(180deg, rgba(var(--bg-black-rgb), 1), rgba(var(--bg-black-rgb), 0) 40%)}}@media (max-width:767.98px){.heroelement .hero:before{background:linear-gradient(180deg, rgba(var(--bg-black-rgb), 1), rgba(var(--bg-black-rgb), 0) 30%)}}.heroelement .hero-slide{background-repeat:no-repeat;background-size:cover;position:relative;height:100vh;padding-block:10rem 8rem;display:flex;align-items:flex-end}@media (max-width:1199.98px){.heroelement .hero-slide{padding-block:10rem 5rem}}@media (max-width:767.98px){.heroelement .hero-slide{padding-block:8rem 4rem}}.heroelement .hero-slide .container{height:100%}.heroelement .hero-slide .row{height:100%;width:100%}.heroelement .hero-slide .col-lg-6{height:100%}.heroelement .hero-content{height:100%;justify-content:space-between;flex-direction:column}@media (min-width:1400px){.heroelement .hero-content{justify-content:center}}@media (max-width:575.98px){.heroelement .hero-content{flex-direction:column-reverse}}.heroelement .hero-image-area{position:absolute;aspect-ratio:1.0408921933;z-index:-1;top:-40px;right:-140px;max-width:440px;height:100vh;width:auto;max-height:100vh}@media (min-width:400px){.heroelement .hero-image-area{right:-160px;max-width:500px}}@media (min-width:576px){.heroelement .hero-image-area{right:-220px;max-width:700px}}@media (min-width:768px){.heroelement .hero-image-area{top:-80px;right:-260px;max-width:720px}}@media (min-width:992px){.heroelement .hero-image-area{right:-400px;max-width:1000px}}@media (min-width:1200px){.heroelement .hero-image-area{top:-40px;right:-340px;max-width:1100px}}@media (min-width:1400px){.heroelement .hero-image-area{top:-80px;right:-360px;max-width:1200px}}@media (min-width:1660px){.heroelement .hero-image-area{right:-420px;max-width:1400px}}.heroelement .hero-image-area::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("/resources/themes/bonvita/images/hero-img-mask-overlay.svg");background-repeat:no-repeat;background-position:center;background-size:contain;pointer-events:none;z-index:1}.heroelement .hero-image,.heroelement .hero-video{display:block;width:100%;height:100%;object-fit:cover;-webkit-mask-image:url("/resources/themes/bonvita/images/hero-img-mask.svg");-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;mask-image:url("/resources/themes/bonvita/images/hero-img-mask.svg");mask-repeat:no-repeat;mask-position:center;mask-size:contain;pointer-events:all}.heroelement .hero-logo{max-width:620px}@media (max-width:1659.98px){.heroelement .hero-logo{max-width:460px}}@media (max-width:1399.98px){.heroelement .hero-logo{max-width:400px}}@media (max-width:1199.98px){.heroelement .hero-logo{max-width:300px}}@media (max-width:767.98px){.heroelement .hero-logo{max-width:180px}}@media (max-width:575.98px){.heroelement .hero-logo{display:none}}.heroelement .hero-content-headline h1,.heroelement .hero-content-headline h1 *,.heroelement .hero-content-headline h2,.heroelement .hero-content-headline h2 *{font-family:var(--font-primary);text-transform:unset}.heroelement .hero-content-headline .font-tertiary{font-size:110px;line-height:0.75}@media (max-width:767.98px){.heroelement .hero-content-headline .font-tertiary{font-size:80px}}.heroelement .hero .swiper-horizontal>.swiper-pagination-bullets,.heroelement .hero .swiper-pagination-bullets.swiper-pagination-horizontal,.heroelement .hero .swiper-pagination-custom,.heroelement .hero .swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom, 20px)}@media (max-width:767.98px){.heroelement .hero .swiper-horizontal>.swiper-pagination-bullets,.heroelement .hero .swiper-pagination-bullets.swiper-pagination-horizontal,.heroelement .hero .swiper-pagination-custom,.heroelement .hero .swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom, 10px)}}