figure{
  position: relative;
  margin: 0;
} 

 
 
 
figure img {
  display: block;
	  	  -webkit-transition:0.3s;
transition:0.3s;
}


 
figure.einzel {
  display: inline-block;
  overflow: hidden;
  padding: 0px;
  width: 100%;
    margin: 5px;
  border: none;
  cursor:pointer;

}
 
figcaption {
  position: absolute;
  bottom: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  background: rgba(150, 100, 70, 0.7);
  color: white;
}

figure.einzel:hover figcaption { background: rgba(255, 132, 50, 0.7); }
figure.einzel:hover img { 
-webkit-transform: scale(1.2); /* für Safari, Android */
	  -ms-transform: scale(1.2); /* für IE9 */	
	  transform: scale(1.2);
	  -webkit-transition:0.3s;
transition:0.3s;
}
 figure.einzel:hover {z-index: 2; 
	  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.7);
	  	  -webkit-transition:0.3s;
transition:0.3s;
}
/* orange  rgba(255, 132, 50, 0.7);*/

figure descr {padding: 5px; margin:0; font:normal 16px/26px arial, sans-serif; color:#fff;} 
figure titel {padding: 5px; margin:0; font:normal 20px/26px arial, sans-serif; color:#fff;}
figure img {
  width: 100%;
}

@media all and (max-width:600px) {
 
  figure.einzel {
    width: 90%; margin-top:30px
  }
}   
 
@media all and (min-width:600px) {
 
  figure.einzel {
    width: 40%;
  }
}   
 
@media all and (min-width:1100px) {
 
  figure.einzel {
    width: 28%;
  }
}