.hero-component{align-items:center;display:flex;flex-direction:column;margin-bottom:5rem;overflow:hidden;width:100%}.hero-component .hero-top{display:flex;flex-direction:column;gap:3rem;height:-moz-fit-content;height:fit-content;min-height:24rem;padding-top:100px;position:relative;width:100%;z-index:0}@media (min-width:768px){.hero-component .hero-top{flex-direction:row}}.hero-component .hero-top .hero-image{display:flex;height:100%;inset:0;overflow:hidden;position:absolute;width:100%;z-index:0}.hero-component .hero-top .hero-image img{display:flex;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.hero-component .hero-top .hero-image:after{background-color:#0006;content:"";display:flex;height:100%;inset:0;position:absolute;width:100%;z-index:10}.hero-component .hero-top .hero-video-wrapper{height:100%;inset:0;max-height:100%;max-width:100%;overflow:hidden;position:absolute;width:100%;z-index:10}.hero-component .hero-top .hero-video-wrapper .hero-video{--tw-translate-x:-50%;align-items:center;aspect-ratio:16/9;display:flex;height:auto;justify-content:center;inset:0 0 0 50%;margin:auto;max-height:none;max-width:none;min-height:100%;min-width:100%;overflow:hidden;position:absolute;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:auto}.hero-component .hero-top .hero-video-wrapper .hero-video iframe,.hero-component .hero-top .hero-video-wrapper .hero-video video{aspect-ratio:16/9;display:flex;height:auto;max-height:100%;max-width:none;min-height:100%;min-width:100%;width:auto}.hero-component .hero-top .hero-content{margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;width:100%}@media (min-width:576px){.hero-component .hero-top .hero-content{max-width:576px}}@media (min-width:768px){.hero-component .hero-top .hero-content{max-width:768px}}@media (min-width:992px){.hero-component .hero-top .hero-content{max-width:992px}}@media (min-width:1200px){.hero-component .hero-top .hero-content{max-width:1200px}}@media (min-width:1400px){.hero-component .hero-top .hero-content{max-width:1400px}}.hero-component .hero-top .hero-content{align-items:center;display:flex;flex:1 1 0%;flex-direction:column;gap:2rem;justify-content:center;padding-bottom:1.5rem;padding-top:1.5rem;position:relative;z-index:30}.hero-component .hero-top .hero-content h1{font-weight:700;text-align:center;width:100%}.hero-component .hero-top .hero-content .hero-subtitle{font-weight:400;letter-spacing:2px;text-align:center;text-transform:uppercase}.hero-component .hero-top .hero-content .hero-links{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:center;width:100%}.hero-component .hero-top:has(.hero-image){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));min-height:24rem;padding-bottom:4vw}.hero-component .hero-top:has(.hero-image) h1,.hero-component .hero-top:has(.hero-image) h2,.hero-component .hero-top:has(.hero-image) h3,.hero-component .hero-top:has(.hero-image) h4,.hero-component .hero-top:has(.hero-image) h5,.hero-component .hero-top:has(.hero-image) h6{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hero-component .hero-top:has(.hero-image) .hero-content:before{--tw-translate-x:-33.333333%;--tw-translate-y:4vw;--tw-rotate:-90deg;aspect-ratio:1/1;background-image:url(/app/themes/bengel/assets/images/circle_default.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;bottom:0;content:"";display:flex;left:0;min-width:8rem;position:absolute;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:22vw;z-index:-10}.hero-component .hero-top:has(.hero-image) .hero-overlay{bottom:0;display:flex;height:auto;height:calc(4.16667vw + 22px);left:0;max-width:100vw;overflow:hidden;position:absolute;width:100vw;z-index:20}.hero-component .hero-top:has(.hero-image) .hero-overlay:after{--tw-translate-x:-50%;--tw-bg-opacity:1;background-color:rgb(254 252 251/var(--tw-bg-opacity,1));border-radius:100%;content:"";height:auto;height:11.5vw;left:50%;outline-color:#fefcfb;outline-offset:8px;outline-style:solid;overflow:hidden;position:absolute;top:11px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:115vw;z-index:10}body.background .hero-component .hero-top:has(.hero-image) .hero-overlay:after{--tw-bg-opacity:1;background-color:rgb(235 242 238/var(--tw-bg-opacity,1));outline-color:#ebf2ee}.hero-component .hero-bottom{margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;width:100%}@media (min-width:576px){.hero-component .hero-bottom{max-width:576px}}@media (min-width:768px){.hero-component .hero-bottom{max-width:768px}}@media (min-width:992px){.hero-component .hero-bottom{max-width:992px}}@media (min-width:1200px){.hero-component .hero-bottom{max-width:1200px}}@media (min-width:1400px){.hero-component .hero-bottom{max-width:1400px}}.hero-component .hero-bottom{display:flex;flex-direction:column;justify-content:center;margin-top:5rem;position:relative;row-gap:3rem;z-index:10}@media (min-width:768px){.hero-component .hero-bottom{flex-direction:row}}.hero-component .hero-bottom .hero-text{max-width:var(--max-width-xl);position:relative}.hero-component .hero-bottom .hero-text ul.hero-details li{list-style:none}.hero-component .hero-bottom .hero-text ul.hero-details li i{margin-right:.5rem}.hero-component .hero-bottom:has(.hero-bottom-image) .hero-text,.hero-component .hero-bottom:has(.splide) .hero-text{padding-right:1rem;width:100%}@media (min-width:768px){.hero-component .hero-bottom:has(.hero-bottom-image) .hero-text,.hero-component .hero-bottom:has(.splide) .hero-text{width:60%}}.hero-component .hero-bottom:has(.hero-bottom-image) .hero-bottom-image,.hero-component .hero-bottom:has(.splide) .hero-bottom-image{display:flex;height:18rem;width:100%}@media (min-width:768px){.hero-component .hero-bottom:has(.hero-bottom-image) .hero-bottom-image,.hero-component .hero-bottom:has(.splide) .hero-bottom-image{width:40%}}.hero-component .hero-bottom:has(.hero-bottom-image) .hero-bottom-image .image-wrapper,.hero-component .hero-bottom:has(.splide) .hero-bottom-image .image-wrapper{border-radius:1rem;display:flex;height:100%;overflow:hidden;position:relative;width:100%}.hero-component .hero-bottom:has(.hero-bottom-image) .hero-bottom-image .image-wrapper img,.hero-component .hero-bottom:has(.splide) .hero-bottom-image .image-wrapper img{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;transition:all .2s;width:100%}.hero-component .hero-bottom:has(.hero-bottom-image) .hero-bottom-image .image-wrapper:hover img,.hero-component .hero-bottom:has(.splide) .hero-bottom-image .image-wrapper:hover img{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hero-component .hero-bottom:has(.hero-bottom-image) .hero-bottom-image.type-map,.hero-component .hero-bottom:has(.splide) .hero-bottom-image.type-map{height:-moz-fit-content;height:fit-content}.hero-component .hero-bottom:has(.hero-bottom-image) .hero-bottom-image.type-map .image-wrapper,.hero-component .hero-bottom:has(.splide) .hero-bottom-image.type-map .image-wrapper{border-radius:0;height:-moz-fit-content;height:fit-content}.hero-component .hero-bottom:has(.hero-bottom-image) .hero-bottom-image.type-map .image-wrapper img,.hero-component .hero-bottom:has(.splide) .hero-bottom-image.type-map .image-wrapper img{height:auto;position:relative}.hero-component .hero-bottom:has(.hero-bottom-image) .hero-bottom-image.type-map .image-wrapper:hover img,.hero-component .hero-bottom:has(.splide) .hero-bottom-image.type-map .image-wrapper:hover img{--tw-scale-x:1;--tw-scale-y:1;opacity:.5;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hero-component .hero-bottom:has(.hero-bottom-image) .splide,.hero-component .hero-bottom:has(.splide) .splide{display:flex;flex-direction:column;gap:1.5rem;width:100%}@media (min-width:768px){.hero-component .hero-bottom:has(.hero-bottom-image) .splide,.hero-component .hero-bottom:has(.splide) .splide{width:40%}}.hero-component .hero-bottom:has(.hero-bottom-image) .splide__track,.hero-component .hero-bottom:has(.splide) .splide__track{border-bottom-left-radius:1rem;border-top-left-radius:1rem;overflow:hidden;width:calc(50% + 50vw)}@media (min-width:768px){.hero-component .hero-bottom:has(.hero-bottom-image) .splide__track,.hero-component .hero-bottom:has(.splide) .splide__track{width:calc(-25% + 50vw)}}.hero-component .hero-bottom:has(.hero-bottom-image) .splide__arrows,.hero-component .hero-bottom:has(.splide) .splide__arrows{--tw-translate-x:0px;display:flex;flex-direction:row;gap:.5rem;height:-moz-fit-content;height:fit-content;inset:0;position:relative;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:-moz-fit-content;width:fit-content}.hero-component .hero-bottom:has(.hero-bottom-image) .splide__arrow,.hero-component .hero-bottom:has(.splide) .splide__arrow{max-width:none}.hero-component .hero-bottom:has(.hero-bottom-image) .splide__slide,.hero-component .hero-bottom:has(.splide) .splide__slide{display:flex;height:18rem}.hero-component .hero-bottom:has(.hero-bottom-image) .splide__slide .image-wrapper,.hero-component .hero-bottom:has(.splide) .splide__slide .image-wrapper{border-radius:1rem;display:flex;height:100%;overflow:hidden;position:relative;width:100%}.hero-component .hero-bottom:has(.hero-bottom-image) .splide__slide .image-wrapper img,.hero-component .hero-bottom:has(.splide) .splide__slide .image-wrapper img{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;transition:all .2s ease-in-out;width:100%}.hero-component .hero-bottom:has(.hero-bottom-image) .splide__slide .image-wrapper:hover img,.hero-component .hero-bottom:has(.splide) .splide__slide .image-wrapper:hover img{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hero-component:not(:has(.hero-top .hero-image)) .hero-top{min-height:-moz-fit-content;min-height:fit-content;padding-bottom:0}.hero-component:not(:has(.hero-top .hero-image)) .hero-top .hero-content{padding-bottom:0}.hero-component:not(:has(.hero-top .hero-image)) .hero-bottom{margin-top:0}.hero-component.home-hero:has(.hero-image) .hero-top{min-height:100vh;padding-bottom:9vw}.hero-component.home-hero:has(.hero-image) .hero-top .hero-content:before{--tw-translate-y:9vw;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hero-component.home-hero:has(.hero-image) .hero-top .hero-overlay{aspect-ratio:11}.hero-component.home-hero:has(.hero-image) .hero-top .hero-overlay:after{aspect-ratio:4}.hero-component.home-hero:has(.hero-image) .hero-top:before{--tw-translate-x:50%;aspect-ratio:1/1;background-image:url(/app/themes/bengel/assets/images/circle_light.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:flex;min-width:6rem;position:absolute;right:0;top:min(200px,50%);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:15vw;z-index:30}.hero-component.home-hero:has(.hero-image) .hero-top:after{--tw-translate-y:-50%;aspect-ratio:1/1;background-image:url(/app/themes/bengel/assets/images/circle_dark.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:flex;min-width:4rem;position:absolute;right:1.25rem;top:min(200px,50%);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:10vw;z-index:20}.hero-component.home-hero:has(.hero-image) .hero-bottom{margin-top:0}.hero-component.home-hero .hero-bottom .hero-text{max-width:var(--max-width-lg)}