.banner-desktop, .banner-mobile {

    display: block;

    width: 100%;

}



@media only screen and (max-width: 40em) {

    .banner-desktop {

        display: none !important;

    }

}



@media only screen and (min-width: 40em) {

    .banner-mobile {

        display: none !important;

    }

}





.banner-title   {

    margin-top:         40px;

}



@media only screen and (max-width: 40em) {

    .banner-title   {

        margin-top:         20px;

    }

}



.banner-title h3 {

    font-size:          1.75rem;

    text-transform:     none;

    letter-spacing:     0;

}



@media only screen and (max-width: 40em) {

    .banner-title h3 {

        font-size:      0.875rem;

    }

}





header #logo    {

    position: static !important;

}



header #logo img    {

    width: 125px;

}



.header2021, .header2021-right  {

    display: flex;

}



.header2021 {

    width: 100%;

}



.header2021-right   {

    flex: 1;

    flex-direction: column;

    justify-content: space-between;

}



.header2021-bottom  {

    text-align: right;

}



.header2021-bottom nav  {

    float: right;

}



.header2021-bottom nav li a  {

    text-align: left;

}



.header2021-right .action-wrapper   {

    margin-left: 0;

}



@media only screen and (max-width: 40em) {

    .header2021-left    {

        margin-bottom: 20px;

    }

}



.reduced-width  {

    max-width: 80%;

}



@media only screen and (max-width: 40em) {

    .reduced-width  {

        max-width: 100%;

    }

}





#head-title.mod2021 .title-box  {

    display: flex;

    width: 80%;

}



@media only screen and (max-width: 40em) {

    #head-title.mod2021 .title-box  {

        width: 100%;

    }

}





#head-title.mod2021 .title-box .head-image  {

    width: 50%;

}



#head-title.mod2021 .title-box h2  {

    margin-top: 80px;

    margin-bottom: 40px;

    flex: 1;

}



@media only screen and (max-width: 40em) {

    #head-title.mod2021 .title-box h2  {

        margin-top: 20px;

        margin-bottom: 20px;

    }

}

.search-stats   {
    float: none  !important;
}



/* New digital and analogue box layouts 2022 */

@media only screen and (max-width: 40em) {
    .desktop-only    {
        display: none;
    }
    .aktion-information .weitere_angaben    {
        font-size: 1rem !important;
    }
}

@media only screen and (min-width: 39.99em) {
    .mobile-only    {
        display: none;
    } 
}

.mobile-only.event-data .type {
    font-weight: bold;
    margin-bottom: 5px;
}

.mobile-only.event-data {
    margin-bottom: 15px;
}

.mobile-only.event-data a   {
    color: #3741c8;
}

.mobile-only.event-data a:hover   {
    text-decoration: underline;
}