@charset "utf-8";

.cstory { min-height:170px; }
.cstory:after { content:''; display:block; clear:both; }
.cstory .editbalken { width:100%; margin-bottom:10px; }
.cstory .item { 
	position:relative; float:left; margin:0px 10px 20px 10px; background-color:#eee; overflow:hidden; cursor:default;
	-webkit-transition:background-color .4s; -moz-transition:background-color .4s; -ms-transition:background-color .4s; 
	-o-transition:background-color .4s; transition:background-color .4s;
}
.cstory .item:hover { background-color:#f1bdbc; }
.cstory .item h2 { 
	display:block; padding:2px 10px; margin:0px; background-color:#d02421; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; 
	font-size:17px; font-size:1.7rem; line-height:30px; font-weight:400; color:#fff; 
}
.cstory .item.link h2 { padding-right:35px; }
.cstory .item.link h2:after { 
	position:absolute; width:30px; height:30px; line-height:30px; text-align:center; top:1px; right:1px; content:"\f105"; font-family:FontAwesome; font-size:20px; color:#fff;
	-webkit-transition:color .4s; -moz-transition:color .4s; -ms-transition:color .4s; -o-transition:color .4s; transition:color .4s;
}
.cstory .item.link:hover h2:after { color:#fff; }
.cstory .item .text { display:block; margin:10px; overflow:hidden; font-size:13px; font-size:1.3rem; line-height:19px; line-height:1.9rem; }
.cstory .item .text .placeholder { display:block; width:100%; height:100%; }
.cstory .item .text p, .cstory .item .text ul, .cstory .item .text ol { margin-bottom:19px; }
.cstory .item .absolute { position:absolute; left:0px; top:0px; width:100%; height:100%; display:block; background:url('../mm/blind.png') repeat; z-index:1; }
.cstory .item a.dsbutton { position:absolute; left:0px; top:0px; line-height:0px; z-index:2; }

/*Breiten*/
.cstory .item.width0 { width:285px; }
.cstory .item.width1 { width:590px; }
.cstory .item.width2 { width:895px; }
#dsarticleheader .cstory .item.width2 { width:100%; margin-left:0; margin-right:0; box-sizing:border-box; }
.cstory .item.width3 { width:1200px; }

/*Höhen*/
.cstory .item.height0 { height:171px; }
.cstory .item.height1 { height:362px; }

/*Text Höhen*/
.cstory .item.height0 .text { height:115px; }
.cstory .item.height1 .text { height:308px; }

/*Text und Bild*/
.cstory .item.width0.height0.text-and-image .placeholder { float:right; width:115px; margin-left:10px; }
.cstory .item.width0.height1.text-and-image .placeholder { height:115px; margin-bottom:4px; }
.cstory .item.width1.height0.text-and-image .placeholder { float:right; width:265px; margin-left:10px; }
.cstory .item.width1.height1.text-and-image .placeholder { float:right; width:265px; height:115px; margin-left:10px; }
.cstory .item.width2.height1.text-and-image .placeholder { float:right; width:456px; height:250px; margin-left:10px; }
.cstory .item.width3.height1.text-and-image .placeholder { float:right; width:456px; height:250px; margin-left:10px; }

/*Breite anpassen, wenn in zweiter / dritter Spalte*/
#dscolumn2_2 .cstory .item { width:280px; }
#dscolumn2_2 .cstory .item:last-child { margin-bottom:0px; }

/*Speziale Darstellung im Story-Modul*/
.cstory .item.width0.height0 .cnews .placeholder { float:right; width:80px; height:75px; }
.cstory .item.width0.height1 .cnews .placeholder { float:none; width:auto; height:120px; margin:0px 0px 10px 0px; }
.cstory .item.width0.height1 .cnews .text { height:305px; }
.cstory .item.width1.height0 .cnews .placeholder,
.cstory .item.width2.height0 .cnews .placeholder,
.cstory .item.width3.height0 .cnews .placeholder { float:right; width:145px; height:75px; }
.cstory .item.width1.height1 .cnews .placeholder { float:none; width:auto; height:180px; margin:0px 0px 10px 0px; }
.cstory .item.width2.height1 .cnews .placeholder, 
.cstory .item.width3.height1 .cnews .placeholder { float:right; width:265px; height:160px; margin:0px 0px 10px 10px; }