/*--------------------------------------------------------------
  CSS für News oder Posts
  - 3 Spalten Grid
  - 1 Spalte bei mobile
--------------------------------------------------------------*/

.display-posts-listing {
  display: flex;
  flex-wrap: wrap;
  gap: 20px; /* Abstand zwischen den Spalten */
}

.display-posts-listing .display-posts-item {
  flex: 1 1 calc(33.333% - 20px);
  box-sizing: border-box;
}

/*--------------------------------------------------------------
  1 Spalte bei Handy
--------------------------------------------------------------*/
@media (max-width: 768px) {
  .display-posts-listing .display-posts-item {
    flex: 1 1 100%;
  }
}