/* === RESPONSIVE ========================= */
.ctel img.border { padding: 0 }

.align-l, .align-left 	{ text-align: left }
.align-r, .align-right 	{ text-align: right }
.align-c, .align-center { text-align: center }

.align-c .img-responsive, table.align-c, div.img-align-c .img-responsive { margin: 0 auto; }
.align-r .img-responsive, table.align-r, div.img-align-r .img-responsive { margin: 0 0 0 auto; }
.img-responsive {  }

.imgwrap { margin: 0; }
.imgwrap-responsive { margin: 0; } 
 
.imgwrap.fl-right 	{ float: right; padding-left: 20px; padding-right: 0; }
.imgwrap.fl-left 	{ float: left; padding-right: 20px; padding-left: 0 }
 
.imgwrap.fl-right, .imgwrap.fl-left { margin-bottom: 10px }
.ctype-textpic > .imgwrap.above { margin-bottom: 20px }
.ctype-textpic > .imgwrap.below { margin-top: 20px }

.above.align-c .outer-wrap, .below.align-c .outer-wrap { float: right; position: relative; right: 50%; }
.above.align-c .inner-wrap, .below.align-c .inner-wrap { float: right; position: relative; right: -50%; text-align: left; }

.above.align-r .inner-wrap, .below.align-r .inner-wrap { float: right; position: relative; text-align: left; }

.imgwrap-responsive.above.align-c .outer-wrap, .imgwrap-responsive.above.align-c .inner-wrap, 
.imgwrap-responsive.below.align-c .outer-wrap, .imgwrap-responsive.below.align-c .inner-wrap { float: none; position: static; right: auto;  }

.imgwrap figcaption { font-size: 83.33%; line-height: 120%; font-style: italic; padding: 0.4em 0 }
.imgwrap img.border { padding: 0; }

.imgwrap figure { display: inline-block; vertical-align: top; padding: 0; }
.imgwrap.col1 figure { display: block; }

/* CAPTIONS ÜBER DIE GANZE BREITE ?!! */
/*
.imgwrap.col1 figure { display: table; }
.imgwrap figcaption { display: table-caption; caption-side: bottom }
*/
.imgwrap figcaption { padding: 0.8em 0; }
.imgwrap img.border { padding: 0; }


.imgwrap-responsive.col2 figure, .imgwrap-responsive.col3 figure, .imgwrap-responsive.col4 figure, .imgwrap-responsive.col5 figure, .imgwrap-responsive.col6 figure, .imgwrap-responsive.col7 figure, .imgwrap-responsive.col8 figure, 
.imgwrap-responsive.col2 > img, .imgwrap-responsive.col3 > img, .imgwrap-responsive.col4 > img, .imgwrap-responsive.col5 > img, .imgwrap-responsive.col6 > img, .imgwrap-responsive.col7 > img, .imgwrap-responsive.col8 > img { display: inline-block; }
.imgwrap-responsive.col2 figure { width: 50%; }
.imgwrap-responsive.col3 figure { width: 33.33%; }
.imgwrap-responsive.col4 figure { width: 25%; }
.imgwrap-responsive.col5 figure { width: 20%; }
.imgwrap-responsive.col6 figure { width: 16.66%; }
.imgwrap-responsive.col7 figure { width: 14.28%; }
.imgwrap-responsive.col8 figure { width: 12.50%; }


.col2.imgwrap, .col3.imgwrap, .col4.imgwrap, .col5.imgwrap, .col6.imgwrap, .col7.imgwrap, .col8.imgwrap { margin-left: -5px; margin-right: -5px }
.col2 figure, .col3 figure, .col4 figure, .col5 figure, .col6 figure, .col7 figure, .col8 figure { padding: 5px; }

.col1 > figure + figure { margin-top: 20px; }
.slides > figure + figure { margin-top: 0; }

@media (max-width: 767px) {
	.imgwrap-responsive.fl-right 	{ float: none; padding: 0; }
	.imgwrap-responsive.fl-left 	{ float: none; padding: 0; }
	.above.align-r .inner-wrap, .below.align-r .inner-wrap { float: none; }
	
	.ctype-textpic .imgwrap-responsive { margin-bottom: 20px; }
	
	.col2.imgwrap, .col3.imgwrap, .col4.imgwrap, .col5.imgwrap, .col6.imgwrap, .col7.imgwrap, .col8.imgwrap { margin-left: -5px; margin-right: -5px }
	.col2 figure, .col3 figure, .col4 figure, .col5 figure, .col6 figure, .col7 figure, .col8 figure { padding: 5px; }	
	
	.imgwrap-responsive.col4 figure { width: 50%; }
}

@media (max-width: 359px) {
	.imgwrap-responsive figure { display: block; width: auto; }
	/* !important ??? */
}