/** Shopify CDN: Minification failed

Line 508:0 Expected "}" to go with "{"

**/
.video_outer{
  overflow: hidden;
}


.sued-hpnew-scrollvideo-teaser * {
    text-align: left !important;
}

.sued-hpnew-scrollvideo-teaser .sued-scrollvideo-text-container {
    padding: 0 30px 0 var(--page-padding);
}

.sued-hpnew-scrollvideo-teaser .sued-scrollvideo-text-container * {
    position: relative;
}

.sued-hpnew-scrollvideo-teaser .sued-subheadlines {
    margin-bottom: 72px;
}

.sued-hpnew-scrollvideo-teaser .sued-subheadline,
.sued-hpnew-scrollvideo-teaser h3.sued-subheadline:not([class*="h1"]):not([class*="h2"]):not([class*="h4"]):not([class*="h5"]):not([class*="h6"]) {
    margin-bottom: 36px !important;
    font-size: 19px;
    line-height: 1.5 !important;
}

.sued-hpnew-scrollvideo-teaser .sued-subheadline:last-child,
.sued-hpnew-scrollvideo-teaser h3.sued-subheadline:not([class*="h1"]):not([class*="h2"]):not([class*="h4"]):not([class*="h5"]):not([class*="h6"]):last-child {
    margin-bottom: 0 !important;
}

.sued-hpnew-scrollvideo-teaser h1 {
    margin-bottom: 44px !important;
}

.sued-scroll-video-container {
    position: relative;
    background-color: var(--black);
    z-index: 2;
    pointer-events: none;
}

.sued-scroll-video-container h2,
.sued-scroll-video-container p {
    color: white;
    margin: 0 0 36px 0 !important;
}

.sued-scroll-video-container .sued-text-above-video-wrapper {
    padding: 85px 32px 0 32px;
    width: 706px;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    pointer-events: all;
    position: relative;
    z-index: 10;
}

.sued-scroll-video-container.sued-has-productfeatures-video,
.sued-scroll-video-container.sued-has-productfeatures-video .sued-text-above-video-wrapper {
    z-index: auto;
}

.sued-scroll-video-innerwrapper {
    min-height: 120vw;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sued-scroll-video-innerwrapper.sued-align-end {
    align-items: flex-end;
}

.sued-scroll-video-container video,
.sued-scroll-video-container canvas {
    max-height: 100vh;
    max-height: 100lvh;
    max-width: 100%;
    z-index: 1;
}

.sued-scroll-video-container canvas {
    object-fit: contain;
}

.sued-scroll-video-container .sued-scroll-video-innerwrapper {
    position: relative;
}

.sued-scroll-video-container video {
    height: 100%;
    width: 100%;
    position: absolute;
}

.sued-scroll-video-container canvas.loading {
    z-index: 2;
}

.sued-scroll-video-container video.sued-zoom-mobile,
.sued-scroll-video-container canvas.sued-zoom-mobile {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.sued-hpnew-scrollvideo-teaser .sued-logo-container {
    background-color: var(--black);
    padding: 54px 0 250px 0;
    position: relative;
    z-index: 1;
}

.sued-hpnew-scrollvideo-teaser .sued-logo-container .sued-headline-wrapper {
    display: flex;
    flex-wrap: nowrap;
    padding: 0 32px;
}

.sued-hpnew-scrollvideo-teaser .sued-logo-container h3 {
    color: var(--white);
    text-transform: uppercase;
    white-space: nowrap;
    padding-right: 16px;
    flex-basis: 0;
    margin-bottom: 44px;
}

.sued-hpnew-scrollvideo-teaser .sued-logo-container .sued-blending-in-logos {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}

.sued-hpnew-scrollvideo-teaser .sued-logo-container .sued-blending-in-logos-inner-wrapper {
    position: relative;
    display: flex;
    transition: transform 500ms cubic-bezier(.25, 1, .5, 1);
    padding-left: 16px;
}

.sued-hpnew-scrollvideo-teaser .sued-logo-container .sued-blending-in-logos-inner-wrapper img {
    position: relative;
    overflow: hidden;
    width: auto;
    min-width: 25%;
    margin: 0 16px;
}

.sued-hpnew-scrollvideo-teaser .sued-scroll-lottie-container,
.sued-hpnew-scrollvideo-teaser .sued-scroll-rive-container {
    background-color: var(--black);
    margin-top: -30vh;
}

.sued-hpnew-scrollvideo-teaser .sued-scroll-lottie-innerwrapper,
.sued-hpnew-scrollvideo-teaser .sued-scroll-rive-innerwrapper {
    height: 100vh;
    height: 100lvh;
    display: flex;
    align-items: center;
    position: relative;
    left: -10%;
    width: 120%;
}

.sued-hpnew-scrollvideo-teaser .sued-scroll-rive-innerwrapper {
    left: 0;
    width: 100%;
}

.sued-hpnew-scrollvideo-teaser .sued-scroll-lottie-container dotlottie-player,
.sued-hpnew-scrollvideo-teaser .sued-scroll-rive-container #rive_animation {
    height: auto;
    width: 100%;
    max-height: 100%;
}

.sued-hpnew-scrollvideo-teaser .sued-scroll-rive-container #rive_animation {
    height: 100%;
}

.sued-visible-desktop, .sued-visible-tablet {
    display: none!important;
}


@keyframes sued-fadeInleft {
    0% {
        transform: translateX(40px);
        opacity: 0;
    }

    60% {
        opacity: 1;
    }

    100% {
        transform: translateX(0);
    }
}

@-webkit-keyframes sued-fadeInleft {
    0% {
        -webkit-transform: translateX(40px);
        opacity: 0;
    }

    60% {
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(0);
    }
}


@media (min-width:640px) {
    .sued-promotion-teaser {
        display: flex
    }

    .sued-promotion-teaser .sued-promotion-tile {
        height: 50vw;
        height: -webkit-calc(50vw - 26px);
        height: -moz-calc(50vw - 26px);
        height: calc(50vw - 26px);
        width: 50%
    }

    .sued-promotion-teaser .sued-first {
        margin-bottom: 0;
        margin-right: 16px
    }

    .sued-hpnew-scrollvideo-teaser .sued-subheadline {
        font-size: 22px
    }

    .sued-hpnew-scrollvideo-teaser .sued-scroll-video-container {
        padding-top: 200px
    }

    .sued-hpnew-scrollvideo-teaser .sued-logo-container {
        padding-top: 90px
    }
}

@media (min-width:1024px) {

  .sued-hidden-desktop, .sued-visible-tablet {
    display: none!important;
  }
  
  .sued-visible-desktop {
    display: block!important;
  }
  
    .sued-hpnew-scrollvideo-teaser {
        display: flex;
        flex-wrap: wrap;
        /* margin-top: -10px */
    }

    .sued-scroll-video-innerwrapper {
        min-height: auto
    }

    .sued-hpnew-scrollvideo-teaser .sued-scrollvideo-text-container,
    .sued-hpnew-scrollvideo-teaser .sued-scroll-video-innerwrapper {
        height: 470vh
    }

    .sued-hpnew-scrollvideo-teaser .sued-scrollvideo-text-container {
        width: 50%;
        background-color: black;
        /* padding-left: 30px; */
        z-index: 2
    }

    .sued-hpnew-scrollvideo-teaser .sued-scrollvideo-text-container * {
        color: var(--white)
    }

    .sued-hpnew-scrollvideo-teaser h1 {
        opacity: 0
    }

    .sued-hpnew-scrollvideo-teaser .sued-subheadlines {
        width: 430px;
        max-width: 100%;
        margin-bottom: 0
    }

    .sued-hpnew-scrollvideo-teaser .sued-subheadline,
    .sued-hpnew-scrollvideo-teaser h3.sued-subheadline:not([class*="h1"]):not([class*="h2"]):not([class*="h4"]):not([class*="h5"]):not([class*="h6"]) {
        margin-bottom: 44px !important;
        font-size: 26px
    }

    .sued-hpnew-scrollvideo-teaser .sued-subheadline:last-child,
    .sued-hpnew-scrollvideo-teaser h3.sued-subheadline:not([class*="h1"]):not([class*="h2"]):not([class*="h4"]):not([class*="h5"]):not([class*="h6"]):last-child {
        margin-bottom: 0 !important
    }

    .sued-hpnew-scrollvideo-teaser .sued-scroll-video-container {
        padding-top: 0;
        width: 50%;
        z-index: 1
    }

    .sued-hpnew-scrollvideo-teaser .sued-scroll-video-container video,
    .sued-hpnew-scrollvideo-teaser .sued-scroll-video-container canvas {
        position: fixed;
        top: 100%;
        height: 97vh
    }

    .sued-hpnew-scrollvideo-teaser .sued-scroll-lottie-innerwrapper {
        left: 0;
        width: 100%
    }

    .sued-scroll-video-container video.sued-zoom-mobile,
    .sued-scroll-video-container canvas.sued-zoom-mobile {
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .sued-hpnew-scrollvideo-teaser .sued-logo-container {
        background-color: transparent;
        padding: 54px 0;
        transform: translateY(-50%)
    }

    .sued-hpnew-scrollvideo-teaser .sued-logo-container .sued-headline-wrapper {
        display: block;
        padding: 0
    }

    .sued-hpnew-scrollvideo-teaser .sued-logo-container .sued-blending-in-logos-inner-wrapper img {
        min-width: auto;
        width: auto;
        height: 28px;
        margin-bottom: 37px;
        margin-left: 0;
        margin-right: 50px;
        display: inline-block;
        opacity: 0;
        transform: translateX(40px)
    }

    .sued-hpnew-scrollvideo-teaser .sued-logo-container .sued-blending-in-logos-inner-wrapper {
        width: 700px;
        max-width: 100%;
        display: block;
        padding-left: 0
    }

    .sued-hpnew-scrollvideo-teaser .sued-logo-container .sued-blending-in-logos-inner-wrapper.animating img {
        -webkit-animation: sued-fadeInleft;
        -webkit-animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation: sued-fadeInleft;
        animation-duration: 1s;
        animation-fill-mode: both;
        opacity: 1;
        transform: translateX(0)
    }

    .sued-hpnew-scrollvideo-teaser .sued-logo-container .sued-blending-in-logos-inner-wrapper.animating img:nth-child(2) {
        animation-delay: 100ms
    }

    .sued-hpnew-scrollvideo-teaser .sued-logo-container .sued-blending-in-logos-inner-wrapper.animating img:nth-child(3) {
        animation-delay: 200ms
    }

    .sued-hpnew-scrollvideo-teaser .sued-logo-container .sued-blending-in-logos-inner-wrapper.animating img:nth-child(4) {
        animation-delay: 300ms
    }

    .sued-hpnew-scrollvideo-teaser .sued-logo-container .sued-blending-in-logos-inner-wrapper.animating img:nth-child(5) {
        animation-delay: 400ms
    }

    .sued-hpnew-scrollvideo-teaser .sued-logo-container .sued-blending-in-logos-inner-wrapper.animating img:nth-child(6) {
        animation-delay: 500ms
    }

    .sued-hpnew-scrollvideo-teaser .sued-logo-container .sued-blending-in-logos-inner-wrapper.animating img:nth-child(7) {
        animation-delay: 600ms
    }

    .sued-hpnew-scrollvideo-teaser .sued-logo-container .sued-blending-in-logos-inner-wrapper.animating img:nth-child(8) {
        animation-delay: 700ms
    }

    .sued-hpnew-scrollvideo-teaser .sued-logo-container .sued-blending-in-logos-inner-wrapper.animating img:nth-child(9) {
        animation-delay: 800ms
    }

    .sued-hpnew-scrollvideo-teaser .sued-logo-container .sued-blending-in-logos-inner-wrapper.animating img:nth-child(10) {
        animation-delay: 900ms
    }

    .sued-hpnew-scrollvideo-teaser .sued-scroll-lottie-outer-wrapper,
    .sued-hpnew-scrollvideo-teaser .sued-scroll-rive-outer-wrapper {
        width: 100vw;
        height: calc('500vh - 200px');
    }

}


@media (min-width:1400px) {
  .sued-hpnew-scrollvideo-teaser .sued-scrollvideo-text-container {
        padding-left: var(--page-padding);
    }
}

.page-width-a {
  background: #000;
}

/* ================ */


@media (min-width: 1024px) {
  .desktop_hide{
    display: none;
  }
}
@media (max-width: 1024px) {
  .mobile_hide {
    display: none;
  }
  .video_head_small {
    padding: 72px 0 44px;
  }
  .video_head_small .sued-subheadlines{
    margin-top: 44px;
  }
  .video_head_small .sued-subheadlines .p_new + .p_new {
    margin-top: 36px;
  }
  .video_head_small .hd1 {
    font-size: 45px;
  }
  .video_head_small .sued-subheadlines .p_new {
    font-size: 16px;
  }
  .sued-hpnew-scrollvideo-teaser .sued-logo-container h3 {
    margin-bottom: 0;
  }
  .sued-hpnew-scrollvideo-teaser .sued-logo-container {
    padding-bottom: 70px;
}

@media (max-width: 568px) {
  .video_outer .sued-hpnew-scrollvideo-teaser .sued-logo-container .sued-headline-wrapper {
    margin: 0 0 16px;
    position: relative;
  }
}