/* #contentwrp { margin:100px 0 0 0;} */
div#breadcrumb { padding:0; display:none;margin:0; top:0}


ol#downloads{
	width: 100%;
	list-style-type: none;
	margin: 0% auto;
padding:0 9% 2em 9%;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	box-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;}

#downloads LI	{ width:31.333%;
				  float:left; background:#fff;
				  border: 1px solid #ccc; margin:0 1% 1em; 
				  padding:2em; box-sizing:border-box;}
				  


	#downloads LI H3 { float:left; width:100%; margin:0; padding:0;   color:#009ee3; font-size:1.2em;	}
	div.description	{ float:left; width:70%;  text-align:left; background:none }
	.date {
			float:left; width:80px;
			color:#535556}

	div.preview			{ float:left; width:100%; margin:0 0 1.5rem 0;}
	.preview IMG			{ max-width:100%; }


	
	div.link {	position:relative; float:right;  margin:5px 0 0 20px;}


	.link a.link_de	        { display:block;  color:		#fff; background:#009ee3; width:100%;   text-align:center; transition: all ease 0.3s}
	.link a.link_de:hover   { background:#535556; color:#fff}


	.link a.link_en	        { display:block;  color:		#fff; background:#009ee3; width:100%;   text-align:center; transition: all ease 0.3s }
	.link a.link_en:hover   { background:#535556; }






@media screen and (max-width:1440px) {
ol#downloads {padding:0 4% 2em 4%;}
}
@media screen and (max-width:1200px) {
#downloads LI	{ width:48%;}
}
@media screen and (max-width:767px) {
#downloads LI	{ flex-basis: calc(100%); -webkit-flex-basis: calc(100%); margin:0 0 2rem;padding:2rem; }

}
@media screen and (max-width:568px) {
	div.preview			{ float:left; width:100%; margin:0 0 1em 0;}
	.preview IMG		{  max-height:500px }
}
@media screen and (max-width:480px) {}