.startHidden {
	visibility:hidden
}
.startShown {
	visibility:visible
}
.hideNow {
	visibility:hidden;
}
.showNow {
	visibility:visible
}

#brot {
  position:relative;
   margin:0 auto;
}

#brot img {
  position:absolute;
  height:290px;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;

}


  @keyframes brotFadeInOut {
  
0% {
    opacity:1;
  }
  17% {
    opacity:1;
  }
  25% {
    opacity:0;
  }
  92% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

#brot img:nth-of-type(1) {
  animation-delay: 6s;
}
#brot img:nth-of-type(2) {
  animation-delay: 4s;
}
#brot img:nth-of-type(3) {
  animation-delay: 2s;
}
#brot img:nth-of-type(4) {
  animation-delay: 0s;
}
#brot img:nth-of-type(6) {
  animation-delay: 8s;
}


#brot img {
animation-name: brotFadeInOut;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 8s;
}