.article-list .artikel-grid-item {
  flex: 1 1 calc(18% - 20px); /* oder 20%, 18%, je nach Spaltenanzahl */
  max-width: 300px;
  box-sizing: border-box;
}

  @media (min-width: 768px) { }
    .article-list {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px;
    }
.schau_text_klein {
    font-size: 12px;
    display: none;
}
.artikel-titel {
    font-size: 1.0em;
    margin-bottom: 0.5em;
    color: #222;
    min-height: 130px;
}
.normaler_inhalt h2 {
    font-family: arial, 'Trebuchet MS', sans-serif;
    padding-bottom: 10px;
    padding-top: 20px;
    font-size: 1rem;
font-weight:normal;
}
.row.row-1.cols-4 > * {
  background: #ff0 !important;
  width: 100% !important;
  flex: 0 0 auto !important;
  border: 1px solid red !important;
}
.article-list .artikel-bild img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 10px;
  transition: transform 0.6s ease, box-shadow 0.6s ease;
  object-fit: cover;
  cursor: pointer;
}

.article-list .artikel-bild img:hover {
  transform: scale(1.025);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
}

@media (max-width: 600px) {


.article-list .artikel-grid-item {
  flex: 1 1 calc(100% - 20px);
  max-width: 300px;
  box-sizing: border-box;
}

}

/* Tablet (zwischen 601px und 992px) */
@media (min-width: 601px) and (max-width: 992px) {
.article-list .artikel-grid-item {
  flex: 1 1 calc(33% - 20px);
  max-width: 300px;
  box-sizing: border-box;
}

.artikel-titel {

    min-height: 180px;
}

}