/*--------------------
 	sectionstyles_cms01=basic Section taken from our
---------------------*/

.sectionstyles_cms01 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    

    
/*    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;*/
}

/* workaround br umbruch fuer firefox in flex */
/*br {
  content: '\A';
  display: contents;
  white-space: pre;
}*/


.sectionstyles_cms01{
	/* background-color: #c9c9c9; */
}

.sectionstyles_cms01 div.small:first-child  {
	/* border:2px solid green; */
	max-width:50%;
	/*background-color: red;*/
}

.sectionstyles_cms01 div.normal:first-child  {
	/* border:2px solid purple; */
	min-width:75%;
	max-width:95%;
	/*background-color: red;*/
}

.sectionstyles_cms01 div.large:first-child  {
	/* border:2px solid yellow; */
	min-width:90%;
	max-width:95%;
	/*background-color: red;*/
}

.sectionstyles_cms01 .grid li{
	padding: 20px;
	height: 350px;
	border-radius: 3px;

	background-clip: content-box;
	background-size: cover;
	background-position: center;
	background-color: #333;
}

.sectionstyles_cms01 .grid li.small{
	flex-basis: 40%;
}

.sectionstyles_cms01 .grid li.large{
	flex-basis: 60%;
}


@media (max-width: 1000px){

	.sectionstyles_cms01 .grid li.small,
	.sectionstyles_cms01 .grid li.large{
		flex-basis: 100%;
	}
	
	.sectionstyles_cms01 div.normal:first-child  {
	/*border:2px dotted purple;*/
	width:auto; 
	/*background-color: red;*/
}

.sectionstyles_cms01 div.small:first-child  {
	/*border:2px solid green;*/
	max-width:80%;
	/*background-color: red;*/
}	

}