/*CSS-Vorschlag für Desktop und Mobil*/

.product-description {
  font-family: Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  color: #333;
  margin: 0 0 1.5em 0;
  word-wrap: break-word; /* Für saubere Umbrüche von langen Worten */
}

/* Absätze mit Abstand */
.product-description p {
  margin-bottom: 1em;
}

/* Überschriften klar absetzen */
.product-description h3 {
  margin-top: 1.5em;
  margin-bottom: 0.75em;
  font-size: 1.2rem;
  color: #8c7e73;
  font-weight: 700;
}

/* Aufzählungen mit deutlichem Abstand und klaren Listenpunkten */
.product-description ul {
  list-style-type: disc;
  margin-left: 1.5em;
  margin-bottom: 1.5em;
  padding-left: 0;
}

.product-description ul li {
  margin-bottom: 0.5em; /* Abstand zwischen Listenelementen */
  line-height: 1.4;
}

/* Responsive Schriftgrößen und Abstände */
@media (max-width: 768px) {
  .product-description {
    font-size: 0.95rem;
    line-height: 1.5;
  }

  .product-description h3 {
    font-size: 1.1rem;
  }
}