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

.ostseegalerie {
	box-sizing: border-box;
	background-color: #FFF;
}


.ostseegalerie figure {
	background: #FFF;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	display: inline-block;
	height: 200px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 300px;
	-webkit-transition: all 0.25s ease-in;
	/* für Safari 5.1, Android 2.3 bis 4.3 */
	
	transition: all 0.25s ease-in;
}

.ostseegalerie figure img {
	width: 300px;
	height: 200px;
	padding:10px;
}

.ostseegalerie figure:hover {
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.8);
	margin:0;
	padding:0;
	width: 300px;
	z-index: 2;
	-webkit-transform: scale(2);
	/* für Safari, Android */
	
	-ms-transform: scale(2);
	/* für IE9 */
	
	transform: scale(2);
}


.ostseegalerie figure:nth-child(1n):hover {
	-webkit-transform: scale(2) rotate(3.0deg);
	/* für Safari, Android */
	
	-ms-transform: scale(2) rotate(3.0deg);
	/* für IE9 */
	
	transform: scale(2) rotate(3.0deg);
}

.ostseegalerie figure:nth-child(3n-2):hover {
	-webkit-transform: scale(2) rotate(-2.5deg);
	/* für Safari, Android */
	
	-ms-transform: scale(2) rotate(-2.5deg);
	/* für IE9 */
	
	transform: scale(2) rotate(-2.5deg);
}

.ostseegalerie figure:nth-child(5n):hover {
	-webkit-transform: scale(2) rotate(2deg);
	-ms-transform: scale(2) rotate(2deg);
	transform: scale(2) rotate(2.5deg);
}

.ostseegalerie:after {
	clear: both;
	content: " ";
	display: block;
}

@media only screen and (max-width: 1200px) {
	
	.ostseegalerie {
		width: 100%;
		margin: 100px auto;
	}
}

@media only screen and (max-width: 750px) {
	.ostseealerie {
		width: 100%;
		margin: 100px auto;
	}
}