.News-dateWrapper {
  margin-bottom: -10px;
  padding-top: 70px;
}@media screen and (min-width: 601px) {.News-dateWrapper {
    margin-bottom: -40px;
}
  }@media screen and (min-width: 1026px) {.News-dateWrapper {
    padding-right: 20px;
    padding-left: 20px;
}
  }

.News-date {
  font-weight: 700;
}

.News-title {
  margin-bottom: 40px;
}

@media screen and (min-width: 769px) {

.News-title {
    max-width: 87%;
    margin-bottom: 40px;
}
  }

@media screen and (min-width: 1026px) {

.News-title {
    max-width: 82%;
    margin-bottom: 50px;
}
  }

@media screen and (min-width: 1367px) {

.News-title {
    max-width: 83%;
}
  }

.News-categoriesWrapper {
  display: flex;
  flex-direction: column;
  margin-bottom: 90px;
  font-size: 1rem;
}

@media screen and (min-width: 769px) {

.News-categoriesWrapper {
    flex-direction: row;
    align-items: center;
    margin-bottom: 100px;
    font-size: 1.25rem;
    line-height: 1.5rem;
}
  }

@media screen and (min-width: 1026px) {

.News-categoriesWrapper {
    margin-bottom: 120px;
    font-size: 1.375rem;
    line-height: 2.375rem;
}
  }

.News-categories {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
}

@media screen and (min-width: 769px) {

.News-categories {
    gap: 20px;
    margin-top: 0;
    margin-left: 15px;
}
  }

.News-categoriesItem {
  padding: 3px 4px;
  font-size: 1rem;
  font-weight: 700;
  background-color: var(--clr-primary);
  color: #ffffff;
}

@media screen and (min-width: 769px) {

.News-categoriesItem {
    font-size: 1.25rem;
}
  }

@media screen and (min-width: 1026px) {

.News-categoriesItem {
    font-size: 1.375rem;
    line-height: normal;
}
  }

.News-main > .Section:last-of-type {
    margin-top: 100px;
  }

@media screen and (min-width: 769px) {

.News-main > .Section:last-of-type {
      margin-top: 120px;
  }
    }

@media screen and (min-width: 1026px) {

.News-main > .Section:last-of-type {
      margin-top: 180px;
  }
    }

.News-main .Text p,
    .News-main .Text li {
      font-size: 1rem;
      line-height: 1.625rem;
    }

@media screen and (min-width: 769px) {

.News-main .Text p,
    .News-main .Text li {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
      }

.News-main .Text p a {
        font-weight: 700;
        text-decoration: none;
      }

.News-main .Text p a u {
          text-decoration: none;
        }

.News-content {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-column-gap: 0;
  align-items: stretch;
  justify-items: stretch;
  margin-bottom: 70px;
}

@media screen and (min-width: 769px) {

.News-content {
    grid-template-columns: 74% auto;
    margin-bottom: 90px;
}
  }

@media screen and (min-width: 1026px) {

.News-content {
    margin-bottom: 145px;
}
  }

@media screen and (min-width: 1367px) {

.News-content {
    grid-template-columns: 49% auto;
}
  }

.News-image {
  margin-bottom: 40px;
}

@media screen and (min-width: 769px) {

.News-image {
    margin-bottom: 70px;
}
  }

@media screen and (min-width: 769px) {

.News-image {
    margin-bottom: 80px;
}
  }

.News-navigation {
  display: flex;
  flex-direction: column;
  margin-bottom: 40px;
  text-align: center;
}

@media screen and (min-width: 769px) {

.News-navigation {
    flex-direction: row;
    justify-content: space-between;
}
  }

.News-navigation li {
    padding: 10px;
  }

.Button--prevNews,
.Button--nextNews,
.Button--overviewNews {
  margin-left: auto;
  background-color: transparent;
  color: var(--font-clr-primary);
}

.Button--prevNews i, .Button--nextNews i, .Button--overviewNews i {
    margin-left: 10px;
    color: var(--clr-primary);
  }

.Button--prevNews i, .Button--overviewNews i {
    margin-right: 10px;
  }

.Button--nextNews i {
    margin-left: 10px;
  }
