/* --- Layout für Artikel mit Bild links --- */
.article-flex-layout {
  display: flex;
  align-items: flex-start;
  gap: 30px;
  flex-wrap: wrap;
  margin: 20px 0 40px 0;
}

.article-flex-layout .article-image {
  flex: 0 0 300px;
  max-width: 300px;
}

.article-flex-layout .article-image img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  object-fit: cover;
}

.article-flex-layout .article-text {
  flex: 1 1 auto;
  line-height: 1.6;
  text-align: justify;
}

/* Mobil */
@media (max-width: 768px) {
  .article-flex-layout {
    flex-direction: column;
  }
  .article-flex-layout .article-image {
    max-width: 100%;
    margin-bottom: 20px;
  }
}