@charset "UTF-8";
:root {
  --Vfd: column;   
}
@media only screen and (min-width:760px) {
 :root {
  --Vfd: row;   
}}
.slide-flex{    
  width: 100%;
  display: flex;
  flex-direction: var(--Vfd);
  flex-wrap: nowrap;
  justify-content: space-around;  
  align-items:  stretch;;
  align-content: center;    
  column-gap: 0;
  row-gap: 0;
}
 .slide-box {  
  display: flex;
  aspect-ratio: 4 / 3;
  width: calc(100% - 5px); 
  overflow: hidden; 
  position: relative;  
 
  justify-content: center;
  align-items: center;   
  padding:0px;
  aspect-ratio: 4 / 3;
  width: calc(100% - 5px); 
  overflow: hidden; 
  position: relative;         
 
}
.bild{
  position:absolute; 
  animation:round 10.0s infinite;
  opacity:0;
}
/* Bild wird nicht abgeschnitten sondern verkleinert, dass es passt */
.slide-box img{
  width: 100%;
}
@keyframes round{   
  1% {opacity: 1;}
  100% {opacity: 0;}  
}
/* jedes Bild ein Delay, Unterschied 5 Sekunden */
img:nth-child(1){animation-delay:1.0s;}
img:nth-child(2){animation-delay:1.2s;}
img:nth-child(3){animation-delay:1.4s;}
img:nth-child(4){animation-delay:2.0s;}
img:nth-child(5){animation-delay:3.0s;}
img:nth-child(6){animation-delay:3.2s;}
img:nth-child(7){animation-delay:3.4s;}
img:nth-child(8){animation-delay:3.6s;}
img:nth-child(9){animation-delay:3.7s;}
img:nth-child(10){animation-delay:3.9s;}
img:nth-child(11){animation-delay:4.1s;}
img:nth-child(12){animation-delay:4.3s;}
img:nth-child(13){animation-delay:4.5s;}
img:nth-child(14){animation-delay:4.7s;}
img:nth-child(15){animation-delay:4.9s;}
img:nth-child(16){animation-delay:5.1s;}
img:nth-child(17){animation-delay:5.3s;}
img:nth-child(18){animation-delay:5.5s;}
img:nth-child(19){animation-delay:5.7s;}
img:nth-child(20){animation-delay:5.9s;}
img:nth-child(21){animation-delay:6.5s;}
img:nth-child(22){animation-delay:6.7s;}
img:nth-child(23){animation-delay:6.9s;}
img:nth-child(24){animation-delay:7.1s;}
img:nth-child(25){animation-delay:7.3s;}
img:nth-child(26){animation-delay:7.5s;}
img:nth-child(27){animation-delay:7.7s;}

img:nth-child(28){animation-delay:7.9s;}
img:nth-child(29){animation-delay:8.1s;}
img:nth-child(30){animation-delay:9.0s;}
img:nth-child(31){animation-delay:9.5s;}