.news {
}

.news__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.news__archive-link {
  display: flex;
  align-items: center;
  gap: var(--spacing-2);
  color: var(--color-primary);
  font-size: var(--text-sm);
  transition: var(--transition);
}

.news__archive-link:hover {
  color: var(--color-primary-light);
}

.news__archive-link i {
  transition: var(--transition);
}

.news__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing-6);
}

.news__secondary {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
}

/* Basis-Karten-Styling */
.news-card {
  overflow: hidden;
  border-bottom: 1px solid #D4D9DA;
  padding: var(--spacing-4) 0;
}   

.news__secondary .news-card:first-child{
    border-top: 1px solid #D4D9DA;

}

.news-card__link {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-4);
  justify-content: space-between;
  align-items: center;
  flex-direction: row-reverse;
}

.news-card--featured {
  padding-top:0;
}

.news-card--featured > a {
  display: block;
}

.news-card--featured > a > div {
  width:100%;
}



.news-card__content {
    flex:1;
    min-width:0;
  width:60%;
}

.news-card__date {
  display: flex;
  align-items: center;      
  font-size: var(--text-xs);
  color: var(--color-text-light);
  margin-bottom: var(--spacing-2);
}

.news-card__date-icon{
    margin-right:var(--spacing-2);
}

.news-card__title {
  font-family: var(--font-heading);
  font-weight: var(--font-bold);
  font-size: var(--text-base);
  line-height: var(--leading-tight);
  color: var(--color-text);
  margin-bottom: var(--spacing-2);
}

.news-card__excerpt {
  font-size: var(--text-sm);
  line-height: var(--leading-normal);
  color: var(--color-text-light);
}

.news-card--featured {
    border:none;
}

.news-card--featured .news-card__title {
  font-size: var(--text-lg);
}

.news-card--featured .news-card__content {
  padding: var(--spacing-5);
  padding-left:0;
}

.news-card__media{
    width:40%;
    max-width:200px;
    max-height:130px;
    overflow: hidden;
}

.news-card__media img {
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
}

.news-card--featured .news-card__media{
    max-width:100%;
    max-height:100%;
}

.news__footer{
  position: relative;

}

.news__footer-watermark{
  position: relative;
  min-height: 12rem;

}

.news__footer-watermark svg{
  position: absolute;
  left:-40%;
}




@media (max-width: 64rem) {
  .news__grid {
    grid-template-columns: 1fr;
    gap: var(--spacing-4);
  }

  .news__secondary {
    grid-template-columns: repeat(3, 1fr);
  }

  .news__footer{
    display: none ;
  }
}

@media (max-width: 48rem) {
  .news {
    padding: var(--spacing-6) 0;
  }

  .news-card{
    flex:1; 
  }

  .news__archive-link{
    display: none;
  }

  .news-card__media{
    width:30%;
  }

  .news-card__content{
    width:70%;
    padding-left:0;
  }

  .news__header {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-3);
  }

  .news__secondary {
    grid-template-columns: 1fr;
  }

  .news-card--featured .news-card__content {
    padding: var(--spacing-4) 0;

  }

}