/* 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;
  width: 100% !important; }

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

.csc-textpic-imagewrap {
  /*width:100% !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 */
  /* 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; }
    div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
      margin-top: 8px; }
    #topbild div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
      margin-top: 0px !important; }
    .csc-textpic-imagerow .csc-textpic-image {
      margin: 0px !important; }
    .modul div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image, .bildbox div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image, .news-item div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
      margin-top: 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); } }
/* Bootstap Additional 5 Column Grid */
.col-xs-5tl, .col-sm-5tl, .col-md-5tl, .col-lg-5tl {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  float: left; }

@media (min-width: 640px) {
  .col-sm-5tl, .col-xs-5tl {
    width: 50%; } }

@media (min-width: 768px) {
  .col-sm-5tl {
    width: 33%; } }

@media (min-width: 968px) {
  .col-sm-5tl {
    width: 20%; } }

@media (min-width: 992px) {
  .col-md-5tl {
    width: 20%; } }

@media (min-width: 1200px) {
  .col-lg-5tl {
    width: 20%; } }
/*******************************************************************************/
/* M O D U L E  */
/******************************************************************************/
/******************************************************************************/
/**  STANDARD EFFEKT Text & Bild**/
/******************************************************************************/
/* Scss Document */
.uranus, .textbild1 {
  position: relative; }

.uranus .csc-textpic-imagewrap, .textbild1 .csc-textpic-imagewrap {
  position: relative; }

.uranus img, .textbild1 img {
  margin: 0 auto !important; }

.uranus h3, .textbild1 h3 {
  font-weight: 600 !important;
  font-size: 16px !important;
  line-height: 120% !important;
  margin-bottom: 6px !important;
  margin-top: 10px !important;
  text-transform: uppercase;
  text-align: center;
  color: #333; }

.uranus h3:after, .textbild1 h3:after {
  content: none !important;
  display: none; }

.uranus .txtwrap, .textbild1 .txtwrap, .uranus .txtwrap p, .textbild1 .txtwrap p {
  margin: 0 auto !important; }

.uranus p, .textbild1 p {
  font-weight: 400 !important;
  line-height: 130% !important;
  /*	color: #fff !important;*/
  margin-bottom: 8px !important;
  text-align: center; }

.uranus a, .textbild1 a {
  display: block;
  height: 100%; }

.uranus a, .textbild1 a, .uranus a h1, .textbild1 a h1, .uranus a p, .textbild1 a p, .uranus a:hover, .textbild1 a:hover, .uranus a:hover h1, .textbild1 a:hover h1, .uranus a:hover p, .textbild1 a:hover p {
  text-decoration: none !important; }

.uranus a:hover h3, .textbild1 a:hover h3 {
  color: #bc243c;
  -webkit-transition: color 150ms linear;
  -ms-transition: color 150ms linear;
  transition: color 150ms linear; }

.uranus a .mail, .textbild1 a .mail, .uranus a.mail, .textbild1 a.mail {
  display: inline-block;
  text-decoration: underline !important; }

.txtwrap, .txtwrap p {
  word-wrap: break-word;
  overflow-wrap: break-word; }

@media screen and (max-width: 520px) {
  .uranus h1, .textbild1 h1, .standard h1 {
    font-size: 16px !important; }

  .uranus p, .textbild1 p, .standard p {
    font-size: 14px !important; } }

/* Scss Document */

.textbild2 .csc-textpic-imagewrap {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative; }

.textbild2 figure, .textbild2 div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
  display: block;
  width: auto !important;
  /*float:left;*/
  margin-right: 10px; }

.textbild2 .csc-textpic-text {
  /*float:left; */
  height: 100%; }

.textbild2 .txtwrap {
  /*position:absolute;
   top: 50%;
   transform: translateY(-50%);*/ }

.textbild2 h3 {
  margin-bottom: 0px !important; }

.textbild2 .txtwrap, .textbild2 p {
  font-size: 14px !important;
  line-height: 140% !important; }

.textbild2 div[class^="col-sm"] {
  margin-bottom: 25px !important; }
/* end standard
 /******************************************************************************/
/******************************************************************************/
/** 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(69, 89, 129, 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: 4;
  opacity: 0.65;
  -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(69, 89, 129, 0.4); }

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

.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; }
/* end fotogalerie 	
 /******************************************************************************/
/******************************************************************************/
/** RASTER Textbox // Text & Bild Combo   **/
/******************************************************************************/
/**************************************************************/
/**  TEXTBOX											  	**/
/************************************************************/
/* Grid Lösung */
.raster-textbox div[class*="col-sm"] .csc-default {
  height: 100%;
  background-color: #fff;
  padding: 8px;
  border-radius: 0.3rem !important; }
/* Standalone Lösung */
.raster-textbox.standalone {
  background-color: #fff;
  padding: 8px;
  border-radius: 0.3rem !important;
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }

.raster-textbox h1, .raster-textbox h2, .raster-textbox h3, .raster-textbox.standalone h1, .raster-textbox.standalone h2, .raster-textbox.standalone h3 {
  font-size: 20px !important;
  font-weight: 500 !important;
  color: #333 !important;
  border-bottom: 1px solid #999; }

.raster-textbox p, .raster-textbox.standalone p {
  color: #333 !important; }

@media screen and (max-width: 767px) {
  .raster-textbox.standalone {
    position: relative !important;
    top: 0;
    transform: none !important; } }
/**************************************************************/
/** TEXT & BILD COMBO									  	**/
/************************************************************/
.ttext > .csc-default {
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }

@media screen and (max-width: 767px) {
  .ttext > .csc-default {
    position: relative !important;
    top: 0;
    transform: none !important; } }
/* end textbox 	
 /******************************************************************************/
/*******************************************************************************/
/* GLOBAL CLASSES */
/*******************************************************************************/
.gridcontainer:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

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

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

#gridrow div[class*="col-md"] {
  float: left; }
/*******************************************************************************/
/* 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; }

  .modul:not(.carousel) img, .bildbox img {
    /*width:100% !important;*/
    max-width: 100% !important;
    height: auto; }

  .carousel img {
    /*	width:auto; !important; */
    max-width: initial !important;
    height: initial !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-md"] {
    margin-bottom: 15px; } }
/*******************************************************************************/
/* ANTIQUE BROWSER FIX */
/*******************************************************************************/
/* IE 9 + IE 10 + 11 */
@media screen and (min-width:0\0) {
  .modul img {
    max-width: none;
    /* width: 100% !important; */
    -ms-transition: none !important;
    transition: none !important;
    -ms-transform: none !important;
    transform: none !important; }

  .mdoul .csc-textpic-imagewrap:hover:hover img {
    -ms-transition: none !important;
    transition: none !important;
    -ms-transform: none !important;
    transform: none !important; } }