.news {
  margin-bottom: 2.4em;
}

.news-list-item {
  position: relative;
  display: block;
  margin-bottom: 30px;
  min-height: 10em;
  overflow: hidden;
  background: #002d66;
}

.news-list-item img{
  width: 100%;
  height: auto;
}

.news-list-item-header,
.def-area .news-list-item-header {
  font-weight: normal;
  line-height: 1.2;
  color: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 100px 15px 10px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.3) 50%, #000000 100%);
  margin: 0;
}

.news-backlink {
  display: block;
  margin-bottom: 1.6em;
}

.news-datesingle {
  color: #646464;
  border-bottom: 2px solid #0074aa;
  margin-bottom: 2.4em;
}

.news-list-box .shuffle-item img {
  height:auto;
}

@media (min-width: 992px) {
  .news-backlink {
    position: absolute;
    left: 0;
    top: -2em;
    margin-left: 5vw;
  }
  .news-list-box {
    margin-left: -10%;
    margin-right: -10%;
  }
}

@media (min-width: 1100px) {
  .news-list-box {
    margin-left: -15%;
    margin-right: -15%;
  }
  .news-datesingle {
    margin: 0 -20% 3.2em;
  }
}

@media (min-width: 1280px) {
  .news-list-box {
    margin-left: -20%;
    margin-right: -20%;
  }
}

@media (min-height: 600px) {
  .news-filter {
    margin-bottom: 4.8em;
  }
  .news-detail-headline {
    margin-bottom: 4rem;
  }
}