@media only screen and (orientation: portrait) {
    .kuenstler {
        float:left;
        width:100%;
        height:auto;
        min-height:92%;
        color:#ffffff;  
        background: url("../../images/KennyKuenstlerWebsite0_angepasst.png") no-repeat fixed;
        background-position: -150px 100px;
        background-size: auto 100%;           
    }
    #kuenstlerSubNavi {
        width:auto;
        height:auto;        
        z-index: 10;
        float: right;
        margin-right:2%;
    }
    #kuenstlerSubNavi ul {
        margin:0px;
    }
    #kuenstlerSubNaviInline {
        border-bottom:solid 1px #cfaa5c;
        width:0%;
        margin-left:auto;
        margin-right:auto;
        transition: width 0.6s;
    }


    #kuenstlerSubNavi ul li {
        list-style: none;
        float:left;
        font-family: 'BebasNeue-Regular';    
        font-size:15pt;
        margin-left:0px;
        margin-right:20px;
        text-transform: uppercase;
        width:auto;
        font-weight: bold;
        letter-spacing: 2px;
        cursor: pointer;
    }
    
    #kuenstlerSubNavi ul li a {
        color:#8f8f8f;
    }
    #kuenstlerSubNavi ul li:hover #kuenstlerSubNaviInline {
        width:80%;
    }

    li#kuenstler_about { /* Immer ausgewählt */
        color:#cfaa5c;
    }
    li#kuenstler_diskografie {
        color:#8f8f8f;
    }


    #contentKuenstlerAbout {
        width:80%;
        height:auto;
        max-height:70%;
        overflow: auto;
        float:right;
        margin-right:2%;
        margin-top:20px;
        margin-bottom:20px;
        padding-top:20px;         
        z-index: 2;    
    }
    #contentKuenstlerAboutHeadline {
        width:100%;    
        height:auto;    
        float:left;
        font-family: georgea;
    }
    #contentKuenstlerAboutName {
        color:#cfaa5c;
        font-size:20pt;
        font-family: georgea;
        float:left;
        margin-right:10px;
    }
    #contentKuenstlerAboutAlias {
        color:#ffffff;
        font-family: georgea;
        font-size:15pt;
        margin-left:0px;        
        vertical-align: bottom;
        padding-top:5px;
        width:40px;
        float:left;
    }    
    #contentKuenstlerAbout_p1 {
        margin-top:60px;
        font-size:20pt;
        font-family: 'geo_sans_light';
    }
    #contentKuenstlerAbout_p2 {
        font-size:20pt;
        margin-top:20px;    
        margin-bottom:120px;
        font-family: 'geo_sans_light';
    }
    #kuenstler_videos a {
        text-decoration: none;
    }
    #kuenstler_diskografie a {
        text-decoration: none;
    }     
    @media (min-width:1000px) {
        #contentKuenstlerAbout {
                width:60%;   
                border:solid 1px white;
        }  
        #contentKuenstlerAboutName {
            font-size:40pt;
        }
        #contentKuenstlerAboutAlias {
            font-size:30pt;
            margin-left:0px;        
            padding-top:15px;
            width:auto;
        }           
        #contentKuenstlerAbout_p1 {
            margin-top:100px;            
        }        
    }    
}






@media only screen and (orientation: landscape) {
    .kuenstler {
        float:left;
        width:100%;
        height:auto;
        min-height:92%;
        color:#ffffff;  
        background: url("../../images/KennyKuenstlerWebsite0_angepasst.png") no-repeat fixed;
        background-position: 0px 100px;
        background-size: auto 100%;           
    }
    #kuenstlerSubNavi {
        width:auto;
        height:auto;        
        z-index: 10;
        float: right;
        margin-right:2%;
    }
    #kuenstlerSubNavi ul {
        margin:0px;
    }
    #kuenstlerSubNaviInline {
        border-bottom:solid 1px #cfaa5c;
        width:0%;
        margin-left:auto;
        margin-right:auto;
        transition: width 0.6s;
    }


    #kuenstlerSubNavi ul li {
        list-style: none;
        float:left;
        font-family: 'BebasNeue-Regular';    
        font-size:15pt;
        margin-left:0px;
        margin-right:20px;
        text-transform: uppercase;
        width:auto;
        font-weight: bold;
        letter-spacing: 2px;
        cursor: pointer;
    }
    
    #kuenstlerSubNavi ul li a {
        color:#8f8f8f;
    }
    #kuenstlerSubNavi ul li:hover #kuenstlerSubNaviInline {
        width:80%;
    }

    li#kuenstler_about { /* Immer ausgewählt */
        color:#cfaa5c;
    }
    li#kuenstler_diskografie {
        color:#8f8f8f;
    }


    #contentKuenstlerAbout {
        width:80%;
        height:auto;
        max-height:70%;
        overflow: auto;
        float:right;
        margin-right:2%;
        margin-top:20px;
        margin-bottom:20px;
        padding-top:20px;         
        z-index: 2;    
    }
    #contentKuenstlerAboutHeadline {
        width:100%;    
        height:auto;    
        float:left;
        font-family: georgea;
    }
    #contentKuenstlerAboutName {
        color:#cfaa5c;
        font-size:20pt;
        font-family: georgea;
        float:left;
        margin-right:10px;
    }
    #contentKuenstlerAboutAlias {
        color:#ffffff;
        font-family: georgea;
        font-size:15pt;
        margin-left:0px;        
        vertical-align: bottom;
        padding-top:5px;
        width:40px;
        float:left;
    }    
    #contentKuenstlerAbout_p1 {
        margin-top:60px;
        font-size:20pt;
        font-family: 'geo_sans_light';
    }
    #contentKuenstlerAbout_p2 {
        font-size:20pt;
        margin-top:20px;    
        margin-bottom:120px;
        font-family: 'geo_sans_light';
    }
    #kuenstler_videos a {
        text-decoration: none;
    }
    #kuenstler_diskografie a {
        text-decoration: none;
    }     
    @media (min-width:1000px) {
        #contentKuenstlerAbout {
                width:60%;   
                border:solid 1px white;
        }  
        #contentKuenstlerAboutName {
            font-size:40pt;
        }
        #contentKuenstlerAboutAlias {
            font-size:30pt;
            margin-left:0px;        
            padding-top:15px;
            width:auto;
        }           
        #contentKuenstlerAbout_p1 {
            margin-top:100px;            
        }        
    }  
}