@media screen and (max-width: 1800px) {

        /* main text */
    p {
        font-size: .85vw;
        color: #fff;
        line-height: 1.5;
    }

    /* Unterzeile Bildtexte */
    p1 {
        font-size: .75vw;
        color: #858e94;
    }

    /* Headlines */
    h1 {
        font-size: 1.25vw;
        color: #858e94;
    }

    /* Headline Modalbox Portfolio */
    h2 {
        font-size: 2.5vw;
        color: #fff;
    }
    
    /* Headline Impressum */
    h3 {
        font-size: 6vw;
        color: #fff;
        padding: 2vw 0 2vw 0;
    }

    /* Angaben Impressum */
    h4 {
        font-size: 5vw;
        color: #858e94;
        padding: 1vw 0 2vw 0;
    }


    
    #header {
        padding: 1.5em 0 1em 0; 
    }

    #header img {
        width: 20em;
    }
    
    .grey_line_vertical {
        margin-left: 15em;
    }

    .grey_line_horizontal {
        height: .25em;
        margin-top: 6em;
    }
    
    #box_links {
        padding: 7.5em 1em 0 1em;
        width: auto;
    }
    
    .kontaktbild {
        width: 100%;
}

    .kontaktbild img {
        display: flex;
        width: 28%;
        margin-bottom: 1em;
        overflow: hidden;
    }

    
    #box_rechts {
        width: 78%;
        float: left;
        padding: 7.5em 0 0 3em;
    }  
    

    /* End of Mediaquery */
}


@media screen and (max-width: 1200px) {

    .kontakt {
        padding-top: 2vw;
    }
    
    .kontaktbild img {
        display: flex;
        width: 100%;
        margin-bottom: 1em;
        overflow: hidden;
    }
    
    .kontaktbild img {
        width: 60%;
    }

         /* main text */
    p {
        font-size: 5vw;
        color: #fff;
        line-height: 1.5;
    }

    /* Unterzeile Bildtexte */
    p1 {
        font-size: 2.5vw;
        color: #858e94;
    }

    /* Headlines */
    h1 {
        font-size: 6vw;
        color: #858e94;
    }

    /* Headline Modalbox Portfolio */
    h2 {
        font-size: 6vw;
        color: #fff;
    }
    
    #header img {
        width: 75%;
        margin: 2vw 0 1vw 0;
    }

    .grey_line_vertical {
        display: none;
    }
    
    .grey_line_horizontal {
        margin-top: 15vw;
        height: 1em;
    }

    #box_links {
        text-align: left;
        float: left;
        padding: 0;
        position: relative;
        margin: 35vw 0 0 10vw;
    }
    
    .kontaktbild {
        width: 100%;
}

    .kontaktbild img {
        display: flex;
        width: 80%;
        margin-bottom: 1em;
        overflow: hidden;
    }

    
    #box_rechts {
        width: auto;
        float: left;
        padding: 2.5vw 0 10vw 10vw;
    }  
    
    .leistung ul {
        /*padding-top: 5vw;*/
        padding-bottom: 4vw;
    }

    .leistung li {
        color: #fff;
        list-style-type: none;
        font-size: 5vw;
    }

    .ueber_mich {
        width: 100%;
        margin-bottom: 4%;
        display: inline-block;
    }

    .ueber_mich_text {
        width: 85%;
        float: left;
    }
    
    .kooperation {
        display: none;
        float: left;
        padding-top: 8vw;
    }    
    
    .portfolio-container {
        display: inline-block;
        margin: 2em 1em 2em 0em;
    }
    
    .portfolio-beschreibung p {
        color: #fff;
        font-size: 2.5vw;
    }

    .portfolio-item {
        width: 70vw;
        height: 70vw;
        display: inline-block;
        cursor: pointer;
        overflow: hidden;
    }

    .portfolio-item img {
        transition: transform 1s ease;
        width: 70vw;
    }

    .portfolio-item img:hover {
        transform: scale(1.05);
        transition: transform 1s ease;
    }
    
    .portfolio-bilder img {
        width: 100%;
    }

    #mini-footer {
        background-color: white;
        width: 100%;
        padding-left: 10%;
        margin-left: -10%;
        margin-bottom: 0;
    }

    #mini-footer p {
        padding-top: 2%;
        line-height: 2vw;
        font-size: 3vw;
        padding-bottom: 2%;
    }
    
    .impressum-body {
        padding: 4vw 0 2vw 4vw;
        width: 85%;
    }

    .impressum-angaben p {
        font-size: 4vw;
    }
    
    

    /* End of Mediaquery */
}