/**************************************/
/* Default styles for news extension */
/**************************************/
.news .clear {
  clear: both;
}

.news .more {
  margin-top:20px;
}

.news .article {
  padding-bottom: 15px;
  margin-bottom: 15px;
  position:relative;
}

.news .article .news-img-wrap {
  margin:0;
}

.news .article .news-img-wrap a {
  display: block;
  padding: 0px;
}

.news .article .news-img-wrap img {
  height: auto;
  width: 100%;
  margin-bottom:20px;
}

.news .article .teaser-text {
  margin: 0 0 10px 0;
}

.news .article h2 {
  font-size:1.2em;
}

.news .footer {
  clear: both;
  padding: 10px 0 0 0;
  border-top: 1px solid #eee;
  margin-top: 15px;
  color: #888;
}

.news .footer p {
  line-height: 1em;
}

.news .footer span {
  display: inline-block;
  padding-right: 8px;
  margin-right: 8px;
  border-right: 1px solid #ddd;
}

.news .footer span:last-child {
  border-right: 0;
}

.news .footer .news-category a {
  text-transform: uppercase;
}

.news .no-news-found {
  color: #DB0202;
  font-style: italic;
}





/* list view */
.news-list-view { display: flex; justify-content: space-between; flex-wrap: wrap; }

.news-list-view .article .news-img-wrap img {
  margin-bottom:0px;
}

.news-list-view .article {
  width: 32%;
  box-sizing: border-box;
  border: 1px solid #000;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: inherit;
  margin-bottom: 30px;
}

.news-list-view .article .teaser-text { font-size: 0.8em;}
.news-list-view .article .teaser-text p { padding:10px 0; }




/* single view */
.news-single .footer {
  margin-bottom: 20px;
  margin-top: 5px;
  padding: 10px 0 0 0;
  border-bottom: 0;
  border-top: 1px solid #eee;
}

.news-single .article .news-content {
  display:flex; flex-direction: row-reverse;
}

.news-single .article .news-img-wrap {
  margin-left:2%; width: 32%;
}

.news-single .article .news-img-wrap img {
}

.news-single .teaser-text {
  font-weight:bold;
}

.news-single .article .news-text-wrap {
  margin-bottom: 10px; width: 66%;
}

.news-img-caption {
  color: #888;
}




.news-clear {
  clear: both;
}



  /* Kann maximal 880px darstellen. */
  @media only screen and (max-width : 880px) {
  
    .news-list-view .article { width: 49%; }
    #news .news-list-view .article:last-child { display:none; }

  
  }


  /* Kann maximal 630px darstellen. */
  @media only screen and (max-width : 630px) {

    .news-single .article .news-content { display:block; }
    .news-single .article .news-img-wrap { margin-left:0; width: 100%; }  
    .news-single .article .news-text-wrap { width: 100%; }

  
  }

    
  /* Kann maximal 568px darstellen. */
  @media only screen and (max-width : 568px) {
   
    .news-list-view .article { width: 100%; }
    #news .news-list-view .article:nth-child(2) { display:none; }
  
  }