/*##### IMAGES ######*/

DIV.csc-textpic-border DIV.csc-textpic-imagewrap IMG {
    background: none repeat scroll 0 0 #FFFFFF;
}

DIV.csc-textpic-border .csc-textpic-imagewrap IMG {
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}

DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow-last .csc-textpic-image {
    margin-bottom: 12px;
}

DIV.csc-textpic-above .csc-textpic-imagewrap {
  width: 100%;
}

DIV.csc-textpic-intext-left .csc-textpic-imagewrap {
    float: left;
    width: 45%;
}

figure.csc-textpic-image {
  width: 100%;
}

DIV.csc-textpic-intext-right .csc-textpic-imagewrap {
    float: right;
   /* width: 45%; */
}

DIV.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
  float: left;
  width: 35%;
}

.csc-textpic-intext-left-nowrap .csc-textpic-text {
  margin-left: 39%;
}

DIV.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
  float: right;
  width: 35%;
}

.csc-textpic-intext-right-nowrap .csc-textpic-text {
  margin-right: 39%;
}

.csc-default {
}

.picclear {
	clear: both;
	display: block;
	height: 1px;
}


div.csc-textpic-intext-left .csc-textpic-imagewrap, div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
	margin-right: 4%;
}

div.csc-textpic-intext-right .csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
	margin-left: 4%;
	width:40%;
}


/*Spalten */
DIV.csc-textpic DIV.csc-textpic-imagerow {
  margin-right: 3%;
  margin-bottom: 3%;
}

.layout-0 DIV.csc-textpic DIV.csc-textpic-imagerow {
  margin-right: 0%;
  margin-bottom: 3%;
}

.layout-1 DIV.csc-textpic DIV.csc-textpic-imagerow {
    float: left;
    
    width: 47%;
}

.layout-2 DIV.csc-textpic DIV.csc-textpic-imagerow {
    float: left; 
    width: 30%;
}

.layout-3 DIV.csc-textpic DIV.csc-textpic-imagerow {
    float: left;
    width: 22%;
}


.layout-4 DIV.csc-textpic DIV.csc-textpic-imagerow {
    float: left;
    width: 17.0%;
}

.rightcontent .shadow DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
  margin-bottom: 0;
}

.csc-textpic-imagerow-last {
  margin-right: 0!important;
}


@media only screen and (max-width: 785px) { 
  
  /*##### IMAGES ######*/
 
 .breakpoint-clear {
	clear: both;
	display: block;
	height: 1px;
 }

DIV.csc-textpic-border DIV.csc-textpic-imagewrap IMG {
    float: left;
    width: 98%;
}

.col13 DIV.csc-textpic-border DIV.csc-textpic-imagewrap IMG {
    float: none;
    width: 50%;
    text-align: center;
}

  
  DIV.csc-textpic-above DIV.csc-textpic-imagewrap {
    width: 100%;
  }
  
  DIV.csc-textpic-intext-left .csc-textpic-imagewrap {
      float: none;
      width: 100%;
  }
  
  DIV.csc-textpic-intext-right .csc-textpic-imagewrap {
      float: none;
      margin-left: 0;
      width: 100%;
  }
  
  DIV.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    float: none;
    width: 100%;
  }
  
  .csc-textpic-intext-left-nowrap .csc-textpic-text {
    margin-left: 0%;
  }
  
  DIV.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    float: none;
    width: 100%;
    margin-left: 0;
  }
  
  .csc-textpic-intext-right-nowrap .csc-textpic-text {
    margin-right: 0%;
  }
    
    
  /*Spalten */
  DIV.csc-textpic DIV.csc-textpic-imagerow {
    margin-right: 3%; 
  }
  
  DIV.csc-textpic DIV.csc-textpic-imagecolumn {
      width: 100%;
  }
  
  .layout-1 DIV.csc-textpic DIV.csc-textpic-imagerow {
      float: none;
      
      width: 100%;
  }
  
  .layout-2 DIV.csc-textpic DIV.csc-textpic-imagerow {
      float: none;
     
      width: 100%;
  }
  
  .layout-3 DIV.csc-textpic DIV.csc-textpic-imagerow {
      float: left;
      width: 45%;
  }
  
  .layout-4 DIV.csc-textpic DIV.csc-textpic-imagerow {
      float: left;
      width: 45%;
  }
  
}