/* Seiten Übersicht Grid – simples, theme-agnostisches Styling */
.suwg-grid{
  display:grid;
  gap:24px;
  align-items:stretch;
}

.suwg-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.suwg-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
.suwg-cols-4{ grid-template-columns: repeat(4, minmax(0, 1fr)); }

@media (max-width: 900px){
  .suwg-cols-3, .suwg-cols-4{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px){
  .suwg-cols-2, .suwg-cols-3, .suwg-cols-4{ grid-template-columns: repeat(1, minmax(0, 1fr)); }
}

.suwg-card{
  border:1px solid rgba(0,0,0,.12);
  border-radius:14px;
  overflow:hidden;
  background:#fff;
  height:100%;
}

.suwg-card__link{
  display:block;
  text-decoration:none;
  color:inherit;
  height:100%;
}

.suwg-card__media{
  width:100%;
  padding-top:56.25%; /* 16:9 */
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}

.suwg-card__title{
  margin:16px 16px 8px 16px;
  font-size:1.1rem;
  line-height:1.25;
}

.suwg-card__more{
  display:inline-block;
  margin:0 16px 16px 16px;
  font-weight:600;
  opacity:.9;
}

.suwg-card__link:hover .suwg-card__more{
  text-decoration:underline;
}