body { font-family: sans-serif; padding: 20px; }
.products { display: flex; flex-wrap: wrap; gap: 20px; }
.product { border: 1px solid #ccc; padding: 10px; width: 300px; }
@media (max-width: 600px) {
    .products { flex-direction: column; }
}




/* Wrapper, der den Carousel vollständig begrenzt */
.owl-carousel {
  width: 300px;
  max-width: 300px;
  margin: 0 auto;
}

/* Einzelne Slides (optional, zur Sicherheit) */
.owl-carousel .owl-stage-outer,
.owl-carousel .owl-stage,
.owl-carousel .owl-item {
  width: 300px !important;
  max-width: 300px;
}

/* Bilder innerhalb der Slides */
.owl-carousel .owl-item img {
  max-width: 100%;
  max-height: 300px;
  width: auto;
  height: auto;
  margin: 0 auto;
  display: block;
}