/* ============================== */
/* === powered by locomputing === */
/* ============================== */

@keyframes headmovie {
0% {background-position:50% 100%;}
50% {background-position:50% 0%;}
100% {background-position:50% 100%;}
}

#stapel figure:nth-of-type(1) {
    animation-name: fade1;
}

#stapel figure:nth-of-type(2) {
    animation-name: fade2;
}

#stapel figure:nth-of-type(3) {
    animation-name: fade3;
}

#stapel figure:nth-of-type(4) {
    animation-name: fade4;
}

#stapel figure:nth-of-type(5) {
    animation-name: fade5;
}

#stapel figure:nth-of-type(6) {
    animation-name: fade6;
}

@keyframes fade1 {
     0% {opacity:1;}
   8.5% {opacity:1;}
    17% {opacity:0;}
  25.5% {opacity:0;}
    34% {opacity:0;}
  42.5% {opacity:0;}
    51% {opacity:0;}
  59.5% {opacity:0;}
    68% {opacity:0;}
  76.5% {opacity:0;}
    85% {opacity:0;}
    92% {opacity:0;}
   100% {opacity:1;}
}

@keyframes fade2 {
     0% {opacity:0;}
   8.5% {opacity:0;}
    17% {opacity:1;}
  25.5% {opacity:1;}
    34% {opacity:0;}
  42.5% {opacity:0;}
    51% {opacity:0;}
  59.5% {opacity:0;}
    68% {opacity:0;}
  76.5% {opacity:0;}
    85% {opacity:0;}
    92% {opacity:0;}
   100% {opacity:0;}
}

@keyframes fade3 {
     0% {opacity:0;}
   8.5% {opacity:0;}
    17% {opacity:0;}
  25.5% {opacity:0;}
    34% {opacity:1;}
  42.5% {opacity:1;}
    51% {opacity:0;}
  59.5% {opacity:0;}
    68% {opacity:0;}
  76.5% {opacity:0;}
    85% {opacity:0;}
    92% {opacity:0;}
   100% {opacity:0;}
}

@keyframes fade4 {
     0% {opacity:0;}
   8.5% {opacity:0;}
    17% {opacity:0;}
  25.5% {opacity:0;}
    34% {opacity:0;}
  42.5% {opacity:0;}
    51% {opacity:1;}
  59.5% {opacity:1;}
    68% {opacity:0;}
  76.5% {opacity:0;}
    85% {opacity:0;}
    92% {opacity:0;}
   100% {opacity:0;}
}

@keyframes fade5 {
     0% {opacity:0;}
   8.5% {opacity:0;}
    17% {opacity:0;}
  25.5% {opacity:0;}
    34% {opacity:0;}
  42.5% {opacity:0;}
    51% {opacity:0;}
  59.5% {opacity:0;}
    68% {opacity:1;}
  76.5% {opacity:1;}
    85% {opacity:0;}
    92% {opacity:0;}
   100% {opacity:0;}
}

@keyframes fade6 {
     0% {opacity:0;}
   8.5% {opacity:0;}
    17% {opacity:0;}
  25.5% {opacity:0;}
    34% {opacity:0;}
  42.5% {opacity:0;}
    51% {opacity:0;}
  59.5% {opacity:0;}
    68% {opacity:0;}
  76.5% {opacity:0;}
    85% {opacity:1;}
    92% {opacity:1;}
   100% {opacity:0;}
}

#dia figure:nth-of-type(1) {
    animation-name: fade7;
}

#dia figure:nth-of-type(2) {
    animation-name: fade8;
}

#dia figure:nth-of-type(3) {
    animation-name: fade9;
}

#dia figure:nth-of-type(4) {
    animation-name: fade10;
}

#dia figure:nth-of-type(5) {
    animation-name: fade11;
}

#dia figure:nth-of-type(6) {
    animation-name: fade12;
}
@keyframes fade7 {
     0% {opacity:1;}
   8.5% {opacity:1;}
    17% {opacity:0;}
  25.5% {opacity:0;}
    34% {opacity:0;}
  42.5% {opacity:0;}
    51% {opacity:0;}
  59.5% {opacity:0;}
    68% {opacity:0;}
  76.5% {opacity:0;}
    85% {opacity:0;}
    92% {opacity:0;}
   100% {opacity:1;}
}

@keyframes fade8 {
     0% {opacity:0;}
   8.5% {opacity:0;}
    17% {opacity:1;}
  25.5% {opacity:1;}
    34% {opacity:0;}
  42.5% {opacity:0;}
    51% {opacity:0;}
  59.5% {opacity:0;}
    68% {opacity:0;}
  76.5% {opacity:0;}
    85% {opacity:0;}
    92% {opacity:0;}
   100% {opacity:0;}
}

@keyframes fade9 {
     0% {opacity:0;}
   8.5% {opacity:0;}
    17% {opacity:0;}
  25.5% {opacity:0;}
    34% {opacity:1;}
  42.5% {opacity:1;}
    51% {opacity:0;}
  59.5% {opacity:0;}
    68% {opacity:0;}
  76.5% {opacity:0;}
    85% {opacity:0;}
    92% {opacity:0;}
   100% {opacity:0;}
}

@keyframes fade10 {
     0% {opacity:0;}
   8.5% {opacity:0;}
    17% {opacity:0;}
  25.5% {opacity:0;}
    34% {opacity:0;}
  42.5% {opacity:0;}
    51% {opacity:1;}
  59.5% {opacity:1;}
    68% {opacity:0;}
  76.5% {opacity:0;}
    85% {opacity:0;}
    92% {opacity:0;}
   100% {opacity:0;}
}

@keyframes fade11 {
     0% {opacity:0;}
   8.5% {opacity:0;}
    17% {opacity:0;}
  25.5% {opacity:0;}
    34% {opacity:0;}
  42.5% {opacity:0;}
    51% {opacity:0;}
  59.5% {opacity:0;}
    68% {opacity:1;}
  76.5% {opacity:1;}
    85% {opacity:0;}
    92% {opacity:0;}
   100% {opacity:0;}
}

@keyframes fade12 {
     0% {opacity:0;}
   8.5% {opacity:0;}
    17% {opacity:0;}
  25.5% {opacity:0;}
    34% {opacity:0;}
  42.5% {opacity:0;}
    51% {opacity:0;}
  59.5% {opacity:0;}
    68% {opacity:0;}
  76.5% {opacity:0;}
    85% {opacity:1;}
    92% {opacity:1;}
   100% {opacity:0;}
}