/*
  * Bootstrap v3.3.5 (http://getbootstrap.com)
  *
  * Bootstrap IMG  - reset TYPO3 Image (bootstrap-img.css)
  * Copyright 2015-2017 Atelier 26, Daniel Kleiner
  */


/* TYPO3 IMG
-------------------------------------------------- */

img {
  height: auto;
  width: 100%;
  max-width: 100%;
}

DIV.csc-textpic .csc-textpic-imagewrap FIGURE {
  max-width: 100%;
  overflow: hidden;
  display: block;
}

DIV.csc-textpic DIV.csc-textpic-single-image IMG {
  padding-bottom: 0px;
  margin-bottom: 0px;
}

DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image img {
  padding: 0px 0px 16px 0px;
  display: inline-block;
}

@media (max-width: 767px) {
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image img {
  padding: 0px 0px 5px 0px;
}
}
@media (min-width: 768px) {
  DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image img {
    padding: 0px 0px 8px 0px;
  }
}
@media (min-width: 992px) {
  DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image img {
    padding: 0px 0px 10px 0px;
  }
}
@media (min-width: 1200px) {
  DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image img {
    padding: 0px 0px 15px 0px;
  }
}
.tx-imagecycle-pi1 DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image {
  padding: 0px 0px 20px 0px;
  background-color: #FFFFFF;
  display: block;
}

DIV.csc-textpic-center .csc-textpic-imagewrap,
DIV.csc-textpic-center FIGURE.csc-textpic-imagewrap {
  width: 100%;
  display: block;
}

DIV.csc-textpic-center .csc-textpic-center-outer {
  max-width: 100%; /* max. size of image */
}

DIV.csc-textpic-center .csc-textpic-center-inner {
  max-width:100%;
  width: 100%;
}

/* Fix of problem scaling and TYPO3 row's */
DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: none; }

div.csc-textpic {display: table;}

DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-imagerow ul, DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-imagerow ul, DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-imagerow ul , .csc-textpic-imagerow{
  display: table-row;
}

div.csc-textpic-imagecolumn.csc-textpic-lastcol, td.csc-textpic-imagecolumn.csc-textpic-lastcol .csc-textpic-image {
	margin-right: -50%;
}

DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image, .csc-textpic-imagecolumn
 {
  display: table-cell ; /* table-cell */
  vertical-align: top;
  margin-left: 0px;
  /* max-width: 25%;
  width: 25%;*/
  padding: 0px 15px 0px 0px;
}
DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image.csc-textpic-last, DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image.csc-textpic-last, DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image.csc-textpic-last
 {
  padding: 0px 0px 0px 0px;
}

@media (min-width: 1200px){
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image, .csc-textpic-imagecolumn {
	/* max-width: 28%;  width: 28%;*/
	}
}

@media (max-width: 767px) {
  DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image
  {padding: 0px 10px 10px 0px;}
}

/* CAPTION */
.csc-textpic-caption {
    display: block;
    text-align: left;
}




/* MAGNIFIC POPUP CSS */

.mfp-zoom-out-cur {
  cursor: auto;
}
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: pointer;
  font-weight: 100;
  font-size: 40px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  .mfp-img-mobile .mfp-close {
  top: 0;
  right: 0;
  padding: 0px 10px 8px 10px;
  width: auto;
  height: auto;
  }
}

.mfp-arrow::before, .mfp-arrow::after {
  content: none;
}

body .mfp-arrow-left, body .mfp-arrow-right {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16px auto;
  opacity: 0.3;
}

body .mfp-arrow-left {
  background-image: url(../img/carousel-control-prev.svg); /* all browser */
  background-image: url(../img/carousel-control-prev.png)\9; /* IE 8 and below */
}

body .mfp-arrow-right {
 background-image: url(../img/carousel-control-next.svg); /* all browser */
 background-image: url(../img/carousel-control-next.png)\9; /* IE 8 and below */
}
.mfp-bottom-bar {
    margin-top: -30px;
}
.mfp-title{
  font-size: 90%;
}