/********************************************************************************************************************/
/* Flexbox - Chronik */

.fb_chro_wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;							/*Befehl - auf Flex stellen*/
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;						/*Befehl - Zeilenumbruch erlauben*/
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row; 					/*Anordnung - in Reihe*/
	/*border-top: 2px solid darkred;			/*Rahmenfarbe*/
	margin: 30px 0 20px 0;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;	/*Position alles verteilt- Anfang und Ende am Rand*/
	font-family: 'Germania One', serif, Helvetica, Verdana, sans-serif;		
	/*border: 1px solid blue;				/*Rahmenfarbe zum testen*/
}	

.fb_chro_wrapper_sp1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column; 				/*Anordnung - in Spalte*/
	/*border: 1px solid yellow;				/*Rahmenfarbe zum testen*/
}	

.fb_chro_wrapper_sp2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;							/*Befehl - auf Flex stellen*/
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;						/*Befehl - Zeilenumbruch erlauben*/
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column; 				/*Anordnung - in Spalte*/
	margin: 0 30px 0 30px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;			/*Position alles verteilt- Anfang und Ende am Rand*/
	/*border: 1px solid green;				/*Rahmenfarbe zum testen*/
}	

.fb_chro_wrapper_sp1  { -webkit-box-flex: 2; -ms-flex: 2; flex: 2;}			/*grow, shrink, basis - default 0,1,auto*/
.fb_chro_wrapper_sp2  { -webkit-box-flex: 3; -ms-flex: 3; flex: 3;}			/*grow, shrink, basis - default 0,1,auto*/

.fb_chro_sp1_zl1 img{ 
	-webkit-box-shadow: 3px 3px 5px grey, -3px -3px 5px grey;
	-o-box-shadow: 3px 3px 5px grey, -3px -3px 5px grey;
	-ms-box-shadow: 3px 3px 5px grey, -3px -3px 5px grey;
	box-shadow: 3px 3px 5px grey, -3px -3px 5px grey;
	height:350px;
	width:350px;
}

.fb_chro_sp2_zl1 {
	-webkit-box-flex: 2 1 auto; 
	        -ms-flex: 2 1 auto;
	            flex: 2 1 auto;
	font-weight:bold;
	font-size:120%;
	padding-top:0.1	em;
	/*border: 1px solid blue;				/*Rahmenfarbe*/
}

.fb_chro_sp2_zl2 {
	-webkit-box-flex: 5 1 auto; 
	        -ms-flex: 5 1 auto; 
	            flex: 5 1 auto;
	color:#666;
	font-weight:normal;
	font-size:100%;
	padding-top:0.3em;
	/*border: 1px solid red;				/*Rahmenfarbe*/
}

.fb_chro_sp2_zl3 {
	-webkit-box-flex: 3 1 auto; 
	        -ms-flex: 3 1 auto;
	            flex: 3 1 auto;
	font-weight:bold;
	font-size:120%;
	padding-top:0.1	em;
	/*border: 1px solid blue;				/*Rahmenfarbe*/
}

/*--------------------------------------------------------------------------------------------------------------------------------------- */
/* CSS3 Stylesheet E N D E  */