:root{--duration-short: .1s;--duration-default: .2s;--duration-announcement-bar: .25s;--duration-medium: .3s;--duration-long: .5s;--duration-extra-long: .6s;--duration-extra-longer: .75s;--duration-extended: 3s;--ease-out-slow: cubic-bezier(0, 0, .3, 1);--animation-slide-in: slideIn var(--duration-extra-long) var(--ease-out-slow) forwards;--animation-fade-in: fadeIn var(--duration-extra-long) var(--ease-out-slow)}@media (prefers-reduced-motion: no-preference){.animate--ambient>img,.animate--ambient>svg{animation:animateAmbient 30s linear infinite}@keyframes animateAmbient{0%{transform:rotate(0) translate(1em) rotate(0) scale(1.2)}to{transform:rotate(360deg) translate(1em) rotate(-360deg) scale(1.2)}}.scroll-trigger.animate--fade-in,.scroll-trigger.animate--slide-in{opacity:.01}.scroll-trigger.animate--slide-in{transform:translateY(2rem)}.scroll-trigger:not(.scroll-trigger--offscreen).animate--fade-in{opacity:1;animation:var(--animation-fade-in)}.scroll-trigger:not(.scroll-trigger--offscreen).animate--slide-in{animation:var(--animation-slide-in);animation-delay:calc(var(--animation-order) * 75ms)}.scroll-trigger.scroll-trigger--design-mode.animate--fade-in,.scroll-trigger.scroll-trigger--design-mode.animate--slide-in,.scroll-trigger.scroll-trigger--design-mode .slider,.scroll-trigger:not(.scroll-trigger--offscreen).scroll-trigger--cancel{opacity:1;animation:none;transition:none;transform:none}.scroll-trigger.scroll-trigger--design-mode.animate--slide-in{transform:translateY(0)}@keyframes slideIn{0%{transform:translateY(2rem);opacity:.01}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:.01}to{opacity:1}}}.section-koin-hero-banner *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.section-koin-hero-banner .banner{flex-direction:column;flex-wrap:nowrap;min-height:calc(100vh - 75px);display:flex;justify-content:space-between}.section-koin-hero-banner .banner .banner__content{max-width:100%;margin-top:auto;margin-bottom:auto}@media only screen and (min-width: 1601px){.section-koin-hero-banner .banner .banner__content{max-height:calc(100vh - 75px)}}@media only screen and (min-width: 991px){.section-koin-hero-banner .banner .banner__content{padding-top:5.8rem}}@media only screen and (max-width: 990px){.section-koin-hero-banner .banner .banner__content{padding-left:30px;padding-right:0;padding-bottom:30px}.section-koin-hero-banner .banner .banner__content .banner__box--left{padding-right:30px}}@media only screen and (max-width: 426px){.section-koin-hero-banner .banner .banner__content{padding-left:15px;padding-bottom:0}.section-koin-hero-banner .banner .banner__content .banner__box--left{padding-right:15px}}@media only screen and (min-width: 991px) and (max-width: 1440px){.section-koin-hero-banner .banner .banner__content{padding-left:11px;padding-right:32px}}@media only screen and (min-width: 1281px) and (max-width: 1440px){.section-koin-hero-banner .banner .banner__content{min-height:100vh}}@media only screen and (min-width: 1200px){.section-koin-hero-banner .banner .banner__content{padding:0}}.section-koin-hero-banner .banner__media{height:100%;position:absolute;left:0;top:0;width:100%;background:none}.section-koin-hero-banner .banner:after,.section-koin-hero-banner .banner__media:after{background:none;display:none!important}.section-koin-hero-banner .banner__content .banner__box{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;max-width:calc(1440px + 10rem);width:100%;margin-top:4.8rem;margin-left:auto;margin-right:auto;padding:0}@media only screen and (min-width: 1200px){.section-koin-hero-banner .banner__content .banner__box{max-width:100%;padding-left:71px}}@media only screen and (max-width: 990px){.section-koin-hero-banner .banner__content .banner__box{max-width:100%}}.section-koin-hero-banner .banner__content .banner__box--left{flex:1;max-width:50%;margin-top:-11px;padding-left:19px;padding-right:15px;transition:all .3s ease-in-out}@media only screen and (max-width: 990px){.section-koin-hero-banner .banner__content .banner__box--left{flex:0 0 100%;max-width:100%;padding-left:0;padding-right:0}}.section-koin-hero-banner .banner__content .banner__box--right{flex:0 0 var(--max-width, 100%);max-width:50%;transition:all .3s ease-in-out}@media only screen and (max-width: 990px){.section-koin-hero-banner .banner__content .banner__box--right{margin-top:100px;flex:0 0 100%;max-width:100%}}.section-koin-hero-banner .banner__content .b4s_image{line-height:1;margin-top:0;margin-bottom:20px}@media only screen and (max-width: 750px){.section-koin-hero-banner .banner__content .b4s_image{margin-top:50px}.section-koin-hero-banner .banner__content .banner__box--inner~.b4s_image{margin-top:20px}.section-koin-hero-banner .banner__content .b4s_image.hidden~.banner__box--inner{margin-top:50px}}@media only screen and (min-width: 990px){.section-koin-hero-banner .b4s_image.hide-mobile{display:block!important}.section-koin-hero-banner .b4s_image.hide-desktop{display:none!important}}@media only screen and (max-width: 990px){.section-koin-hero-banner .b4s_image.hide-desktop{display:block!important}.section-koin-hero-banner .b4s_image.hide-mobile{display:none!important}}.section-koin-hero-banner .banner__content .banner__heading{margin-top:0;margin-bottom:29px}.section-koin-hero-banner .banner__content .banner__heading:not(:has(>h1))>*,.section-koin-hero-banner .banner__content .banner__heading h1,.section-koin-hero-banner .banner__content .banner__heading h1>*{font-family:var(--font-heading-family);font-optical-sizing:auto;font-weight:var(--font-weight);font-style:normal;font-size:var(--font-size);line-height:1;letter-spacing:0}.section-koin-hero-banner .banner__content .banner__heading h1{margin-block:0}@media only screen and (max-width: 426px){.section-koin-hero-banner .banner__content .banner__heading:not(:has(>h1))>*,.section-koin-hero-banner .banner__content .banner__heading h1,.section-koin-hero-banner .banner__content .banner__heading h1>*{font-size:28px}}.section-koin-hero-banner .banner__content .sub_heading{display:flex;margin-top:0;margin-bottom:42px}.section-koin-hero-banner .banner__content .banner__box--inner-right .sub_heading{align-items:baseline}.section-koin-hero-banner .banner__content .sub_heading svg{margin-left:8px;margin-right:8px}.section-koin-hero-banner .banner__content .sub_heading span{font-family:var(--font-heading-family);font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:16px;letter-spacing:0}.section-koin-hero-banner .banner__content .sub_heading,.section-koin-hero-banner .banner__content .sub_heading>*{font-size:var(--font-size);color:var(--color);font-weight:var(--font-weight)}@media only screen and (max-width: 426px){.section-koin-hero-banner .banner__content .sub_heading span{font-size:13px}}.section-koin-hero-banner .banner__content .banner__text{font-size:20px;font-weight:400;line-height:27px;letter-spacing:0;margin-top:var(--margin-top, 0);margin-bottom:40px}@media only screen and (max-width: 426px){.section-koin-hero-banner .banner__content .banner__text{font-size:15px}}.section-koin-hero-banner .banner__content .banner__buttons a{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:16px 24px;gap:8px;line-height:1;font-size:16px;font-family:var(--font-body-family);letter-spacing:0;font-optical-sizing:auto;font-style:normal;min-height:56px;min-width:212px;transition:all .3s}.section-koin-hero-banner .banner__content .banner__buttons a{color:var(--text-color);background-color:var(--background-color);border:1.5px solid var(--border-color)}.section-koin-hero-banner .banner__content .banner__buttons a:hover{color:var(--text-color-hover)!important;background-color:var(--background-color-hover)!important}.section-koin-hero-banner .banner__content .banner__buttons a:before,.section-koin-hero-banner .banner__content .banner__buttons a:after{display:none!important}.section-koin-hero-banner .banner__image{top:var(--vertical-position);left:var(--horizontal-position);position:relative;display:block;max-width:100%;height:auto}.section-koin-hero-banner .banner__image:not(.main-image){position:absolute}.section-koin-hero-banner .banner__image-container{position:relative;display:inline-block;width:100%;overflow:hidden}.section-koin-hero-banner .banner__image-item{position:relative}.section-koin-hero-banner .banner__image-list{flex-direction:row;flex-wrap:nowrap;margin:0;gap:0;overflow:hidden}.section-koin-hero-banner .slideshow__slide[aria-hidden=true]{opacity:0;visibility:hidden}.section-koin-hero-banner .slideshow__slide[aria-hidden=false]{opacity:1;transition:all .5s ease-in-out;visibility:visible}.section-koin-hero-banner .banner__content .banner__heading>*,.section-koin-hero-banner .banner__content .banner__heading:not(:has(>h1))>*,.section-koin-hero-banner .banner__content .banner__heading h1>*{color:var(--color)}@media only screen and (max-width: 426px){.section-koin-hero-banner .banner__content .banner__box--right{margin-top:80px;margin-bottom:50px}}.section-koin-hero-banner .banner__box--inner{display:flex;flex-direction:row;gap:0 25px;padding-top:0}.section-koin-hero-banner .banner__heading:not(.no-flex){display:flex;gap:26px}.section-koin-hero-banner .banner__content .banner__box--inner-right .banner__heading{margin-bottom:0}@media only screen and (max-width: 990px){.section-koin-hero-banner .banner__box--inner-right .banner__box-heading--left{width:100%;flex:0 0 100%}}.section-koin-hero-banner .banner__box--inner-right .banner__box-heading--right .b4s_image{margin-bottom:0}.section-koin-hero-banner .banner__box--inner-right .sub_heading{margin-top:7px;margin-bottom:0}.section-koin-hero-banner .banner__box--inner-right .sub_heading>*{color:var(--color);font-weight:var(--font-weight);font-size:var(--font-size)}.section-koin-hero-banner .banner__box--inner-right .sub_heading svg{margin-left:0;position:relative;top:1px}.section-koin-hero-banner .banner__text--heading{max-width:100%;margin-top:var(--margin-top, 30px);margin-bottom:24px}.section-koin-hero-banner .banner__text--heading>*{margin-top:0;margin-bottom:0}.section-koin-hero-banner .banner__text--heading,.section-koin-hero-banner .banner__text--heading>*{color:var(--color);font-weight:var(--font-weight);font-size:var(--font-size);letter-spacing:.05rem;line-height:var(--line-height)}@media only screen and (max-width: 426px){.section-koin-hero-banner .banner__text--heading,.section-koin-hero-banner .banner__text--heading>*{font-size:calc(var(--font-size) - 5px)}}.section-koin-hero-banner .banner__text.rte,.section-koin-hero-banner .banner__text.rte>*{color:var(--color);font-weight:var(--font-weight);font-size:var(--font-size);margin-bottom:0;line-height:var(--line-height)}.section-koin-hero-banner .banner__buttons{margin-top:40px;margin-bottom:10px}.section-koin-hero-banner .banner__buttons-group{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline}.section-koin-hero-banner .banner__buttons-group .banner_seperate{margin-left:24px;margin-right:14px;color:#fff;font-size:16px;font-weight:400}.section-koin-hero-banner .banner__buttons-group .banner_seperate:empty{margin-right:0}.section-koin-hero-banner .banner__buttons-group .banner__links .button__link{color:var(--text-color);transition:all .3s ease-in-out;text-underline-offset:3px}.section-koin-hero-banner .banner__buttons-group .banner__links .button__link:hover{color:var(--text-color-hover)!important}.section-koin-hero-banner .banner.transparent-header{min-height:100vh}@media only screen and (min-width: 1601px){.section-koin-hero-banner .banner.transparent-header .banner__content{max-height:calc(100vh - 183px)}}.section-koin-hero-banner .banner.transparent-header .banner__content .banner__box{margin-top:calc(4.8rem + 80px)}.section-koin-hero-banner .banner.transparent-header .banner__content .banner__box:after{display:none}@media only screen and (max-width: 426px){.section-koin-hero-banner .banner.transparent-header .banner__content .banner__box{margin-top:calc(4.8rem + 40px)}}.section-koin-hero-banner .flickity-enabled.grid{display:block}.section-koin-hero-banner .data-slider{transition:all .3s ease-in-out}.section-koin-hero-banner .data-slider:not(.flickity-enabled) .slideshow__slide~.slideshow__slide{opacity:0}@media only screen and (min-width: 1200px){.section-koin-hero-banner .banner .banner__content .banner__box .banner__box--left{padding-left:9px}}
/*# sourceMappingURL=/cdn/shop/t/61/assets/section-koin-hero-banner.css.map */