@import url(https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400..700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap);
/* Rapport 1.414 */
/* Rapport 1.414 */
/* Rapport 1.414 */
html {
  scroll-behavior: smooth;
}

.index {
  background-color: #1e2046;
  width: 100%;
  height: 100%;
  background-color: #1e2046;
}
.index ul {
  padding: 0;
}
.index ul li {
  list-style: none;
}
.index .main {
  background-image: url(../assets/images/etoiles_1_bigger.svg);
  background-position: center;
  background-size: contain;
}
.index h1, .index h2, .index h3, .index h4, .index h5, .index p, .index a, .index button {
  line-height: 140%;
  font-family: "VT323", monospace;
  margin: 0;
  background-color: #1e2046;
}
.index .header {
  position: relative;
  z-index: 30;
  top: 0px;
  width: 100%;
  height: 90px;
  background: #161832;
  position: fixed;
}
.index .hidden {
  transform: translateY(-100%);
}
.index .nav {
  max-width: 90%;
  height: 90px;
  margin: 0 auto;
}
.index .nav__links {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
}
.index .nav__el {
  display: flex;
  align-items: center;
}
.index .nav__el a {
  display: flex;
  justify-content: center;
  align-items: center;
}
.index .nav__commencer {
  text-align: center;
  text-decoration: none;
  font-size: 25px;
  color: #FCEE09;
  padding: 12px 25px;
  box-shadow: -5px 0 0 0 #FCEE09, 5px 0 0 0 #FCEE09, 0 -5px 0 0 #FCEE09, 0 5px 0 0 #FCEE09;
}
.index .nav__commencer:hover {
  background-color: #FCEE09;
  color: #1e2046;
}
.index .nav__commencer:active {
  transform: scale(1.1);
}
.index .nav__logo {
  width: 70px;
  height: 70px;
  text-decoration: none;
  background-color: transparent;
}
.index .nav__logo img {
  width: 100%;
  height: 100%;
}
.index .nav__asset {
  width: 20px;
  height: 20px;
  transform: rotate(15deg);
  margin-right: 10px;
}
.index .intro {
  max-width: 90%;
  height: 75vh;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.index .intro__background {
  width: 100%;
  height: 100%;
  position: absolute;
}
.index .intro__main-title {
  font-size: 102px;
  color: #FCEE09;
  margin: 0;
  margin-bottom: 25px;
  text-align: center;
}
.index .intro__title {
  font-size: 36px;
  color: #FCEE09;
  margin: 0;
  text-align: center;
}
@media only screen and (min-width: 700px) {
  .index .intro {
    max-width: 80%;
    height: 85vh;
  }
  .index .intro__main-title {
    font-size: 176px;
    margin-bottom: 31px;
  }
  .index .intro__title {
    font-size: 88px;
  }
}
@media only screen and (min-width: 1200px) {
  .index .intro {
    max-width: 80%;
    height: 90vh;
  }
}
.index .prologue {
  max-width: 90%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.index .prologue__content {
  background-color: #1e2046;
}
.index .prologue__title {
  width: 100%;
  color: #FCEE09;
  text-align: center;
  font-size: 51px;
  margin-bottom: 51px;
}
.index .prologue__text {
  width: 100%;
  color: #F1F1F1;
  font-size: 18px;
  margin-bottom: 72px;
}
.index .prologue__citation {
  width: 100%;
  color: #FCEE09;
  font-size: 36px;
  margin-bottom: 36px;
}
.index .prologue__text:nth-child(4) {
  margin-bottom: 18px;
}
.index .prologue__question {
  width: 100%;
  font-size: 25px;
  color: #FCEE09;
}
@media only screen and (min-width: 700px) {
  .index .prologue {
    max-width: 80%;
  }
  .index .prologue__content {
    width: 100%;
  }
  .index .prologue__title {
    font-size: 52px;
    margin-bottom: 52px;
  }
  .index .prologue__text {
    font-size: 22px;
    margin-bottom: 88px;
  }
  .index .prologue__citation {
    font-size: 44px;
    margin-bottom: 44px;
    text-align: center;
  }
  .index .prologue__text:nth-child(4) {
    margin-bottom: 22px;
  }
  .index .prologue__question {
    font-size: 31px;
    text-align: center;
  }
}
@media only screen and (min-width: 1200px) {
  .index .prologue {
    max-width: 70%;
  }
  .index .prologue__content {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(11, 1fr);
    grid-column-gap: 20px;
  }
  .index .prologue__title {
    grid-column: 2/11;
  }
  .index .prologue__text {
    grid-column: 2/11;
  }
  .index .prologue__citation {
    grid-column: 3/10;
  }
  .index .prologue__question {
    grid-column: 3/10;
  }
}
.index .projet {
  max-width: 90%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 144px;
}
.index .projet__title {
  width: 100%;
  color: #FCEE09;
  font-size: 51px;
  text-align: center;
  margin-bottom: 51px;
}
.index .projet__intro {
  width: 100%;
  color: #FCEE09;
  font-size: 36px;
  margin-bottom: 36px;
}
.index .projet__text {
  width: 100%;
  color: #F1F1F1;
  font-size: 18px;
  margin-bottom: 36px;
}
.index .projet__map .map__title {
  width: 100%;
  color: #FCEE09;
  font-size: 25px;
  margin-bottom: 18px;
}
.index .projet__map .map__text {
  width: 100%;
  color: #F1F1F1;
  font-size: 18px;
  margin-bottom: 25px;
}
.index .projet__time .time__title {
  width: 100%;
  color: #FCEE09;
  font-size: 25px;
  margin-bottom: 18px;
}
.index .projet__time .time__text {
  width: 100%;
  color: #F1F1F1;
  font-size: 18px;
  margin-bottom: 25px;
}
.index .projet__shapes .shapes__title {
  width: 100%;
  color: #FCEE09;
  font-size: 25px;
  margin-bottom: 18px;
}
.index .projet__shapes .shapes__text {
  width: 100%;
  color: #F1F1F1;
  font-size: 18px;
}
@media only screen and (min-width: 700px) {
  .index .projet {
    max-width: 80%;
    margin-top: 249px;
  }
  .index .projet__content {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-column-gap: 20px;
  }
  .index .projet__title {
    grid-column: 1/8;
    font-size: 52px;
    margin-bottom: 52px;
  }
  .index .projet__intro {
    grid-column: 1/8;
    font-size: 44px;
    margin-bottom: 44px;
  }
  .index .projet__text {
    grid-column: 1/8;
    font-size: 22px;
    margin-bottom: 44px;
  }
  .index .projet__list {
    grid-column: 2/7;
    width: 100%;
  }
  .index .projet__map {
    width: 100%;
  }
  .index .projet__map .map__title {
    font-size: 31px;
    margin-bottom: 22px;
  }
  .index .projet__map .map__text {
    font-size: 22px;
    margin-bottom: 31px;
  }
  .index .projet__time {
    width: 100%;
  }
  .index .projet__time .time__title {
    font-size: 31px;
    margin-bottom: 22px;
  }
  .index .projet__time .time__text {
    font-size: 22px;
    margin-bottom: 31px;
  }
  .index .projet__shapes {
    width: 100%;
  }
  .index .projet__shapes .shapes__title {
    font-size: 31px;
    margin-bottom: 22px;
  }
  .index .projet__shapes .shapes__text {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1200px) {
  .index .projet {
    max-width: 70%;
  }
  .index .projet__content {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(11, 1fr);
    grid-column-gap: 20px;
  }
  .index .projet__title {
    grid-column: 1/12;
  }
  .index .projet__intro {
    grid-column: 1/12;
  }
  .index .projet__text {
    grid-column: 1/12;
    width: 75%;
  }
  .index .projet__list {
    grid-column: 2/11;
  }
}
.index .play {
  max-width: 90%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: 144px;
}
.index .play__content {
  margin-bottom: 36px;
}
.index .play__title {
  width: 100%;
  color: #FCEE09;
  font-size: 51px;
  text-align: center;
  margin-bottom: 36px;
}
.index .play__text {
  width: 100%;
  color: #F1F1F1;
  font-size: 18px;
}
.index .play__link {
  text-decoration: none;
  font-size: 25px;
  color: #FCEE09;
  padding: 12px 25px;
  box-shadow: -5px 0 0 0 #FCEE09, 5px 0 0 0 #FCEE09, 0 -5px 0 0 #FCEE09, 0 5px 0 0 #FCEE09;
}
.index .play__link:hover {
  background-color: #FCEE09;
  color: #1e2046;
}
.index .play__link:active {
  transform: scale(1.1);
}
@media only screen and (min-width: 700px) {
  .index .play {
    max-width: 70%;
    margin-top: 249px;
  }
  .index .play__content {
    margin-bottom: 44px;
  }
  .index .play__title {
    font-size: 52px;
    margin-bottom: 44px;
  }
  .index .play__text {
    font-size: 22px;
  }
  .index .play__link {
    font-size: 31px;
    padding: 11px 31px;
  }
}
@media only screen and (min-width: 1200px) {
  .index .play {
    max-width: 40%;
  }
}
.index .funfact {
  max-width: 90%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: 144px;
}
.index .funfact__content {
  margin-bottom: 36px;
  background-color: #1e2046;
}
.index .funfact__title {
  width: 100%;
  color: #FCEE09;
  font-size: 51px;
  text-align: center;
  margin-bottom: 36px;
}
.index .funfact__text {
  width: 100%;
  color: #F1F1F1;
  font-size: 18px;
}
.index .funfact__btn {
  cursor: pointer;
  border: none;
  font-size: 25px;
  color: #FCEE09;
  padding: 12px 25px 13px;
  box-shadow: -5px 0 0 0 #FCEE09, 5px 0 0 0 #FCEE09, 0 -5px 0 0 #FCEE09, 0 5px 0 0 #FCEE09;
}
.index .funfact__btn:hover {
  background-color: #FCEE09;
  color: #1e2046;
}
.index .funfact__btn:active {
  transform: scale(1.1);
}
@media only screen and (min-width: 800px) {
  .index .funfact {
    max-width: 70%;
    margin-top: 249px;
  }
  .index .funfact__content {
    margin-bottom: 44px;
    width: 100%;
  }
  .index .funfact__title {
    font-size: 52px;
    margin-bottom: 44px;
  }
  .index .funfact__text {
    font-size: 22px;
  }
  .index .funfact__btn {
    font-size: 31px;
    padding: 11px 31px 12px;
  }
}
@media only screen and (min-width: 1200px) {
  .index .funfact {
    max-width: 40%;
  }
}
.index .team {
  max-width: 90%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: 144px;
}
.index .team__title {
  width: 100%;
  color: #FCEE09;
  font-size: 51px;
  text-align: center;
  margin-bottom: 51px;
}
.index .team__list {
  margin: 0;
}
.index .team__dylan {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 51px;
}
.index .team__dylan .dylan__icon {
  width: 131px;
  height: 131px;
  margin-bottom: 18px;
  background-color: #1e2046;
}
.index .team__dylan .dylan__title {
  width: 100%;
  text-align: center;
  font-size: 36px;
  color: #FCEE09;
  margin-bottom: 18px;
}
.index .team__dylan .dylan__text {
  width: 100%;
  font-size: 18px;
  color: #F1F1F1;
  margin-bottom: 18px;
}
.index .team__thibault {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 51px;
}
.index .team__thibault .thibault__icon {
  width: 131px;
  height: 131px;
  margin-bottom: 18px;
  background-color: #1e2046;
}
.index .team__thibault .thibault__title {
  width: 100%;
  text-align: center;
  font-size: 36px;
  color: #FCEE09;
  margin-bottom: 18px;
}
.index .team__thibault .thibault__text {
  width: 100%;
  font-size: 18px;
  color: #F1F1F1;
  margin-bottom: 18px;
}
.index .team__noa {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 51px;
}
.index .team__noa .noa__icon {
  width: 131px;
  height: 131px;
  margin-bottom: 18px;
  background-color: #1e2046;
}
.index .team__noa .noa__title {
  width: 100%;
  text-align: center;
  font-size: 36px;
  color: #FCEE09;
  margin-bottom: 18px;
}
.index .team__noa .noa__text {
  width: 100%;
  font-size: 18px;
  color: #F1F1F1;
  margin-bottom: 18px;
}
.index .team__romain {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.index .team__romain .romain__icon {
  width: 131px;
  height: 131px;
  margin-bottom: 18px;
  background-color: #1e2046;
}
.index .team__romain .romain__title {
  width: 100%;
  text-align: center;
  font-size: 36px;
  color: #FCEE09;
  margin-bottom: 18px;
}
.index .team__romain .romain__text {
  width: 100%;
  font-size: 18px;
  color: #F1F1F1;
  margin-bottom: 18px;
}
@media only screen and (min-width: 700px) {
  .index .team {
    max-width: 80%;
    margin-top: 249px;
  }
  .index .team__content {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .index .team__title {
    font-size: 52px;
    margin-bottom: 52px;
  }
  .index .team__dylan {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 88px;
    margin-bottom: 52px;
    margin-bottom: 88px;
  }
  .index .team__dylan .dylan__content {
    display: flex;
    flex-direction: column;
    width: 580px;
  }
  .index .team__dylan .dylan__icon {
    width: 131px;
    height: 131px;
    margin-bottom: 22px;
  }
  .index .team__dylan .dylan__title {
    text-align: left;
    font-size: 44px;
    margin-bottom: 22px;
  }
  .index .team__dylan .dylan__text {
    font-size: 22px;
  }
  .index .team__thibault {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    gap: 88px;
    margin-bottom: 52px;
    margin-bottom: 88px;
  }
  .index .team__thibault .thibault__content {
    display: flex;
    flex-direction: column;
    width: 580px;
  }
  .index .team__thibault .thibault__icon {
    width: 131px;
    height: 131px;
    margin-bottom: 22px;
  }
  .index .team__thibault .thibault__title {
    text-align: left;
    font-size: 44px;
    margin-bottom: 22px;
  }
  .index .team__thibault .thibault__text {
    font-size: 22px;
  }
  .index .team__noa {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 88px;
    margin-bottom: 52px;
    margin-bottom: 88px;
  }
  .index .team__noa .noa__content {
    display: flex;
    flex-direction: column;
    width: 580px;
  }
  .index .team__noa .noa__icon {
    width: 131px;
    height: 131px;
    margin-bottom: 22px;
  }
  .index .team__noa .noa__title {
    text-align: left;
    font-size: 44px;
    margin-bottom: 22px;
  }
  .index .team__noa .noa__text {
    font-size: 22px;
  }
  .index .team__romain {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    gap: 88px;
    margin-bottom: 52px;
    margin-bottom: 88px;
  }
  .index .team__romain .romain__content {
    display: flex;
    flex-direction: column;
    width: 580px;
  }
  .index .team__romain .romain__icon {
    width: 131px;
    height: 131px;
    margin-bottom: 22px;
  }
  .index .team__romain .romain__title {
    text-align: left;
    font-size: 44px;
    margin-bottom: 22px;
  }
  .index .team__romain .romain__text {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1200px) {
  .index .team {
    max-width: 70%;
  }
  .index .team__dylan {
    gap: 176px;
  }
  .index .team__dylan .dylan__icon {
    width: 200px;
    height: 200px;
  }
  .index .team__thibault {
    gap: 176px;
  }
  .index .team__thibault .thibault__icon {
    width: 200px;
    height: 200px;
  }
  .index .team__noa {
    gap: 176px;
  }
  .index .team__noa .noa__icon {
    width: 200px;
    height: 200px;
  }
  .index .team__romain {
    gap: 176px;
  }
  .index .team__romain .romain__icon {
    width: 200px;
    height: 200px;
  }
}
.index .background {
  display: none;
}
@media only screen and (min-width: 1200px) {
  .index .background {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 20;
    top: 80vh;
  }
  .index .background__vaisseau {
    width: 150px;
    height: auto;
    position: absolute;
    -webkit-animation: ovni 10s linear infinite;
            animation: ovni 10s linear infinite;
  }
  .index .background__vaisseau:nth-child(1) {
    right: 44px;
  }
  .index .background__vaisseau:nth-child(2) {
    left: 44px;
    top: 100vh;
  }
  .index .background__vaisseau:nth-child(3) {
    right: 44px;
    top: 170vh;
  }
  .index .background__vaisseau:nth-child(4) {
    left: 44px;
    top: 220vh;
  }
  .index .background__vaisseau:nth-child(5) {
    right: 44px;
    top: 270vh;
    width: 200px;
  }
  .index .background__vaisseau:nth-child(6) {
    left: 44px;
    top: 330vh;
    width: 200px;
  }
}
@-webkit-keyframes ovni {
  10% {
    transform: translateX(0px) translateY(10px);
  }
  20% {
    transform: translateX(-5px) translateY(5px);
  }
  30% {
    transform: translateX(-10px) translateY(0px);
  }
  40% {
    transform: translateX(-5px) translateY(-5px);
  }
  50% {
    transform: translateX(0px) translateY(-10px);
  }
  60% {
    transform: translateX(0px) translateY(-10px);
  }
  70% {
    transform: translateX(5px) translateY(-5px);
  }
  80% {
    transform: translateX(10px) translateY(0px);
  }
  90% {
    transform: translateX(5px) translateY(5px);
  }
  100% {
    transform: translateX(0px) translateY(0px);
  }
}
@keyframes ovni {
  10% {
    transform: translateX(0px) translateY(10px);
  }
  20% {
    transform: translateX(-5px) translateY(5px);
  }
  30% {
    transform: translateX(-10px) translateY(0px);
  }
  40% {
    transform: translateX(-5px) translateY(-5px);
  }
  50% {
    transform: translateX(0px) translateY(-10px);
  }
  60% {
    transform: translateX(0px) translateY(-10px);
  }
  70% {
    transform: translateX(5px) translateY(-5px);
  }
  80% {
    transform: translateX(10px) translateY(0px);
  }
  90% {
    transform: translateX(5px) translateY(5px);
  }
  100% {
    transform: translateX(0px) translateY(0px);
  }
}
.index .footer {
  width: 100%;
  background-color: #FCEE09;
  margin-top: 102px;
  padding: 25px 0px 25px;
}
.index .footer__content {
  width: 90%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  margin: 0 auto;
}
.index .footer__content a {
  background-color: transparent;
  color: #1e2046;
  font-size: 18px;
  font-family: "VT323", monospace;
}
.index .footer__content a:visited {
  color: #880000;
}
.index .footer__content a:hover {
  color: #00354a;
}
.index .footer__content a:active {
  color: #1e2046;
}
.index .footer__content p, .index .footer__content small {
  background-color: transparent;
  color: #1e2046;
  font-size: 18px;
  font-family: "VT323", monospace;
}
.index .footer__list {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 18px;
  margin-bottom: 18px;
}
.index .footer__dwt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.index .footer__dwt .link__dwt {
  width: 50px;
  height: auto;
}
.index .footer__credits {
  display: flex;
  flex-direction: row;
  gap: 18px;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 700px) {
  .index .footer {
    margin-top: 176px;
  }
  .index .footer__content a, .index .footer__content p, .index .footer__content small {
    background-color: transparent;
    font-size: 22px;
  }
  .index .footer__list {
    flex-direction: row;
    gap: 22px;
    margin-bottom: 22px;
  }
  .index .footer__dwt {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 88px;
    width: 100%;
  }
  .index .footer__dwt .link__dwt {
    width: 70px;
  }
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  cursor: url(../assets/images/cursor-yellow.cur), auto;
}

.body {
  background-color: #1e2046;
  cursor: url(../assets/images/cursor-yellow.cur), auto;
}

.text {
  line-height: 140%;
  font-family: "VT323", monospace;
  color: #FCEE09;
  margin-bottom: 20px;
}
.text--last {
  margin-bottom: 0;
}

.wrapper {
  max-width: 95%;
  margin: 0 auto;
}

.presentation {
  width: 90%;
  margin: 0 auto;
}
.presentation--hide {
  display: none;
}
.presentation__content {
  margin-top: 56px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.presentation__title {
  font-family: "VT323", monospace;
  font-weight: 100;
  font-size: 57px;
  color: #FCEE09;
  margin: 0 0 56px;
}
.presentation__text {
  font-family: "VT323", monospace;
  font-size: 20px;
  color: #FCEE09;
}
.presentation__btn {
  cursor: url(../assets/images/cursor-yellow-pointer.cur), pointer;
  border: none;
  box-shadow: -5px 0 0 0 #FCEE09, 5px 0 0 0 #FCEE09, 0 -5px 0 0 #FCEE09, 0 5px 0 0 #FCEE09;
  padding: 14px 20px;
  background-color: #1e2046;
  font-family: "Pixelify Sans", sans-serif;
  font-size: 20px;
  color: #FCEE09;
  margin: 56px 0;
  transition: 0.1s ease-in-out;
  display: flex;
  justify-content: center;
  align-items: center;
}
.presentation__btn:hover {
  background-color: #FCEE09;
  color: #1e2046;
}
.presentation__btn:active {
  transform: scale(1.1);
}

.data {
  font-family: "Pixelify Sans", sans-serif;
  color: #F1F1F1;
  display: none;
}
.data--show {
  display: block;
}
.data__slider {
  opacity: 0.2;
  margin-left: 20px;
  width: 100%;
}
.data__slider--show {
  opacity: 1;
}
.data__input {
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  width: 100%;
  height: 5px;
  background: #FCEE09;
  border-radius: 0px;
  cursor: url(../assets/images/cursor-yellow-pointer.cur), pointer;
}
.data__input::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  background-image: url("../assets/images/shapes/diamond.svg");
  background-size: cover;
  border-radius: 0px;
  cursor: url(../assets/images/cursor-yellow-pointer.cur), pointer;
}
.data__input::-webkit-slider-thumb:hover {
  transform: scale(1.2);
}
.data__input::-moz-range-thumb {
  -moz-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  background-image: url("../assets/images/shapes/diamond.svg");
  background-size: cover;
  border-radius: 0px;
  border: 0;
  background-color: rgba(0, 0, 0, 0);
  cursor: url(../assets/images/cursor-yellow-pointer.cur), pointer;
}
.data__input::-moz-range-thumb:hover {
  transform: scale(1.2);
}
.data__date {
  position: relative;
  display: inline;
  font-size: 28px;
  font-family: "VT323", monospace;
}
.data__app {
  padding: 56px 0;
}
.data__container {
  display: flex;
  justify-content: space-around;
  flex-direction: column;
  align-items: center;
}
.data__map {
  width: 90%;
  margin: 0 auto;
  box-shadow: -5px 0 0 0 #FCEE09, 5px 0 0 0 #FCEE09, 0 -5px 0 0 #FCEE09, 0 5px 0 0 #FCEE09;
  padding: 20px;
  position: relative;
  overflow: hidden;
}
.data__map svg {
  transform-origin: center;
  transform: scale(1) translate(0px, 0px);
  transition: 0s;
  cursor: url(../assets/images/cursor-yellow-grab.cur), -webkit-grab;
  cursor: url(../assets/images/cursor-yellow-grab.cur), grab;
}
.data__zoom {
  position: absolute;
  top: 22px;
  left: 22px;
}
.data__zoom .zoom__el {
  width: 22px;
  height: 22px;
  background: #1e2046;
  box-shadow: -3px 0 0 0 #FCEE09, 3px 0 0 0 #FCEE09, 0 -3px 0 0 #FCEE09, 0 3px 0 0 #FCEE09;
  border: none;
  margin: 0 20px 0 0;
  cursor: url(../assets/images/cursor-yellow-pointer.cur), pointer;
  transition: 0.1s ease-in-out;
}
.data__zoom .zoom__el:hover {
  background-color: #FCEE09;
}
.data__zoom .zoom__el:hover img {
  filter: invert(100%);
}
.data__zoom .zoom__el:active {
  transform: scale(1.1);
}
.data__zoom .zoom__el--random {
  width: 100%;
  height: 100%;
  margin-top: 20px;
  font-size: 20px;
  transform: scale(1.05);
}
.data__zoom .zoom__el--random:hover {
  color: #1e2046;
}
.data__country {
  cursor: url(../assets/images/cursor-yellow-pointer.cur), pointer;
  fill: #FCEE09;
}
.data__country:hover {
  fill: #ff4646;
}
.data__country:active {
  transform: scale(1.002);
}
.data__country--active {
  fill: #ff4646;
}
.data__allcontent {
  width: 90%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.data__inputs {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}
.data__selector {
  display: flex;
  flex-direction: row;
}
.data__selector label {
  margin-right: 15px;
}
.data__checkbox {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 0px;
  background-color: #1e2046;
  box-shadow: -3px 0 0 0 #FCEE09, 3px 0 0 0 #FCEE09, 0 -3px 0 0 #FCEE09, 0 3px 0 0 #FCEE09;
  transition: 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  position: relative;
  display: flex;
  flex-direction: row;
}
.data__checkbox:checked::before {
  content: url(../assets/images/shapes/flash.svg);
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fdf466;
}
.data__checkbox:hover {
  background-color: #fdf466;
  cursor: url(../assets/images/cursor-yellow-pointer.cur), pointer;
}
.data__checkbox:active {
  transform: scale(1.1);
}
.data__content {
  font-size: 20px;
  margin-top: 114px;
}
.data__content--show {
  display: block;
}
.data__list {
  margin: 40px 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
}
.data__el {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 10px;
}
.data__important {
  color: #ff4646;
  font-size: 40px;
  font-family: "VT323", monospace;
}
.data__title {
  font-family: "VT323", monospace;
  font-size: 40px;
  margin-bottom: 20px;
  font-weight: 100;
}
.data__text {
  font-family: "VT323", monospace;
  font-size: 20px;
}
.data__picto {
  width: 10px;
}
.data__picto--back {
  width: 40px;
}
.data__butn {
  cursor: url(../assets/images/cursor-yellow-pointer.cur), pointer;
  border: none;
  background-color: #1e2046;
  font-family: "Pixelify Sans", sans-serif;
  font-size: 20px;
  color: #FCEE09;
  transition: 0.1s ease-in-out;
}
.data__butn:active {
  transform: scale(1.1);
}
.data__back {
  margin-top: 40px;
  position: fixed;
  top: -30px;
  left: 15px;
}

.shapes__list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 40px;
}
.shapes__el {
  flex-basis: calc(5% - 20px);
}
.shapes__btn {
  border: none;
  width: 44px;
  height: 44px;
  box-shadow: -3px 0 0 0 #FCEE09, 3px 0 0 0 #FCEE09, 0 -3px 0 0 #FCEE09, 0 3px 0 0 #FCEE09;
  background-color: #1e2046;
  cursor: url(../assets/images/cursor-yellow-pointer.cur), pointer;
  padding: 5px;
}
.shapes__btn:hover {
  background-color: #FCEE09;
}
.shapes__btn:active {
  transform: scale(1.1);
}
.shapes__btn--active {
  background-color: #FCEE09;
}

.tooltip {
  position: fixed;
  background-color: rgba(5, 10, 14, 0.8);
  box-shadow: -3px 0 0 0 rgba(5, 10, 14, 0.8), 3px 0 0 0 rgba(5, 10, 14, 0.8), 0 -3px 0 0 rgba(5, 10, 14, 0.8), 0 3px 0 0 rgba(5, 10, 14, 0.8);
  font-size: 14px;
  color: #F1F1F1;
  padding: 5px 7px;
  pointer-events: none;
  display: none;
}

.btn-franz, .herr-uption {
  display: none;
}

.credits {
  background-color: #1E2046;
  color: #FCEE09;
  align-items: center;
  font-size: 22px;
  font-family: "VT323", monospace;
}
.credits__menu {
  margin-top: 40px;
}
.credits .credits__wrapper {
  max-width: 90%;
  margin: 0 auto;
}
.credits__btn {
  text-decoration: none;
  transition: 0.3s ease-in-out;
  color: #FCEE09;
  display: flex;
  align-items: center;
}
.credits__btn:hover {
  color: #FF4646;
  text-decoration: none;
}
.credits__icon {
  padding: 0 11px 0 0;
  width: 5%;
}
.credits__title--h1 {
  margin: 56px 0;
  font-size: 80px;
}
.credits__title--h2 {
  margin-bottom: 56px;
  font-size: 40px;
}
.credits__title--h3 {
  margin-bottom: 20px;
  font-size: 28px;
}
.credits__list {
  margin-bottom: 56px;
  padding: 0;
}
.credits__el {
  margin-bottom: 20px;
  font-size: 22px;
}

@media only screen and (max-height: 667px) {
  .presentation__content {
    align-items: inherit;
  }
  .presentation__title {
    font-size: 28px;
  }
}
@media only screen and (min-width: 640px) {
  .credits__wrapper {
    width: 80%;
  }

  .credits {
    font-size: 20px;
  }
  .credits__title--h1 {
    margin: 56px 0;
    font-size: 176px;
  }
  .credits__title--h2 {
    margin-bottom: 56px;
    font-size: 88px;
  }
  .credits__title--h3 {
    margin-bottom: 22px;
    font-size: 52px;
  }
  .credits__list {
    margin-bottom: 66px;
    padding: 0;
  }
  .credits__el {
    margin-bottom: 22px;
    font-size: 22px;
  }
}
@media only screen and (min-width: 640px) {
  .data {
    flex-direction: column;
  }
}
@media only screen and (min-width: 840px) {
  .presentation__text {
    width: 75%;
  }
}
@media only screen and (min-width: 1080px) {
  .presentation__text {
    width: 70%;
  }
}
@media only screen and (min-width: 1200px) {
  .credits__wrapper {
    width: 70%;
  }

  .credits {
    font-size: 22px;
  }
  .credits__title--h1 {
    margin: 56px 0;
    font-size: 176px;
  }
  .credits__title--h2 {
    margin-bottom: 56px;
    font-size: 88px;
  }
  .credits__title--h3 {
    margin-bottom: 22px;
    font-size: 52px;
  }
  .credits__list {
    margin-bottom: 66px;
    padding: 0;
  }
  .credits__el {
    margin-bottom: 22px;
    font-size: 22px;
  }
}
@media only screen and (min-width: 1440px) {
  .body {
    overflow: hidden;
  }

  .presentation {
    width: 100%;
  }
  .presentation__content {
    margin-top: 114px;
  }
  .presentation__title {
    font-size: 80px;
    margin: 40px 0 56px;
  }
  .presentation__text {
    font-size: 28px;
  }
  .presentation__btn {
    margin: 80px 0 0 0;
  }

  .data__container {
    flex-direction: row;
  }
  .data__map {
    min-width: 25%;
    width: 35%;
    max-width: 60%;
    margin: inherit;
  }
  .data__allcontent {
    width: 45%;
    justify-content: space-between;
  }
  .data__important {
    font-size: 57px;
  }
  .data__title {
    font-size: 80px;
  }

  .shapes__list {
    margin: 0;
  }

  .btn-franz, .herr-uption {
    display: block;
  }

  .btn-franz:hover {
    transform: scale(1.5);
  }
}
@media only screen and (min-width: 1440px) and (max-height: 667px) {
  .presentation__content {
    margin-top: 40px;
  }
  .presentation__title {
    font-size: 57px;
    margin: 40px 0 40px;
  }
}
.btn-franz {
  bottom: -50px;
  font-size: 3.75em;
  right: -25px;
  position: absolute;
  transform: rotate(-45deg);
  z-index: 1;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background-color: rgba(0, 0, 0, 0);
  cursor: url(../assets/images/cursor-yellow-pointer.cur), pointer;
}
.btn-franz:active {
  transform: scale(2);
}
@media (min-width: 700px) {
  .btn-franz {
    font-size: 7.5em;
  }
}

span {
  -webkit-animation: none;
          animation: none;
}

.animation {
  -webkit-animation: pop 4s infinite ease-in;
          animation: pop 4s infinite ease-in;
  border-radius: 50%;
  bottom: 60px;
  height: 78px;
  width: 78px;
  right: -25px;
  position: absolute;
}
@media (min-width: 700px) {
  .animation {
    bottom: -50px;
    height: 78px;
    width: 78px;
  }
}
.animation:nth-child(1) {
  -webkit-animation-delay: -3.0972155713s;
          animation-delay: -3.0972155713s;
  -webkit-animation-duration: 2.8607824925s;
          animation-duration: 2.8607824925s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 50.6691954933vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(1) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(2) {
  -webkit-animation-delay: -2.4077605279s;
          animation-delay: -2.4077605279s;
  -webkit-animation-duration: 4.0870564176s;
          animation-duration: 4.0870564176s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 37.0891120744vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(2) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(3) {
  -webkit-animation-delay: -1.5474294559s;
          animation-delay: -1.5474294559s;
  -webkit-animation-duration: 2.514338104s;
          animation-duration: 2.514338104s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 41.0051293021vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(3) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(4) {
  -webkit-animation-delay: -4.5877305832s;
          animation-delay: -4.5877305832s;
  -webkit-animation-duration: 3.8128148386s;
          animation-duration: 3.8128148386s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-7.9756322807vw, 0px, 0px) rotate(-250deg);
  transform-origin: -26.4823752414vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(4) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(5) {
  -webkit-animation-delay: -5.7712600781s;
          animation-delay: -5.7712600781s;
  -webkit-animation-duration: 5.5045212448s;
          animation-duration: 5.5045212448s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-15.5849536254vw, 0px, 0px) rotate(-250deg);
  transform-origin: -28.52424683vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(5) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(6) {
  -webkit-animation-delay: -3.7424902938s;
          animation-delay: -3.7424902938s;
  -webkit-animation-duration: 3.0538332884s;
          animation-duration: 3.0538332884s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-28.2341031657vw, 0px, 0px) rotate(-250deg);
  transform-origin: -41.2647120055vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(6) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(7) {
  -webkit-animation-delay: -3.5864213251s;
          animation-delay: -3.5864213251s;
  -webkit-animation-duration: 3.8454677049s;
          animation-duration: 3.8454677049s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-28.2581496087vw, 0px, 0px) rotate(-250deg);
  transform-origin: -30.1318487479vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(7) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(8) {
  -webkit-animation-delay: -3.4016848574s;
          animation-delay: -3.4016848574s;
  -webkit-animation-duration: 3.5871298564s;
          animation-duration: 3.5871298564s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-36.3124467418vw, 0px, 0px) rotate(-250deg);
  transform-origin: -28.2197511228vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(8) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(9) {
  -webkit-animation-delay: -0.1819645767s;
          animation-delay: -0.1819645767s;
  -webkit-animation-duration: 2.2414456334s;
          animation-duration: 2.2414456334s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-7.0684328493vw, 0px, 0px) rotate(-250deg);
  transform-origin: -32.6319520251vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(9) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(10) {
  -webkit-animation-delay: -0.2118428878s;
          animation-delay: -0.2118428878s;
  -webkit-animation-duration: 5.5050517951s;
          animation-duration: 5.5050517951s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 57.5856881186vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(10) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(11) {
  -webkit-animation-delay: -1.8653290112s;
          animation-delay: -1.8653290112s;
  -webkit-animation-duration: 4.8562540355s;
          animation-duration: 4.8562540355s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 24.1280407308vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(11) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(12) {
  -webkit-animation-delay: -3.3563518181s;
          animation-delay: -3.3563518181s;
  -webkit-animation-duration: 3.6101289326s;
          animation-duration: 3.6101289326s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 34.8579822329vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(12) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(13) {
  -webkit-animation-delay: -2.3162996006s;
          animation-delay: -2.3162996006s;
  -webkit-animation-duration: 2.4527143951s;
          animation-duration: 2.4527143951s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 37.5494435148vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(13) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(14) {
  -webkit-animation-delay: -1.5211404766s;
          animation-delay: -1.5211404766s;
  -webkit-animation-duration: 2.0454677141s;
          animation-duration: 2.0454677141s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 56.6430743139vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(14) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(15) {
  -webkit-animation-delay: -0.106979249s;
          animation-delay: -0.106979249s;
  -webkit-animation-duration: 3.6932121085s;
          animation-duration: 3.6932121085s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-9.2313560824vw, 0px, 0px) rotate(-250deg);
  transform-origin: -45.737952226vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(15) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(16) {
  -webkit-animation-delay: -3.0387273768s;
          animation-delay: -3.0387273768s;
  -webkit-animation-duration: 4.5886067111s;
          animation-duration: 4.5886067111s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-37.1889638593vw, 0px, 0px) rotate(-250deg);
  transform-origin: -33.0779288661vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(16) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(17) {
  -webkit-animation-delay: -2.1204045684s;
          animation-delay: -2.1204045684s;
  -webkit-animation-duration: 5.3785405815s;
          animation-duration: 5.3785405815s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-29.0102183408vw, 0px, 0px) rotate(-250deg);
  transform-origin: -25.6174308377vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(17) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(18) {
  -webkit-animation-delay: -2.6442170441s;
          animation-delay: -2.6442170441s;
  -webkit-animation-duration: 5.8121107861s;
          animation-duration: 5.8121107861s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-49.1197656738vw, 0px, 0px) rotate(-250deg);
  transform-origin: -42.9786446731vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(18) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(19) {
  -webkit-animation-delay: -3.7126726985s;
          animation-delay: -3.7126726985s;
  -webkit-animation-duration: 5.9799320353s;
          animation-duration: 5.9799320353s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-27.2958786617vw, 0px, 0px) rotate(-250deg);
  transform-origin: -37.0013906819vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(19) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(20) {
  -webkit-animation-delay: -4.6526402232s;
          animation-delay: -4.6526402232s;
  -webkit-animation-duration: 3.2349267651s;
          animation-duration: 3.2349267651s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 37.8126143579vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(20) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(21) {
  -webkit-animation-delay: -2.6633096015s;
          animation-delay: -2.6633096015s;
  -webkit-animation-duration: 3.9262156998s;
          animation-duration: 3.9262156998s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-0.0767165145vw, 0px, 0px) rotate(-250deg);
  transform-origin: -49.1863855754vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(21) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(22) {
  -webkit-animation-delay: -1.777226048s;
          animation-delay: -1.777226048s;
  -webkit-animation-duration: 5.0035506446s;
          animation-duration: 5.0035506446s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-11.1612693158vw, 0px, 0px) rotate(-250deg);
  transform-origin: -22.2608018962vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(22) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(23) {
  -webkit-animation-delay: -0.0193393293s;
          animation-delay: -0.0193393293s;
  -webkit-animation-duration: 3.6352079394s;
          animation-duration: 3.6352079394s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-6.5677781236vw, 0px, 0px) rotate(-250deg);
  transform-origin: -28.0921810072vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(23) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(24) {
  -webkit-animation-delay: -0.1280069271s;
          animation-delay: -0.1280069271s;
  -webkit-animation-duration: 5.3237952159s;
          animation-duration: 5.3237952159s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-20.7546797666vw, 0px, 0px) rotate(-250deg);
  transform-origin: -24.5921649909vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(24) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(25) {
  -webkit-animation-delay: -0.5315623914s;
          animation-delay: -0.5315623914s;
  -webkit-animation-duration: 3.0015395531s;
          animation-duration: 3.0015395531s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 25.3893730937vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(25) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(26) {
  -webkit-animation-delay: -5.2331778654s;
          animation-delay: -5.2331778654s;
  -webkit-animation-duration: 4.4124297506s;
          animation-duration: 4.4124297506s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-30.8204764607vw, 0px, 0px) rotate(-250deg);
  transform-origin: -25.4049988041vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(26) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(27) {
  -webkit-animation-delay: -0.2145370395s;
          animation-delay: -0.2145370395s;
  -webkit-animation-duration: 3.6559647611s;
          animation-duration: 3.6559647611s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-0.6378032031vw, 0px, 0px) rotate(-250deg);
  transform-origin: -45.108512648vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(27) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(28) {
  -webkit-animation-delay: -4.9867474786s;
          animation-delay: -4.9867474786s;
  -webkit-animation-duration: 2.4351000566s;
          animation-duration: 2.4351000566s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-47.0697631949vw, 0px, 0px) rotate(-250deg);
  transform-origin: -34.5493164037vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(28) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(29) {
  -webkit-animation-delay: -2.7453281723s;
          animation-delay: -2.7453281723s;
  -webkit-animation-duration: 2.4571122986s;
          animation-duration: 2.4571122986s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-28.2531171173vw, 0px, 0px) rotate(-250deg);
  transform-origin: -59.960687605vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(29) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(30) {
  -webkit-animation-delay: -3.5722110026s;
          animation-delay: -3.5722110026s;
  -webkit-animation-duration: 5.0585606488s;
          animation-duration: 5.0585606488s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-35.5607764758vw, 0px, 0px) rotate(-250deg);
  transform-origin: -40.9471314746vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(30) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(31) {
  -webkit-animation-delay: -3.0500766653s;
          animation-delay: -3.0500766653s;
  -webkit-animation-duration: 4.6064439951s;
          animation-duration: 4.6064439951s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 28.7872939708vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(31) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(32) {
  -webkit-animation-delay: -0.0861644878s;
          animation-delay: -0.0861644878s;
  -webkit-animation-duration: 3.6519007772s;
          animation-duration: 3.6519007772s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 33.3867704817vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(32) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(33) {
  -webkit-animation-delay: -5.0645684101s;
          animation-delay: -5.0645684101s;
  -webkit-animation-duration: 5.5251880638s;
          animation-duration: 5.5251880638s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 27.7043582642vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(33) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(34) {
  -webkit-animation-delay: -3.9654777372s;
          animation-delay: -3.9654777372s;
  -webkit-animation-duration: 3.7757036504s;
          animation-duration: 3.7757036504s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 41.202146395vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(34) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(35) {
  -webkit-animation-delay: -1.5626360031s;
          animation-delay: -1.5626360031s;
  -webkit-animation-duration: 5.350707676s;
          animation-duration: 5.350707676s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-49.4127293753vw, 0px, 0px) rotate(-250deg);
  transform-origin: -50.8702817801vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(35) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(36) {
  -webkit-animation-delay: -4.2732726379s;
          animation-delay: -4.2732726379s;
  -webkit-animation-duration: 3.0187433138s;
          animation-duration: 3.0187433138s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 52.7013642743vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(36) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(37) {
  -webkit-animation-delay: -1.7663116962s;
          animation-delay: -1.7663116962s;
  -webkit-animation-duration: 3.6721608989s;
          animation-duration: 3.6721608989s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-14.7976335366vw, 0px, 0px) rotate(-250deg);
  transform-origin: -52.856907585vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(37) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(38) {
  -webkit-animation-delay: -2.4668697971s;
          animation-delay: -2.4668697971s;
  -webkit-animation-duration: 3.544501085s;
          animation-duration: 3.544501085s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-46.2499342304vw, 0px, 0px) rotate(-250deg);
  transform-origin: -53.5475438308vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(38) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(39) {
  -webkit-animation-delay: -4.3741903437s;
          animation-delay: -4.3741903437s;
  -webkit-animation-duration: 3.5309926521s;
          animation-duration: 3.5309926521s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-42.2100284192vw, 0px, 0px) rotate(-250deg);
  transform-origin: -33.1751802383vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(39) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(40) {
  -webkit-animation-delay: -0.7643462431s;
          animation-delay: -0.7643462431s;
  -webkit-animation-duration: 3.8351231086s;
          animation-duration: 3.8351231086s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 20.0956885041vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(40) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(41) {
  -webkit-animation-delay: -2.7091276111s;
          animation-delay: -2.7091276111s;
  -webkit-animation-duration: 4.1668555458s;
          animation-duration: 4.1668555458s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 33.5236677474vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(41) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(42) {
  -webkit-animation-delay: -3.949133385s;
          animation-delay: -3.949133385s;
  -webkit-animation-duration: 5.3345660426s;
          animation-duration: 5.3345660426s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 34.5415169005vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(42) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(43) {
  -webkit-animation-delay: -4.6244741878s;
          animation-delay: -4.6244741878s;
  -webkit-animation-duration: 4.4624757626s;
          animation-duration: 4.4624757626s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-39.501737293vw, 0px, 0px) rotate(-250deg);
  transform-origin: -23.9833939385vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(43) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(44) {
  -webkit-animation-delay: -5.1151876249s;
          animation-delay: -5.1151876249s;
  -webkit-animation-duration: 3.3839286587s;
          animation-duration: 3.3839286587s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 34.3200867073vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(44) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(45) {
  -webkit-animation-delay: -5.5973984301s;
          animation-delay: -5.5973984301s;
  -webkit-animation-duration: 4.2310766382s;
          animation-duration: 4.2310766382s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 36.7174770478vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(45) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(46) {
  -webkit-animation-delay: -4.8787411299s;
          animation-delay: -4.8787411299s;
  -webkit-animation-duration: 4.0444024843s;
          animation-duration: 4.0444024843s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-16.9208762304vw, 0px, 0px) rotate(-250deg);
  transform-origin: -40.8728305886vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(46) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(47) {
  -webkit-animation-delay: -3.6689730806s;
          animation-delay: -3.6689730806s;
  -webkit-animation-duration: 2.3811687033s;
          animation-duration: 2.3811687033s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 35.2360052881vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(47) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(48) {
  -webkit-animation-delay: -1.7213952918s;
          animation-delay: -1.7213952918s;
  -webkit-animation-duration: 3.8463634959s;
          animation-duration: 3.8463634959s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-48.4434956512vw, 0px, 0px) rotate(-250deg);
  transform-origin: -35.3836982916vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(48) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(49) {
  -webkit-animation-delay: -4.4742789066s;
          animation-delay: -4.4742789066s;
  -webkit-animation-duration: 5.7317579478s;
          animation-duration: 5.7317579478s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 26.59967173vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(49) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(50) {
  -webkit-animation-delay: -0.3131112587s;
          animation-delay: -0.3131112587s;
  -webkit-animation-duration: 2.069437147s;
          animation-duration: 2.069437147s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-38.2121472052vw, 0px, 0px) rotate(-250deg);
  transform-origin: -54.8338501111vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(50) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(51) {
  -webkit-animation-delay: -5.0849426173s;
          animation-delay: -5.0849426173s;
  -webkit-animation-duration: 3.5948085364s;
          animation-duration: 3.5948085364s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-34.6581060109vw, 0px, 0px) rotate(-250deg);
  transform-origin: -40.7453166345vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(51) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(52) {
  -webkit-animation-delay: -2.408671078s;
          animation-delay: -2.408671078s;
  -webkit-animation-duration: 3.8841616317s;
          animation-duration: 3.8841616317s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-11.0926908743vw, 0px, 0px) rotate(-250deg);
  transform-origin: -47.0596203858vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(52) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(53) {
  -webkit-animation-delay: -2.3226019902s;
          animation-delay: -2.3226019902s;
  -webkit-animation-duration: 2.4057666049s;
          animation-duration: 2.4057666049s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-25.0779059342vw, 0px, 0px) rotate(-250deg);
  transform-origin: -53.9068681724vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(53) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(54) {
  -webkit-animation-delay: -3.6012366666s;
          animation-delay: -3.6012366666s;
  -webkit-animation-duration: 2.4362583843s;
          animation-duration: 2.4362583843s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 40.9402085148vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(54) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(55) {
  -webkit-animation-delay: -4.6109352198s;
          animation-delay: -4.6109352198s;
  -webkit-animation-duration: 3.5931197798s;
          animation-duration: 3.5931197798s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 49.4315915755vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(55) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(56) {
  -webkit-animation-delay: -4.9363365346s;
          animation-delay: -4.9363365346s;
  -webkit-animation-duration: 4.8183641318s;
          animation-duration: 4.8183641318s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 38.9471250725vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(56) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(57) {
  -webkit-animation-delay: -2.3754756018s;
          animation-delay: -2.3754756018s;
  -webkit-animation-duration: 2.3810802382s;
          animation-duration: 2.3810802382s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-25.2996600354vw, 0px, 0px) rotate(-250deg);
  transform-origin: -20.9555648853vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(57) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(58) {
  -webkit-animation-delay: -2.1908388809s;
          animation-delay: -2.1908388809s;
  -webkit-animation-duration: 2.6444800754s;
          animation-duration: 2.6444800754s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 49.281863256vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(58) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(59) {
  -webkit-animation-delay: -1.492518939s;
          animation-delay: -1.492518939s;
  -webkit-animation-duration: 4.9228412161s;
          animation-duration: 4.9228412161s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 48.0545578744vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(59) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(60) {
  -webkit-animation-delay: -3.6286599983s;
          animation-delay: -3.6286599983s;
  -webkit-animation-duration: 3.6184238884s;
          animation-duration: 3.6184238884s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-1.248939643vw, 0px, 0px) rotate(-250deg);
  transform-origin: -35.4171830402vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(60) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(61) {
  -webkit-animation-delay: -0.8036412433s;
          animation-delay: -0.8036412433s;
  -webkit-animation-duration: 3.338660513s;
          animation-duration: 3.338660513s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-6.5059347475vw, 0px, 0px) rotate(-250deg);
  transform-origin: -46.0671702249vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(61) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(62) {
  -webkit-animation-delay: -2.5842724577s;
          animation-delay: -2.5842724577s;
  -webkit-animation-duration: 2.5320891841s;
          animation-duration: 2.5320891841s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 42.3455274719vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(62) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(63) {
  -webkit-animation-delay: -3.4439063251s;
          animation-delay: -3.4439063251s;
  -webkit-animation-duration: 3.8756839226s;
          animation-duration: 3.8756839226s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 45.3969205999vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(63) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(64) {
  -webkit-animation-delay: -2.4192955404s;
          animation-delay: -2.4192955404s;
  -webkit-animation-duration: 5.1555606769s;
          animation-duration: 5.1555606769s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-13.3688665274vw, 0px, 0px) rotate(-250deg);
  transform-origin: -49.9121001667vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(64) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(65) {
  -webkit-animation-delay: -2.5476592569s;
          animation-delay: -2.5476592569s;
  -webkit-animation-duration: 2.2872610506s;
          animation-duration: 2.2872610506s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-44.1236480872vw, 0px, 0px) rotate(-250deg);
  transform-origin: -24.418718267vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(65) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(66) {
  -webkit-animation-delay: -0.1260709607s;
          animation-delay: -0.1260709607s;
  -webkit-animation-duration: 4.7888348038s;
          animation-duration: 4.7888348038s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 53.901526628vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(66) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(67) {
  -webkit-animation-delay: -4.0317640747s;
          animation-delay: -4.0317640747s;
  -webkit-animation-duration: 3.4514697513s;
          animation-duration: 3.4514697513s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 44.7857162032vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(67) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(68) {
  -webkit-animation-delay: -4.8218584344s;
          animation-delay: -4.8218584344s;
  -webkit-animation-duration: 5.1313699619s;
          animation-duration: 5.1313699619s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 34.3019359998vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(68) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(69) {
  -webkit-animation-delay: -3.4928707143s;
          animation-delay: -3.4928707143s;
  -webkit-animation-duration: 5.3924703199s;
          animation-duration: 5.3924703199s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-40.9056456857vw, 0px, 0px) rotate(-250deg);
  transform-origin: -30.3589394378vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(69) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(70) {
  -webkit-animation-delay: -1.1063430013s;
          animation-delay: -1.1063430013s;
  -webkit-animation-duration: 2.4535357378s;
          animation-duration: 2.4535357378s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-23.1498569361vw, 0px, 0px) rotate(-250deg);
  transform-origin: -55.8234731754vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(70) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(71) {
  -webkit-animation-delay: -4.6169302578s;
          animation-delay: -4.6169302578s;
  -webkit-animation-duration: 4.6863303081s;
          animation-duration: 4.6863303081s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-7.6280435332vw, 0px, 0px) rotate(-250deg);
  transform-origin: -34.053336212vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(71) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(72) {
  -webkit-animation-delay: -4.4718126491s;
          animation-delay: -4.4718126491s;
  -webkit-animation-duration: 3.8193148398s;
          animation-duration: 3.8193148398s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-28.2466426159vw, 0px, 0px) rotate(-250deg);
  transform-origin: -42.4594462871vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(72) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(73) {
  -webkit-animation-delay: -2.0181687493s;
          animation-delay: -2.0181687493s;
  -webkit-animation-duration: 5.3964449756s;
          animation-duration: 5.3964449756s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-49.290587811vw, 0px, 0px) rotate(-250deg);
  transform-origin: -44.8655513004vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(73) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(74) {
  -webkit-animation-delay: -5.4263859855s;
          animation-delay: -5.4263859855s;
  -webkit-animation-duration: 5.9302625301s;
          animation-duration: 5.9302625301s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 38.3689137083vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(74) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(75) {
  -webkit-animation-delay: -1.4647065844s;
          animation-delay: -1.4647065844s;
  -webkit-animation-duration: 3.8024846311s;
          animation-duration: 3.8024846311s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-35.411538179vw, 0px, 0px) rotate(-250deg);
  transform-origin: -59.4798264198vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(75) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(76) {
  -webkit-animation-delay: -1.4830427714s;
          animation-delay: -1.4830427714s;
  -webkit-animation-duration: 4.779387817s;
          animation-duration: 4.779387817s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 38.1337164838vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(76) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(77) {
  -webkit-animation-delay: -3.2639636308s;
          animation-delay: -3.2639636308s;
  -webkit-animation-duration: 3.5719782962s;
          animation-duration: 3.5719782962s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 35.1366818153vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(77) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(78) {
  -webkit-animation-delay: -1.6034176959s;
          animation-delay: -1.6034176959s;
  -webkit-animation-duration: 2.6860675153s;
          animation-duration: 2.6860675153s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-4.7029222145vw, 0px, 0px) rotate(-250deg);
  transform-origin: -33.6520730121vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(78) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(79) {
  -webkit-animation-delay: -0.8963781134s;
          animation-delay: -0.8963781134s;
  -webkit-animation-duration: 2.1306798984s;
          animation-duration: 2.1306798984s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 23.780609189vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(79) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(80) {
  -webkit-animation-delay: -3.9679403756s;
          animation-delay: -3.9679403756s;
  -webkit-animation-duration: 4.1577751197s;
          animation-duration: 4.1577751197s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 42.2080549124vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(80) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(81) {
  -webkit-animation-delay: -4.9411615395s;
          animation-delay: -4.9411615395s;
  -webkit-animation-duration: 4.8631003706s;
          animation-duration: 4.8631003706s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-22.0261616978vw, 0px, 0px) rotate(-250deg);
  transform-origin: -55.3220154322vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(81) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(82) {
  -webkit-animation-delay: -2.2317219453s;
          animation-delay: -2.2317219453s;
  -webkit-animation-duration: 3.7481385468s;
          animation-duration: 3.7481385468s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-37.9252265508vw, 0px, 0px) rotate(-250deg);
  transform-origin: -53.8307376274vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(82) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(83) {
  -webkit-animation-delay: -0.2162865114s;
          animation-delay: -0.2162865114s;
  -webkit-animation-duration: 3.5912289876s;
          animation-duration: 3.5912289876s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 27.6576059672vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(83) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(84) {
  -webkit-animation-delay: -5.8112502139s;
          animation-delay: -5.8112502139s;
  -webkit-animation-duration: 3.5591694002s;
          animation-duration: 3.5591694002s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 22.9765297327vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(84) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(85) {
  -webkit-animation-delay: -4.4556376843s;
          animation-delay: -4.4556376843s;
  -webkit-animation-duration: 3.3725396246s;
          animation-duration: 3.3725396246s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 37.7035169398vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(85) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(86) {
  -webkit-animation-delay: -1.870103154s;
          animation-delay: -1.870103154s;
  -webkit-animation-duration: 5.3175848984s;
          animation-duration: 5.3175848984s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 50.1188772052vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(86) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(87) {
  -webkit-animation-delay: -0.1227429082s;
          animation-delay: -0.1227429082s;
  -webkit-animation-duration: 2.5540504277s;
          animation-duration: 2.5540504277s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-18.7049089497vw, 0px, 0px) rotate(-250deg);
  transform-origin: -51.8924661416vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(87) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(88) {
  -webkit-animation-delay: -0.8038956648s;
          animation-delay: -0.8038956648s;
  -webkit-animation-duration: 2.5950022626s;
          animation-duration: 2.5950022626s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-30.9651158517vw, 0px, 0px) rotate(-250deg);
  transform-origin: -41.8395402956vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(88) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(89) {
  -webkit-animation-delay: -3.8384176239s;
          animation-delay: -3.8384176239s;
  -webkit-animation-duration: 5.6656164768s;
          animation-duration: 5.6656164768s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 31.2284233887vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(89) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(90) {
  -webkit-animation-delay: -2.3945639685s;
          animation-delay: -2.3945639685s;
  -webkit-animation-duration: 5.0832243076s;
          animation-duration: 5.0832243076s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-45.9583420296vw, 0px, 0px) rotate(-250deg);
  transform-origin: -58.3077828274vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(90) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(91) {
  -webkit-animation-delay: -5.9954983676s;
          animation-delay: -5.9954983676s;
  -webkit-animation-duration: 2.2628304639s;
          animation-duration: 2.2628304639s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-47.0376823529vw, 0px, 0px) rotate(-250deg);
  transform-origin: -20.6437583828vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(91) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(92) {
  -webkit-animation-delay: -2.3197545564s;
          animation-delay: -2.3197545564s;
  -webkit-animation-duration: 2.1240492264s;
          animation-duration: 2.1240492264s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-1.7287588418vw, 0px, 0px) rotate(-250deg);
  transform-origin: -41.0053724684vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(92) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(93) {
  -webkit-animation-delay: -3.8363379985s;
          animation-delay: -3.8363379985s;
  -webkit-animation-duration: 3.1864607755s;
          animation-duration: 3.1864607755s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 57.2911502217vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(93) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(94) {
  -webkit-animation-delay: -5.5898173094s;
          animation-delay: -5.5898173094s;
  -webkit-animation-duration: 4.9603124272s;
          animation-duration: 4.9603124272s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 47.6606935645vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(94) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(95) {
  -webkit-animation-delay: -2.6342191383s;
          animation-delay: -2.6342191383s;
  -webkit-animation-duration: 3.0785160719s;
          animation-duration: 3.0785160719s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 43.0296881125vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(95) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(96) {
  -webkit-animation-delay: -2.6380078527s;
          animation-delay: -2.6380078527s;
  -webkit-animation-duration: 5.7159755935s;
          animation-duration: 5.7159755935s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 54.0535462774vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(96) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(97) {
  -webkit-animation-delay: -4.8878272116s;
          animation-delay: -4.8878272116s;
  -webkit-animation-duration: 5.7699229133s;
          animation-duration: 5.7699229133s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-38.0414087551vw, 0px, 0px) rotate(-250deg);
  transform-origin: -57.7107196913vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(97) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(98) {
  -webkit-animation-delay: -4.9772940387s;
          animation-delay: -4.9772940387s;
  -webkit-animation-duration: 4.4438208012s;
          animation-duration: 4.4438208012s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-46.9972660747vw, 0px, 0px) rotate(-250deg);
  transform-origin: -38.6100017862vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(98) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(99) {
  -webkit-animation-delay: -0.6844453831s;
          animation-delay: -0.6844453831s;
  -webkit-animation-duration: 3.9612398808s;
          animation-duration: 3.9612398808s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 30.2132326721vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(99) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(100) {
  -webkit-animation-delay: -4.7946174742s;
          animation-delay: -4.7946174742s;
  -webkit-animation-duration: 5.4045622723s;
          animation-duration: 5.4045622723s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 42.6378942578vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(100) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(101) {
  -webkit-animation-delay: -1.1081043425s;
          animation-delay: -1.1081043425s;
  -webkit-animation-duration: 2.7599630025s;
          animation-duration: 2.7599630025s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-41.3608969931vw, 0px, 0px) rotate(-250deg);
  transform-origin: -41.4713076979vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(101) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(102) {
  -webkit-animation-delay: -0.6553276833s;
          animation-delay: -0.6553276833s;
  -webkit-animation-duration: 3.0477616463s;
          animation-duration: 3.0477616463s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 28.6191722718vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(102) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(103) {
  -webkit-animation-delay: -3.7338642426s;
          animation-delay: -3.7338642426s;
  -webkit-animation-duration: 4.7855335328s;
          animation-duration: 4.7855335328s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-8.996373219vw, 0px, 0px) rotate(-250deg);
  transform-origin: -41.0090907568vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(103) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(104) {
  -webkit-animation-delay: -2.8840811691s;
          animation-delay: -2.8840811691s;
  -webkit-animation-duration: 2.1127245232s;
          animation-duration: 2.1127245232s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 58.5321404529vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(104) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(105) {
  -webkit-animation-delay: -2.2968258197s;
          animation-delay: -2.2968258197s;
  -webkit-animation-duration: 3.9652515846s;
          animation-duration: 3.9652515846s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 46.3102183558vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(105) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(106) {
  -webkit-animation-delay: -5.3593798492s;
          animation-delay: -5.3593798492s;
  -webkit-animation-duration: 5.3580677149s;
          animation-duration: 5.3580677149s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 38.1357682928vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(106) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(107) {
  -webkit-animation-delay: -3.5951188773s;
          animation-delay: -3.5951188773s;
  -webkit-animation-duration: 4.2306638502s;
          animation-duration: 4.2306638502s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-22.7168471433vw, 0px, 0px) rotate(-250deg);
  transform-origin: -41.9422260293vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(107) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(108) {
  -webkit-animation-delay: -0.2965435106s;
          animation-delay: -0.2965435106s;
  -webkit-animation-duration: 5.2798254149s;
          animation-duration: 5.2798254149s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 44.6104824693vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(108) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(109) {
  -webkit-animation-delay: -5.2768077615s;
          animation-delay: -5.2768077615s;
  -webkit-animation-duration: 4.9758593881s;
          animation-duration: 4.9758593881s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 42.7300825372vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(109) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(110) {
  -webkit-animation-delay: -4.7900630441s;
          animation-delay: -4.7900630441s;
  -webkit-animation-duration: 5.7387138386s;
          animation-duration: 5.7387138386s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-22.136454269vw, 0px, 0px) rotate(-250deg);
  transform-origin: -46.7722965859vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(110) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(111) {
  -webkit-animation-delay: -2.0821975023s;
          animation-delay: -2.0821975023s;
  -webkit-animation-duration: 4.7550539038s;
          animation-duration: 4.7550539038s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-39.3699235709vw, 0px, 0px) rotate(-250deg);
  transform-origin: -44.1029856127vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(111) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(112) {
  -webkit-animation-delay: -3.5610768674s;
          animation-delay: -3.5610768674s;
  -webkit-animation-duration: 2.3104350218s;
          animation-duration: 2.3104350218s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 45.317378755vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(112) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(113) {
  -webkit-animation-delay: -2.2098184215s;
          animation-delay: -2.2098184215s;
  -webkit-animation-duration: 5.2033980469s;
          animation-duration: 5.2033980469s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 55.5217191597vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(113) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(114) {
  -webkit-animation-delay: -5.7870114582s;
          animation-delay: -5.7870114582s;
  -webkit-animation-duration: 5.4898045703s;
          animation-duration: 5.4898045703s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 56.7898405114vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(114) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(115) {
  -webkit-animation-delay: -1.8885775754s;
          animation-delay: -1.8885775754s;
  -webkit-animation-duration: 4.0278148732s;
          animation-duration: 4.0278148732s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 55.6766805989vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(115) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(116) {
  -webkit-animation-delay: -2.80878053s;
          animation-delay: -2.80878053s;
  -webkit-animation-duration: 5.8597739327s;
          animation-duration: 5.8597739327s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 58.0578444014vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(116) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(117) {
  -webkit-animation-delay: -0.4944503482s;
          animation-delay: -0.4944503482s;
  -webkit-animation-duration: 4.5892910755s;
          animation-duration: 4.5892910755s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 31.8206261664vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(117) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(118) {
  -webkit-animation-delay: -5.6700691647s;
          animation-delay: -5.6700691647s;
  -webkit-animation-duration: 5.458938281s;
          animation-duration: 5.458938281s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-0.4065560695vw, 0px, 0px) rotate(-250deg);
  transform-origin: -42.6529633308vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(118) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(119) {
  -webkit-animation-delay: -2.3871772683s;
          animation-delay: -2.3871772683s;
  -webkit-animation-duration: 4.9733091546s;
          animation-duration: 4.9733091546s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 53.8512039782vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(119) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(120) {
  -webkit-animation-delay: -1.5135288812s;
          animation-delay: -1.5135288812s;
  -webkit-animation-duration: 3.0370649107s;
          animation-duration: 3.0370649107s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-15.3653089918vw, 0px, 0px) rotate(-250deg);
  transform-origin: -38.50301483vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(120) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(121) {
  -webkit-animation-delay: -2.7839939341s;
          animation-delay: -2.7839939341s;
  -webkit-animation-duration: 5.2623757925s;
          animation-duration: 5.2623757925s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 39.2181342279vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(121) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(122) {
  -webkit-animation-delay: -0.5142063142s;
          animation-delay: -0.5142063142s;
  -webkit-animation-duration: 3.1041316652s;
          animation-duration: 3.1041316652s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-26.9464507885vw, 0px, 0px) rotate(-250deg);
  transform-origin: -58.469246131vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(122) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(123) {
  -webkit-animation-delay: -1.4560511933s;
          animation-delay: -1.4560511933s;
  -webkit-animation-duration: 5.3780331s;
          animation-duration: 5.3780331s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-17.3254137618vw, 0px, 0px) rotate(-250deg);
  transform-origin: -38.2954863314vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(123) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(124) {
  -webkit-animation-delay: -2.0142158182s;
          animation-delay: -2.0142158182s;
  -webkit-animation-duration: 4.7870592276s;
          animation-duration: 4.7870592276s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-45.843904946vw, 0px, 0px) rotate(-250deg);
  transform-origin: -32.1714957485vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(124) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(125) {
  -webkit-animation-delay: -5.5288751467s;
          animation-delay: -5.5288751467s;
  -webkit-animation-duration: 3.0133029251s;
          animation-duration: 3.0133029251s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-2.4098549338vw, 0px, 0px) rotate(-250deg);
  transform-origin: -47.3624850089vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(125) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(126) {
  -webkit-animation-delay: -3.3621722682s;
          animation-delay: -3.3621722682s;
  -webkit-animation-duration: 2.1299402583s;
          animation-duration: 2.1299402583s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 49.7356950013vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(126) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(127) {
  -webkit-animation-delay: -0.580011547s;
          animation-delay: -0.580011547s;
  -webkit-animation-duration: 2.9372945077s;
          animation-duration: 2.9372945077s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 57.8874306383vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(127) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(128) {
  -webkit-animation-delay: -4.1070482036s;
          animation-delay: -4.1070482036s;
  -webkit-animation-duration: 2.7670153095s;
          animation-duration: 2.7670153095s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 21.0591487757vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(128) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(129) {
  -webkit-animation-delay: -4.6688320208s;
          animation-delay: -4.6688320208s;
  -webkit-animation-duration: 2.0793337854s;
          animation-duration: 2.0793337854s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-10.5570126946vw, 0px, 0px) rotate(-250deg);
  transform-origin: -52.5842240952vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(129) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(130) {
  -webkit-animation-delay: -4.374370026s;
          animation-delay: -4.374370026s;
  -webkit-animation-duration: 4.9325059986s;
          animation-duration: 4.9325059986s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 46.6162188972vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(130) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(131) {
  -webkit-animation-delay: -3.3264839279s;
          animation-delay: -3.3264839279s;
  -webkit-animation-duration: 3.0652847017s;
          animation-duration: 3.0652847017s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-34.6782336038vw, 0px, 0px) rotate(-250deg);
  transform-origin: -55.9131821265vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(131) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(132) {
  -webkit-animation-delay: -3.3198668719s;
          animation-delay: -3.3198668719s;
  -webkit-animation-duration: 3.2613789987s;
          animation-duration: 3.2613789987s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-47.7726654123vw, 0px, 0px) rotate(-250deg);
  transform-origin: -45.6278680471vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(132) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(133) {
  -webkit-animation-delay: -0.1263070454s;
          animation-delay: -0.1263070454s;
  -webkit-animation-duration: 2.7101759716s;
          animation-duration: 2.7101759716s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-24.3385391791vw, 0px, 0px) rotate(-250deg);
  transform-origin: -29.4205240226vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(133) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(134) {
  -webkit-animation-delay: -2.8502154051s;
          animation-delay: -2.8502154051s;
  -webkit-animation-duration: 4.9482019738s;
          animation-duration: 4.9482019738s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-23.1817075822vw, 0px, 0px) rotate(-250deg);
  transform-origin: -36.9836838828vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(134) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(135) {
  -webkit-animation-delay: -4.29096569s;
          animation-delay: -4.29096569s;
  -webkit-animation-duration: 5.9964308276s;
          animation-duration: 5.9964308276s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-9.2133558933vw, 0px, 0px) rotate(-250deg);
  transform-origin: -48.0305194055vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(135) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(136) {
  -webkit-animation-delay: -0.6684554604s;
          animation-delay: -0.6684554604s;
  -webkit-animation-duration: 3.2061191559s;
          animation-duration: 3.2061191559s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 51.9216519216vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(136) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(137) {
  -webkit-animation-delay: -3.2609679845s;
          animation-delay: -3.2609679845s;
  -webkit-animation-duration: 5.7983466573s;
          animation-duration: 5.7983466573s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 33.9550072227vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(137) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(138) {
  -webkit-animation-delay: -2.707365328s;
          animation-delay: -2.707365328s;
  -webkit-animation-duration: 2.1879910819s;
          animation-duration: 2.1879910819s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 34.2055661489vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(138) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(139) {
  -webkit-animation-delay: -0.9707857136s;
          animation-delay: -0.9707857136s;
  -webkit-animation-duration: 4.6093659897s;
          animation-duration: 4.6093659897s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-44.4684442525vw, 0px, 0px) rotate(-250deg);
  transform-origin: -22.8484421537vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(139) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(140) {
  -webkit-animation-delay: -2.0931932468s;
          animation-delay: -2.0931932468s;
  -webkit-animation-duration: 2.1024224768s;
          animation-duration: 2.1024224768s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 39.0121848588vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(140) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(141) {
  -webkit-animation-delay: -0.4446959948s;
          animation-delay: -0.4446959948s;
  -webkit-animation-duration: 4.5485352303s;
          animation-duration: 4.5485352303s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 31.1712024848vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(141) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(142) {
  -webkit-animation-delay: -0.4427240681s;
          animation-delay: -0.4427240681s;
  -webkit-animation-duration: 5.9114773041s;
          animation-duration: 5.9114773041s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 25.6199540805vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(142) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(143) {
  -webkit-animation-delay: -3.9643789871s;
          animation-delay: -3.9643789871s;
  -webkit-animation-duration: 4.6678074157s;
          animation-duration: 4.6678074157s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 43.4599522824vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(143) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(144) {
  -webkit-animation-delay: -2.5084195475s;
          animation-delay: -2.5084195475s;
  -webkit-animation-duration: 3.601818757s;
          animation-duration: 3.601818757s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-14.9157767729vw, 0px, 0px) rotate(-250deg);
  transform-origin: -39.5504400249vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(144) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(145) {
  -webkit-animation-delay: -2.8529663945s;
          animation-delay: -2.8529663945s;
  -webkit-animation-duration: 3.851554956s;
          animation-duration: 3.851554956s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 52.9142945518vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(145) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(146) {
  -webkit-animation-delay: -5.2760812189s;
          animation-delay: -5.2760812189s;
  -webkit-animation-duration: 3.7295302212s;
          animation-duration: 3.7295302212s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-20.6525453228vw, 0px, 0px) rotate(-250deg);
  transform-origin: -36.0665507894vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(146) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(147) {
  -webkit-animation-delay: -2.292030237s;
          animation-delay: -2.292030237s;
  -webkit-animation-duration: 5.7665653373s;
          animation-duration: 5.7665653373s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: 30.734857702vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(147) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(148) {
  -webkit-animation-delay: -1.941368495s;
          animation-delay: -1.941368495s;
  -webkit-animation-duration: 5.3356596568s;
          animation-duration: 5.3356596568s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-2.4797417617vw, 0px, 0px) rotate(-250deg);
  transform-origin: -50.5969966294vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(148) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(149) {
  -webkit-animation-delay: -0.4389874918s;
          animation-delay: -0.4389874918s;
  -webkit-animation-duration: 4.1414497149s;
          animation-duration: 4.1414497149s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-28.3253327464vw, 0px, 0px) rotate(-250deg);
  transform-origin: -56.1958193046vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(149) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}
.animation:nth-child(150) {
  -webkit-animation-delay: -3.7587056681s;
          animation-delay: -3.7587056681s;
  -webkit-animation-duration: 5.0927259803s;
          animation-duration: 5.0927259803s;
  opacity: 0;
  background-image: url("../assets/images/herr-franz.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate3d(-12.9806562887vw, 0px, 0px) rotate(-250deg);
  transform-origin: -52.6848063734vw 5vh;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .animation:nth-child(150) {
    background-image: url("../assets/images/herr-franz@2x.png");
  }
}

@-webkit-keyframes pop {
  from {
    opacity: 1;
    transform: translate3d(0, 0px, 0px) rotate(0deg);
  }
}

@keyframes pop {
  from {
    opacity: 1;
    transform: translate3d(0, 0px, 0px) rotate(0deg);
  }
}

/*# sourceMappingURL=app.css.map*/