.section-hero-split .row.full-width-row-full{padding:0;max-width:none}.section-hero-split .row.full-width-row-full>.columns{padding:0}.hero-split{display:grid;grid-template-columns:1fr;gap:8px;width:100%;max-width:var(--hero-split-max-width, 1920px);margin-left:auto;margin-right:auto}@media only screen and (min-width:768px){.hero-split{grid-template-columns:6fr 4fr;grid-auto-rows:1fr;gap:12px}.hero-split--teasers-0,.hero-split--full-width-hero{grid-template-columns:1fr}.hero-split--teasers-0 .hero-split__main,.hero-split--full-width-hero .hero-split__main{grid-column:1 / -1}.hero-split--split-50-50{grid-template-columns:1fr 1fr}.hero-split--split-50-50 .hero-split__teasers{grid-template-rows:1fr}.hero-split--split-hero-triple{grid-template-columns:1fr;grid-auto-rows:auto}.hero-split--split-hero-triple .hero-split__main{grid-column:1 / -1}.hero-split--split-hero-triple .hero-split__teasers{grid-template-columns:repeat(3,1fr);grid-template-rows:auto}.hero-split--split-hero-triple .hero-split__teaser{aspect-ratio:4 / 3;height:auto}}.hero-split--full-width-hero .hero-split__teasers{display:none}.hero-split__main{position:relative;width:100%;height:var(--hero-mobile-height, 360px);overflow:hidden;color:var(--color-body, #fff)}@media only screen and (min-width:768px){.hero-split__main{height:var(--hero-desktop-height, 460px);min-height:380px}}.hero-split__teasers{display:grid;grid-template-columns:1fr 1fr;gap:8px}@media only screen and (min-width:768px){.hero-split__teasers{grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:12px}}.hero-split__teaser{position:relative;display:block;width:100%;height:180px;overflow:hidden;text-decoration:none;color:var(--color-body, #fff);transition:transform .4s cubic-bezier(.22,1,.36,1)}@media only screen and (min-width:768px){.hero-split__teaser{height:100%;min-height:0}}.hero-split__teaser:hover .hero-split__bg img{transform:scale(1.04)}.hero-split__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:#111;overflow:hidden}.hero-split__bg img,.hero-split__bg svg{width:100%;height:100%;transition:transform .6s cubic-bezier(.22,1,.36,1)}.hero-split__bg--fit-cover img,.hero-split__bg--fit-cover svg{object-fit:cover}.hero-split__bg--fit-contain img,.hero-split__bg--fit-contain svg{object-fit:contain;object-position:center!important}.hero-split__img--desktop{display:none}.hero-split__img--mobile{display:block}@media only screen and (min-width:768px){.hero-split__img--desktop{display:block}.hero-split__img--mobile{display:none}}.hero-split__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:rgba(var(--overlay-color-rgb, 0,0,0),var(--overlay-opacity, .2));pointer-events:none}.hero-split__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;padding:20px;pointer-events:none}@media only screen and (min-width:768px){.hero-split__content{padding:36px 48px}}.hero-split__content>*{pointer-events:auto}.hero-split__main.content-top-left .hero-split__content,.hero-split__teaser.content-top-left .hero-split__content{justify-content:flex-start;align-items:flex-start}.hero-split__main.content-middle-left .hero-split__content,.hero-split__teaser.content-middle-left .hero-split__content{justify-content:center;align-items:flex-start}.hero-split__main.content-bottom-left .hero-split__content,.hero-split__teaser.content-bottom-left .hero-split__content{justify-content:flex-end;align-items:flex-start}.hero-split__main.content-middle-center .hero-split__content,.hero-split__teaser.content-middle-center .hero-split__content{justify-content:center;align-items:center}.hero-split__main.content-bottom-center .hero-split__content,.hero-split__teaser.content-bottom-center .hero-split__content{justify-content:flex-end;align-items:center}.hero-split__main.content-middle-right .hero-split__content{justify-content:center;align-items:flex-end}.hero-split__main.content-bottom-right .hero-split__content,.hero-split__teaser.content-bottom-right .hero-split__content{justify-content:flex-end;align-items:flex-end}.hero-split__main.text-left .hero-split__content,.hero-split__teaser.text-left .hero-split__content{text-align:left}.hero-split__main.text-center .hero-split__content,.hero-split__teaser.text-center .hero-split__content{text-align:center}.hero-split__main.text-right .hero-split__content,.hero-split__teaser.text-right .hero-split__content{text-align:right}.hero-split__main .hero-split__content>*{max-width:560px}.hero-split__heading{color:var(--color-body, #fff);margin:0 0 10px;line-height:1.1}.hero-split__main .inline-badge{margin-bottom:14px}.hero-split__description{font-size:1rem;line-height:1.4;margin:0 0 18px;color:var(--color-body, #fff);opacity:.95}@media only screen and (min-width:768px){.hero-split__description{font-size:1.125rem}}.hero-split__teaser-heading{color:var(--color-body, #fff);margin:0 0 6px;line-height:1.15}.hero-split__teaser .inline-badge{margin-bottom:10px;font-size:.75rem;height:26px;padding:6px 10px}.hero-split__cta{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:2px;font-weight:600;font-size:.9375rem;line-height:1;text-decoration:none;transition:all .2s ease;cursor:pointer;border:2px solid var(--color-body, #fff)}.hero-split__cta--solid{background:var(--color-body, #fff);color:#111}.hero-split__cta--solid:hover,.hero-split__cta--outline{background:transparent;color:var(--color-body, #fff)}.hero-split__cta--outline:hover{background:var(--color-body, #fff);color:#111}.hero-split__cta-arrow{display:inline-block;transition:transform .2s ease}.hero-split__cta:hover .hero-split__cta-arrow{transform:translate(3px)}.hero-split__teaser-cta{display:inline-flex;align-items:center;gap:6px;font-size:.875rem;font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.hero-split__teaser:hover .hero-split__teaser-cta .hero-split__cta-arrow{transform:translate(3px)}.hero-split__click-area{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block}@media only screen and (max-width:767px){.hero-split__main .hero-split__content{padding:24px 20px}.hero-split__main .hero-split__heading.h1{font-size:1.75rem}.hero-split__main .hero-split__heading.h2{font-size:1.5rem}.hero-split__teaser-heading{font-size:1rem}.hero-split__cta{padding:10px 20px;font-size:.875rem}.hero-split--mobile-horizontal-scroll{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:8px;padding-right:16px;scrollbar-width:none}.hero-split--mobile-horizontal-scroll::-webkit-scrollbar{display:none}.hero-split--mobile-horizontal-scroll>.hero-split__main{flex:0 0 85%;scroll-snap-align:start;height:var(--hero-mobile-height, 360px)}.hero-split--mobile-horizontal-scroll>.hero-split__teasers{flex:0 0 70%;display:flex;flex-direction:row;gap:8px}.hero-split--mobile-horizontal-scroll .hero-split__teaser{flex:0 0 260px;height:var(--hero-mobile-height, 360px);scroll-snap-align:start}.hero-split--split-hero-triple .hero-split__teasers{grid-template-columns:repeat(3,minmax(60%,1fr));overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.hero-split--split-hero-triple .hero-split__teasers::-webkit-scrollbar{display:none}.hero-split--split-hero-triple .hero-split__teaser{scroll-snap-align:start}}
/*# sourceMappingURL=/cdn/shop/t/154/assets/hero-split.css.map */