@media only screen and (orientation: portrait) {
    #unstainedTeam {
        width:70%;
        height:85%;
        position: absolute;        
    }    
    @media (min-width:800px) {
        #unstainedTeam {
            height:92.5%;
        }            
    }    
    #unstainedTeamPicture {
        width:100%;
        height:100%;
        max-height:100%;
        position: absolute;
        z-index: 0;
        overflow: hidden;
    }    

    /* Member Pic */
    img#contentUnstained_KB_Background {
        width:auto;
        height:90%;
        position: absolute;
        margin-left:0%;
        bottom:0;
    }
    img#contentUnstained_Marvn_Background {
        width:auto;
        height:95%;
        position: absolute;
        margin-left:0%;
        bottom:0;
    }
    img#contentUnstained_Nico_Background {
        width:auto;
        height:90%;
        position: absolute;
        margin-left:0%;
        bottom:0;
    }
    img#contentUnstained_Daniel_Background {
        width:auto;
        height:90%;
        position: absolute;
        margin-left:0%;
        bottom:0;
    }
    img#contentUnstained_Nicole_Background {
        width:auto;
        height:90%;
        position: absolute;
        margin-left:0%;
        bottom:0;
    }
    img#contentUnstained_Jannis_Background {
        width:auto;
        height:100%;
        position: absolute;
        margin-left:0%;
    }   
    
    

        #contentUnstainedTitle {    
            width:90%;
            height:auto;
            margin-top:10px;
            margin-left:auto;
            margin-right:auto;
            left:0;
            right:0;
            font-family: georgea;
            position: absolute;
            z-index: 10;
        }    
        #contentUnstainedTitle_Name_F1 {
            width:100%;
            height:auto;
            float: left;
        }
        #contentUnstainedTitle_Name {
            color:#ffffff;
            letter-spacing: 5px;
            opacity: 1;   
            font-size:25pt;   
            float:left;
        }

        #contentUnstainedTitle_funktion_1 {
            color:#cfaa5c;
            letter-spacing: 5px;
            opacity: 1;
            font-size:10pt;
            width:100%;
            height:37px;
            vertical-align: bottom;
            display:table-cell;
        }
        #contentUnstainedTitle_funktion_2 {
            color:darkgray;
            font-size:13pt;
            margin-top:0px;
            width:auto;
            opacity: 1;
            float:left;
            text-align: left;
        }
        #contentUnstainedTitle_funktion_3 {
            color:#ffffff;
            opacity: 1;    
            font-size:12pt;
            margin-top:150px;
            right:2%;
            text-align: right;
            font-family: geo_sans_light;
            letter-spacing: 2px;
            max-width:65%;
            position: absolute;
            overflow: hidden;
            overflow-wrap: break-word;
        }
    
    /* Unstained */
    #contentUnstainedAboutUnstained {
        position: absolute;
        width:80%;
        height:70%;
        max-height:70%;
        overflow: auto;
        margin-left:auto;
        margin-right:auto;
        left:0;
        right:0;
        margin-top:20px;
        opacity: 0;
        z-index: 0;
        font-family: geo_sans_light;
        font-size: 14pt;
        color:#ffffff;
    }
    #contentUnstainedAboutUnstained a {
        color:#cfaa5c;
        cursor: pointer;
    }

    #contentUnstainedAboutUnstainedHeadline {
        color:#cfaa5c;
        font-size:20pt;
        font-family: georgea;    
        margin-top:0px;
        margin-bottom:30px;
    }    
    
}




@media only screen and (orientation: landscape) {
    #unstainedTeam {
        width:70%;
        height:80%;
        position: absolute;        
    }  
    @media (min-width:800px) {
        #unstainedTeam {
            height:90%;                
        }        
    }    
    #unstainedTeamPicture {
        width:100%;
        height:100%;
        max-height: 95%;
        position: absolute;
        z-index: 0;
        overflow: hidden;
    }    

    /* Member Pic */
    img#contentUnstained_KB_Background {
        width:auto;
        height:120%;
        position: absolute;
        margin-left:0%;
    }
    img#contentUnstained_Marvn_Background {
        width:auto;
        height:100%;
        position: absolute;
        margin-left:0%;
        bottom:0;
    }
    img#contentUnstained_Nico_Background {
        width:auto;
        height:100%;
        position: absolute;
        margin-left:0%;
        bottom:0;
    }
    img#contentUnstained_Daniel_Background {
        width:auto;
        height:100%;
        position: absolute;
        margin-left:0%;
    }
    img#contentUnstained_Nicole_Background {
        width:auto;
        height:100%;
        position: absolute;
        margin-left:0%;
    }
    img#contentUnstained_Jannis_Background {
        width:auto;
        height:100%;
        position: absolute;
        margin-left:0%;
    }     
    
        #contentUnstainedTitle {    
            width:70%;
            height:auto;
            margin-top:10px;
            margin-left:auto;
            margin-right:auto;
            left:0;
            right:0;
            font-family: georgea;
            position: absolute;
            z-index: 10;                   
            margin-left:20%;
        }    
        #contentUnstainedTitle_Name_F1 {
            width:80%;
            height:auto;
            float: left;
        }
        #contentUnstainedTitle_Name {
            color:#ffffff;
            letter-spacing: 5px;
            opacity: 1;   
            font-size:25pt;   
            float:left;
        }

        #contentUnstainedTitle_funktion_1 {
            color:#cfaa5c;
            letter-spacing: 5px;
            opacity: 1;
            font-size:10pt;
            width:100%;
            height:37px;
            vertical-align: bottom;
            display:table-cell;
        }
        #contentUnstainedTitle_funktion_2 {
            color:darkgray;
            font-size:13pt;
            margin-top:0px;
            width:auto;
            opacity: 1;
            float:left;
            text-align: left;
        }
        #contentUnstainedTitle_funktion_3 {
            color:#ffffff;
            opacity: 1;    
            font-size:12pt;
            margin-top:100px;
            right:2%;
            text-align: right;
            font-family: geo_sans_light;
            letter-spacing: 2px;
            max-width:65%;
            position: absolute;
            overflow: hidden;
            overflow-wrap: break-word;
        }
        @media (min-width:800px) {
            #contentUnstainedTitle {    
                width:auto;
                height:auto;
                margin-top:20px;
                margin-left:20%;
                right:0;
                font-family: georgea;
                position: absolute;
                z-index: 10;
                margin-left:25%;
            }    
            #contentUnstainedTitle_Name_F1 {
                width:100%;
                height:auto;
                float: left;
            }
            #contentUnstainedTitle_Name {
                color:#ffffff;
                letter-spacing: 10px;
                opacity: 1;   
                font-size:60pt;   
                float:left;
            }

            #contentUnstainedTitle_funktion_1 {
                color:#cfaa5c;
                letter-spacing: 10px;
                opacity: 1;
                font-size:20pt;
                width:100%;
                height:90px;
                vertical-align: bottom;
                display:table-cell;
            }
            #contentUnstainedTitle_funktion_2 {
                color:darkgray;
                font-size:25pt;
                margin-top:0px;
                width:auto;
                opacity: 1;
                float:left;
                text-align: left;
            }
            #contentUnstainedTitle_funktion_3 {
                color:#ffffff;
                opacity: 1;    
                font-size:15pt;
                margin-top:200px;
                margin-left:100px;
                right:50;
                text-align: right;
                font-family: geo_sans_light;
                letter-spacing: 2px;
                max-width:400px;
                position: absolute;
            }   
            #contentUnstainedTitle_funktion_3 p {
                margin-top:20px;
            } 
        }    
    
    /* Unstained */
    #contentUnstainedAboutUnstained {
        position: absolute;
        width:80%;
        height:50%;
        max-height:70%;
        overflow: auto;
        margin-left:auto;
        margin-right:auto;
        left:0;
        right:0;
        margin-top:40px;
        opacity: 0;
        z-index: 0;
        font-family: geo_sans_light;
        font-size: 14pt;
        color:#ffffff;
    }
    @media (min-width:800px) {
        #contentUnstainedAboutUnstained {
            margin-top:40px;
            height:80%;
        }
    }
    #contentUnstainedAboutUnstained a {
        color:#cfaa5c;
        cursor: pointer;
    }

    #contentUnstainedAboutUnstainedHeadline {
        color:#cfaa5c;
        font-size:20pt;
        font-family: georgea;    
        margin-top:0px;
        margin-bottom:30px;
    }     

}



#subNavi {
    bottom:0;
    position: absolute;
    height:70px;
    max-height:55px;
    min-width:100%;
    width:100%;
    overflow: auto;
    background-color:rgba(0,0,0,0.6);
    animation: subNaviFadeIn 3s;
}
#subNaviInner {
    height:auto;
    width:1315px;
    position: absolute;    
}
#subNaviCard {
    width:auto;
    margin-left:10px;
    margin-right:10px;
    height:auto;
    margin-top:2px;
    opacity: 1;
    cursor: pointer;
    float:left;
}
#subNaviCard:hover #subNaviInnerBorder {
    width:80%;
    visibility: visible;
}
#subNaviCard img {
    float:left;    
    padding-left:0px;
    padding-top:0px;
    width:50px;
    height:50px;
}
#subnaviCardHeadline {
    font-size:15pt;
    color:#ffffff;
    text-align: left;
    width:auto;
    position: relative;
    margin-left:60px;
    padding-top:2px;
    font-family: BebasNeue-Regular;
    letter-spacing: 2px;
}
#subnaviCardSubline {
    font-size:15pt;
    color:#cfaa5c;    
    width:auto;
    margin-left:60px;
    text-align: left;
    font-family: BebasNeue-Regular;
    letter-spacing: 2px;    
}



@keyframes subNaviFadeIn {
  from {height: 0px;}
  to {height: 70px;}
}