@media (max-width: 1500px) {

    .page > .ad-space { display: none; }


}


@media (max-width: 1200px) {

    .page .wrapper {width: calc(100% - 50px)}

}


@media (max-width: 1100px) {


    .overview {margin-top: 0;}

    .charts.mobile {display: block; margin-top: -20px;}

    .charts:not(.mobile):not(.small) {display: none;}


    .charts .white {height: 20px;}
    .year-selection {margin-bottom: 20px;}

    .page > .footer {height: fit-content; padding: 50px 0;}
    .page > .footer .split {flex-direction: column;}
    .page > .footer .split .column:not(:last-child) {border-right:0; border-bottom: 1px solid rgba(255,255,255,0.2); padding-right: 0; padding-bottom: var(--column-gap);}
    .page > .footer .split .column .top {display: flex; justify-content: center; text-align: center; font-size: 16px;}
    .page > .footer .split .column .bottom {display: flex; flex-direction: column; align-items: center; text-align: center; font-size: 16px; gap: 30px;}
    .page > .footer .split .column .top img {width: 160px;}




    .main-nav-container {display: none;}
    .mobile-nav-container {display: flex;}

    .page > .header {display: none;}
    .page {padding-top: 90px;}

    .text-page .gallery {width: 100%; overflow: auto;}


}



@media (max-width: 900px) {

    /*
    .page > .header {display: none;}
    .page {padding-top: 30px;}
    .page > .footer {display: none;}
    */


    .page .wrapper {width: calc(100% - 30px)}

    .split-3 {grid-template-columns: 1fr; gap: 20px;margin: 20px 0;}
    .split-2 {grid-template-columns: 1fr; gap: 20px; margin: 20px 0;}

    .content { padding: 0 0 50px 0;}

    .ad {width: 100%!important;}

    .overview {
        --tile-size: initial;
    }
    .overview {flex-direction: column;}

    .overview .column[data-column="partner"] .grid {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(1, 1fr);
        grid-template-areas: "tile-1 tile-2";
    }

    .overview-player .grid {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(3,1fr);
        grid-auto-rows: auto;
    }

    .overview-player .line {margin: 30px auto;}




    .detail {margin-bottom: 30px;}

    .detail > .header .title {height: initial; padding: 10px 15px;}

    .detail .top {flex-direction: column;}

    .detail .cover { width: 100%; height: initial;max-width: 300px;margin: 0 auto;}


    .detail .links {margin: 0 auto;}
    .detail .elements > .top > .left div:nth-child(1) {order: 1;}
    .detail .elements > .top > .left div:nth-child(2) {order: 3;}
    .detail .elements > .top > .left div:nth-child(3) {order: 2;}

    .detail .frame {height: fit-content; padding-bottom: 12px;}

    .detail .grid {height: fit-content; grid-template-rows: auto /*0px*/; grid-template-columns: repeat(1, 1fr); grid-template-areas: "tile-1" "tile-2"; margin-bottom: 50px;}

    .page:not([data-page="startseite"]) > .content { flex-direction: column-reverse; }
    .page:not([data-page="startseite"]) > .content .overview-player .line.mobile {display:block;}
    .page:not([data-page="startseite"]) > .content .overview-player .line:not(.mobile) {display:none;}
    .page:not([data-page="startseite"]) > .content .overview .line.mobile {display:block;}
    .page:not([data-page="startseite"]) > .content .overview .line:not(.mobile) {display:none;}



}



@media (max-width: 500px) {

    .charts.big.mobile .entry .cover {width: 70px; height: 70px; min-width: 70px; min-height: 70px;}


    .text-page .app-download {flex-direction: column; gap: 20px; align-items: center;}
    .text-page .app-download .app-icon {width: 100px; height: 100px;}


}


.mm-menu {font-family: var(--font-1);}
.mm-navbar {height: 70px; border: 0; background: var(--gradient-1); color: #fff; font-size: 16px;font-size: 20px;font-weight: bold;}
.mm-navbar {
    --mm-color-button: #fff;
}