/* ============================== */
/* === Powered by locomputing === */
/* ============================== */


#stapel {
    margin: 0; 
}
#stapel figure {
    position: absolute;
    margin:0;
    height: auto;
    width: 45%;
    opacity: 0;
    animation: 60s ease-in-out infinite;
}
#stapel figure img {
	 width:100%;
	 height:auto;
}
#stapel figcaption {
  position: absolute;
  background-color: inherit;
  padding:0;;
  left: .1em;
  width: 100%;
  font-size: 90%;
  font-weight: bold;
  bottom:-2em;
  color:black;
}
#stapel figcaption code {color:maroon;font-family: Arial, Helvetica, sans-serif;}

#dia {
    margin: 0;
}
#dia figure {
    position: absolute;
    margin:0;
    width: 30%;
    opacity: 0;
    animation: 75s ease-in-out infinite;
}
#dia figure img {
	 width:100%;
	 height:auto;
}
#dia figcaption {
  position: absolute;
  background-color: inherit;
  width: 100%;
  padding:0;
  left:1em;
  font-size:90%;
  font-weight: bold;
  bottom:-2em;
  color:black;
}

@media screen and (max-width: 800px) {
#stapel figure {
    position: absolute;
    margin:0;
    height: auto;
    width: 90%;
    opacity: 0;
    animation: 60s ease-in-out infinite;
}
#dia figure {
    position: absolute;
    margin:0;
    width: 75%;
    opacity: 0;
    animation: 75s ease-in-out infinite;
}
}