@charset "utf-8";
/* CSS Document */

@keyframes slideBG {
  0% {
    background-image: url("images/Infernos/3.jpg");
    background-size: 200%;
  }
  49% {
    background-image: url("images/Infernos/3.jpg");
    background-size: 220%;
  }

  50% {
    background-image: url("https://www.infernoonline.com/wp-content/uploads/2021/05/3.jpg");
    background-size: 200%;
  }

  100% {
    background-image: url("https://www.infernoonline.com/wp-content/uploads/2021/05/3.jpg");
    background-size: 220%;
  }
}

@keyframes slideBGheader {
  0% {
    background-image: url("images/Infernos/slide1.jpg");
    background-size: 160%;
  }
  25% {
    background-image: url("images/Infernos/slide1.jpg");
    background-size: 170%;
  }

  26% {
    background-image: url("images/Infernos/slide2.jpg");
    background-size: 160%;
  }

  49% {
    background-image: url("images/Infernos/slide2.jpg");
    background-size: 170%;
  }

  50% {
    background-image: url("images/Infernos/slide3.jpg");
    background-size: 160%;
  }
  74% {
    background-image: url("images/Infernos/slide3.jpg");
    background-size: 170%;
  }

  75% {
    background-image: url("images/Infernos/slide4.jpg");
    background-size: 160%;
  }
  100% {
    background-image: url("images/Infernos/slide4.jpg");
    background-size: 170%;
  }
}

@keyframes slideBGheader2 {
  0% {
    background-image: url("images/Infernos/slide1.jpg");
    background-size: 285%;
  }
  24% {
    background-image: url("images/Infernos/slide1.jpg");
    background-size: 295%;
  }

  25% {
    background-image: url("images/Infernos/slide2.jpg");
    background-size: 255%;
  }

  49% {
    background-image: url("images/Infernos/slide2.jpg");
    background-size: 265%;
  }

  50% {
    background-image: url("images/Infernos/slide3.jpg");
    background-size: 285%;
  }
  74% {
    background-image: url("images/Infernos/slide3.jpg");
    background-size: 295%;
  }

  75% {
    background-image: url("images/Infernos/slide4.jpg");
    background-size: 285%;
  }
  100% {
    background-image: url("images/Infernos/slide4.jpg");
    background-size: 295%;
  }
}

@keyframes slideBGheaderphone {
  0% {
    background-image: url("images/Infernos/slide1.jpg");
    background-size: 325%;
  }
  24% {
    background-image: url("images/Infernos/slide1.jpg");
    background-size: 340%;
  }

  25% {
    background-image: url("images/Infernos/slide2.jpg");
    background-size: 320%;
  }

  49% {
    background-image: url("images/Infernos/slide2.jpg");
    background-size: 340%;
  }

  50% {
    background-image: url("images/Infernos/slide3.jpg");
    background-size: 320%;
  }
  74% {
    background-image: url("images/Infernos/slide3.jpg");
    background-size: 340%;
  }

  75% {
    background-image: url("images/Infernos/slide4.jpg");
    background-size: 320%;
  }
  100% {
    background-image: url("images/Infernos/slide4.jpg");
    background-size: 340%;
  }
}

@keyframes top1 {
  0% {
    background-image: url("images/Infernos/10.jpg");
    background-size: 130%;
  }
  49% {
    background-image: url("images/Infernos/10.jpg");
    background-size: 140%;
  }

  50% {
    background-image: url("images/Infernos/9.jpg");
    background-size: 130%;
  }

  100% {
    background-image: url("images/Infernos/9.jpg");
    background-size: 140%;
  }
}

@keyframes top2 {
  0% {
    background-image: url("images/Infernos/4.jpg");
    background-size: 170%;
  }
  49% {
    background-image: url("images/Infernos/4.jpg");
    background-size: 180%;
  }

  50% {
    background-image: url("images/Infernos/3.jpg");
    background-size: 170%;
  }

  100% {
    background-image: url("images/Infernos/3.jpg");
    background-size: 180%;
  }
}

@keyframes top3 {
  0% {
    background-image: url("images/Infernos/10.jpg");
    background-size: 170%;
  }
  49% {
    background-image: url("images/Infernos/10.jpg");
    background-size: 180%;
  }

  50% {
    background-image: url("images/Infernos/17.jpg");
    background-size: 170%;
  }

  100% {
    background-image: url("images/Infernos/17.jpg");
    background-size: 180%;
  }
}

@keyframes top4 {
  0% {
    background-image: url("images/Infernos/slide3.jpg");
    background-size: 170%;
  }
  49% {
    background-image: url("images/Infernos/slide3.jpg");
    background-size: 180%;
  }

  50% {
    background-image: url("images/Infernos/bild3.jpg");
    background-size: 170%;
  }

  100% {
    background-image: url("images/Infernos/bild3.jpg");
    background-size: 180%;
  }
}

@keyframes top5 {
  0% {
    background-image: url("images/Infernos/barnkalas-20.jpg");
    background-size: 170%;
  }
  49% {
    background-image: url("images/Infernos/barnkalas-20.jpg");
    background-size: 180%;
  }

  50% {
    background-image: url("images/Infernos/barnkalas-4.jpg");
    background-size: 170%;
  }

  100% {
    background-image: url("images/Infernos/barnkalas-4.jpg");
    background-size: 180%;
  }
}

@keyframes top6 {
  0% {
    background-image: url("images/Infernos/bild4.jpg");
    background-size: 180%;
  }
  49% {
    background-image: url("images/Infernos/bild4.jpg");
    background-size: 190%;
  }

  50% {
    background-image: url("images/Infernos/bild5.jpg");
    background-size: 180%;
  }

  100% {
    background-image: url("images/Infernos/bild5.jpg");
    background-size: 190%;
  }
}

@keyframes bakG1 {
  0% {
  }

  100% {
    background-color: black;
  }
}

@keyframes top1kalas {
  0% {
    background-image: url("images/Infernos/6.jpg");
    background-size: cover;
    transform: scale(1, 1);
  }
  32% {
    background-image: url("images/Infernos/6.jpg");
    transform: scale(1.1, 1.1);
  }

  33% {
    background-image: url("images/Infernos/barnkalas-22.jpg");
    background-size: cover;
    transform: scale(1, 1);
  }
  65% {
    background-image: url("images/Infernos/barnkalas-22.jpg");
    transform: scale(1.1, 1.1);
  }
  66% {
    background-image: url("images/Infernos/barnkalas-17.jpg");
    background-size: cover;
    transform: scale(1, 1);
  }
  100% {
    background-image: url("images/Infernos/barnkalas-17.jpg");
    transform: scale(1.1, 1.1);
  }
}

@keyframes top2kalas {
  0% {
    background-image: url("images/Infernos/barnkalas-16.jpg");
    background-size: cover;
    transform: scale(1, 1);
  }
  32% {
    background-image: url("images/Infernos/barnkalas-16.jpg");
    transform: scale(1.1, 1.1);
  }

  33% {
    background-image: url("images/Infernos/barnkalas-4.jpg");
    background-size: cover;
    transform: scale(1, 1);
  }
  65% {
    background-image: url("images/Infernos/barnkalas-4.jpg");
    transform: scale(1.1, 1.1);
  }
  66% {
    background-image: url("images/Infernos/barnkalas-19.jpg");
    background-size: cover;
    transform: scale(1, 1);
  }
  100% {
    background-image: url("images/Infernos/barnkalas-19.jpg");
    transform: scale(1.1, 1.1);
  }
}

@keyframes slideBGheaderBarnkalas {
  0% {
    background-image: url("images/Infernos/barnkalas-20.jpg");
    background-size: 120%;
  }
  32% {
    background-image: url("images/Infernos/barnkalas-20.jpg");
    background-size: 130%;
  }

  33% {
    background-image: url("images/Infernos/barnkalas-1.jpg");
    background-size: 120%;
  }

  65% {
    background-image: url("images/Infernos/barnkalas-1.jpg");
    background-size: 130%;
  }

  66% {
    background-image: url("images/Infernos/barnkalas-6.jpg");
    background-size: 120%;
  }
  100% {
    background-image: url("images/Infernos/barnkalas-6.jpg");
    background-size: 130%;
  }
}

@keyframes slideBGheaderBarnkalas1000 {
  0% {
    background-image: url("images/Infernos/barnkalas-20.jpg");
    background-size: 235%;
  }
  32% {
    background-image: url("images/Infernos/barnkalas-20.jpg");
    background-size: 255%;
  }

  33% {
    background-image: url("images/Infernos/barnkalas-1.jpg");
    background-size: 235%;
  }

  65% {
    background-image: url("images/Infernos/barnkalas-1.jpg");
    background-size: 255%;
  }

  66% {
    background-image: url("images/Infernos/barnkalas-6.jpg");
    background-size: 235%;
  }
  100% {
    background-image: url("images/Infernos/barnkalas-6.jpg");
    background-size: 255%;
  }
}

@keyframes slideBGheaderBarnkalas570 {
  0% {
    background-image: url("images/Infernos/barnkalas-20.jpg");
    background-size: 360%;
  }
  32% {
    background-image: url("images/Infernos/barnkalas-20.jpg");
    background-size: 380%;
  }

  33% {
    background-image: url("images/Infernos/barnkalas-1.jpg");
    background-size: 360%;
  }

  65% {
    background-image: url("images/Infernos/barnkalas-1.jpg");
    background-size: 380%;
  }

  66% {
    background-image: url("images/Infernos/barnkalas-6.jpg");
    background-size: 360%;
  }
  100% {
    background-image: url("images/Infernos/barnkalas-6.jpg");
    background-size: 380%;
  }
}

@keyframes slideBGheaderKonsert {
  0% {
    background-image: url("images/Infernos/konsert-2.jpg");
    background-size: 150%;
  }
  49% {
    background-image: url("images/Infernos/konsert-2.jpg");
    background-size: 170%;
  }
  50% {
    background-image: url("images/Infernos/konsert-1.jpg");
    background-size: 150%;
  }
  100% {
    background-image: url("images/Infernos/konsert-1.jpg");
    background-size: 170%;
  }
}

@keyframes slideBGheaderKonsert570 {
  0% {
    background-image: url("images/Infernos/konsert-2.jpg");
    background-size: 360%;
  }
  49% {
    background-image: url("images/Infernos/konsert-2.jpg");
    background-size: 380%;
  }
  50% {
    background-image: url("images/Infernos/konsert-1.jpg");
    background-size: 360%;
  }
  100% {
    background-image: url("images/Infernos/konsert-1.jpg");
    background-size: 380%;
  }
}

@keyframes slideBGheaderKonsert1000 {
  0% {
    background-image: url("images/Infernos/konsert-2.jpg");
    background-size: 265%;
  }
  49% {
    background-image: url("images/Infernos/konsert-2.jpg");
    background-size: 285%;
  }
  50% {
    background-image: url("images/Infernos/konsert-1.jpg");
    background-size: 265%;
  }
  100% {
    background-image: url("images/Infernos/konsert-1.jpg");
    background-size: 285%;
  }
}

@keyframes slideBGheaderEvenemang {
  0% {
    background-image: url("images/Infernos/4.jpg");
    background-size: 150%;
  }
  49% {
    background-image: url("images/Infernos/4.jpg");
    background-size: 170%;
  }
  50% {
    background-image: url("images/Infernos/bild4.jpg");
    background-size: 150%;
  }
  100% {
    background-image: url("images/Infernos/bild4.jpg");
    background-size: 170%;
  }
}

@keyframes slideBGheaderEvenemang570 {
  0% {
    background-image: url("images/Infernos/4.jpg");
    background-size: 360%;
  }
  49% {
    background-image: url("images/Infernos/4.jpg");
    background-size: 380%;
  }
  50% {
    background-image: url("images/Infernos/bild4.jpg");
    background-size: 360%;
  }
  100% {
    background-image: url("images/Infernos/bild4.jpg");
    background-size: 380%;
  }
}

@keyframes slideBGheaderEvenemang1000 {
  0% {
    background-image: url("images/Infernos/4.jpg");
    background-size: 265%;
  }
  49% {
    background-image: url("images/Infernos/4.jpg");
    background-size: 285%;
  }
  50% {
    background-image: url("images/Infernos/bild4.jpg");
    background-size: 265%;
  }
  100% {
    background-image: url("images/Infernos/bild4.jpg");
    background-size: 285%;
  }
}

@keyframes slideBGheaderEvent {
  0% {
    background-image: url("images/Infernos/slide3darker.jpg");
    background-size: 150%;
  }
  49% {
    background-image: url("images/Infernos/slide3darker.jpg");
    background-size: 170%;
  }
  50% {
    background-image: url("images/Infernos/rbgs-2-1.jpg");
    background-size: 150%;
  }
  100% {
    background-image: url("images/Infernos/rbgs-2-1.jpg");
    background-size: 170%;
  }
}

@keyframes slideBGheaderEvent570 {
  0% {
    background-image: url("images/Infernos/slide3darker.jpg");
    background-size: 360%;
  }
  49% {
    background-image: url("images/Infernos/slide3darker.jpg");
    background-size: 380%;
  }
  50% {
    background-image: url("images/Infernos/rbgs-2-1.jpg");
    background-size: 360%;
  }
  100% {
    background-image: url("images/Infernos/rbgs-2-1.jpg");
    background-size: 380%;
  }
}

@keyframes slideBGheaderEvent1000 {
  0% {
    background-image: url("images/Infernos/slide3darker.jpg");
    background-size: 265%;
  }
  49% {
    background-image: url("images/Infernos/slide3darker.jpg");
    background-size: 285%;
  }
  50% {
    background-image: url("images/Infernos/rbgs-2-1.jpg");
    background-size: 265%;
  }
  100% {
    background-image: url("images/Infernos/rbgs-2-1.jpg");
    background-size: 285%;
  }
}

@keyframes slideBGheaderKickoff {
  0% {
    background-image: url("images/Infernos/10.jpg");
    background-size: 150%;
  }
  49% {
    background-image: url("images/Infernos/10.jpg");
    background-size: 170%;
  }
  50% {
    background-image: url("images/Infernos/4.jpg");
    background-size: 150%;
  }
  100% {
    background-image: url("images/Infernos/4.jpg");
    background-size: 170%;
  }
}

@keyframes slideBGheaderKickoff570 {
  0% {
    background-image: url("images/Infernos/10.jpg");
    background-size: 360%;
  }
  49% {
    background-image: url("images/Infernos/10.jpg");
    background-size: 380%;
  }
  50% {
    background-image: url("images/Infernos/4.jpg");
    background-size: 360%;
  }
  100% {
    background-image: url("images/Infernos/4.jpg");
    background-size: 380%;
  }
}

@keyframes slideBGheaderKickoff1000 {
  0% {
    background-image: url("images/Infernos/13.jpg");
    background-size: 265%;
  }
  49% {
    background-image: url("images/Infernos/13.jpg");
    background-size: 285%;
  }
  50% {
    background-image: url("images/Infernos/11.jpg");
    background-size: 265%;
  }
  100% {
    background-image: url("images/Infernos/11.jpg");
    background-size: 285%;
  }
}
@keyframes slideBGheaderStudio {
  0% {
    background-image: url("images/Infernos/13.jpg");
    background-size: 150%;
  }
  49% {
    background-image: url("images/Infernos/13.jpg");
    background-size: 170%;
  }
  50% {
    background-image: url("images/Infernos/11.jpg");
    background-size: 150%;
  }
  100% {
    background-image: url("images/Infernos/11.jpg");
    background-size: 170%;
  }
}

@keyframes slideBGheaderStudio570 {
  0% {
    background-image: url("images/Infernos/13.jpg");
    background-size: 360%;
  }
  49% {
    background-image: url("images/Infernos/13.jpg");
    background-size: 380%;
  }
  50% {
    background-image: url("images/Infernos/11.jpg");
    background-size: 360%;
  }
  100% {
    background-image: url("images/Infernos/11.jpg");
    background-size: 380%;
  }
}

@keyframes slideBGheaderStudio1000 {
  0% {
    background-image: url("images/Infernos/13.jpg");
    background-size: 265%;
  }
  49% {
    background-image: url("images/Infernos/13.jpg");
    background-size: 285%;
  }
  50% {
    background-image: url("images/Infernos/11.jpg");
    background-size: 265%;
  }
  100% {
    background-image: url("images/Infernos/11.jpg");
    background-size: 285%;
  }
}

@keyframes slideBGheaderTurneringar {
  0% {
    background-image: url("images/Infernos/17.jpg");
    background-size: 150%;
  }
  49% {
    background-image: url("images/Infernos/17.jpg");
    background-size: 170%;
  }
  50% {
    background-image: url("images/Infernos/15.jpg");
    background-size: 150%;
  }
  100% {
    background-image: url("images/Infernos/15.jpg");
    background-size: 170%;
  }
}

@keyframes slideBGheaderTurneringar570 {
  0% {
    background-image: url("images/Infernos/17.jpg");
    background-size: 360%;
  }
  49% {
    background-image: url("images/Infernos/17.jpg");
    background-size: 380%;
  }
  50% {
    background-image: url("images/Infernos/15.jpg");
    background-size: 360%;
  }
  100% {
    background-image: url("images/Infernos/15.jpg");
    background-size: 380%;
  }
}

@keyframes slideBGheaderTurneringar1000 {
  0% {
    background-image: url("images/Infernos/17.jpg");
    background-size: 265%;
  }
  49% {
    background-image: url("images/Infernos/17.jpg");
    background-size: 285%;
  }
  50% {
    background-image: url("images/Infernos/15.jpg");
    background-size: 265%;
  }
  100% {
    background-image: url("images/Infernos/15.jpg");
    background-size: 285%;
  }
}