:root {
    --base-color: #232967;
}
.bg-kurzblau {background-color: #232967}
.brand-logo {height:60px}
.brand-slogan {width:200px;height:100%;}
@media (min-width:992px) {
    .brand-slogan {
        width: 400px;
    }
}
.text-gradient-base-color {
    background-image: linear-gradient(to right, #e97522 0%, #1ea3b1 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.z-index-99 {
    z-index: 99;
}
.sticky-wrap.sticky-white span, .sticky-wrap.sticky-white a {
    color: var(--white) !important;
}

@media (max-width: 1439px) {
    #hero {
        background-image: url("../../media/section/hero_1440px.webp") !important;
        background-position: 0 75% !important;
    }
    #hero .w-75 {
        width: 50%!important;
    }
    .md-h-image-400px {
        height:500px;
        object-fit:cover;
    }
}

@media (max-width: 1023px) {
    #hero {
        background-image: url("../../media/section/hero_square.webp") !important;
    }
    .md-h-image-400px {
        height:450px;
        object-fit:cover;
    }
}

@media (max-width: 991px) {
    #hero .w-75 {
        width: 50%!important;
    }
    .mobile-h-40px,.mobile-h-50px,.mobile-h-60px {
        height: 38px;
    }
    .md-h-image-400px {
        height:400px;
        object-fit:cover;
    }
    #competition .md-h-450px{
        background-image: url("../../media/section/ticket_450px.webp") !important;
    }
}
@media (max-width: 767px) {
    #hero {
        background-image: url("../../media/section/hero_767px.webp") !important;
    }
    .mobile-h-40px {
        height: 40px;
    }
    .mobile-h-50px {
        height: 50px;
    }
    .mobile-h-60px {
        height: 60px;
    }
    .brand-logo {
        height:40px;
    }

}
@media (max-width: 575px) {
    #hero {
        background-image: url("../../media/section/hero_575px.webp") !important;
    }
    .xs-h-image-300px {
        height: 240px;
        object-fit: cover;
    }
    .text-outline-width-3px {
        -webkit-text-stroke-width: 2px;
    }
}
@media (max-width: 425px) {
    #hero {
        background-image: url("../../media/section/hero_425px.webp") !important;
    }
}

@media (max-width: 375px) {
    #hero {
        background-image: url("../../media/section/hero_375px.webp") !important;
    }
}

@media (max-width: 320px) {
    #hero {
        background-image: url("../../media/section/hero_320px.webp") !important;
    }
}

.right-18 {
    right: 18%
}
.right-minus-20 {
    right: -20%
}
.lg-top-10 {
    top: 10%
}
.top-18 {
    top: 18%
}
.right-20 {
    right: 20%
}
.right-10 {
    right: 10%
}
.top-5 {
    top: 5%;
}
.right-5 {
    right: 5%;
}
.sticky-wrap.shadow-in {
    left: 0;
}