@charset "UTF-8";
/* CSS Document */

/* GENERAL STYLES */
body {
	background-image: url("../_images/Hintergrund-Punkte.png");
}
img.behance {
	width: 90px;	
}

@media only screen and (min-width: 481px) {
#flashDiv {
	margin: 15% 15% 0 8%;	
	position: relative;
}
.imgHero {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-transition: opacity 1.3s ease-out;
	-moz-transition: opacity 1.3s ease-out;
	-ms-transition: opacity 1.3s ease-out;
	-o-transition: opacity 1.3s ease-out;
	transition: opacity 1.3s ease-out;
}

.imgHero:hover {
	opacity: 0;	
}
.imgMobile {
	display: none;	
}
.imgDefMob {
	display: none;	
}
.imgDef {
	margin: 7% 0 0 30%;
	width: 55%;	
}
}

@media only screen and (max-width: 480px) {
#flashDiv {
	margin: 5% 2% 0 0;	
	position: relative;
}
.imgHero {
	display: none;	
}
.imgMobile {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-transition: opacity 1.3s ease-out;
	-moz-transition: opacity 1.3s ease-out;
	-ms-transition: opacity 1.3s ease-out;
	-o-transition: opacity 1.3s ease-out;
	transition: opacity 1.3s ease-out;
}
.imgMobile:hover {
	opacity: 0;	
}
.imgDef {
	display: none;	
}
.imgDefMob {
	margin: 0 0 0 7%;
	width: 90%;	
}	
}