@charset "utf-8";
/* CSS Document */
 /* hover css */

.hovereffect {
	width: 100%;
	height: 100%;
	float: left;
	overflow: hidden;
	position: relative;
	text-align: center;
	
	
}
.hovereffect .overlay2 {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	
	top: 0;
	left: 0;
	background-color: rgba(20,20,20,0.0);
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	text-align: right;
	
	
	
}
.hovereffect .overlay2 p {
	position: absolute;
	bottom: 0;
	text-align: left !important;
	font-size: medium;
	font-weight: bold;
	color: #00AEEF!important;
	width: 100%;
	margin-right: 10px;
	padding-left: 10px;
	background-color: rgba(243,243,243,0.9);
	margin-bottom: 0px;
	padding-bottom: 5px;
}



.hovereffect .overlay1 {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	opacity: 0;
	top: 0;
	left: 0;
	background-color: rgba(20,20,20,0.0);
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	text-align: right;
	
	
	
}
.hovereffect .overlay3 {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	opacity: 0;
	top: 0;
	left: 0;
	background-color: rgba(20,20,20,0.0);
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	text-align: right;
	
	
	
}.hovereffect .overlay3 p {
	position: absolute;
	bottom: 0;
	text-align: right !important;
	color: #00AEEF !important;
	width: 100%;
	margin-right: 10px;
	padding-right: 10px;
	background-color: rgba(255,255,255,0.20);
	margin-bottom: 1px;
	padding-bottom: 1px;
}
.hovereffect .overlay1 p {
	position: absolute;
	bottom: 0;
	text-align: right !important;
	color: #FFFFFF !important;
	width: 100%;
	margin-right: 10px;
	padding-right: 10px;
	background-color: rgba(59,59,59,0.50);
	margin-bottom: 1px;
	padding-bottom: 1px;
}


.hovereffect:hover .overlay1 {
	background-color: rgba(20, 20, 25, 0.1);
	opacity: 1;
	filter: alpha(opacity=100);
	padding-right: 10px;
}
.hovereffect:hover .overlay3 {
	background-color: rgba(20, 20, 25, 0.1);
	opacity: 1;
	filter: alpha(opacity=100);
	padding-right: 10px;
}


.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  background-color: rgba(75,75,75,0.0);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.hovereffect:hover .overlay {
  background-color: rgba(75, 75, 75, 0.5);
}

.hovereffect img {
  display: block;
  position: relative;
}

.hovereffect h2 {
	text-transform: uppercase;
	color: #333333;
	text-align: center;
	font-size: 17px;
	background-color: rgba(255,255,255,0.7);
	
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	position: absolute;
	
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.hovereffect:hover h2 {
	-webkit-transform: translateY(300%);
	-ms-transform: translateY(300%);
	transform: translateY(300%);
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	position: absolute;
	background-color: rgba(255,255,255,0.8);
	color: #00AEEF;
	
}

.hovereffect a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  text-transform: uppercase;
  color: #fff;
  border: 1px solid #fff;
  background-color: transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  font-weight: normal;
  margin: -52px 0 0 0;
  padding: 62px 100px;
}

.hovereffect:hover a.info {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.hovereffect a.info:hover {
  box-shadow: 0 0 5px #fff;
}.hovereffect img {
  display: block;
  position: relative;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.hovereffect:hover img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}.hovereffect h2, .hovereffect img {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}



 /* hover kleine Bilder*/


        
.hovereffect_klein {
	width: 100%;
	height: 100%;
	float: left;
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: default;
	margin-bottom: 20px;
}

.hovereffect_klein .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  background-color: rgba(75,75,75,0.0);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.hovereffect_klein:hover .overlay {
  background-color: rgba(75, 75, 75, 0.5);
}

.hovereffect_klein .overlay1 {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	opacity: 0;
	top: 0;
	left: 0;
	background-color: rgba(20,20,20,0.0);
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	text-align: right;
	
	
	
}

.hovereffect_klein .overlay1 p {
	position: absolute;
	bottom: 0;
	text-align: right;
	color: #FFFDFD;
	width: 100%;
	margin-right: 10px;
	padding-right: 10px;
	background-color: rgba(75,75,75,0.5);
	margin-bottom: 1px;
	padding-bottom: 1px;
}


.hovereffect_klein:hover .overlay1 {
	background-color: rgba(20, 20, 25, 0.1);
	opacity: 1;
	filter: alpha(opacity=100);
	padding-right: 10px;
}




.hovereffect_klein img {
  display: block;
  position: relative;
}

.hovereffect_klein h2 {
	text-transform: uppercase;
	color: #333333;
	text-align: center;
	font-size: 12px;
	background-color: rgba(255,255,255,0.7);
	
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	position: absolute;
	
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.hovereffect_klein:hover h2 {
	-webkit-transform: translateY(172%);
	-ms-transform: translateY(172%);
	transform: translateY(172%);
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	position: absolute;
	background-color: rgba(255,255,255,0.8);
	color: #00AEEF;
	
}

.hovereffect_klein a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  text-transform: uppercase;
  color: #fff;
  border: 1px solid #fff;
  background-color: transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  font-weight: normal;
  margin: -52px 0 0 0;
  padding: 62px 100px;
}

.hovereffect_klein:hover a.info {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.hovereffect_klein a.info:hover {
  box-shadow: 0 0 5px #fff;
}.hovereffect_klein img {
  display: block;
  position: relative;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.hovereffect_klein:hover img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}.hovereffect_klein h2, .hovereffect_klein img {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}