@-webkit-keyframes float{
    0%{
        transform:translateY(0)
    }
    50%{
        transform:translateY(-10px)
    }
    100%{
        transform:translateY(0)
    }
}
@keyframes float{
    0%{
        transform:translateY(0)
    }
    50%{
        transform:translateY(-10px)
    }
    100%{
        transform:translateY(0)
    }
}
/*html{
    overflow-x:hidden
}*/
@media(max-width: 576px){
    html[lang=de-DE] .homepage-hero-banner h1{
        font-size:3rem;
        line-height:4.2rem;
        margin-bottom:50px
    }
}
.homepage-hero-banner{
    z-index:0
}
@media(max-width: 1024px){
    .homepage-hero-banner{
        overflow-x:hidden;
        min-height:700px
    }
}
.homepage-hero-banner h1{
    font-size:8rem;
    line-height:8.5rem
}
@media(min-width: 1025px){
    .homepage-hero-banner h1{
        font-size:10rem;
        line-height:9.5rem
    }
}
.homepage-hero-banner__body{
    font-size:2rem;
    line-height:3.4rem
}
@media(min-width: 1024px){
    .homepage-hero-banner__body{
        font-size:2.2rem;
        line-height:3.5rem
    }
}
.homepage-hero-banner .container{
    position:relative
}
.homepage-hero-banner .container .row{
    position:relative;
    z-index:3
}
@media(max-width: 321px){
    .homepage-hero-banner .container .row{
        padding-top:120px !important
    }
}
.homepage-hero-banner__groups{
    position:absolute;
    left:50%;
    top:85px;
    z-index:1
}
.homepage-hero-banner__group{
    z-index:1;
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:50px
}
.homepage-hero-banner__icon{
    position:absolute;
    max-width:65px
}
@media(min-width: 1024px){
    .homepage-hero-banner__icon{
        -webkit-animation:float 3s ease-in-out infinite;
        animation:float 3s ease-in-out infinite
    }
}
.homepage-hero-banner__icon.homepage-hero-banner__icon--icon-1{
    -webkit-animation-delay:.3s;
    animation-delay:.3s
}
.homepage-hero-banner__icon.homepage-hero-banner__icon--icon-2{
    -webkit-animation-delay:.6s;
    animation-delay:.6s
}
.homepage-hero-banner__icon.homepage-hero-banner__icon--icon-3{
    -webkit-animation-delay:.9s;
    animation-delay:.9s
}
.homepage-hero-banner__icon.homepage-hero-banner__icon--icon-4{
    -webkit-animation-delay:1.2s;
    animation-delay:1.2s
}
.homepage-hero-banner__icon.homepage-hero-banner__icon--icon-5{
    -webkit-animation-delay:1.5s;
    animation-delay:1.5s
}
.homepage-hero-banner__icon.homepage-hero-banner__icon--icon-6{
    -webkit-animation-delay:1.8s;
    animation-delay:1.8s
}
.homepage-hero-banner__icon.homepage-hero-banner__icon--icon-7{
    -webkit-animation-delay:2.1s;
    animation-delay:2.1s
}
.homepage-hero-banner__icon.homepage-hero-banner__icon--icon-8{
    -webkit-animation-delay:2.4s;
    animation-delay:2.4s
}
.homepage-hero-banner__icon.homepage-hero-banner__icon--icon-9{
    -webkit-animation-delay:2.7s;
    animation-delay:2.7s
}
.homepage-hero-banner__icon.homepage-hero-banner__icon--icon-10{
    -webkit-animation-delay:3s;
    animation-delay:3s
}
.homepage-hero-banner__icon.homepage-hero-banner__icon--icon-11{
    -webkit-animation-delay:3.3s;
    animation-delay:3.3s
}
.homepage-hero-banner__icon.homepage-hero-banner__icon--icon-12{
    -webkit-animation-delay:3.6s;
    animation-delay:3.6s
}
.homepage-hero-banner__icon.homepage-hero-banner__icon--icon-13{
    -webkit-animation-delay:3.9s;
    animation-delay:3.9s
}
.homepage-hero-banner__icon.homepage-hero-banner__icon--icon-14{
    -webkit-animation-delay:4.2s;
    animation-delay:4.2s
}
.homepage-hero-banner__icon.homepage-hero-banner__icon--icon-15{
    -webkit-animation-delay:4.5s;
    animation-delay:4.5s
}
.homepage-hero-banner__icon.homepage-hero-banner__icon--icon-16{
    -webkit-animation-delay:4.8s;
    animation-delay:4.8s
}
.homepage-hero-banner__icon.homepage-hero-banner__icon--icon-17{
    -webkit-animation-delay:5.1s;
    animation-delay:5.1s
}
.homepage-hero-banner__icon.homepage-hero-banner__icon--icon-18{
    -webkit-animation-delay:5.4s;
    animation-delay:5.4s
}
.homepage-hero-banner__icon.homepage-hero-banner__icon--icon-19{
    -webkit-animation-delay:5.7s;
    animation-delay:5.7s
}
.homepage-hero-banner__icon--icon-1{
    left:calc(50% - 220px);
    top:520px
}
.homepage-hero-banner__icon--icon-2{
    left:calc(50% + 150px);
    top:520px
}
.homepage-hero-banner__icon--icon-4{
    left:calc(50% + 1045px);
    top:calc(50% + 295px)
}
.homepage-hero-banner__icon--icon-5{
    left:calc(50% + 1095px);
    top:calc(50% - 170px)
}
.homepage-hero-banner__icon--icon-6{
    left:calc(50% - 30px);
    top:-40px
}
.homepage-hero-banner__icon--icon-7{
    left:calc(50% - 210px);
    top:140px
}
.homepage-hero-banner__icon--icon-8{
    left:calc(50% + 140px);
    top:130px
}
.homepage-hero-banner__icon--icon-15{
    left:calc(50% - 270px);
    top:480px
}
@media(max-width: 321px){
    .homepage-hero-banner__icon.homepage-hero-banner__icon--icon-6{
        top:-90px
    }
    .homepage-hero-banner__icon.homepage-hero-banner__icon--icon-6,.homepage-hero-banner__icon.homepage-hero-banner__icon--icon-1,.homepage-hero-banner__icon.homepage-hero-banner__icon--icon-2,.homepage-hero-banner__icon.homepage-hero-banner__icon--icon-7,.homepage-hero-banner__icon.homepage-hero-banner__icon--icon-8{
        display:none
    }
}
@media(max-width: 768px){
    .homepage-hero-banner__icon.homepage-hero-banner__icon--icon-4,.homepage-hero-banner__icon.homepage-hero-banner__icon--icon-5,.homepage-hero-banner__icon.homepage-hero-banner__icon--icon-10,.homepage-hero-banner__icon.homepage-hero-banner__icon--icon-11,.homepage-hero-banner__icon.homepage-hero-banner__icon--icon-12,.homepage-hero-banner__icon.homepage-hero-banner__icon--icon-13,.homepage-hero-banner__icon.homepage-hero-banner__icon--icon-14,.homepage-hero-banner__icon.homepage-hero-banner__icon--icon-15,.homepage-hero-banner__icon.homepage-hero-banner__icon--icon-16{
        display:none
    }
}
@media(min-width: 567px)and (max-width: 768px){
    .homepage-hero-banner__icon--icon-1{
        left:calc(50% - 400px);
        top:160px
    }
    .homepage-hero-banner__icon--icon-2{
        left:calc(50% + 340px);
        top:160px
    }
    .homepage-hero-banner__icon--icon-6{
        left:calc(50% - 30px);
        top:-70px
    }
    .homepage-hero-banner__icon--icon-7{
        left:calc(50% - 310px);
        top:-20px
    }
    .homepage-hero-banner__icon--icon-8{
        left:calc(50% + 230px);
        top:-20px
    }
}
@media(min-width: 769px)and (max-width: 1024px){
    .homepage-hero-banner__icon.homepage-hero-banner__icon--icon-2,.homepage-hero-banner__icon.homepage-hero-banner__icon--icon-11,.homepage-hero-banner__icon.homepage-hero-banner__icon--icon-12,.homepage-hero-banner__icon.homepage-hero-banner__icon--icon-13,.homepage-hero-banner__icon.homepage-hero-banner__icon--icon-14,.homepage-hero-banner__icon.homepage-hero-banner__icon--icon-15{
        display:none
    }
}
@media(min-width: 769px){
    .homepage-hero-banner__icon--icon-1{
        left:calc(50% - 420px);
        top:calc(50% + 115px)
    }
    .homepage-hero-banner__icon--icon-4{
        left:calc(50% + 245px);
        top:calc(50% + 450px)
    }
    .homepage-hero-banner__icon--icon-7{
        left:calc(50% + 390px);
        top:calc(50% + 280px)
    }
    .homepage-hero-banner__icon--icon-8{
        left:calc(50% + 404px);
        top:calc(50% + 25px)
    }
    .homepage-hero-banner__icon--icon-10{
        left:calc(50% - 450px);
        top:calc(50% + 280px)
    }
    .homepage-hero-banner__icon--icon-16{
        left:calc(50% - 305px);
        top:calc(50% + 420px)
    }
}
@media(min-width: 1025px){
    .homepage-hero-banner__icon--icon-1{
        left:calc(50% - 660px);
        top:calc(50% + 115px)
    }
    .homepage-hero-banner__icon--icon-2{
        left:calc(50% - 470px);
        top:calc(50% - 25px)
    }
    .homepage-hero-banner__icon--icon-4{
        left:calc(50% + 805px);
        top:calc(50% + 360px)
    }
    .homepage-hero-banner__icon--icon-5{
        left:calc(50% + 815px);
        top:calc(50% + 20px)
    }
    .homepage-hero-banner__icon--icon-6{
        left:calc(50% + 610px);
        top:calc(50% + 120px)
    }
    .homepage-hero-banner__icon--icon-7{
        left:calc(50% + 480px);
        top:calc(50% + 280px)
    }
    .homepage-hero-banner__icon--icon-8{
        left:calc(50% + 404px);
        top:calc(50% - 25px)
    }
    .homepage-hero-banner__icon--icon-10{
        left:calc(50% - 550px);
        top:calc(50% + 280px)
    }
    .homepage-hero-banner__icon--icon-11{
        left:calc(50% - 880px);
        top:calc(50% + 30px)
    }
    .homepage-hero-banner__icon--icon-12{
        left:calc(50% - 1090px);
        top:calc(50% + 240px)
    }
    .homepage-hero-banner__icon--icon-13{
        left:calc(50% + 1030px);
        top:calc(50% + 260px)
    }
    .homepage-hero-banner__icon--icon-14{
        left:calc(50% - 1170px);
        top:calc(50% + 50px)
    }
    .homepage-hero-banner__icon--icon-15{
        left:calc(50% + 1105px);
        top:calc(50% - 30px)
    }
    .homepage-hero-banner__icon--icon-16{
        left:calc(50% - 805px);
        top:calc(50% + 360px)
    }
}
.homepage-hero-banner--v3 .homepage-hero-banner__images.section-bg:after{
    transform:translateY(-100px);
    top:0;
    bottom:unset
}
@media(max-width: 576px){
    .homepage-hero-banner--v3 .homepage-hero-banner__images.section-bg:after{
        transform:translateY(-150px)
    }
}
@media(min-width: 767px){
    .homepage-hero-banner--v3 .homepage-hero-banner__images.section-bg:after{
        transform:translateY(-75px)
    }
}
@media(min-width: 1280px){
    .homepage-hero-banner--v3 .homepage-hero-banner__images.section-bg:after{
        transform:translateY(-25px)
    }
}
@media(max-width: 576px){
    .homepage-hero-banner--v3 .homepage-hero-banner__images picture{
        transform:scale(1.2)
    }
    .homepage-hero-banner--v3 .homepage-hero-banner__images img{
        transform:scale(1.4)
    }
}
@media(max-width: 576px){
    .homepage-hero-banner--v3 .hero-banner__logos img{
        flex:0 0 50%;
        max-width:50%
    }
}
html{
    -ms-scroll-snap-type:y;
    scroll-snap-type:y
}
.homepage-slider{
    z-index:2
}
@media(min-width: 769px){
    .homepage-slider__articles{
        padding-bottom:180px
    }
}
.homepage-slider__articles article{
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding-top:40px;
    padding-bottom:40px
}
.homepage-slider__articles article img{
    opacity:1 !important
}
@media(max-width: 768px){
    .homepage-slider__articles article img{
        height:auto
    }
}
@media(min-width: 769px){
    .homepage-slider__articles article:not(:last-of-type){
        padding-bottom:13vh
    }
    .homepage-slider__articles article:not(:first-of-type){
        padding-top:13vh
    }
}
.homepage-slider__icon{
    z-index:2;
    max-width:75px;
    opacity:0;
    transition:all .25s ease
}
@media(max-width: 567px){
    .homepage-slider__icon{
        max-width:45px;
        height:-webkit-fit-content;
        height:-moz-fit-content;
        height:fit-content
    }
}
@media(min-width: 1441px){
    .homepage-slider__icon{
        width:90px
    }
}
.homepage-slider__icon--icon-1{
    right:-10px;
    top:20px
}
@media(min-width: 1025px)and (max-width: 1280px){
    .homepage-slider__icon--icon-1{
        top:80px
    }
}
@media(max-width: 769px){
    .homepage-slider__icon--icon-1{
        top:-20px
    }
}
@media(max-width: 567px){
    .homepage-slider__icon--icon-1{
        top:-10px
    }
}
@media(min-width: 1681px){
    .homepage-slider__icon--icon-1{
        left:105%
    }
}
.homepage-slider__icon--icon-2{
    left:-30px;
    top:85%
}
@media(min-width: 1025px)and (max-width: 1280px){
    .homepage-slider__icon--icon-2{
        top:75%
    }
}
@media(max-width: 567px){
    .homepage-slider__icon--icon-2{
        top:90%;
        left:-10px
    }
}
.homepage-slider__slider{
    min-height:450px
}
@media(min-width: 1440px){
    .homepage-slider__slider{
        min-height:545px
    }
}
.homepage-slider__article-image{
    position:absolute;
    opacity:0;
    transition:opacity .9s linear;
    min-height:415px
}
.homepage-slider__article-image img{
    height:auto
}
.homepage-slider__article-image:first-of-type .homepage-slider__icon:not(.on){
    width:45px;
    transform:translateY(-140px)
}
.homepage-slider__article-image:first-of-type.active img:not(.homepage-slider__icon){
    opacity:1 !important
}
.homepage-slider__article-image:first-of-type.active .homepage-slider__icon{
    height:auto;
    transform-origin:center;
    transition:all .2s ease-out;
    opacity:0 !important;
    transform:translateY(-250px)
}
.homepage-slider__article-image:first-of-type.active .homepage-slider__icon.homepage-slider__icon--icon-2{
    transform:translateY(-590px)
}
.homepage-slider__article-image:first-of-type.active .homepage-slider__icon.on{
    transition:all .7s ease-out;
    width:90px;
    opacity:1 !important;
    transform:translateY(0) !important
}
.homepage-slider__article-image:first-of-type.active .homepage-slider__icon.on:not(.played){
    transition-delay:.15s !important
}
.homepage-slider__article-image:first-of-type.active .homepage-slider__icon.on:not(.played).homepage-slider__icon--icon-2{
    transition-delay:.45s !important
}
@media(min-width: 1681px){
    .homepage-slider__article-image img{
        max-width:120%
    }
}
.homepage-slider__article-image.active{
    transition:opacity .9s ease;
    opacity:1
}
.homepage-slider__article-image.active .homepage-slider__icon{
    transition-delay:.1s;
    opacity:1
}
.homepage-slider__article-images-holder{
    position:-webkit-sticky;
    position:sticky;
    top:calc(50vh - 25%);
    display:flex;
    align-items:center
}