/* http://t3n.de/magazin/responsive-webdesign-typo3-flexibles-typo3-232727/ */

/* flexible Medien*/
img, embed, object, video {
 max-width: 100%;
 height: auto;
 width: auto;

}

/* CSS Styled Content Regeln überschreiben */
DIV.csc-textpic .csc-textpic-imagewrap FIGURE,
DIV.csc-textpic FIGURE.csc-textpic-imagewrap,
FIGCAPTION.csc-textpic-caption {
 display: block;
}


DIV.csc-textpic-left .csc-textpic-imagewrap {
 float: none;
}


DIV.csc-textpic DIV.csc-textpic-imagecolumn {
 display: inline-block;
 /* ## macht probleme auf desktop aufloesungen ? 
 float: none;
*/
 vertical-align: top;
}

.csc-default {clear: both;}

.csc-default.slick-slide {clear: none;}

/* optional */

DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap {
 width: 35%;
 /* width: 18%;  */
}

DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap {
 float: right;
}
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap {
 float: left
}


DIV.csc-textpic-intext-right-nowrap .csc-textpic-text,
DIV.csc-textpic-intext-left-nowrap .csc-textpic-text {
margin-left: 40%;

}


/* Typo3 Mods 

div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
margin-bottom: 0px;
}
*/
/* 
div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image img{
width: 100%;
height: auto;
max-width: none;
}
*/