@media (max-width: 1199.98px) { /* Große Endgeräte (Laptops, Bildschirme, kleiner als 1200px) */
    #Titel{
        font-size: 4.5em;
    }

    #Untertitel{
        font-size: 1.5em;
    }

    #ButtonDown {
        margin-bottom: 5%;
    }

    aside{
        margin-right:2.5%;
        min-width: 30% !important;
    }

    main{
        margin-left: 5%;
    }
}

@media (max-width: 991.98px) { /*-- Kleine Endgeräte (Tablets, kleiner als 992px) */
    
    .border{
        padding: 7.5% 2.5%;
    }

    .header {
        margin-bottom: 0;
    }

    .mainbox{ /* Zeilen an anfang ausgerichtet */
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        width:100%;
    }

    section{
        scroll-margin-top: 5em;
    }

    #ButtonDown{
        margin-bottom:10%;
    }

    .dropdown{
        display: block;
        position: sticky;
	    top:0;
        order:1;
        z-index:1;
    }

    aside{
        display:none;        
    }

    .spendensmall{
        display:block;
        width:auto;
        padding: 0.75em 1em;
        border: 2px solid #01215c;
        background-color: #ffffff;
    }

    .spendensmall p{
        color: #555;
        font-size: small;
    }

    main{
        margin: 2.5%;
        padding: 2.5% 5%;
        order:2;
    }

}

@media (max-width: 767.98px) { /* Kleine Endgeräte (Smartphones, kleiner als 768px) */
    .header{
        height:auto;
        padding: 5% 0;
    }
    .border{
        margin: 5% auto;
    }
    .logo{
        width:90%;
    }

    #Titelbox{
        margin-right: 5%;
    }
    #Titel{
        font-size:2.5em;
    }

    #ButtonDown{
        margin-bottom:0;
        margin-top:5%;
    }

    #countdown{
        font-size: 1em;
        width: 300px;
    }

    html,body{
        font-size: 14.5px;
    }

    h2{
        font-size: 17.5px;
    }

    .buttonimg, .buttonimg2 {
        max-height:50px;
    }

    .projektimg{
        width:7.5em;
    }
}

@media (max-width: 575.98px){
    html,body{
        font-size: 13px;
        font-weight:300;
    }

    h2{
        font-size:15px;
    }
    
    .flexbox{
        display: flex;
        flex-direction: column;
        justify-content: center;
        width:100%;
    }

    .header{
        padding:2.5% 0;
    }
    .border{
        width:85%;
    }

    #Titel{
        font-size: 1.8em;
    }

    #Untertitel{
        font-size: 1em;
    }

    #counter{
        margin: 0;
    }
    #countdown{
        width: 85%;
        min-width:0;
        font-size: 1em;
    }

    #ButtonDown{
        margin-top: 2.5%;
    }

    .kontakt{
        width:auto;
        margin-bottom:2em;
    }
    .kontakt:first-child, .kontakt:last-child{
        width:100%
    }

    .teamimg, .projektimg, .sponsimg{
        position: relative;
        width:100%;
        min-width:150px;
        margin:0;
        margin-bottom: 5%;
        max-height: none;
        max-width: none;
    }
   

    .ButtonJahre{
        font-size:12px;
        margin-right:0;
        width:auto;
    }

    footer p{
        font-size: 11px;
    }
}

@media (max-device-aspect-ratio: 1/1) { /*-- Kleine Endgeräte (Tablets, kleiner als 992px) */
    .header{
        height:auto;
        padding: 5% 0;
    }
    .border{
        margin: 5% auto;
    }
    .logo{
        width:90%;
    }

    #Titelbox{
        margin-right: 5%;
    }
    #Titel{
        font-size:2.5em;
    }

    #ButtonDown{
        margin-bottom:0;
        margin-top:5%;
    }

    #countdown{
        font-size: 1em;
        width: 300px;
    }

    .buttonimg, .buttonimg2 {
        max-height:50px;
    }
}