#content, #contentstart { padding:0}


#introPic { transition-timing-function: ease; transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);}

#previewWrapper {
	margin: 0 auto;
	/* max-width: var(--layout-max-width); */
	width: 100%;
	padding: 0%;
	text-align: center;
}

	
.article-wrapper { /* background:#f5f5f5; */ float:left; width:100%; }
	
ol#articles {
	width: 100%;
	list-style-type: none;
	margin: 0% auto;
	/* background: #f5f5f5; */
	padding:2em 9%;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	box-pack: justify;
	justify-content: space-around;
	-webkit-justify-content: space-around;
	-moz-justify-content: space-around;
	align-items: stretch;
	justify-content:start;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

#articles LI	{ 
	width:calc(33.333%  - 40px);
	float:left; 
	background:#fff;
	background:#EEF3F7;
	/*border: 1px solid #ccc;*/ margin:20px; 
	/* padding:2em 2em 3em 2em; */ box-sizing:border-box; position:relative;
	border-radius:5px; box-shadow:0 0 3px #ccc;
}



div.licontent			{ float:left; width:100%; background:none; overflow:hidden;padding-bottom: 29px;}

#articles LI .img { width:100%; max-height:350px;overflow:hidden;}
#articles LI small 		{ float:left;  width:100%; font-size:13px; font-weight:bolder; line-height:11px;  text-align:left; margin:0 0 10px 0; }
#articles LI .short-desc {width:100%; padding:2rem;}

#articles LI H3			{ float:left;  width:100%;  margin:0 0 1em 0; padding:0;/* text-align:center;  font-size:1.5em;*/ }
#articles H3 A			{ float:left; font-size:1em; text-indent:0px; color:var(--headline-color); text-decoration:none; font-family: var(--basic-font-family); font-weight: 400;}
#articles H3 A:HOVER		{ text-decoration:underline }

#articles LI.date { width:calc(100% - 0px); background:var(--#EEF3F7);}
/* #articles LI.date:nth-child(2n) { background:#EEF3F7;} */
#articles LI.date div.licontent	 {padding:0rem; }
#articles LI.date .img { float:left; width:300px; /* max-height:262px; */overflow:hidden;}
#articles LI.date .short-desc { float:right; width:calc(100% - 300px); padding:1rem 2rem; }
#articles LI.date H3 A { font-weight:500;}
#articles LI.date div.lnkwrp {
  position: absolute;
  right: 2rem;
  bottom: 2rem;
}


#articles LI.date .schedule { width:100%;}
#articles LI.date .weekday {float:left; width:100%; margin:2px 0 2px 0}
#articles LI.date .weekday .name { float:left; width:115;font-weight:500; }
#articles LI.date .weekday .events { float:right; width:calc(100% - 115px); }
#articles LI.date .weekday:hover {background:rgba(255,255,255,.2);}




div.art-wrapper			{ float:left;   padding:0; text-align:left	}


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


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 { position:absolute; bottom: 25px; left:calc(50% - 176px / 2) }
.pure-u-1-1 div.lnkwrp a { text-decoration:none; }

a.pure-button.read_more_de			{text-decoration:none !important;border-radius:20px !important; float:unset; display:inline;}




@media screen and (max-width:1440px) {
ol#articles {padding: 2em 4%;}
#articles LI H3 {font-size: 1.3em;}
}
@media screen and (max-width:1200px) {
	#articles LI	{ width:48%;}	
}
@media screen and (max-width:950px) {	
	/* #articles LI.date div.licontent	 {padding:2rem; } */
	/* #articles LI.date .img { float:left; width:300px; max-height:350px;overflow:hidden;}
	#articles LI.date .short-desc { float:right; width:calc(100% - 300px); padding:0 0 0 2rem; } */
}
@media screen and (max-width:820px) {
	/*	#articles LI.date div.licontent	 {padding:0; } */
	/* #articles LI.date .img { float:left; width:100%; max-height:300px;overflow:hidden;}
	#articles LI.date .short-desc { float:right; width:calc(100% - 0px); padding:1rem; } */
	#articles LI:not(.date) div.lnkwrp { float:right; width:100%; text-align:center; padding:0 20px 20px 20px; }
	a.pure-button.read_more_de	{ float:unset; display:inline;}
	#articles LI.date .weekday .events {width:100%;}
	#articles LI.date .weekday { margin-top:10px;}
	/*  */
}
@media screen and (max-width:767px) {
	#articles LI	{ flex-basis: calc(100%); -webkit-flex-basis: calc(100%); margin:0 0 2rem;/* padding:2rem; */ }
	#articles LI H3 {font-size: 1.5em;}
}
@media screen and (max-width:700px) {
	.article-wrapper { padding:0; }
	#articles { padding: 2em 4%; }
	#articles LI { width:100%; /* padding:20px; */ }
	.pure-u-1-1 div.lnkwrp { float:left; position: unset; text-align:center; width: 100%; }
	.pure-u-1-1 div.lnkwrp a { float:unset; width: 200px;margin:0 auto 0 auto;}
	#articles LI .short-desc {padding:2rem 1rem; }
	
	#articles LI.date .img { float:left; width:100%; max-height:300px;overflow:hidden;}
	#articles LI.date .short-desc { float:right; width:calc(100% - 0px); padding:1rem; }
	#articles LI.date div.lnkwrp {
		position: unset;
		margin: 0 auto 0 auto;
		text-align: center;
		padding: 2rem;		
		float: left;
		width: 100%;
	}
}
@media screen and (max-width:568px) {
	div.artmedia			{ float:left; width:100%; margin:0 0 1em 0;}
	.artmedia IMG			{  max-height:500px }
	#previewWrapper { padding-top:7%; }
	#previewWrapper img { width:100% !important; height:auto !important; margin: 10px 0 10px 0 !important; }
}
@media screen and (max-width:480px) {
#articles LI H3 {font-size: 1.3em;}
}