#circle {
  height: 350px;
  width: 350px;
}

.flip-box {
  position: relative;
  background-color: transparent;
  width: 350px;
  height: 350px;
  perspective: 800px;
  border-radius: 200px;
  transform: translate(0%, 50%);
  font-family: Lexend Deca, cursive;
  z-index: 0;
}

.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg) scale(1.5);
  background: center;
  background-position: center;
}

.flip-box-front, .flip-box-back {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-box-front, .flip-box-back-1 {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-box-front, .flip-box-back-2 {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-box-front, .flip-box-back-3 {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-box-front, .flip-box-back-4 {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-box-front {
  position: initial;
  color: black;
  font-size: 24px;
  margin-top: 0px;
}

.ext-1 {
  margin-right: 30px;
  margin-left: 30px;
}

.ext-2 {
  margin-left: 45px;
  margin-right: 45px;
}

.flip-box-back-1 {
  transform: translate(0%, -60%);
  background-color: transparent;
  color: white;
  transform: rotateY(180deg);
  font-size: 13px;
  margin-top: -25px;
  margin-right: 10px;
  margin-left: 10px;
}

.flip-box-back-2 {
  transform: translate(0%, -60%);
  background-color: transparent;
  color: white;
  transform: rotateY(180deg);
  font-size: 13px;
  margin-top: 40px;
}

.flip-box-back-3 {
  transform: translate(0%, -60%);
  background-color: transparent;
  color: white;
  transform: rotateY(180deg);
  font-size: 13px;
  margin-top: -55px;
}

.flip-box-back-4 {
  transform: translate(0%, -60%);
  background-color: transparent;
  color: white;
  transform: rotateY(180deg);
  font-size: 13px;
  margin-top: 60px;
}

#content {
  color: white;
  text-align: left;
  margin-right: 30px;
  margin-left: 19px;
}

#linkeListe {
  list-style-type: initial;
  width: 150px;
  height: 200px;
  float: left;
  background-color: transparent;
}

#rechteListe {
  list-style-type: initial;
  width: 150px;
  height: 200px;
  background-color: transparent;
  float: right;
  margin-left: -30px;
}