@font-face { font-family: 'BebasNeue-Regular'; src: url('../fonts/bebasneue/BebasNeue-Regular.ttf') format('truetype'); }
@font-face { font-family: '3x5'; src: url('../fonts/3x5/3X5.TTF') format('truetype'); }
@font-face { font-family: 'divlit'; src: url('../fonts/3x5/divlit.ttf') format('truetype'); }
@font-face { font-family: 'cocogoose-pro'; src: url('../fonts/cocogoose-pro/Cocogoose_Pro_Thin_Trial.ttf') format('truetype'); }
@font-face { font-family: 'geo_sans_light'; src: url('../fonts/geo_sans_light/GeosansLight.ttf') format('truetype'); }
@font-face { font-family: 'georgea'; src: url('../fonts/georgea/GEORGEA.otf') format('truetype'); }
@font-face { font-family: 'DistortionFont'; src: url('../fonts/DistortionFont/Distortion Dos Analogue.otf') format('truetype'); }
@font-face { font-family: 'Gontserrat-Light'; src: url('../fonts/gontserrat/Gontserrat-Light.ttf') format('truetype'); }
@font-face { font-family: 'Gontserrat-Regular'; src: url('../fonts/gontserrat/Gontserrat-Regular.ttf') format('truetype'); }


/* DEBUG */
#degbugContent {
    width:100px;
    height:100px;
    background-color:#ffffff;
    position: fixed;
}


body#globalConf {
    margin:0px;
    padding:0px;
    background:url("../images/background.png");
    background-repeat: no-repeat;    
    background-attachment: fixed;
    /*
    background-repeat: no-repeat;
    background-size: 100% 100%;
    */
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;    
    width:100%;
    height:auto;    
}

#topBar {
    width:100%;
    height:120px;
    z-index: 100;
    position: fixed;
    opacity: 0;
}
#topBarLogo {
    float:left;    
    margin-left:60px;
}
#topBarLogoImage {
    width:auto;
    height:80px; /* Maximale Höhe von #topBar */
    max-height:80px;
    margin-top:30px;
    margin-bottom:10px;    
    visibility: visible;
}

#topBarNavigation {
    width:auto;
    height:100%;
    /*border:solid 1px orange;*/
    float:right;
    margin-right:130px;
}
#topBarNavigation ul {
    list-style: none;
    margin:0px;
    padding:0px;
    /*border:solid 2px orange;*/
    float:left;
    margin-top:60px;
}
#topBarNavigation ul li {
    float:left;
    margin-left:30px;
    text-align: left;
    color:#8a8a8a;
    text-transform: uppercase;    
    font-family: 'BebasNeue-Regular';  
    font-size: 20px;
}
#topBarNavigation ul li a {    
    cursor: pointer;
    color:#8a8a8a;
    transition: color 1s;
}
#topBarNavigation ul li a:hover {
    color: #ffffff;
}
#news {
    transition: color 1s;
}
#diskografie {
    transition: color 1s;
}
#kuenstler {
    transition: color 1s;
}
#angebote {
    transition: color 1s;
}
#unstained {
    transition: color 1s;
}


    #news {
        color:#ffffff;
    }
    #diskografie {
        color:#8a8a8a;
    }

#footer {
    width:100%;
    height:50px;
    /*border:solid 1px orange;*/
    position: fixed;
    z-index: 100;
    bottom:0;
    
}
#footerInlineText {
    color:#ffffff;
    margin-left:auto;
    margin-right:auto;
    width:500px;
    text-align: center;
    /*border:solid 1px orange;*/
    font-family: geo_sans_light;
    text-transform: uppercase;
}
#footerInlineText a:hover {
    cursor: pointer;    
}


#footerInlineSocialMedia {
    width:auto;
    /*border:solid 1px orange;*/
    float:right;
    margin-right:130px;
}
#footerInlineSocialMedia img {
    width:20px;
    height:auto;
    margin-left:9px;
}
#footerInlineSocialMediaFacebook {
    width:20px;
    height:20px;
    margin-left:9px;
    background-image: url("../icons/facebook_default.png");
    background-size: 100% 100%;
    float:left; 
}
#footerInlineSocialMediaFacebook:hover {
background-image: url("../icons/facebook_hover.png");
    background-size: 100% 100%;    
}

#footerInlineSocialMediaInstagram {
    width:20px;
    height:20px;
    margin-left:9px;
    background-image: url("../icons/Instagram_Icon_Transparent_default.png");
    background-size: 100% 100%;
    float:left; 
}
#footerInlineSocialMediaInstagram:hover {
background-image: url("../icons/instagram_hover.png");
    background-size: 100% 100%;    
}

#footerInlineSocialMediaYoutube {
    width:20px;
    height:20px;
    margin-left:9px;
    background-image: url("../icons/Youtube_Icon_Transparent.png");
    background-size: 100% 100%;
    float:left; 
}
#footerInlineSocialMediaYoutube:hover {
background-image: url("../icons/youtube_hover.png");
    background-size: 100% 100%;    
}

#footerInlineSocialMediaSpotify {
    width:20px;
    height:20px;
    margin-left:9px;
    background-image: url("../icons/spotify_default.png");
    background-size: 100% 100%;
    float:left; 
}
#footerInlineSocialMediaSpotify:hover {
background-image: url("../icons/spotify_hover.png");
    background-size: 100% 100%;    
}

    /* AntiSpam */
    #antiSpam {
        width:100%;
        min-height:100%;
        height:auto;
        /*border:solid 5px blue;*/
        margin-top:0px;
        position: absolute;
        z-index: 100;
        background:url("../images/background.png") no-repeat center center fixed;  
        visibility: hidden;
    }

    /* Current Video */
    .contentCurrentVideo {
        width:100%;
        min-height:800px;
        height:auto;
        /*border:solid 5px blue;*/
        margin-top:0px;
        float:left;
        background:url("../images/background.png") no-repeat center center fixed;  
    }
    #contentCurrentVideoIframe {
        opacity: 0;
    }

    /* News */
    .contentNews {
        width:100%;
        min-height:970px;
        height:auto;
        /*border:solid 5px blue;*/
        margin-top:0px;
        float:left;
        background:url("../images/background.png") no-repeat center center fixed;    
    }
/*
    img#contentNewsImageLeft {

        width:auto;
        height:980px;
        margin-left:-200px;
        z-index: 0;
        float: left;
    }
*/
    #contentNewsImageLeft {
        background: url("../images/news/KennySchnittDunkel.png") no-repeat fixed;
        background-position: left -200px center;
        background-size: auto 980px;
        width:100%;
        height:1100px;
        margin-left:0px;
        z-index: 0;
        float: left;        
    }
    #newsBox {
        width:950px;
        height:500px;
       /* border:solid 1px orange; */
        left: 0; 
        right: 0; 
        margin-left: auto; 
        margin-right: auto; 
        margin-top:200px;
        z-index:2;
        position: absolute;
        color:#ffffff;
        text-align: center;
    }
    #newsBox h1 { /* Datum */
        font-family: '3x5';
        font-size: 20pt;
        margin:0px;
    }
    #newsBox h2 { /* Title */
        font-family: 'divlit';
        font-size: 60pt;
        margin:0px;
        margin-top: 20px;
        margin-bottom: 20px;
        text-transform: uppercase;
        min-height:280px;
        vertical-align: middle;
        margin-top:30px;
    }
    #newsBox h3 { /* Subtitle */
        font-family: 'cocogoose-pro';
        font-size: 15pt;    
        color: #95281f;
        letter-spacing: 7px;
        margin:0px;
        text-transform: uppercase;
    }
    #newsBoxSwipeLeft {
        width:50px;
        max-width: 50px;
        height:57px;
        max-height: 57px;
        float:left;
        display: block;        
        margin-top:193px;
        transform: scaleX(-1);
    }
    #newsBoxSwipeLeft:hover {
        cursor:pointer;
    }
    #newsBoxSwipeLeft img {
        width:50px;
        max-width: 50px;
        height:57px;
        max-height: 57px;
    }
    #newsBoxSwipeRight {
        width:50px;
        max-width: 50px;
        height:57px;
        max-height: 57px;
        float:right;
        display: block;        
        margin-top:193px;
    }
    #newsBoxSwipeRight:hover {
        cursor:pointer;
    }
    #newsBoxSwipeRight img {
        width:50px;
        max-width: 50px;
        height:57px;
        max-height: 57px;
    }

    /* Diskografi */
    .contentDiskografie {
        float:left;
        width:100%;
        height:auto;
        min-height:980px;
        /*border:solid 1px orange;*/
        color:#ffffff;        
        background:url("../images/background.png") no-repeat center center fixed;
    }
    /* Künstler */
    .kuenstler {
        float:left;
        width:100%;
        height:auto;
        min-height:1000px;
        /*border:solid 1px orange;*/
        color:#ffffff;  
        background:url("../images/background.png") no-repeat center center fixed; 
        /*
        background: rgb(32,32,45);
        background: linear-gradient(90deg, rgba(32,32,45,1) 0%, rgba(41,41,54,1) 7%, rgba(57,54,68,1) 100%);
        */
    }
    /* Beats Studio */
    .contentBeatsStudio {
        float:left;
        width:100%;
        height:auto;
        min-height:1100px;
        /*border:solid 1px orange;*/
        color:#ffffff;  
        margin-top:150px;
        background:url("../images/background.png") no-repeat center center fixed;
    }

    /* Unstained */
    .contentUnstained {
        float:left;
        width:100%;
        height:auto;
        min-height:1020px;
        color:#ffffff;       
        background:url("../images/background.png") no-repeat center center fixed;
        z-index: 1;
        position: relative;
    }

.contentSwitch {
    width:100%;
    height:400px;
    
    opacity: 0.1;
    float:left;
}

.footerLarge {
    float:left;
    width:100%;
    height:auto;
    min-height:400px;
    color:#ffffff;       
    background: rgb(32,32,45);
    background: linear-gradient(90deg, rgba(32,32,45,1) 0%, rgba(41,41,54,1) 7%, rgba(57,54,68,1) 100%);    
   /*
    background:url("../images/BackgroundGradientFooter0.png") no-repeat center center  fixed;
    */
    position: relative;
    border-top:solid 1px #ab8433;
}

#content {
    width:1600px;
    min-height:500px;
    height:auto;
    /*border:solid 1px orange;*/
    margin-left:auto;
    margin-right:auto;
}

a:link {
    text-decoration: none;
}