/* centered intro block */
.intro .csc-textpic-text {
  text-align: center;
  padding: 3em 20px 1.5em;
  }
  .intro .csc-textpic-text p,
  .intro .csc-textpic-text ul,
  .intro .csc-textpic-text ol {
    max-width: none;
    }

/* content 2 columns (in wide view) */
.contentblock,
.contentcontainer {
  background: -webkit-linear-gradient(top, #fff 30%, #f2f2f2 100%); 
  background: linear-gradient(to top, #fff 30%, #f2f2f2 100% );
  background-repeat: repeat-x;
  }  
  .contentblock > div > div:first-child,
  .contentcontainer > div {
    background: #fff;
    padding: 20px;
    }

.gallery {
  /* max-width: 40em; */
  margin-bottom: 2.5em;
}

.gallery .csc-textpic-imagewrap {
  display: flex;
  overflow: auto;
}

.gallery .csc-textpic-imagerow {
  flex: 0 0 240px;
  /* float: left;
  width: 25%; */
  }
.gallery .csc-textpic-imagerow .csc-textpic-imagecolumn {
  float: none;
  margin-right: 11px;
  }


.logo-gallery .csc-textpic-imagerow {
  float: left;
  }
  .logo-gallery .csc-textpic-imagerow img {
    width: 100%;
    }


/* startpage and side teaser */
.teaser {
  position: relative;
  }
  .teaser-1 .csc-textpic,
  .teaser-2 .csc-textpic {
    margin-bottom: 10px;
    }
  .teaser .csc-textpic-text {
    z-index: 2;
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.2);
    }
  .teaser-white .csc-textpic-text {
    background: none;
    }
  .teaser-1 .csc-textpic-text {
    background: rgba(104, 2, 21, 0.6);
    }
  .teaser-2 .csc-textpic-text {
    background: rgba(4, 5, 41, .6);
    }

    .teaser .csc-textpic-text h2,
    .teaser .csc-textpic-text h3 {
      text-align: center;
      position: absolute;
      width: 100%;
      top: 50%;
      padding: 5px;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      overflow: hidden;
      }
      .teaser .csc-textpic-text a {
        display: block;
        color: #fff;
        -webkit-transform: translateZ(0);        
        }
      .teaser .csc-textpic-text a:hover,
      .teaser .csc-textpic-text a:focus {
        -webkit-transform: scale(1.05) translateZ(0);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        }
    .teaser .csc-textpic-text h2:before,
    .teaser .csc-textpic-text h2:after,
    .teaser .csc-textpic-text h3:before,
    .teaser .csc-textpic-text h3:after {
      display: block;
      content: ' ';
      width: 4em;
      height: .3em;
      margin: 0 auto;
      }
    .teaser .csc-textpic-text h2:before,
    .teaser .csc-textpic-text h3:before {
      border-top: 1px solid #fff;
      }
    .teaser .csc-textpic-text h2:after,
    .teaser .csc-textpic-text h3:after {
      border-bottom: 1px solid #fff;
      }
    .teaser img {
      max-width: none;
      width: 100%;
      }


.infotable {
  width: 100%;
  margin-bottom: 2em;
}

.infotable tr {
  border-bottom: 1px solid lightgray;
}
.infotable td, .infotable th {
  padding: 10px 0;
  text-align: center;
  vertical-align: middle;
}

.infotable tbody th {
  font-weight: normal;
  text-align: left;
}
.infotable tbody th {
  display: block;
}









/* news */

.news-single-backlink a:after,
.news-nav > div > a:after,
.news-nav > a:before {
  content: ' ';
  line-height: 1;
  font-family: 'icons';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-left: 0.25em;
  text-align: center;
  }

.news-nav a,
  .news-single-backlink a {
    color: #000;
    }
    .news-nav > div > a:after {
      content: '\f0a9';
      }
    .news-nav > a:before {
      content: '\f0a8';
      }
  .news-single-backlink {
    text-transform: uppercase;
    margin-bottom: 1.4em;
    }
    .news-single-backlink a:after {
      content: '\f0aa';
      }
      

/*@media (max-width: 480px) {*/
/*  .gallery .csc-textpic-imagerow {*/
/*    float: none;*/
/*    width: auto;*/
/*  }*/

/*}*/

.ctabox {
  min-height: 10em;
  position: relative;
  margin: 3em 0;
}
.ctabox .csc-textpic-text {
  position: absolute;
    left: 0;
    right: 0;
    top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ctabox .csc-textpic-text p {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; 
}
.ctabox .csc-textpic-text a {
  font-size: 1.25em;
  line-height: 1;
  font-weight: bold;
  color: #fff;
  padding: 0.5em 1em;
  background: rgba(0, 0, 0, 0.4);
  border: 2px solid;
  border-radius: 1em;
  transition: 0.2s;
  margin: 0.25em 0.5em;
}
.ctabox .csc-textpic-text a:hover,
.ctabox .csc-textpic-text a:focus {
  transform: scale(1.1);
}

@media (min-width: 1200px) {
  .ctabox .csc-textpic-text {
    top: 35px;
  }
  .ctabox .csc-textpic-text a {
    font-size: 1.5em;
  }
}