.magenta-text, .magenta-text.text-darken-3 {
  color: #b30059;
}
.circle {
  border-radius: 50%;
  display: inline-block;
}
.circle-top-half {
  width: 190px;
  max-width: 190px;
  height: 95px;
  max-height: 95px;
  position: absolute;
  top: 5px;
  left: 5px;
  border-radius: 50% 50% 0 0 / 100% 100% 0 0;
  background: white;
  text-align: center;
  z-index: 1;
}
.circle-bottom-half {
  width: 190px;
  max-width: 190px;
  height: 95px;
  max-height: 95px;
  position: absolute;
  top: 100px;
  left: 5px;
  border-radius: 0 0 50% 50% / 0 0 100% 100%;
  background: #b30059;
  text-align: center;
  z-index: 1;
}
.element1 {
  position: relative;
  border-width: 2px;
  border-style: solid;
  border-color: #ddd;
  min-width: 204px; /* 200 + 2 * border-width */
  min-height: 204px; /* 200 + 2 * border-width */
  background: white;
  z-index: 0;
  text-align: center;
}
.element1-text {
  padding-top: 20px;
  color: #b30059;
  font-family: arial;
  font-size: 50px;
}
.element1-text-banner {
  vertical-align: middle;
  color: white;
  font-family: arial;
  font-size: 30px;
}
.element1-text-banner-space {
  margin-top: 6px;
}
.element2 {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 190px;
  height: 190px;
  background: #b30059;
  -webkit-transition: opacity .6s;
  transition: opacity .6s;
  filter: alpha(opacity = 0);
  opacity: 0;
  z-index: 2;
  text-align: center;
}
.element2-text {
  padding-top: 20px;
  color: white;
  font-family: arial;
  font-size: 12px;
}
.element2-text-banner {
  color: white;
  font-family: arial;
  font-size: 12px;
}
.element2:hover {
  filter: alpha(opacity = 100);
  opacity: 1;
}
.text-euro,.text-cents {
  font-size: 66.66%;
}
.text-info {
  min-width: 100%;
  min-height: 100%;
  text-align: center;
  box-sizing: border-box;
  overflow-wrap: break-word;
}
.sun-or-moon {
  text-align: center;
  vertical-align: middle;
  box-sizing: border-box;
  overflow-wrap: break-word;
  position: absolute;
  top: 5px;
  left: 157px;
  z-index: 15;
  min-width: 25px;
  min-height: 25px;
  border-radius: 50%;
  border-color: #ddd;
  border-style: solid;
  border-width: 2px;
  color: #b30059;
  background: white;
  display: inline-block;
}

.bw1 {
  border-width: 1px;
  border-style: dashed;
  border-color: green;
  min-width: 220px !important;
}

.pricerule {
  border-width: 0;
  height: 1px;
  color: white;
  background-color: white;
  margin: 0px 10px 0 10px;
  padding: 0px;
}