.preisschildcontainer {
  position: fixed;
  right: 20px;
  bottom: 20px;
  /*z-index: 10000;*/
  z-index: 3;
  background-color: white;
  border: 1px solid black;
  width: 220px;
  padding: 10px;
  text-align: center;
}
#gesamtdiv {
  background-color: #e30613;
  border-radius: 20px;
}
.preisschildueberschrift {
  color: white;
  float: right;
  margin: 5px;
  margin-right: 15px;
  font-size: 1.5rem;
}
.preisschildunterueberschrift {
  color: white;
  float: right;
  font-size: 1rem;
  margin-right: 15px;
}
.preisschildtrennlinie {
  color: white;
  margin: 0 5px;
  margin: 12px 0px 5px;
}
.stattpreiscontainer {
  width: 95%;
  display: block;
  padding: 3px 0px;
  border-radius: 8px;
  text-align: right;
  margin: 0 7px;
}
.stattpreiscontainerchild {
  color: white;
  font-size: 1rem;
  margin: 5px;
}
.stattpreiscontainerchild2 {
  font-size: 1.7rem;
}
.stattpreiscontainerchild3 {
  font-size: 2.1rem;
  text-decoration: line-through;
}
.nurpreiscontainer {
  width: 95%;
  display: block;
  padding: 3px 0px;
  border-radius: 8px;
  background-color: #feec38;
  text-align: right;
  margin: 0 7px;
}
.nurpreiscontainerchild {
  color: black;
  font-size: 1rem;
  margin: 5px;
}
.nurpreiscontainerchild2 {
  font-size: 1.7rem;
}
.nurpreiscontainerchild3 {
  font-weight: 700;
  font-size: 2.1rem;
}
.preisschildwarenkorbbutton {
  width: 165px;
  margin-right: 3px;
  float: right;
  background-color: #e30613;
  color: white;
  margin-top: 8px;
  padding: 3px;
  border-radius: 8px;
  text-align: center;
  font-size: 1.5rem;
  cursor: pointer;
}
@media only screen and (min-width: 1670px) {
  #preisschildcontainer {
    right: 200px;
  }
}
/****Preisschild für Handy***/
.kleinerPreis_div {
  transition: 1s;
  background: #ed1c25;
  padding: 5px;
  font-size: 20px;
  right: 0px;
  bottom: 70px;
  position: fixed;
  display: none;
  color: white;
  border-radius: 10px 0 0 10px;
  z-index: 100;
}
.arrows {
  border: solid white;
  border-width: 0 5px 5px 0;
  display: inline-block;
  padding: 5px;
}
.arrows.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  margin-left: 5px;
}
.arrows.right {
  transform: rotate(-45deg) !important;
  -webkit-transform: rotate(-45deg) !important;
  margin-right: 10px !important;
}
@media screen and (max-width: 600px) {
  .kleinerPreis_div {
    display: block;
  }
  #gesamtdiv {
    transition: 1s;
    right: -250px;
  }
  #preisschildcontainer {
    transition: 1s;
    /*right: -260px;*/
    right: -240px;
  }
}