/* ====== SLIDE  TOP ======  */

.slide-top:hover  {
-webkit-animation-name: slide-top;
-webkit-animation-duration: 1s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: linear;
animation-name: slide-top;
animation-duration: 1s;
animation-iteration-count: 1;
animation-timing-function: linear;
}


@-webkit-keyframes slide-top  {
0% {transform: translateY(0px);}
20% {transform: translateY(-10px);}
}

@keyframes slide-top  {
0% {transform: translateY(0px);}
20% {transform: translateY(-10px);}
}


/* Fotos */
.fotos {
	display:block;
	text-align:center;
	position:relative;
	overflow:hidden;
	width:60rem;
	height:33.7rem;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
	margin:0 auto;
	box-shadow:.0rem .0rem .0rem #1F1F1F;
	background-color:black;
	border:solid 0.1rem black;
}

.fotos .bild01 {
	height:100%;
	background-size:cover;
	-webkit-transition: all 1s ease-out;
	transition: all 1s ease-out;
}

.fotos .fototext {
	font-family: Courier New, Arial;
	width:100%;
	height:100%;
	position:absolute;
	font-size:4.0rem;
	line-height:5;
	top:0rem;
	left:0rem;
	margin-top:-80rem;
	padding:1rem;
	color:white;
	background-color: rgba(0, 0, 0, 0.1);
	text-shadow:0rem 0rem 0.0rem #000 ;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.fotos a:link, .fotos a:visited, .fotos a:active{
	text-decoration: none;
	color:#ffffff;
}

.fotos:hover .fototext {
	margin:0;
}

.fotos:hover .bild01 {
	-webkit-transform:scale(1.2);
	transform:scale(1.2);
}


/* / / / / / / / / / / / / / / / / / / / / / / code ende  / / / / / / / / / / / / / / / / / / / / / / / / */