@charset "utf-8";

.cstory:after { content:''; display:block; clear:both; }
.cstory .editbalken { margin:0 2px 10px; }

.cstory .item .box {
	height:100%;
	-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 h3 { position:relative; margin:0.5rem 0 2rem 0; z-index:2; }
.cstory .item .text { position:relative; height:100%; z-index:2; }
.cstory .item .text p, .cstory .item .text ul, .cstory .item .text ol { padding-bottom:25px; padding-bottom:2.5rem; }

/*Breiten*/
.cstory .item.width0 { width:25%; }
.cstory .item.width1 { width:50%; }
.cstory .item.width2 { width:75%; }
.cstory .item.width3 { width:100%; }

/*Hoehen*/
.cstory .item.height0 { height:220px; height:22rem; }
.cstory .item.height1 { height:470px; height:47.0rem; }
.cstory .item.height2 { height:692px; height:69.2rem; }

.cstory .item.height1 .box { padding-bottom:10px; }
.cstory .item.height2 .box { padding-bottom:7px; }


/*Farben*/
.cstory .item.grey .box { background-color:#e5e5e5; }
.cstory .item.layout0.white .box { background-color:#fff; }
.cstory .item.layout0.darkgrey .box { background-color:#ccc; }
.cstory .item.layout0.yellow .box { background-color:#ffcc33; }
.cstory .item.layout0.green .box { background-color:#99cc99; }
.cstory .item.layout0.red .box { background-color:#e20026; color:#fff; }
.cstory .item.layout0.red .box h3 { color:#fff; }

/*Farben-Hover*/
.cstory .item.grey .box:hover { background-color:#ccc; }
.cstory .item.layout0.white .box:hover { background-color:#e5e5e5; }
.cstory .item.layout0.darkgrey .box:hover { background-color:#bbb; }
.cstory .item.layout0.yellow .box:hover { background-color:#ffc411; }
.cstory .item.layout0.green .box:hover { background-color:#82c182; }
.cstory .item.layout0.red .box:hover { background-color:#d10023; }

/*Placeholder Bildpositionen*/
.cstory .item .placeholder.top > div { background-position:center top; }
.cstory .item .placeholder.center > div { background-position:center center; }
.cstory .item .placeholder.bottom > div { background-position:center bottom; }

/*Placeholder Skaliert*/
/*.cstory .item .placeholder.scale0 > div { background-size:contain; }*/
.cstory .item .placeholder.scale1 > div { background-size:cover; }

/*Image-Only*/
.cstory .item.layout1 .box { padding:0; }
.cstory .item.layout1 .text { padding:10px; padding:1rem; }
.cstory .item.layout1 .placeholder { position:absolute; width:auto; height:auto; top:0; right:0; bottom:0; left:0; z-index:1; }
.cstory .item.layout1 .text {
	position:absolute; right:0; bottom:0; left:0; height:auto; min-height:50px; padding:10px; padding:1rem; 
	background:url('../mm/white80.png') repeat; background:rgba(222,222,222,.9);
}
.cstory .item.layout1 .text h3 { color:#000; margin:0; }

/*Text & Image*/
/*Breite 1/4 & 1/3 Höhe*/
.cstory .item.layout0.width0.height0 .placeholder { width:30%; height:0; padding-bottom:30%; }
.cstory .item.layout0.width0.height0 .placeholder.left { float:left; margin-right:10px; }
.cstory .item.layout0.width0.height0 .placeholder.right { float:right; margin-left:10px; }

/*Breite 1/4 & >1/3 Höhe*/
.cstory .item.layout0.width0.height1 .placeholder,
.cstory .item.layout0.width0.height2 .placeholder { height:200px; height:20rem; margin:0 0 25px 0; margin:0 0 2.5rem 0; }

/*Breite > 1/4*/
.cstory .item.layout0:not(.width0) .placeholder { height:100%; }
.cstory .item.layout0:not(.width0) .placeholder.width1 { width:50%; }
.cstory .item.layout0:not(.width0) .placeholder.width2 { width:70%; }
.cstory .item.layout0:not(.width0) .placeholder.left { float:left; margin-right:10px; }
.cstory .item.layout0:not(.width0) .placeholder.right { float:right; margin-left:10px; }

#dscolumn2_2 .cstory .item.width0, #dscolumn2_2 .cstory .item.width1, #dscolumn2_2 .cstory .item.width2 { width:100%;}