.news {
  /* Single  **************************************************/
  /* List *****************************************************/
  /* 2 / 3 / 4 Items statisch  */
}
.news .btn-secondary a {
  color: #fff !important;
}
.news .teasertext p {
  margin-bottom: 0;
}
.news .article a p {
  font-weight: normal;
}
.news .article {
  position: relative;
}
.news .article .moreNews {
  height: 0px;
  float: left;
  color: transparent;
}
.news .article .moreNews:after {
  transition: all ease 0.25s;
  position: absolute;
  bottom: 0;
  right: 0;
  content: '+';
  text-align: center;
  width: 24px;
  height: 24px;
  color: #fff;
  background: #aaa;
}
.news .article:hover .moreNews:after {
  background: #666;
}
.news.news-detail .news-img-wrap {
  line-height: 0;
  -webkit-column-count: 1;
  column-count: 1;
  -moz-column-count: 1;
}
.news.news-detail .news-img-wrap .outer .mediaelement {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.news.news-detail .news-img-wrap .outer .mediaelement img {
  width: 100% !important;
  height: auto !important;
  object-fit: cover;
  object-position: 50% 50%;
  transition: 0.5s ease-in-out;
}
.news.news-detail .topimage {
  overflow: hidden;
  min-height: 1rem;
}
.news.news-detail .topimage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 0;
}
.news.bigimage .article {
  transition: all ease 0.3s;
  position: relative;
  margin-bottom: 0.75rem;
}
.news.bigimage .image {
  overflow: hidden;
}
.news.bigimage .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 0;
}
.news.bigimage .teasertext {
  padding: 0.75rem;
}
.news.bigimage .imageOrg {
  min-height: 10rem;
}
.news.smallimage .article {
  transition: all ease 0.3s;
  position: relative;
  margin-bottom: 0.75rem;
}
.news.smallimage .image {
  overflow: hidden;
  min-height: 1rem;
}
.news.smallimage .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 0;
}
.news.smallimage .teasertext {
  padding: 0.75rem;
}
.news.calendar .article {
  transition: all ease 0.3s;
  position: relative;
  margin-bottom: 0.75rem;
  border-bottom: 1px solid #dadada;
}
.news.calendar .teasertext {
  padding: 1rem;
  overflow: hidden;
}
.news.calendar .caldate {
  transition: all ease 0.3s;
  text-align: center;
  border-right: 1px solid #ccc;
  text-transform: uppercase;
}
.news.calendar .caldate a {
  color: #454545;
  line-height: 1.5rem;
}
.news.calendar .caldate:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.news.calendar .caldate span {
  display: block;
  width: 100%;
}
.news.calendar .dayNumber {
  font-size: 150%;
  font-weight: bold;
}
.news.teaser .article {
  transition: all ease 0.3s;
  position: relative;
  margin-bottom: 0.75rem;
  border-bottom: 1px solid #dadada;
}
.news.teaser .teasertext {
  padding: 0.75rem;
}
.news.twoItemsStat, .news.threeItemsStat, .news.fourItemsStat {
  margin: 0 -0.75rem;
}
.news.twoItemsStat > div > div, .news.threeItemsStat > div > div, .news.fourItemsStat > div > div {
  padding: 0 0.75rem;
  padding-bottom: 0.75rem;
}
.news.twoItemsStat > div, .news.threeItemsStat > div, .news.fourItemsStat > div {
  order: 1;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  max-width: 100%;
  align-items: stretch;
}
.news.twoItemStat > div .article, .news.threeItemsStat > div .article, .news.fourItemsStat > div .article {
  flex-grow: 2;
  width: 100%;
  transition: all ease 0.3s;
}
.news.twoItemsStat .article picture {
  max-height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.news.twoItemsStat .article .image img {
  min-height: 200px;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.news.threeItemsStat .article picture {
  max-height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.news.threeItemsStat .article .image img {
  min-height: 200px;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.news.fourItemsStat .article picture {
  max-height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.news.fourItemsStat .article .image img {
  min-height: 200px;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.news.bigimage.twoItemsStat .article picture {
  max-height: 200px;
  display: flex;
  justify-content: center;
  align-items: start;
  overflow: hidden;
}
.news.bigimage.threeItemsStat .article picture {
  max-height: 200px;
  display: flex;
  justify-content: center;
  align-items: start;
  overflow: hidden;
}
.news.bigimage.FourItemsStat .article picture {
  max-height: 200px;
  display: flex;
  justify-content: center;
  align-items: start;
  overflow: hidden;
}
.news .threeItems .newsimage {
  overflow: hidden;
  max-height: 12.5rem;
}
.news .fourItems .newsimage {
  overflow: hidden;
  max-height: 10rem;
}
.news .threeItems .newsimage image img, .news .fourItems .newsimage image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 0;
}
.news .carousel-inner .carousel-item.active, .news .carousel-inner .carousel-item-next, .news .carousel-inner .carousel-item-prev {
  display: flex;
}
@media (min-width: 768px) {
  .news {
    /* Items static  */
  }
  .news.twoItemsStat > div > div, .news.threeItemsStat > div > div, .news.fourItemsStat > div > div {
    overflow: hidden;
  }
  .news.twoItemsStat > div .article:hover, .news.threeItemsStat > div .article:hover, .news.fourItemsStat > div .article:hover, .news.calendar .article:hover, .news.teaser .article:hover, .news.smallimage .article:hover, .news.bigimage .article:hover {
    box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.2);
  }
  .news.news-detail .news-img-wrap {
    line-height: 0;
    -webkit-column-count: 2;
    column-count: 2;
    -moz-column-count: 2;
    -webkit-column-gap: 0.75rem;
    -moz-column-gap: 0.75rem;
    column-gap: 0.75rem;
  }
  .news.news-detail .news-img-wrap .mediaelement-image:hover img {
    transform: scale(1.1);
  }
  .threeItems .carousel-inner .carousel-item-end.active, .threeItems .carousel-inner .carousel-item-next {
    transform: translateX(33.33%);
  }
  .fourItems .carousel-inner .carousel-item-end.active, .fourItems .carousel-inner .carousel-item-next {
    transform: translateX(25%);
  }
  .threeItems .carousel-inner .carousel-item-start.active, .threeItems .carousel-inner .carousel-item-prev {
    transform: translateX(-33.33%);
  }
  .fourItems .carousel-inner .carousel-item-start.active, .fourItems .carousel-inner .carousel-item-prev {
    transform: translateX(-25%);
  }
}
.fourItems .carousel-inner .carousel-item-end, .fourItems .carousel-inner .carousel-item-start {
  transform: translateX(0);
}
.threeItems .carousel-inner .carousel-item-end, .threeItems .carousel-inner .carousel-item-start {
  transform: translateX(0);
}
/*  *********************************************************************************************************************/
main .frame-white .article {
  background: #fff;
}
main .frame-line .article {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.33) !important;
}
main .frame-colored .news.calendar .article {
  background: #fff;
}
main .frame-colored .news.calendar .caldate {
  background-color: rgba(229, 229, 229, 0.75);
}