/* WGRCMS-Step-0049 News/Aktuelles 1:1 Polish */
:root{
  --wgr-blue:#015da8;
  --wgr-dark:#09233b;
  --wgr-muted:#40556a;
  --wgr-line:#dbe8f0;
  --wgr-box:1180px;
}

/* Abstand nach Quickcards wie Mockup */
.main{
  max-width:1180px!important;
  margin:0 auto!important;
  padding-top:36px!important;
}

/* Section Head */
.section-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  margin:0 0 20px!important;
}

.section-head h2{
  color:var(--wgr-dark)!important;
  font-size:26px!important;
  line-height:1.2!important;
  font-weight:900!important;
  margin:0!important;
  letter-spacing:.01em!important;
}

.section-head a{
  color:var(--wgr-blue)!important;
  text-decoration:none!important;
  font-size:14px!important;
  font-weight:900!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
}

.section-head a::after{
  content:"→"!important;
  font-weight:900!important;
}

.section-head a:hover{
  text-decoration:underline!important;
}

/* News Grid */
.news-grid{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:18px!important;
  margin:0 0 26px!important;
}

.news-card{
  display:flex!important;
  flex-direction:column!important;
  background:#fff!important;
  border:1px solid var(--wgr-line)!important;
  border-radius:7px!important;
  overflow:hidden!important;
  box-shadow:0 8px 25px rgba(9,35,59,.06)!important;
  min-height:340px!important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease!important;
}

.news-card:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 16px 34px rgba(9,35,59,.12)!important;
  border-color:#c7dceb!important;
}

.news-image{
  height:142px!important;
  width:100%!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  flex:0 0 auto!important;
}

/* wenn echte Bilder als img kommen */
.news-image img,
.news-card img{
  width:100%!important;
  height:142px!important;
  object-fit:cover!important;
  display:block!important;
}

.news-body{
  padding:18px 18px 20px!important;
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
}

.news-body small{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  color:#5f7386!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:700!important;
  margin:0 0 10px!important;
}

.news-body small::before{
  content:""!important;
  width:14px!important;
  height:14px!important;
  display:inline-block!important;
  background:var(--wgr-blue)!important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2v2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-2V2h-2v2H9V2H7Zm12 8H5v10h14V10Z'/%3E%3C/svg%3E")!important;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2v2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-2V2h-2v2H9V2H7Zm12 8H5v10h14V10Z'/%3E%3C/svg%3E")!important;
  mask-size:contain!important;
  -webkit-mask-size:contain!important;
}

.news-body h3{
  color:var(--wgr-blue)!important;
  font-size:17px!important;
  line-height:1.26!important;
  font-weight:900!important;
  margin:0 0 10px!important;
}

.news-body p{
  color:var(--wgr-muted)!important;
  font-size:14px!important;
  line-height:1.48!important;
  margin:0 0 18px!important;
  flex:1 1 auto!important;
}

.news-body a{
  color:var(--wgr-blue)!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:900!important;
  margin-top:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
}

.news-body a::after{
  content:"→"!important;
}

.news-body a:hover{
  text-decoration:underline!important;
}

/* Placeholder-Flächen professioneller, falls noch keine echten Bilder */
.news-1{
  background:
    linear-gradient(135deg,rgba(255,255,255,.55),rgba(255,255,255,0)),
    url('/public/assets/img/news-placeholder-office.jpg'),
    linear-gradient(135deg,#e4eef4,#c8dceb)!important;
  background-size:cover!important;
  background-position:center!important;
}

.news-2{
  background:
    linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,0)),
    url('/public/assets/img/news-placeholder-building.jpg'),
    linear-gradient(135deg,#d9c8a2,#ecdfc2)!important;
  background-size:cover!important;
  background-position:center!important;
}

.news-3{
  background:
    linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,0)),
    url('/public/assets/img/news-placeholder-spring.jpg'),
    linear-gradient(135deg,#e8f5fb,#cfe4ef)!important;
  background-size:cover!important;
  background-position:center!important;
}

.news-4{
  background:
    linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,0)),
    url('/public/assets/img/news-placeholder-flag.jpg'),
    linear-gradient(135deg,#b7d5e8,#7fb4d7)!important;
  background-size:cover!important;
  background-position:center!important;
}

/* Mobile */
@media(max-width:1100px){
  .news-grid{
    grid-template-columns:repeat(2,1fr)!important;
  }
}

@media(max-width:980px){
  .main{
    margin:0 22px!important;
    max-width:none!important;
  }

  .section-head{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:10px!important;
  }

  .news-grid{
    grid-template-columns:1fr!important;
  }

  .news-card{
    min-height:auto!important;
  }
}