.h3 {
/*background-color: rgba(200, 200, 200, 0.4);	*/
background-image: linear-gradient(rgba(255, 255, 255, 0.7) ,rgba(255, 255, 255, 0.8) ,rgba(255, 255, 255, 0.8) ,rgba(255,255, 255, 0.9) ,rgba(255, 255, 255, 0.9) , rgba(255, 255, 255, 1.0));
position: absolute;
margin: 10px;
border: 1px solid white;
vertical-align: top;
text-align: left;
width: *;
height: *;
font-weight: 499;
font-family:Arial;
  font-size: 17px;
  color: #666666;
padding-left: 5px;
padding-bottom: 7px;
padding-top: 7px;
text-shadow: 0 0 20px rgba(255, 255, 255, 1.0);
text-shadow: 0 0 10px rgba(255, 255, 255, 1.0);

/*text-shadow: 0 0 1px #000000,0 0 2px #000000,0 0 3px #000000,0 0 4px #ffffff,0 0 4px #000000,0 0 6px #ffffff, 0 0 8px #ffffff, 0 0 10px #ffffff, 0 0 13px #ffffff, 0 0 20px #ffffff, 0 0 30px #ffffff, 0 0 40px #ffffff;*/

			   
border-radius: 10px;
}

.text_back {
background-image: linear-gradient(#316443 ,rgba(49, 100, 67, 0.9) ,rgba(49, 100, 67, 0.9) , rgba(49, 100, 67, 0.8));
position: absolute;
margin: 0px;
vertical-align: top;
text-align: left;
width: 250px;
height: 250px;
font-weight: 200;
font-family:Arial;
  font-size: 13px;
  color: #ffffff;

text-shadow: 0px 0px 2px #000000;
border-radius: 10px;	
	
}
.div_innertext {
margin: 8px;	
}


.beruf_details {



text-align: left;
margin: 10px;
width: 250px;
height: 150px;
font-family:Arial;
  font-size: 13px;
  color: #ffffff;
border-radius: 10px;
}
.margintop {
	
	
border-radius: 10px;	
}
.flip-card {
	
  background-color: transparent;
  width: 250px;
  height: 250px;
  perspective: 320px;
border-radius: 10px;
}

.flip-card-inner {

  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
border-radius: 10px;
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
    border-radius: 10px;
}

.flip-card-front, .flip-card-back {

  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  box-shadow: 12px 8px 8px 0px rgba(0,0,0,0.2);
border-radius: 10px;  
}

.flip-card-front {
	 
  background-color: #f6f6f6;
  color: black;
  border-radius: 10px;
}

.flip-card-back {
	
  background-color: #316443;
  color: white;
  transform: rotateY(180deg);
  border-radius: 10px;
}


.wrap {text-align: center; margin: 0px auto;max-width: 1200px;}
.resp {display: inline-block; text-align: left; width: 250px; margin-right: 10px;}
.resp.fixed {width: 250px; margin: 10px;}