/* Mobile Optimierung */
@media (max-width: 768px) {
  .articles-container {
    flex-direction: column; /* Stapeln der Artikel untereinander */
  }

  .article-item {
    width: 100%; /* Volle Breite für jeden Artikel */
    margin-bottom: 20px; /* Abstand zwischen den Artikeln */
  }

  .article-img {
    width: 100%; /* Volle Breite für jedes Bild */
    margin-bottom: 15px; /* Abstand zwischen den Bildern und Text */
  }

  .article-text h3,
  .article-text h4 {
    font-size: 1.2em; /* Kleinere Schriftgröße für mobile Geräte */
  }

  .article-text p {
    font-size: 1em; /* Normale Textgröße */
    line-height: 1.5; /* Zeilenabstand für bessere Lesbarkeit */
  }

  .article-column {
    width: 100%; /* Volle Breite für jede Spalte */
    margin-bottom: 20px; /* Abstand zwischen den Spalten */
  }

  .footer-container {
    flex-direction: column; /* Elemente im Footer untereinander platzieren */
    align-items: center;
    text-align: center;
  }

  .footer-logo img {
    width: 80px; /* Kleinere Größe für das Logo */
    margin-bottom: 20px; /* Abstand zwischen Logo und Navigation */
  }

  .footer-nav ul {
    flex-direction: column; /* Navigation untereinander anordnen */
  }

  .footer-nav li {
    margin-left: 0; /* Kein zusätzlicher Abstand für die Liste */
    margin-bottom: 10px; /* Abstand zwischen den Links */
  }
}
body.nahschach {
  background-color: #7db3a2; /* Set your desired background color here */
  color: #333;
  font-family: "Arial", sans-serif;
}
.articles-section {
  padding: 60px 0;
  background-color: #79ad9f
  
  background-color: #79ad9f ;
  background-image: url();
  background-repeat: repeat;
  background-size: relative;
}