body{
	
	background-color:#eae9e9 ;
	
}

div.bhf_schild_wrap {
	
	width:100%;
	max-width:80em ;
	
	margin:0 auto ;
	
	padding:10px ;
	box-sizing:border-box ;
	
	background:white ;
	border-radius: 15px / 15px;
	
	box-shadow: 3px 3px 3px grey;
	
}

div.bhf_schild {
	
	height:4em ;
	
	background:#2d327d ;
	
	
}

img.bhf_schild {
	
	height:100% ;
	float:left ;
	
}

div.bhf_schild_text {

	float:left ;
	height:100% ;
	
	padding-left:0.5em ;
	padding-top:0.4em ;
	box-sizing:border-box ;
	
}

span {
	
	color:white ;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:bold ;
	
}	

span.stadt {

	font-size:1em ;
	
}

span.name {
	
	font-size:3em ;
	
}

/* Fotokarten */

div.bhf_foto_wrap {
	
	width:100%;
	max-width:80em ;
	
	margin:0 auto ;
	
}

div.bhf_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.bhf_spacer {

	width:100% ;
	position:relative ;
	
}

div.bhf_foto {
	
	width:100% ; 
	height:100% ;
	position:absolute ;
	top:0 ;
	
}

/* Pictogram */

div.bhf_pict_outer, div.bhf_pict_outer_right, div.bhf_pict_outer_breit {
	
	position:relative ;
	float:left ;
	
	width:47% ;
	
	margin-right:6% ;
	margin-top:6% ;
	box-sizing:border-box ;
	
	padding-top:43% ;
	
	border:5px ;
	border-style:solid ;
	border-color:#2d327d ;
	
	border-radius: 15px / 15px;
	
}

div.bhf_pict_outer_right {
	
	margin-right:0 ;
	
}

div.bhf_pict_inner {
	
	position:absolute ;
	top:0 ;
	left:0 ;
	
	width:calc(100% - 4px) ;
	height:calc(100% - 4px) ;
	
	margin:2px ;
	
	background:#2d327d ;
	
	border-radius: 10px / 10px;
	
}

span.bhf_pict_mini {
	
	position:absolute ;
	top:0 ;
	left:0 ;
	
	padding-left:5px ;
	padding-top:5px ;
	box-sizing:border-box ;
	
	font-size:0.8em ;
	font-weight:200 ;

}

table.bhf_pict_big {
	
	position:absolute ;
	top:0 ;
	
	width:100% ;
	height:100% ;
	
	margin-top:5px ;
	
	text-align:center ;
	vertical-align:middle ;
	
	color:white ;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:14vw ;
	font-weight:bold ;
}

img.bhf_pict {
	
	width:100% ;
	
}

div.bhf_pict_outer_breit {
	
	width:100% ;
	
}

table.bhf_pict_breit {
	
	width:100% ;
	height:100% ;
	
	text-align:center ;
	vertical-align:middle ;
	
	color:white ;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:8vw ;
	font-weight:bold ;
	
}

@media all and (min-width: 50em) {
	
	div.bhf_card{
		width:24% ;
	}
	
	table.bhf_pict_big {
		
		font-size:6vw ;
		
	}
	
	table.bhf_pict_breit {
		
		font-size:4vw ;
		
	}
	
}

@media all and (min-width: 80em) {
	
	table.bhf_pict_big {
		
		font-size:6em ;
		
	}
	
	table.bhf_pict_breit {
		
		font-size:3em ;
		
	}
	
}