.characteristics-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  
  	/*Flex for Internet Explorer*/
	display: -ms-flexbox;
	-ms-flex-wrap: wrap;
	-ms-flex-direction: column;
}

/* große Viewports */
@media all and (min-width: 30em) {
.characteristics-container {
    flex-direction: row;
    
   /*Flex for Internet Explorer*/
	-ms-flex-direction: row;
  }
}

.characteristics-item{
	flex: auto;
	flex: 1 0 0;
	min-width: 20em;
	max-width: 20em;
	background-color: #e7ecf1;
	border-color: #c8bdab;
	border-radius: 10px 10px 10px 10px;
	border-style: solid;
	border-width: 2px;
	box-shadow: 3px 3px 5px #d7dae3;
	margin: 1em;
}

.trainer-item{
	flex: auto;
	flex: 1 0 0;
	min-width: 16em;
	max-width: 16em;
	background-color: #e7ecf1;
	border-color: #c8bdab;
	border-radius: 10px 10px 10px 10px;
	border-style: solid;
	border-width: 2px;
	box-shadow: 3px 3px 5px #d7dae3;
	margin: 1em;
}

.characteristics_title{
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	float: left;
	background: linear-gradient(to bottom, white 50%, #d7dae3);
	color: #00490b;
	padding-left: 8px;
	border-radius: 5px 5px 0px 0px;
}

.characteristics_keyValue{
	width: 100%;
	float: left;
	font-size: 14px;
	padding: 8px;
}
.characteristics_key, .characteristics_value, ul, li{
	font-size: 14px;
}

.characteristics_key{
	width: 40%;
	float: left;
}

.characteristics_value{
	width: 60%;
	height: 30px;
	font-size: 14px;
	float: left;
}

ul{
	width: 100%;
	float: left;
	style="list-style-type:disc;"
}

.characteristics_image{
	width: 100%;
	float: left;
	padding: 20px;
}