/* custom/layouts/css/news.css */

.news-wrapper{
  max-width:900px;
  margin:60px auto 40px auto;
  padding:0 12px;
  font-family:'Archivo Narrow', Arial, sans-serif;
}

.news-card{
  background:#ffffff;
  border:1px solid #bbbbbb;
  box-shadow:12px 10px 14px rgba(0, 0, 0, 0.4);
}

.news-header{
  padding:4px 28px;
  color:#003C78;
  font-family:'Archivo Narrow', Arial, sans-serif;
  border-bottom:1px solid #e6eaee;
background: linear-gradient(
  color-mix(in srgb, var(--kvw-bg-gleattribute) 40%, white),
  color-mix(in srgb, var(--kvw-bg-default) 40%, white))
}

.news-header h2{
  margin:0;
  font-family:'Archivo Narrow', Arial, sans-serif;
  font-size:22px;
}

.news-item{
  padding:10px 28px;
  border-bottom:1px solid #e6eaee;
}

.news-item:last-child{
  border-bottom:none;
}

.news-title{
  display:flex;
  gap:10px;
  align-items:baseline;
  flex-wrap:wrap;
  margin:0 0 8px 0;
}

.news-title-text {
  color:#003C78;
  font-weight:700;
  font-size:18px;
}

.news-title a:hover{
  text-decoration:underline;
}

.date{
  font-weight:700;
  color:#6b7280;
  font-size:14px;
}

.badge{
  font-size:10px;
  padding:3px 9px;
  border-radius:999px;
  border:1px solid #e6eaee;
  background:#fff;
}

.badge.neu{ border-color:#b7e4c7; color:#065f46; }
.badge.update{ border-color:#bfdbfe; color:#1d4ed8; }
.badge.stoerung{ border-color:#fecaca; color:#b91c1c; }

.news-preview{
  margin:0;
  font-family:'Archivo', Arial, sans-serif;
  font-size:14px;
  color:#003C78;
  line-height:1.5;
  text-align: justify;  
}

/* 1 Zeile Vorschau */
.news-preview.clamp{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1;
  overflow:hidden;
}

.news-item.expanded .news-preview.clamp{
  -webkit-line-clamp:unset;
  display:block;
  overflow:visible;
}

.read-more{
  display:inline-block;
  margin-top:0px;
  font-family:'Archivo', Arial, sans-serif;
  font-size:14px;
  color:#d70046;
  text-decoration:none;
  transition:color 0.2s ease;
}

.read-more::after{
  content: "›";
  display:inline-block;
  margin-left:6px;
  font-size: 22px;  
  transform: translateY(3px) translateX(-2px);
  transition: transform 0.2s ease;
}

.read-more:hover{
  color:#9e0331;
}

.read-more:hover::after{
  transform: translateX(4px) translateY(3px);
}

.news-item.expanded .read-more::after{
  transform: rotate(-90deg);
}

.news-item.expanded .read-more:hover::after{
  transform: rotate(-90deg) translateX(4px);
}

.news-footer{
  padding:12px 28px;
background: linear-gradient(
  color-mix(in srgb, var(--kvw-bg-gleattribute) 40%, white),
  color-mix(in srgb, var(--kvw-bg-default) 40%, white));
  border-top:1px solid #e6eaee;
  text-align:right;
}

.news-footer a{
  font-size:14px;
  font-family:'Archivo', Arial, sans-serif;
  color:#d70046;
}

.news-footer a:hover{
  color:#9e0331;
}

.older-news{
  display:none;
}

.news-card.show-all .older-news{
  display:block;
}