.news.-latest {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.news.-latest .article {
  width: 100%;
  margin: 0 0 2em;
  overflow: hidden;
  border-radius: 10px;
  background: #353535;
}

.news.-latest .article__image img {
  display: block;
  width: 100%;
  height: auto;
}

.news.-latest .article__image,
.news.-latest .article__text {
  width: 100%;
}

.news.-latest .article__image {
  display: none;
}

.news.-latest .article__text {
  padding: 32px;
}

.news.-latest .headline {
  text-align: left;
}

.news.-latest .article__more {
  display: inline;
  margin: 0;
  font-weight: var(--f-weight-b);
}

.news.-latest .article__more::after {
  content: '\f105';
  font-family: 'FaSolid', sans-serif;
  margin-left: 0.25em;
}

@media (min-width: 801px) {
  .news.-latest .article {
    display: flex;
    align-items: center;
  }

  .news.-latest .article__image {
    display: block;
    width: 50%;
  }

  .news.-latest .article__text {
    width: 50%;
  }
}

@media (min-width: 1081px) {
  .news.-latest .article {
    display: block;
    width: 31.3%;
  }

  .news.-latest .article__image,
  .news.-latest .article__text {
    width: 100%;
  }
}

.news.-list {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.news.-list .article {
  width: 100%;
  margin-bottom: 3em;
  overflow: hidden;
}

.news.-list .article__image {
  float: left;
  max-width: 30%;
  margin: 0 1.5em 0.5em 0;
}

.news.-list .article__image img {
  display: block;
  border: 1px solid #d7d7d7;
  border-radius: 5px;
}

.news.-list .article__text {
  margin-top: 5px;
}

.news.-list .headline {
  text-align: left;
  margin-bottom: 0;
}

.news.-list .article__more,
.news.-latest .article__more {
  display: inline;
  margin: 0;
  font-weight: var(--f-weight-b);
}

.news.-list .article__more::after {
  content: '\f105';
  font-family: 'FaSolid', sans-serif;
  margin-left: 0.25em;
}

.news.-list .f3-widget-paginator,
.news.-list .pagination {
  width: 100%;
}

@media (min-width: 901px) {
  .news.-list .article {
    width: 48%;
  }
}

.article__more {
  display: block;
  margin-top: 1rem;
}

.article__footer {
  padding-top: var(--g-gap-s);
  border-top: 1px solid rgb(var(--c-neutral-lighter));
}

.media__item {
  margin-bottom: var(--g-gap);
}

.media__item:last-child {
  margin-bottom: 0;
}

.media__image {
  position: relative;
  overflow: hidden;
}

.article__backlink .font__button::before {
  content: '\f104';
  font-family: "FaRegular", sans-serif;
  font-size: var(--f-size-s-2);
  margin-right: 0.4rem;
}


/* Detail */
.news.-single .article {
  display: block;
  max-width: 1140px;
}

.news.-single .article__headline {
  text-align: left;
  margin: 0;
}

.article__line {
  margin: 5px 0 20px;
  padding-top: 10px;
  border-top: 1px solid rgb(var(--c-neutral-light));
}

.news.-single .article__media {
  margin-bottom: 1em;
}

.news.-single .media__item {
  margin-bottom: 1em;
}

.news.-single .media__image img {
  display: block;
  width: 100%;
  height: auto;
}

.news.-single .media__caption {
  display: block;
  margin-top: 5px;
  font-size: 87%;
  font-style: italic;
  color: #888;
}

.news.-single .article__teaser {
  margin-bottom: 10px;
  font-weight: var(--f-weight-b);
}

.news.-single .article__backlink {
  clear: both;
  margin-top: 2em;
  padding-top: 1em;
  border-top: 1px solid rgb(var(--c-neutral-light));
}

@media (min-width: 421px) {
  .news.-single .article__media {
    float: right;
    width: 30%;
    margin: 0 0 0 25px;
  }
}

/* =============================================================================
   Media Queries
   ========================================================================== */

@media (min-width: 400px) {
  [data-ce-columns="6"] .gallery__item {
    grid-column: span 4;
  }

}
