body {
    background-color: #ffffff;
    color:#022652;
}



header:not(:has(+ .section-hero-slider)) {
  background: #022652;
}
header:not(:has(+ .section-hero-slider)) .main-menu-btn {
    top: 1rem;
}
@media (min-width: 768px) {
    header:not(:has(+ .section-hero-slider)) .main-menu-btn {
        top: 1.3rem;
    }
}
header:not(:has(+ .section-hero-slider)) .logo {
    top: 9px;
}

@media (min-width: 768px) {
    header:not(:has(+ .section-hero-slider)) .logo {
        top: 0;
        margin-top: 0.8rem;
        left: 1.5rem;
    }
}
@media (min-width: 1200px) {
    header:not(:has(+ .section-hero-slider)) .logo {
        top: 0;
        margin-top: 1rem;
    }
}
@media (min-width: 1680px) {
    header:not(:has(+ .section-hero-slider)) .logo {
        margin-top: .7rem;
    }
}

@media (min-width: 1920px) {
    header:not(:has(+ .section-hero-slider)) .mainnav-desktop {
        top: 33px;
    }
}




@media (min-width: 1920px) {
    .megamenu {
        background: #022652;
    }
}





footer{
    background: #022652;
    position:relative;
}
footer:before{
    content:"";
    position:absolute;
    bottom:calc(100% - 1px);
    left:0;
    right:0;
    width:100%;
    aspect-ratio:596/17;
    background-repeat:no-repeat;
    background-position:bottom;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDU5NiAxNyI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogIzAyMjY1MjsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI4LjcuNywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDEuMi4wIEJ1aWxkIDE5NCkgIC0tPgogIDxnPgogICAgPGcgaWQ9IkViZW5lXzEiPgogICAgICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik01OTYsMTdWMS4zNTM3NmwtODEuNDUyNzYsMTIuMTQxOTctODYuNTI4OTMtMi45ODc0OUwzMzYuNzQwMTEuMDk4MDJsLTk5LjMzMzE5LDEzLjM5NzcxTDE4NC43NjAyNS4wOTgwMmwtMjcuODEzMTEsMTAuNDEwMjItMTAxLjgxNzMyLDEuOTk0OTNMMCwxLjM1Mzc2djE1LjY0NjI0aDU5NloiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPg==");
}
.footertop{
    border-top:none;
}




.sm-custom {
    background: #001b3c;
}




.pattern:before,
.pattern:after {
    content: none;
}
.section-content a:not(.btn), 
.section-accordion a:not(.btn) {
    background: linear-gradient(to bottom, #E83181 0%, #E83181 100%);
    background-position: 0 100%;
    background-repeat: repeat-x;
    background-size: 4px 1px;
    color: #E83181;
}
/* .section-headline-large {
    padding: 3rem;
}
@media (min-width: 768px) {
    .section-headline-large {
        padding:6rem;
    }
} */




h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #E83181;
}



.btn-outline-primary {
    color: #022652;
    border-color: #FFCC00;
    background-color:#FFCC00;
    font-family:"MerkurSans-Bold";
}
.btn-outline-primary:hover, 
.btn-outline-primary:active {
    color: #ffffff;
    background-color: #E83181;
    border-color: #E83181;
}





.bigteaser .txt {
    background-color: #E83181;
    color:#ffffff;
}

.bigteaser .txt h1,
.bigteaser .txt h2,
.bigteaser .txt h3,
.bigteaser .txt h4,
.bigteaser .txt h5,
.bigteaser .txt h6 {
    color:#ffffff;
}
.bigteaser .btn-outline-primary:hover, 
.bigteaser .btn-outline-primary:active {
    border-color: #ffffff;
}



.anchornav ul {
    color: #022652;
    border-bottom: 1px solid #E83181;
}
.anchornav ul li a {
    color: #E83181;
}
.anchornav ul li a:hover {
    color: #022652;
}
.anchornav ul li a.active {
    color: #022652!important;
    background: #ffffff;
}
.anchornav.sticky {
    background-color: #FFCC00;
}
.anchornav.sticky ul li a {
    color: #022652;
}



.hero-caption .hero-headline span {
    box-shadow: 0.75rem 0 0 #ffffff, -0.75rem 0 0 #ffffff;
    background: #ffffff;
    color: #E83181;
}
.hero-caption a:hover .hero-headline span {
    box-shadow: 0.75rem 0 0 #E83181, -0.75rem 0 0 #E83181;
    background: #E83181;
    color:#ffffff
}
.hero-caption .hero-subline span {
    box-shadow: 0.75rem 0 0 #ffffff, -0.75rem 0 0 #ffffff;
    background: #ffffff;
    color: #E83181;
}
.hero-caption a:hover .hero-subline span {
    box-shadow: 0.75rem 0 0 #E83181, -0.75rem 0 0 #E83181;
    background: #E83181;
    color:#ffffff
}




.jackpot-teaser {
    background: #E83181;
}
.collapsed .jackpot-teaser, 
.collapsed .jackpot-teaser:hover {
    background: #E83181;
}
.jp-accordion .card-body {
    background: #E83181;
    color:#ffffff;
}
.jp-accordion .btn-outline-primary:hover, 
.jp-accordion .btn-outline-primary:active {
    border-color: #ffffff;
}
.jpl-data {
    background: #ffffff;
}
.jpl-data span {
    color: #022652;
}
.jpl-data span + span {
    color: #E83181;
}



.section-accordion a:not(.btn) {
    background: #E83181;
    color: #ffffff;
}
.accordion .card-header a.collapsed {
    color: #ffffff;
    background: #022652;
}
.accordion .card-header a.collapsed:before {
    background-color: #ffffff;
}
.accordion .card-header a:after {
    background-color: #ffffff;    
}
.accordion .card-header a.collapsed:hover {
    background: #E83181;
    color:#ffffff
}




.eventsfilter .input-group-text {
    color: #E83181;
}
.eventsfilter select {
    color: #E83181;
}
.eventsfilter .custom-select {
    background-image: url(/typo3conf/ext/uo_template/Resources/Public/assets/img/arrow-black-down.svg);
    background-color: rgba(232, 49, 129, 0.05);
}




.counter-items .item .num {
    color: #E83181;
}
@media (min-width: 768px) {
    .counter-items .item {
        border-left: 1px solid #E83181;
    }
}




#locationslider .flexslider-controls .flex-control-nav li.flex-active {
    color: #E83181;
}
#locationslider .flexslider-controls .flex-control-nav li:hover {
    color: #E83181;
    border-bottom: 3px solid #E83181;
}




.flex-direction-nav .flex-prev {
    background: url(/typo3conf/ext/uo_template/Resources/Public/assets/img/arrow-pink-left.svg) no-repeat 50% 50% !important;
}
.flex-direction-nav .flex-next {
    background: url(/typo3conf/ext/uo_template/Resources/Public/assets/img/arrow-pink-right.svg) no-repeat 50% 50% !important;
}
.flex-control-paging li a {
    background: #E8318180;
}
.flex-control-paging li a.flex-active {
    background: #E83181;
}

.event-teaser,
.event-teaser:hover {
    background: #E83181;
    color:#ffffff;
}