/* Listenansicht auf Aktuelles-Übersichtsseite */

.news-list-view .news-list-author::before {
  content: ' | ';
}
.news-list-view .news-list-topinfo {
  font-size: 14px;
  color: #888;
  margin-bottom: 10px;
}

#news-row {
  padding-right: 0;
  padding-left: 0;
  position: absolute;
  top: 6px;
  z-index: 10;
  color: white;
  display: none;
}

#pid-621 .article .footer > p {
  margin-top: 0;
}
#pid-621 .news-img-wrap {
  /* display: none; */   /* hjl: 22.04.20 */
  /* hjl: 22.04.20 vv */
  /* float: right; */ /* ejk */
  margin: 0;
  /* margin-left: 10px; */ /* ejk */
  margin-right: 20px;
  width: 330px;
  margin-bottom: 15px;
}
#pid-621 .news-img-wrap a {
  /* float: right; */
  border: none;
  padding: 0;
  margin: 0;
}
@media (max-width: 576px) {
#pid-621 .news-img-wrap a {
  width: 100%;
}
}
#pid-621 .news-img-wrap img {
  float: none;
  height: auto;
  width: 100%;
}
@media (max-width: 992px) {
  #pid-621 .news-img-wrap {
    /* float: none; */
    display: block;
    margin: 0;
    width: 100%;
    margin-bottom: 1rem;
  }
}
#news-row::after {
  content: '';
  bottom: -10px;
  width: calc(100% - 20px);
  height: 15px;
  /*background-color: #009fee;*/
  /*background-image: linear-gradient(rgba(0, 159, 238, 0), rgb(0, 159, 238));*/
  position: absolute;
}
#news-row::before {
  content: '';
  top: 10px;
  width: calc(100% - 20px);
  height: 15px;
  /*background-color: #009fee;*/
  background-image: linear-gradient(rgb(0, 159, 238), rgba(0, 159, 238, 0));
  position: absolute;
}
#news-row > .ce {
  margin: 10px 0 0 0;
  padding-top: 8px;
  padding-bottom: 21px;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 100%;
  background-color: #009de0;
  color: white;
}

#left-side-blue {
  font-size: 21px;
}

#left-side-blue .news-overview {
  padding-left: 10px;
}

#left-side-blue .news-overview > div:last-of-type {
  border: none;
}

.news-overview .article {
  margin: 12px 15px 5px 15px;
  padding-bottom: 5px;
  border-bottom: 1px solid #007ab9;
}
.news-overview .article a {
  color: white !important;
}
.news-overview .article h3 {
  margin-top: 10px;
}
.news-overview .article .teaser-text {
  margin: 0 0 3px 0;
}
.news-overview .article .teaser-text [itemprop='description'] {
  margin: 3px 0px;
  font-size: 15px;
}
.news-overview .article .teaser-text p {
  margin: 0px;
  line-height: 1.25;
}
.news-overview .article .more {
  font-weight: bold;
  font-size: 15px;
}
  /* -- Pagination -- */
.news-list-view ul.f3-widget-paginator {
  padding: 0;
  list-style: none;
}
.news-list-view ul.f3-widget-paginator > li {
  display: inline-block;
}
.news-list-view ul.f3-widget-paginator > li > a {
  padding: 0px 5px; 
}
.news-list-view ul.f3-widget-paginator > li:first-child > a {
  padding: 0px 0px 5px 0px; 
}
.news-list-view ul.f3-widget-paginator:last-child {
  position: relative;
  margin-bottom: -20px;
  z-index: 1;
  background: white;
  padding-bottom: 20px; 
}

/* Einzelansicht */

.news-singleview .article .news-img-wrap {
  float: left;
  max-width: 35%;
  width: auto;
  height: auto;
  margin: 0 25px 15px 0;
}
.news-singleview .teaser-text {
  font-weight: bold;
}
.news-singleview .article .news-img-wrap a {
  position: relative;
  border: none;
  padding: 0px;
}
.news-singleview .news-img-wrap .enlarge-icon {
  position: absolute;
  z-index: 1;
  top: 0px;
  right: 0px;
  width: 25px;
  height: 25px;
  background: #666;
}
.news-singleview .news-img-wrap .enlarge-icon > span {
  font-size: 26px;
  color: white;
  line-height: 1;
  position: relative;
  top: -2px;
  left: 4px;
}
.news-singleview .news-img-wrap.news-img-tower {
  max-width: 20%;
}
.news-singleview .news-img-wrap.news-img-wide {
  width: 100%;
  max-width: 100%;
  margin-right: 0px;
}
.news-singleview .news-img-wrap .mediaelement > a, 
.news-singleview .news-img-wrap .mediaelement > a > img {
  width: 100%;
  max-width: 100%;
}
.news-singleview .news-text-wrap > p {
  margin-top: 0px;
}
.news-singleview .news-related-wrap .news-related {
  padding: 0px;
  border: none;
}
.news-singleview .news-related-wrap .news-related ul {
  padding-left: 0px;
  list-style: none;
}
.news-singleview .news-related-files-link {
}
.news-singleview .news-related-files-link > a[href*=".pdf"] {
  padding: 20px 0px 20px 90px;
  background-image: url(/fileadmin/public/assets/images/news/pdf-icon.png);
  background-position: left center;
  background-repeat: no-repeat;
  font-weight: bold;
  display: block;
}

@media (max-width: 991px) {

#news-row {
  position: relative;
}
.news-singleview .article .news-img-wrap:not(.news-img-wide) {
  max-width: 45%;
}
.news-singleview .article .news-img-wrap.news-img-tower {
  max-width: 30%;
}

}

@media (max-width: 767px) {

#left-side-blue {
  max-width: 100%;
}
#news-row {
  position: relative;
  z-index: 11;  /* hjl: << PLEASE DO NOT REMOVE this setting!! It triggers the news carousel for the smallest viewports! */
  padding-right: 0;
  padding-left: 0 !important;
}
#news-row > .ce {
  padding-bottom: 0px;
}

  /* News Mobile Slider (OwlCarousel) */

.news-owl-carousel {
  padding-bottom: 50px;
}
.news-owl-carousel.news-overview .article {
  border-bottom: none;
}
.news-owl-carousel .article .header {
  padding-bottom: 12px;
  border-bottom: 2px solid #007ab9;
  margin-bottom: 15px;
}
.news-owl-carousel .owl-dots {
  position: absolute;
  bottom: 5px;
  text-align: left;
  margin-left: 10px;
}
.news-owl-carousel .owl-dot > span {
  padding: 8px;
}
.news-owl-carousel.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  margin: 5px 3px;
  background: transparent;
  border: 2px solid #007ab9;
}
.news-owl-carousel.owl-theme .owl-dots .owl-dot.active span {
  border-color: white;
  background: white;
}


}

@media (max-width: 575px) {

.news-singleview .article .news-img-wrap {
  max-width: 100%;
  width: 100%;
  margin-left: 0px;
}
.news-singleview .article .news-img-wrap.news-img-tower {
  max-width: 45%;
}

}

@media (max-width: 420px) {

.news-singleview .article .news-img-wrap.news-img-tower {
  max-width: 100%;
  width: 100%;
  margin-right: 0px;
  margin-left: 0px;
}

}

@media (min-width: 768px) and (max-width: 991px) {
  #news-row::before {
    top: 0;
  }
  #news-row::after {
    bottom: 0;
    width: calc(66% - 29px);
  }
}

@media (max-width: 767px) {
  #news-row::before, #news-row::after {
    display: none;
  }
}

.news .article h3 {
  font-size: 19px;
  margin-top: 0;
}
.news .article .header > [itemprop="headline"] {
  font-size: 19px;
  text-transform: uppercase;
  margin: 0 0px 10px;
}

.news .news-text-wrap {
  font-size: 15px;
}

.news .article {
  line-height: 1.4;
}