.schmuck {
  display: flex;
  flex-wrap: wrap;
  width: 90%;
  justify-content: space-around;
  margin: 20px 0px;
}

.box {
  width: 300px;
  height: 300px;
  margin: 10px;
  border: 1px solid white;
}

.schmuckschrift h1::first-letter {
  font-size: 2.6rem;
}

.title:hover {
  box-shadow: inset 0 0 0 150px rgba(255, 255, 255, 0.6);
  font-size: 1.6rem;
  font-family: "Open Sans", sans-serif;
  font-weight: 100;
  color: rgb(57, 57, 52);
  text-transform: uppercase;
}
.title:hover h2 {
  color: rgb(57, 57, 52);
}
.title:hover span {
  color: rgb(57, 57, 52);
}
.title h2 {
  color: transparent;
}
.title span {
  font-size: 1.33rem;
  color: transparent;
}
.schmucka {
  color: transparent;
}
.ketten {
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url("../images/schmuckseite/schmuck/kette.jpg");
  background-size: cover;
}
.armband {
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url("../images/schmuckseite/schmuck/armband.jpg");
  background-size: cover;
}
.ringe {
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url("../images/schmuckseite/schmuck/ring.JPG");
  background-size: cover;
}
.ohrringe {
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url("../images/schmuckseite/schmuck/ohrringe.jpg");
  background-size: cover;
}
.anhaenger {
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url("../images/schmuckseite/schmuck/anhaenger.jpg");
  background-size: cover;
}
.sets {
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url("../images/schmuckseite/schmuck/set.jpg");
  background-size: cover;
}
/* mobile phone - less than 590px */
@media only screen and (max-width: 590px) {
  .box {
    width: 150px;
    height: 150px;
  }

}