/* NEWS */
.top-headline {
  width: 100%;
  background-color: #fff;
  /* 2 5 */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  /* 2 5 */
  color: #474d51;
  margin-bottom: 40px;
}

a:active .top-headline, a:hover .top-headline {
  background: #4b3144;
  color: #fff;
  transition: all 0.1s linear 0s;
}

.top-headline-image, .top-headline-intro {
  width: 100%;
  float: left;
}

.top-headline-intro-container {
  position: relative;
  margin: 0 5%;
}

.news-article-type {
  color: #767676;
  position: absolute;
  bottom: 20px;
}

.news-list {
  overflow: hidden;
  list-style: none;
  margin: 0;
  padding: 0;
}

.news__item {
  width: 100%;
  /* 1 item per row */
  float: left;
  position: relative;
}

html.no-js .news__item {
  width: 100%;
  float: none;
}

.news__item a, .news__item a:visited {
  text-decoration: none;
}

.news__item a:hover .news__item__inner, .news__item a:active .news__item__inner {
  background: #c2c2c2;
  color: #fff;
  transition: all 0.1s linear 0s;
}

.news__item figure {
  margin: 2.5%;
  padding: 0 0 2px 0;
  text-align: center;
}

.news__item figure .news-article-type {
  position: absolute;
  bottom: 20px;
  margin-left: 5%;
  font-size: 75%;
}

.news__item figcaption {
  color: #333;
  background: none;
  text-align: left;
}

.news__item figcaption strong {
  font-size: 120%;
  font-weight: bold;
}

.news__item__inner {
  color: #474d51;
  background-color: #fff;
  text-align: center;
  /* 2 5 */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  /* 2 5 */
}

.news__item a:hover .news__item__inner figcaption, .news__item a:active .news__item__inner figcaption, .news__item a:hover .news-article-type, .news__item a:active .news-article-type {
  color: #fff;
}

html.no-js .news__item__inner {
  overflow: hidden;
  text-align: center;
  display: flex;
}

.news__item__inner img {
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
}

html.no-js .news__item__inner img {
  max-width: 100%;
  /* 150 */
  float: right;
  margin-left: 20px;
  /* 20 */
}

.news__item__inner figcaption,
.news__item__inner p {
  padding: 20px;
  /* 20 */
}

.brand-list {
  text-align: left;
}

.brand-list ul {
  padding: 0 20px 10px 20px;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  justify-content: center;
}

.brand-list ul li {
  list-style: none;
  padding: 0;
  margin: 0;
  align-self: center;
  justify-content: center;
}

.brand-list ul li img {
  aspect-ratio: 16/9;
  -o-object-fit: contain;
     object-fit: contain;
}

/* END: NEWS */
/* TABLET NEWS */
@media only screen and (min-width: 800px) {
  #news-article {
    max-width: 90vw;
    margin: auto;
  }
  #news-article > p {
    margin-left: 5vw;
    margin-right: 5vw;
  }
  .top-headline-image, .top-headline-intro {
    width: 100%;
  }
  .top-headline-intro-container {
    position: relative;
    margin: 0 5%;
  }
  .news__item {
    width: 33.333%; /* 3 items per row */
    width: 50%; /* 2 items per row */
  }
  /* END: TABLET NEWS */
}
@media only screen and (min-width: 1368px) {
  /* DESKTOP NEWS */
  #news-article {
    max-width: 66vw;
    margin: auto;
  }
  #news-article > p {
    margin-left: 5vw;
    margin-right: 5vw;
  }
  .top-headline-image, .top-headline-intro {
    width: 50%;
    float: left;
  }
  a:hover .news-article-type, a:active .news-article-type {
    color: #fff;
    transition: all 0.1s linear 0s;
  }
  .news-article-type {
    color: #767676;
    position: absolute;
    bottom: 20px;
  }
  .news__item {
    width: 33.3333%;
  }
  /* END: DESKTOP NEWS */
}/*# sourceMappingURL=news.css.map */