.wrapper {
  position: fixed;
  width: 100vw;
  height: 100vh;
  margin: 0px auto 0px 0px;
  background: #6884aa url("Juss_Logo-oben_6.png") no-repeat fixed 400px 100px content-box border-box;
  z-index: 99998;
}

.circle::after {
  content: "LOADING";
  position: relative;
  top: 870px;
  color: #39455f;
  text-align: center;
  animation: 0.5s ease-in-out 0s alternate none infinite running fadeinout;
}

@keyframes fadeinout {
0% { opacity: 1; }
100% { opacity: 0; }
}

.circle {
  margin-left: 940px;
}

.wrapper {
  overflow: hidden;
}

.ring::before {
  content: "";
  border-radius: 50%;
  border: 1px solid #39455f;
  height: 30px;
  width: 100px;
  left: 925px;
  top: 757.5px;
  position: absolute;
}

.ring1::before {
  left: 965px;
  width: 20px;
  top: 770px;
  height: 6px;
  position: absolute;
  animation: 2.5s ease 0s normal none infinite running spinner;
}

.ring2::before {
  left: 960px;
  width: 30px;
  top: 768.5px;
  height: 9px;
  animation: 2.5s ease 0.1s normal none infinite running spinner;
}

.ring3::before {
  left: 955px;
  width: 40px;
  top: 767px;
  height: 12px;
  animation: 2.5s ease 0.2s normal none infinite running spinner;
}

.ring4::before {
  left: 950px;
  width: 50px;
  top: 765.5px;
  height: 15px;
  animation: 2.5s ease 0.3s normal none infinite running spinner;
}

.ring5::before {
  left: 945px;
  width: 60px;
  top: 764px;
  height: 18px;
  animation: 2.5s ease 0.4s normal none infinite running spinner;
}

.ring6::before {
  left: 940px;
  width: 70px;
  top: 762.5px;
  height: 21px;
  animation: 2.5s ease 0.5s normal none infinite running spinner;
}

.ring7::before {
  left: 935px;
  width: 80px;
  top: 761px;
  height: 24px;
  animation: 2.5s ease 0.6s normal none infinite running spinner;
}

.ring8::before {
  left: 930px;
  width: 90px;
  top: 759.5px;
  height: 27px;
  animation: 2.5s ease 0.7s normal none infinite running spinner;
}

.ring9::before {
  width: 100px;
  height: 30px;
  animation: 2.5s ease 0.8s normal none infinite running spinner;
}

@keyframes spinner {
0% { transform: translateY(10px); animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }
50% { transform: translateY(60px); animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }
100% { transform: translateY(10px); animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }
}