.news-list-view { overflow: hidden; padding: 0 20px 30px; margin-bottom: 30px;
   border-bottom: 1px dotted #1a1a18; }
  .news-list-view .article { float: left; margin: 0 0 0 5%; padding: 0; width: 30%; }
  .news-list-view .article:first-child { margin: 0; }

    .news-list-view .article .article-meta { margin-bottom: 6px; width: 100%;
    font-size: 12px; overflow: hidden; text-transform: uppercase; line-height: 10px; }

      .news-list-view .article .article-meta .news-list-date, .news-list-view .article .article-meta .news-list-category { float: left; } 
      .news-list-view .article .article-meta .news-list-category { margin-left: 6px; padding-left: 6px; border-left: 1px solid #919292; }       
    
    .news-list-view .article .article-content { width: 100%; border-right: 1px solid #919292; }
    .news-list-view .article:last-child .article-content { border: none; }
    .news-list-view .article h3 { width: 85%; font-size: 16px; font-weight: 700; 
    margin-bottom: 6px; padding-bottom: 10px; padding-left: 0; }
    .news-list-view .article h3:hover { color: #e30018; }
    .news-list-view .article .news-list-content .teaser-text { width: 85%; }

.article-content .more span { text-decoration: underline; }    
.article-content .more:before { content: "h"; font-family: "rema-tiptop-otr" !important;
  font-size: 11px; padding-right: 4px; color: #e30018;
  font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important;
  speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}    
.article-content .more:hover span { color: #e30018; text-decoration: none; }

.news-single { padding: 0 20px; }
.news-single p { width: 63%; }
.news-detail-header h3 { margin-top: 10px; padding: 0 0 20px; font-size: 18px; font-weight: 700; text-transform: uppercase; }
.news-single .news-list-date { font-size: 12px; text-transform: uppercase; }
.news-single .news-list-category { margin-left: 6px; padding-left: 6px; border-left: 1px solid #919292; font-size: 12px; text-transform: uppercase; }


@media screen and (max-width: 980px) {
  .news-single { padding: 0 2%; }
  .news-list-view { padding: 0 2% 30px; }
}

@media screen and (max-width: 600px) {
  .news-list-view { padding: 0 3% 15px; border: none; }
  .news-list-view .article, .news-list-view .article:first-child { 
    width: 100%; float: none; margin: 0 0 10px; padding-bottom: 10px; border-bottom: 1px solid #919292; 
  }
  .news-list-view .article .article-content { border: none; }
}