body{
	
	background-color:#eae9e9 ;
	
}

/* Seitenübergreifende Formatierungen */

	a.plainlink{

		text-decoration:none ;
		
	}
	
	/* Erklärungstexte */
	
	div.erk_wrap {
		
		width:100%;
		max-width:80em ;
		
		margin:0 auto ;
		
		margin-top:5px ;
		
		padding:10px ;
		box-sizing:border-box ;
		
		background:white ;
		border-radius: 15px / 15px;
		
		box-shadow: 3px 3px 3px grey;
		
	}
	
	p.erk_text {
		
		width:100% ;
		
		margin:0 ;
		
		color:#2d327d ;
		
		font-weight:400 ;
		text-align:justify ;
		
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	
	}

div.flip{
	
	float:left ;
	width:49% ;
	
	margin:0.5% ;
	box-sizing:border-box ;
	
}

div.reg-card{
	
	float:left ;
	width:49% ;
	
	margin:0.5% ;
	box-sizing:border-box ;
	
	background:white ;
	border-radius: 15px / 15px;
	
	padding:10px ;
	box-sizing:border-box ;
	box-shadow: 3px 3px 3px grey;
	
}

div.card{
	width:100% ;
}


.front, .back{
	
	width:100% ;
	height:100% ;
	
	background:white ;
	border-radius: 15px / 15px;
	
	
	padding:10px ;
	box-sizing:border-box ;
	box-shadow: 3px 3px 3px grey;
	
}

img.imgfront{
	
	width:100% ;
	border-radius: 10px / 10px;
	
}

img.imgfrontlndsc{
	
	width:100% ;
	height:100% ;
	
	object-fit:cover ;
	
	border-radius: 10px / 10px;
	
}

img.imghold{
	
	width:100% ;
	border-radius: 10px / 10px;
	visibility:hidden ;

}

img.imgholdaussen{
	
	width:100%;
	padding:10px ;
	box-sizing:border-box ;
	border-radius: 10px / 10px;
	visibility:hidden ;

}

a.story_link{
	color:white ;
	text-decoration:none ;
}

/* flip */

.flip {
  perspective: 1000px;
  position:relative ;
}

.card {
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.5s;
  transform-style: preserve-3d;
  position:absolute ;
  top:0 ;
}

.flip:hover .card {
  transform: rotateY(180deg);
}

.front, .back {
  position:absolute ;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.front {
}

.back {
  transform: rotateY(180deg);
}
 
 /* end flip */
 

@media all and (min-width: 55em) {
	
	div.flip{
		width:24% ;
	}
	
	div.reg-card{
		width:24% ;
	}
	
}

@media all and (min-width: 82em) {
	
	div.flip{
		width:15.66666% ;
	}
	
	div.reg-card{
		width:15.66666% ;
	}

}