/* @override http://www.beerarchitekt.bw-testserver.de/fileadmin/templates/ext-team/Css/news-basic.css?1444724210 */



/**************************************/



/* Default styles for news extension */



/**************************************/



.news .clear {



  clear: both;



}







.news .nav ul {



  float: left;



  display: inline;



  margin: 0;



}







.news .nav li {



  float: left;



}







.news .nav a {



  float: left;



  display: block;



}







.news .nav:after {



  content: ".";



  display: block;



  height: 0;



  clear: both;



  visibility: hidden;



}







.news .article {



  width: 20%;



  background-color: yellow;



  float: left;



  margin: 0 3.6% 3.6% 0;



  padding: 0;
  position: relative;
}







div.news {



  width: 110%;



}







.news .article:last-child {



  padding-bottom: 0px;



  margin-bottom: 0;



}







.news .article:after {



  content: ".";



  display: block;



  height: 0;



  clear: both;



  visibility: hidden;



}







.news .article .news-img-wrap {



  float: left;



  margin: 0;



  background: #fff;
  
  top: 0;
}




#c117 .news .article .news-img-wrap a {
   
  
       
  
       -webkit-transition: all 0.5s ease-out;
  
            -moz-transition: all 0.5s ease-out;
  
              -o-transition: all 0.5s ease-out;
  
             -ms-transition: all 0.5s ease-out;
  
                 transition: all 0.5s ease-out;
}


.news .article .news-img-wrap a {



  display: block;



  float: left;







  background: #fff;

 /* -webkit-filter: saturate(0.5);

     filter: saturate(1);*/

     

     -webkit-transition: all 0.5s ease-out;

          -moz-transition: all 0.5s ease-out;

            -o-transition: all 0.5s ease-out;

           -ms-transition: all 0.5s ease-out;

               transition: all 0.5s ease-out;

               



}



.news .article .news-img-wrap a:hover {



}





.news .article .news-img-wrap img {



  float: left;



  height: auto;



  width: 100%;

  





}

div.news div.news-list-view div.article.articletype-1 div.header h3 a {
  position: relative;
  top: 0;
  color: rgba(255, 255, 255, 0);
  -webkit-transition: all 0.5s ease-out;
       -moz-transition: all 0.5s ease-out;
         -o-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
}

#c18 div.news div.news-list-view div.article.articletype-1 div.header {
  position: relative;
  top: 0;
  z-index: 3;
  overflow: visible;
  display: block;
  width: 100%;
  height: 100%;
}

div.news div.news-list-view div.article.articletype-1 div.header h3 a:hover  {
  
  top: 0;
  color: white;
}

.news .article .news-img-wrap img {

  float: left;

  height: auto;

  width: 100%;

  

/* filter: saturate(0.5);
      -webkit-filter: saturate(0.5);
      -moz-filter: saturate(0.5);;
      -o-filter: saturate(0.5);
      -ms-filter: saturate(0.5);

filter: saturate(100%);
     -webkit-filter: saturate(100%);
     -moz-filter: saturate(100%);;
     -o-filter: saturate(100%);
     -ms-filter: saturate(100%);*/
}



.news .article .teaser-text {



  margin: 0 0 10px 0;



}







.news .article h3 {



  margin-bottom: 0;
  display: none;
}







.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;



}







.news .page-navigation p {



  float: left;



}







.news .page-navigation ul {



  float: right;



}







.news .page-navigation ul li {



  float: left;



  display: block;



  padding: 0 2px;



  background: none;



}







.news .page-navigation ul li a {



  display: block;



}







/* category menu view */



.news-category-view ul li {



  padding: 5px 8px;



}







.news-category-view ul li li {



  padding: 2px 8px 2px 12px;



}







.news-category-view > ul > li:nth-child(even) {



  background: #f9f9f9;



  border-top: 1px solid #eee;



  border-bottom: 1px solid #eee;



}







.news-category-view .category-desc {



  padding-left: 10px;



  margin-left: 10px;



  border-left: 1px solid #ddd;



}







/* 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-img-wrap {



  float: right;



  width: 282px;



  margin: 0 0 0 25px;



}







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



  float: none;



}







.news-single .teaser-text {



  font-size: 15px;



  color: #888;



}







.news-text-wrap {



  margin-bottom: 10px;



}







.news-img-caption {



  color: #888;



}







/* related news + files */



.news-related-wrap {



  display: table;



  margin-top: 20px;



  width: 100%;



}







.news-related {



  width: 50%;



  padding: 15px;



  border: 1px solid #eee;



  display: table-cell;



}







.news-related ul li {



  line-height: 1em;



  margin-bottom: 12px;



}







.news-related ul li span {



  border-right: 1px solid #DDDDDD;



  display: inline-block;



  margin-right: 8px;



  padding-right: 8px;



  color: #888;



}







.news-related ul li span:last-child {



  border-right: 0;



  padding-right: 0;



}







.news-related h4 {



  margin-bottom: 10px;



}







.news-related-files ul li {



  margin-bottom: 20px;



}







.news-related-files .news-related-files-link .jpg {



  background-position: 0 0;



}







.news-clear {



  clear: both;



}



@media only screen and (max-width: 540px) {

div.news {



  width: calc(100% + 20px);



}


.news .article {



  width: calc(50% - 20px);



  background-color: yellow;



  float: left;



  margin: 0 20px 20px 0;



  padding: 0;
  position: relative;
}


}
div.no-news-found {
  display: none;
}