@charset "utf-8";

.overlay {
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  height:100%;
  width:100%;
  opacity:0;
  transition:0.8s ease;
  background-color:var(--nf-green);
}

.grid-item:hover .overlay {
  opacity:1;
}

.overlay-text {
  position: absolute;
  width:100%;
  bottom:0;
  padding:10px;
/* Text zentriert
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);		*/ 
  text-align:left;
}

.overlay-text hr {
	width:50%;
	margin:0 0 10px 0;
	border:0;
	border-top:1px solid #FFFFFF;

}

.overlay-text h3 {
	font-family:'Museo Slab 500', 'Times', serif;
	font-weight:500;
	font-size:1.5rem;
	line-height:1;
	margin-bottom:8px;
	color:#FFFFFF;
}

.overlay-text h4 {
	font-size:1.2rem;
	line-height:1;
	margin-bottom:0px;
	color:#FFFFFF;
}