: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;
    }
}

body {
    --color1: #1a1a2e;
    --color2: #16213e;
    background: linear-gradient(to bottom, var(--color1), var(--color2));
    background-attachment: fixed;
    min-height: 100vh;
}

.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;
}

div svg, svg {
    display: block;
    max-height: 40em;
    max-width: 40em;
    margin: 0 auto;
}
div svg, svg {
    position: fixed;
    height: calc(100vw / 5);
    right: 0;
    bottom: 0;
    z-index: -1;
    opacity: .3;
}

svg path {
    fill: white!important;
}
.tab-style-05 .nav-tabs .nav-item .nav-link span {
    color: var(--white);
    font-weight: 300;
}

@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) {
    .tab-style-05 .nav-tabs .nav-item {
        display: inline-block;
        float: none;
    }
    .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) {
    div svg, svg {
        height: calc(100vw / 2);
    }
}

@media (max-width: 375px) {

}

@media (max-width: 320px) {

}

.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;
}
footer .nav-link {
    color: var(--white);
    padding: 0.5rem 1rem;
}