@media screen and 
(orientation: portrait) and 
(max-width: 1000px){

     
    html { -webkit-text-size-adjust: none; }



    #title_header, #header_title{
        font-size: 3.5vh;
        width: 80vw;
        line-height: 1;
    }
    #header{
        line-height: 1;
        height: auto;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    #content{
        margin-top: 0vh;
        padding-top: 0vh;
    }
    #content_more{
        margin-top: 12vh !important;
        font-size: 2.2vh;
    }

    #content{
        margin-top: 23vh !important;
    }
    .abstand_portrait{
        display: block;
        width: 6vw;
        height: 2vh;
    }
    #link_box{
        font-size: 27vw;
        margin-top: 20vh;

        line-height: 1;
    }
    .balken_menue_btn{
        display: block;
        height: 5vh;
        width: 5vh;
        position: absolute;
        left: 85vw;
        top: 2vh;
        background-image: url('/img/buttons/balken_menue.png'); 
    }
    .balken_menue_title{
        left: 90vw; 
        top: 3.5vh;
        background-image: url('/img/buttons/balken_white.png'); 
    }

    .menue_portrait{
        width: 50vw;
        height: 47vw;
        position: absolute;
        top: 25vh;
        left: 3vh;
    }
    .menue_portrait_title{
        width: 50vw;
        height: 47vw;
        position: absolute;
        top: 14vh;
        left: 3vh;
                padding: 5vh;
                background-color: rgba(0,0,0,0.3);
    }
    .menue_portrait_link{
        display: block;
        width: 47vw;
        height: 4vw;
        padding: 2.8vw 0 2vw 3vw;
        line-height: 1;
        margin-top: 0.7vh;
        background-color: white;
        font-size: 3vh;
        color: #9a9999;
    }


/*       ///////// WORK PORTRAIT ///////////// */


    #header_title{   

    }

    #menuepoint_title{
        font-size: 8vh;
    }
    #header{
        height: auto;
    } 
    #content {
        margin-top: 24.5vh;
    }

    #footer{
        display: none;
    }
    .mini_pic{
        width: 30vw;
        height: 30vw;
        margin: 1vh 1vh 0 0;
    }




/*       ///////// DAILY PORTRAIT ///////////// */


    .if_portrait_display{
        display: block;
    }
    .if_portrait_display_none{
        display: none;
    }
    #more_portrait{
        position: absolute;
        right: 4.5vh;
        bottom: 2.5vh;
        width: 10vh;
    }
    #more_portrait a{
        text-decoration: none;
        color: #9a9999;
        font-size: 2.3vh;
    }
    #more{
        padding-top: 5vh;
    }
    #schaukasten{
        font-size: 2.2vh;
        line-height: 1;
    }

    .mini_pic_daily{
        width: 45vw;
        height: 45vw;
    }


    #contact_frame, #imprint_frame {
        width: 100%;
    }



/*           ////  WORK & REFERENCES NAVIGATION ////  */



    #bild_nav_portrait{
        position: relative;
        height: 6vh;
        margin-top: 0.3vh;

        z-index: 0;
    }
    #pic_display{
        margin-top: 5.5vh;
    }
    #header{
        z-index: 10;
    }
   
    #bild_nav_portrait>div{
        position: absolute;
        left: 2.8vh;
        width: 21.5vh;
        height: 5vh;
    }
    #bild_nav_portrait_icons>div{
        position: relative;
    }
    .portrait_work_btn{  
        width: 4.2vh;
        height: 4.2vh;
        font-size: 4.2vh;
        background-size: cover;
        background-position: center center;  
        float: left;

    }
    .alle{
        margin-left: 0.2vh;
    }
    .vor,.zrk{
        line-height: 1;
        margin-left: 2.2vh;
    }

/*        ////////// IMPRINT / CONTACT ///////////////    */

    #contact_frame,.font_size_imp{
        font-size: 3.3vh !important;
        line-height: 1.1;
    }




}


@media screen and 
(orientation: portrait)
and (min-width: 1001px)
{

    html { -webkit-text-size-adjust: none; }
    
    .mini_pic {

        height: 20.8vh;
        margin: 1vh 1vh 0 0;
        transition: all 0.2s ease 0s;
        width: 20.8vh;
    }
    #pic_display{
        background-color: grey;
    }

    #contact_frame, #imprint_frame{
        width: 60%;
        font-size: 3vw;
    }
    #bild_nav_portrait{
        position: relative;
        height: 5vh;
    }
    #bild_nav_portrait>div{
        position: absolute;
        right: 0;
        width: 12.2vh;
        height: 5vh;
    }
    #bild_nav_portrait_icons>div{
        position: relative;
    }
    .portrait_work_btn{  
        background-position: center center;
        background-size: cover;
        float: left;
        font-size: 3vh;
        height: 3vh;
        margin-left: 1vh;
        width: 3vh;
    }
    #link_box{
        font-size: 27vw;
        margin-top: 25vh;
    }
    #title_header, #header_title{       
        line-height: normal;
    }

}