/* =================================
   NEWS LIST – FINAL & STABIL
   ================================= */

/* Desktop */
.news-list {
  width: 100%;
}

.news-row {
  display: grid;
  grid-template-columns: 12% 20% 68%;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
}

.news-date {
  font-size: 14px;
  white-space: nowrap;
}

.news-image img {
  display: block;
  width: 100%;
  max-width: 140px;
  height: auto;
}

.news-title h2 {
  margin: 0;
}

/* Mobile */
@media (max-width: 768px) {

  .news-row {
    display: block;
  }

.news-image img {
  width: 100%;
  max-width: 220px;   /* ← optimal für 140px Bilder */
  margin: 0 auto 10px auto;
  display: block;
}



  .news-title h2 {
    font-size: 20px;
    line-height: 1.3;
  }
}

/* =================================
   MEMBER LIST – STABIL & SCHÖN
   ================================= */

/* Wrapper */
.member-wrapper {
  width: 100%;
}

/* Desktop: 3 Spalten */
.member-row {
  display: grid;
  grid-template-columns: 20% 40% 40%;
  align-items: center;
  gap: 16px;
  margin-bottom: 30px;
}

/* Bild */
.member-img img {
  display: block;
  width: 100%;
  max-width: 175px;
  height: auto;
}

/* Link */
.member-link h2 {
  margin: 0;
}

.member-link a {
  word-break: break-word;
}

/* Text */
.member-text {
  font-size: 16px;
  line-height: 1.4;
}

/* =================================
   MOBILE – UNTEREINANDER & RUHIG
   ================================= */

@media (max-width: 768px) {

  .member-row {
    display: block;
  }

  .member-img img {
    max-width: 220px;      /* scharf & nicht zu groß */
    margin: 0 auto 10px auto;
  }

  .member-link h2 {
    margin: 0 0 6px 0;
    text-align: center;
  }

  .member-text {
    text-align: center;
    margin-bottom: 6px;
  }
}
/* =================================
   MEMBER LIST – DESKTOP FIX
   ================================= */

/* Desktop erzwingen */
@media (min-width: 769px) {

  .member-row {
    display: grid !important;
    grid-template-columns: 20% 40% 40% !important;
    align-items: center;
    gap: 16px;
  }

}