/* @override 
  http://foerster.bw-testserver.de/fileadmin/templates/ext/news_news/Resources/Public/Css/news-basic.css?* */

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

.news .article {
  font: 16px/22px 'Titillium Web';
  font-style: normal;
  color: rgb(74, 74, 74);
  
  padding: 0 0 1px;
  background:
  linear-gradient(
    to right, 
    rgba(255,255,255,1) 0%,
    rgba(157,157,161,1) 50%,
    rgba(255,255,255,1) 100%
  )
  right 
  bottom
  no-repeat; 
  background-size:100% 1px ;
  
  opacity: .8;
  
  
  padding-bottom: 40px;
  margin-bottom: 36px;
  
  -webkit-transition: all 0.2s ease-in, all 0.2s ease-out; /* Safari / Chrome */
  -moz-transition: all 0.2s ease-in, all 0.2s ease-out; /* Firefox */
  -o-transition: all 0.2s ease-in, all 0.2s ease-out; /* Opera */
  transition: all 0.2s ease-in, all 0.2s ease-out; /* Standard */
}

.news .article:hover {
  opacity: 1;
}



.news-list-view div.article.articletype-0 a {
  font: 16px/22px 'Titillium Web';
  font-style: normal;
  color: rgb(74, 74, 74);
}








.news .article:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0px solid #333;
  
  padding: 0px;
  background-size:100% 0px ;
}

.news .article:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.news .article .news-img-wrap {
  float: left;
  background: #fff;
  margin: 0;
}

.news .article .news-img-wrap a {
  display: block;
  float: left;
  background: #fff;
}

.news .article .news-img-wrap img {
  width: 100%;
  height: auto;
  float: left;

}

.news .article .teaser-text {
  margin: 0;
  padding-right: 240px;
}


/* single view */

.news.news-single div.article {
  opacity: 1;
}
.news.news-single div.article:hover {
  opacity: 1;
}

.news-single .article .news-img-wrap {
  width: calc(50% - 20px);
  float: right;
  margin: 0 0 20px 20px;
}

.news-single .article .news-img-wrap img {
  float: none;
}

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

.article div.news-img-wrap div.outer p.news-img-caption {
  font: 11px/16px 'Titillium Web';
  float: left;
  padding: 5px 0 0;
}

.news span.news-list-date time {
  color: rgb(74, 74, 74);
  font-weight: 700;
  font-size: 14px;
}

.news .article h3,
.news .article.articletype-0 div.header h3 a span {
  color: rgb(0, 102, 100);
  font: 26px/32px 'Titillium Web';
  font-weight: 700;
  letter-spacing: 0.02em;
  margin: 5px 0px 15px;
}

.news .news-list-view div.article.articletype-0 div.header {
  padding-right: 240px;
  background: url(/fileadmin/templates/img/foku-news-arrow.png) right 0px no-repeat scroll transparent;
}

.news-text-wrap {
  margin: 0px 0px 20px;
}

.news .article.articletype-0 div.teaser-text div p {
  padding-bottom: 20px;
}


.news .news-backlink-wrap a,
.news-list-view div.article.articletype-0 a.more {
  color: rgb(0, 102, 100);
  text-decoration: none;
}

.news .news-backlink-wrap a:hover,
.news-list-view div.article.articletype-0 a.more:hover {
  color: rgb(74, 74, 74);
}



@media only screen and (max-width: 767px) {
.news .news-list-view div.article.articletype-0 div.header {
  padding-right: 70px;
  background: url(/fileadmin/templates/img/foku-news-arrow-s.png) right 0px no-repeat scroll transparent;
}
.news .article .teaser-text {
  padding-right: 0px;
}
.news-single .article .news-img-wrap {
  width: calc(100% - 0px);
  float: left;
  margin: 0;
}
}