/* BASE - Base Variable file along with starting point Mixins and Placeholders.
 ========================================================================== */
/* Typo3 Settings */
div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image {
  margin-right: 20px !important; }

div.csc-textpic-imagecolumn.csc-textpic-lastcol {
  margin-right: 20px !important; }

.csc-textpic-imagerow {
  display: inline !important; }

div.csc-textpic div[data-csc-cols="2"] .csc-textpic-imagecolumn {
  width: 48%;
  width: calc(50% - 20px); }

div.csc-textpic div[data-csc-cols="3"] .csc-textpic-imagecolumn {
  width: 31%;
  width: calc(33.333% - 20px); }

div.csc-textpic div[data-csc-cols="4"] .csc-textpic-imagecolumn {
  width: 22%;
  width: calc(25% - 20px); }

div.csc-textpic div[data-csc-cols="5"] .csc-textpic-imagecolumn {
  width: 18%;
  width: calc(20% - 20px); }

div.csc-textpic div[data-csc-cols="6"] .csc-textpic-imagecolumn {
  width: 15%;
  width: calc(16.666% - 20px); }

div.csc-textpic div[data-csc-cols="7"] .csc-textpic-imagecolumn {
  width: 13%;
  width: calc(14.285% - 20px); }

div.csc-textpic div[data-csc-cols="8"] .csc-textpic-imagecolumn {
  width: 12%;
  width: calc(12.5% - 20px); }

div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image {
  margin-right: 20px !important; }

.csc-textpic-lastcol {
  magin-right: 0px !important; }

div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
  margin-bottom: 20px !important; }

div.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow-last .csc-textpic-image {
  margin-bottom: 20px !important; }

.csc-textpic-imagecolumn img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important; }

.modul div.csc-textpic div[data-csc-cols] .csc-textpic-imagecolumn {
  width: 100% !important; }

@media screen and (max-width: 880px) {
  div.csc-textpic div[data-csc-cols="4"] .csc-textpic-imagecolumn {
    width: 31%;
    width: calc(25% - 20px); }

  div.csc-textpic div[data-csc-cols="5"] .csc-textpic-imagecolumn {
    width: 31%;
    width: calc(25% - 20px); }

  div.csc-textpic div[data-csc-cols="6"] .csc-textpic-imagecolumn {
    width: 31%;
    width: calc(25% - 20px); }

  div.csc-textpic div[data-csc-cols="7"] .csc-textpic-imagecolumn {
    width: 31%;
    width: calc(25% - 20px); }

  div.csc-textpic div[data-csc-cols="8"] .csc-textpic-imagecolumn {
    width: 31%;
    width: calc(25% - 20px); } }

@media screen and (max-width: 680px) {
  /* Typo3 Bild Text Reset für Mobile */
  /*div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { margin-top:8px; }*/
  /* Image Rows */
    div.csc-textpic-imagewrap {
      float: none;
      clear: both;
      display: block; }
    div.csc-textpic-text {
      float: none;
      clear: both;
      margin-left: 0px !important;
      margin-right: 0px !important;
      padding-bottom: 10px !important; }
    div.csc-textpic-intext-right .csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
      margin-left: 0px; }
    div.csc-textpic-intext-left .csc-textpic-imagewrap, div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
      margin-right: 0px; }
    div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
      float: left; }
    #topbild div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
      margin-top: 0px !important; }
    .csc-textpic-imagerow .csc-textpic-image {
      margin: 0px !important; }
    div.csc-textpic div[data-csc-cols="4"] .csc-textpic-imagecolumn {
      width: 31%;
      width: calc(33.333% - 20px); }
    div.csc-textpic div[data-csc-cols="5"] .csc-textpic-imagecolumn {
      width: 31%;
      width: calc(33.333% - 20px); }
    div.csc-textpic div[data-csc-cols="6"] .csc-textpic-imagecolumn {
      width: 31%;
      width: calc(33.333% - 20px); }
    div.csc-textpic div[data-csc-cols="7"] .csc-textpic-imagecolumn {
      width: 31%;
      width: calc(33.333% - 20px); }
    div.csc-textpic div[data-csc-cols="8"] .csc-textpic-imagecolumn {
      width: 31%;
      width: calc(33.333% - 20px); } }

@media screen and (max-width: 480px) {
  /* Image Rows */
    div.csc-textpic div[data-csc-cols="3"] .csc-textpic-imagecolumn {
      width: 31%;
      width: calc(50% - 20px); }
    div.csc-textpic div[data-csc-cols="4"] .csc-textpic-imagecolumn {
      width: 31%;
      width: calc(50% - 20px); }
    div.csc-textpic div[data-csc-cols="5"] .csc-textpic-imagecolumn {
      width: 31%;
      width: calc(50% - 20px); }
    div.csc-textpic div[data-csc-cols="6"] .csc-textpic-imagecolumn {
      width: 31%;
      width: calc(50% - 20px); }
    div.csc-textpic div[data-csc-cols="7"] .csc-textpic-imagecolumn {
      width: 31%;
      width: calc(50% - 20px); }
    div.csc-textpic div[data-csc-cols="8"] .csc-textpic-imagecolumn {
      width: 31%;
      width: calc(50% - 20px); } }
/*******************************************************************************/
/* M O D U L E  */
/******************************************************************************/
/******************************************************************************/
/** FOTOGALERIE  **/
/******************************************************************************/
/******************************************************************************/
/** FOTOGALERIE  **/
/******************************************************************************/
.gallery figure.csc-textpic-image {
  margin: 0px !important;
  margin-bottom: 0px !important;
  position: relative; }

.gallery .overlay {
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: #fff;
  background: rgba(179, 26, 36, 0);
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out; }

.gcamera {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  opacity: 0.4;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out; }

.fa-camera {
  color: #fff !important;
  font-size: 1.9em !important; }

.gallery .overlay:hover {
  background: rgba(179, 26, 36, 0.5); }

.gallery .overlay:hover .gcamera {
  opacity: 1; }

.gallery div.csc-textpic figure {
  float: left; }

.gallery_right div.csc-textpic figure {
  float: right; }

.gallery div.csc-textpic div[data-csc-cols="2"] .csc-textpic-imagecolumn, .gallery div.csc-textpic div[data-csc-cols="3"] .csc-textpic-imagecolumn, .gallery div.csc-textpic div[data-csc-cols="4"] .csc-textpic-imagecolumn, .gallery div.csc-textpic div[data-csc-cols="5"] .csc-textpic-imagecolumn, .gallery div.csc-textpic div[data-csc-cols="6"] .csc-textpic-imagecolumn, .gallery div.csc-textpic div[data-csc-cols="7"] .csc-textpic-imagecolumn, .gallery div.csc-textpic div[data-csc-cols="8"] .csc-textpic-imagecolumn, .gallery div.csc-textpic div[data-csc-cols="25"] .csc-textpic-imagecolumn, .gallery div.csc-textpic div[data-csc-cols="50"] .csc-textpic-imagecolumn {
  width: 100% !important;
  height: auto; }

.gallery .csc-textpic-imagecolumn {
  display: none; }

.gallery .csc-textpic-imagecolumn.csc-textpic-firstcol {
  display: block !important; }

.gallery div.csc-textpic-imagecolumn.csc-textpic-firstcol {
  position: relative !important; }

.gallery div.csc-textpic-imagerow {
  display: none !important; }

.gallery div.csc-textpic-imagerow:first-child {
  display: inline !important; }

.gallery figcaption.csc-textpic-caption {
  display: none !important; }

.gallery div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
  margin-bottom: 0px !important; }

@media screen and (max-width: 767px) {
  .gallery {
    margin-top: 20px; }

  .gallery_right div.csc-textpic figure {
    float: left; } }
/* end fotogalerie 	
 /******************************************************************************/
/* end fotogallery 	
 /******************************************************************************/
/******************************************************************************/
/** TESTIMONIAL  **/
/******************************************************************************/
/* Scss Document */
/******************************************************************************/
/** Testimonial Variante I   **/
/******************************************************************************/
.testimonial {
  display: block;
  padding: 0px;
  margin: 0px;
  position: relative;
  max-width: 80%; }

.testimonial div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
  margin-bottom: 0px !important; }

.testimonial .csc-textpic-text {
  position: absolute;
  top: 55%;
  transform: translateY(-55%);
  width: 100%;
  margin-right: 0px !important;
  padding-right: 200px;
  text-align: right; }

.testimonial .csc-textpic-text p {
  margin-bottom: 0px !important;
  color: #111;
  font-size: 16px !important;
  line-height: 140% !important;
  font-weight: 400; }

#testi2.testimonial {
  max-width: 90%; }

#testi2.testimonial .csc-textpic-text {
  padding-right: 340px;
  text-align: right;
  top: 65%;
  transform: translateY(-65%); }

@media screen and (max-width: 767px) {
  .testimonial {
    margin: 30px 0px 30px !important; } }

@media screen and (max-width: 680px) {
  .testimonial .csc-textpic-text {
    position: relative !important;
    top: initial !important;
    transform: none;
    padding-left: 0px;
    background: none !important; }

  .testimonial h3 {
    font-size: 18px !important; }

  .testimonial h4 {
    font-size: 16px !important; }

  .testimonial .csc-textpic-text p {
    font-size: 16px !important; } }
/* end testimonial 	
 /******************************************************************************/
/*******************************************************************************/
/* GLOBAL CLASSES */
/*******************************************************************************/
.gridcontainer:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

#gridrow div[class*="col-sm"] {
  margin-bottom: 30px; }

#gridrow div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
  margin-bottom: 0px !important; }
/*******************************************************************************/
/* MEDIA QUERIES */
/*******************************************************************************/
@media screen and (max-width: 767px) {
  #gridrow div[class*="col-sm-3"] {
    width: 33.333% !important;
    float: left !important; }

  #gridrow div[class*="col-sm-4"] {
    width: 33.333% !important;
    float: left !important; }

  #gridrow div[class*="col-sm-6"] {
    width: 50% !important;
    float: left !important; }

  #gridrow h2 {
    font-size: 16px !important; } }

@media screen and (max-width: 680px) {
  #gridrow.row {
    margin-right: -7.5px;
    margin-left: -7.5px; }

  #gridrow div[class*="col-sm"] {
    width: 50% !important;
    float: left !important;
    padding-right: 7.5px;
    padding-left: 7.5px; } }

@media screen and (max-width: 500px) {
  #gridrow h2 {
    font-size: 16px !important; }

  #gridrow p {
    font-size: 15px; }

  #gridrow div[class*="col-sm"] {
    margin-bottom: 15px; } }