﻿#blogger {
    position:relative;
    width:  100%; min-height:350px;  
    border-top:2px #00baff solid;
 }

#blogger figure{
    position:absolute;

    animation: blogchanger 50s infinite 0s;
    backface-visibility:hidden;
    background-size: cover;
    color:transparent; 
     opacity:0;
     width:  100%;  height:100%;
    top:-1em;
    left: -40px;
     z-index: 0;
  }

  #blogger figcaption {
	position:absolute ;
	left: 20px;
	top: 20px;
    max-width: 550px;
	color: white;
  background-color: darkgrey;
  opacity: 0.8;
  font-weight:bolder;font-size:x-large;
	z-index: 1;
}
  #blogger figure:nth-child(1){
    background-image: url('media/images/HG-20210226.JPG');
    
}

#blogger figure:nth-child(2){
    animation-delay: 5s;
    background-image: url('media/images/HG-20210227.JPG');

}
#blogger figure:nth-child(3) {
	animation-delay: 10s;
    background-image: url('media/images/HG-20210302.jpg');
    
}
#blogger figure:nth-child(4){
    animation-delay: 15s;
    background-image: url('media/images/HG-20210303.jpg');
    
}

#blogger figure:nth-child(5){
    animation-delay: 20s;
    background-image: url('media/images/HG-20210305.jpg');

}
#blogger figure:nth-child(6) {
	animation-delay: 25s;
    background-image: url('media/images/HG-20210306.png');
}
#blogger figure:nth-child(7){
    animation-delay: 30s;
    background-image: url('media/images/HG-20210313.jpg');
    
}

#blogger figure:nth-child(8){
    animation-delay: 35s;
    background-image: url('media/images/HG-20210403.jpg');

}
#blogger figure:nth-child(9) {
	animation-delay: 40s;
    background-image: url('media/images/BannerFK.jpg');
}

#blogger figure:nth-child(10) {
	animation-delay: 45s;
    background-image: url('media/images/06042021.png');
}

@keyframes blogchanger {
    0% {opacity: 0;}
    6% {opacity: 1;}
   12% {opacity: 1;}
   18% {opacity: 0;}
  100% {opacity: 0;}
}

    
   table#Vereine tr:nth-child(even) {
    background-color: #eee;
   };
    
   table#Vereine tr:nth-child(odd) {
    background-color: #fff;
   }
        
   table#Vereine td {
    border: 1px solid black;
    padding: 2px;
   }
  