#content { max-width:1375px; float:none; margin:0 auto}
div#breadcrumb { position:relative; float:left; left:0; width:100%;margin:0; top:0}
div.inner-crumb {max-width:1375px; margin:0 auto }



ol#articles {
	width: 100%;
	list-style-type: none;
	margin: 0% auto;
	padding: 2.5% 0 0 0;
	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;}

#articles LI	{ flex-basis: calc(50% - 1em); -webkit-flex-basis: calc(50% - 1em);
				  float:left; 
				  border: 1px solid #ccc; margin:0 0 1em; 
				  padding:2em; box-sizing:border-box;}

div.licontent			{ float:left; width:100%; background:none; overflow:hidden; margin-top:10px }

#articles LI small 		{ float:left;  width:100%; color: #808080; font-size:11px; line-height:11px;  text-align:left; margin-top:0px }
#articles LI H3			{ float:left;  width:100%;  margin:0 0 5px 0; padding:0;text-align:left;font-family: "Roboto Condensed",sans-serif;font-weight:700; text-transform:none}

#articles H3 { font-size:1.5em}
#articles H3 A			{ float:left; font-size:1em; text-indent:0px;}
#articles H3 A:HOVER		{ text-decoration:underline }
div.art-wrapper			{ float:left;   padding:0; text-align:justify;	}


div.artmedia			{ float:left; width:200px; margin:0 1.5rem 1.5rem 0;}
.artmedia IMG			{ max-width:100%; max-height:200px }


div.description			{ margin:0; padding:0 }
.description img		{ margin:0 10px 10px 10px}


div.lnkwrp { float:right;  background:none }

.pure-u-1-1 div.lnkwrp { margin-top: 3rem; }


a.read_more_de			{}
a.read_more_de:hover		{  } 




@media screen and (max-width:980px) {
#articles LI	{ flex-basis: calc(50% - 1rem); -webkit-flex-basis: calc(50% - 1rem); margin:0 0 2rem;padding:2rem; }
div.art-wrapper			{ text-align:left;	}
}
@media screen and (max-width:767px) {
#articles LI	{ flex-basis: calc(100%); -webkit-flex-basis: calc(100%); margin:0 0 2rem;padding:2rem; }

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


}