.center {
  text-align: center;
  margin-right: 10%;
  margin-left: 10%;
}

#maintext{
  margin-top: 2%;
  font-size: 1.2em;
  margin-bottom: 3%
}

img {
  width: 55%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin: 10px;
}

#bild1 {
  float: left;
}

#bild2 {
  float: right;
}


p {
  text-align: justify;
}

.audio-player {
  width: 300px;
  margin: 20px auto; /* Hinzugefügter "auto" Wert für die horizontale Zentrierung */
  background-color: #f5f5f5;
  border-radius: 4px;
  padding: 10px;
}

.andereArtikel{
  width: 65px;
  background-color: blue;
  display: block;
}

.card {
  width: 300px;
  margin-bottom: 20px;
  border: 1px solid #ccc;
  padding: 10px;
  display: inline-block;
  vertical-align: top;
}

.card img {
  height: 100px;
}

.card h2 {
  margin-top: 10px;
}

.card p {
  margin-top: 5px;
}

.card a {
  display: block;
  margin-top: 10px;
}

@media (max-width: 600px) {
  .card {
    width: 100%;
    display: block;
  }
}