body{ 	padding:0!important;
}

#background_wrap {
    z-index: -1;
    position: fixed;
    top: 0;
    left: 0;
    height: 140%;
    width: 100%;
 

	background: url(../img/bg_small.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

}

footer{text-align:right;  color:rgba(0,0,0,0.5); padding:20px 100px 500px; position:relative;}


#imprint {text-align: left; color:rgba(0,0,0,0.5); max-height:1500px; opacity: 1;  overflow: hidden;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
 }


#imprint.hidden{opacity: 0; display: block; max-height: 0; }


.wrapper{width:100%;}

#header { 
	position: fixed!important; top:0;
	z-index:99;
}


#imprint h2{font-weight:100; text-transform: uppercase;}
h4{font-size:inherit; text-transform: uppercase; margin-top:20px; margin-bottom:0;}


#header .container{

	background: url(../img/header_bg.png) no-repeat top center; 
	height:540px; 
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	display: block!important;

}

#content{padding-top:50px; background:rgba(255,255,255,0.6); z-index:1010!important; position:absolute; top:580px;}


.image_link {border:10px solid #fff; margin-bottom:20px; margin:20px 25px 30px 25px; box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.2); display: block}
.image_link:hover{box-shadow: 2px 2px 12px 0 rgba(0,0,0,0.4);}

footer a {text-transform: uppercase; color:rgba(0,0,0,0.5);margin-left:20px; border-bottom:1px solid rgba(0,0,0,0.2); text-decoration: none!important }


.facebook {background-color:#3A599E; background-color:#6D84B3;}
.xs {background-color:#333333;}
.vimeo {background-color:#87BA24;}
.sinnflut {background-color:#D34374;}
.bitsbytes {background-color:#4CC0DE;}
.toolbox {background-color:#3194C3;}



#hochschulLogo {opacity: 0.7; text-decoration:none!important; border:none!important; position:absolute; top:6px; right:20px;} 
#hochschulLogo:hover {opacity: 0.9; text-decoration:none!important; border:none!important;}

@media (min-width: 1200px) {

footer{padding:50px 100px 400px;}

}

@media (max-width: 480px) { 
#content{padding-top:0px;}
#header .container{

background: url(../img/header_bg_mobile.png) no-repeat top center; 
	height:500px; 

}
 #content{ top:320px;} 



 #background_wrap { 
	background: url(../img/bg_mobile.jpg) no-repeat top center fixed; 
	-webkit-background-size: 100% auto;
	background-attachment: fixed;
background-position: top center;
background-repeat: no-repeat;
	}


 }
@media (min-width: 480px) {  #content{ top:580px;} #header .container{ height:580px;}}