@media(max-width: 1338px) {

    /*-------Header-------*/

    .section-boxes-start{
        align-items: flex-start;
        margin-top: 150px;
    }

    /*-------Projects-------*/

    #projects .project-row-one{
        flex-direction:column;
    }

    #projects .project-description-box{
        background-color: var(--primary-color);
        border-radius: 10px;
        min-height: 30vw;
        max-height:max-content;
        min-width: 70vw;
    }

}




@media(max-width: 800px) {

    /*-------Header-------*/

    .section-boxes-start{
        align-items: flex-start;
        margin-top: 150px;
    }


    nav .nav-elements-right ul{
        display: none;
        position: absolute;
        top:100%;
        right:0;
        text-align: right;
        flex-direction: column;
    }


    nav label[for="toggle-button"]{
        display: flex;
        justify-content: flex-end;
        z-index: 2;
    }

    .nav_element li:first-child{
        margin-top: 100px;
    }
    .nav_element li:last-child{
        margin-top: 70px;
        display: flex;
    }

    #toggle-button:checked ~ .nav_element, #toggle-button:checked ~ div {
        display: flex;
        background: var(--secondary-color);
        width: 220px;
        height: 350px;
        z-index: 1;
        top: 0px;
        right: 0px;
        gap: 20px;
        border:3px solid var(--main-brand-color);
        border-radius: 10px;

    }

    .wrapper {
        flex-direction: column;
        text-align: center;
        justify-content: center;
        align-items: center;
        min-width: none;
    }


    .wrapper .dynamic-txts li {
        font-size: 7vw;
        position: relative;
        text-align: center;
    }

    /*-------Vorstellung-------*/

    .section-boxes {
        max-height: auto;
        width: 90vw;
        
    }

    #contact-start {
        flex-wrap: wrap;
        justify-content: center;
        display: flex;
    }

    #contact-start .box-application-image {
        width: 100vw;
        height: auto;
        margin: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #contact-start .box-application-image .application-image {
        width: 30%;
        height: auto;
        margin: 0;
        display: flex;
    }

    #contact-start .contact-start-text {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    #contact-start .contact-start-text h2 {
        font-size: 35px;
        margin: 0;
        text-align: center;
    }



    /*-------Skillset-------*/

    #skill-set .skill-collection-one{
        flex-direction: column;
        justify-content: center;
    }


    #skill-set .skill-collection-one .one{
        flex-direction: column;
        justify-content: center;
        gap: 10px;
    }

    #skill-set .skill-label{
        flex-direction: column;
    }

    
    #skill-set .skill-collection-two{
        flex-direction: column;
        justify-content: center;
    }
    #skill-set .skill-collection-two .two{
        flex-direction: column;
        justify-content: center;
        gap: 10px;
    }



    /*-------Projects-------*/


    #projects .project-pictures-box{
        min-width: 40vw;
        max-width: 40vw;
        min-height: 20vh;
        max-height:20vh;
        
    }

    .section-boxes-end {
        min-width: 90vw;
    }

    footer .information-footer{
        display: flex;
        flex-direction: column;
    }
    
    

}