.bss-slides{
  position: relative;
  display: block;    
}
.bss-slides:focus{
 outline: 0;
}

/* ANFANG STARTBILD */
/* Lädt ein Startbild, dass kurz vor dem Bildwechsel ausgeblendet wird, um sicherzustellen, dass von Anfang an ein Bild da ist */
div#startload{
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	-webkit-animation:startloadAusblenden 5s;
	animation:startloadAusblenden 5s;
}
@keyframes startloadAusblenden {
	0%{opacity:1}
	50%{opacity:1}
	100%{opacity:0}
}
@-webkit-keyframes startloadAusblenden {
	0%{opacity:1}
	50%{opacity:1}
	100%{opacity:0}
}
/* ENDE STARTBILD */

.bss-slides figure{
  position: absolute;
  top: 0;
  width: 100%;
}
.bss-slides figure:first-child{
  position: relative;
}
.bss-slides figure img{
  opacity: 0;
  -webkit-transition: opacity 2.5s;
  transition: opacity 2.5s;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}
.bss-slides figcaption.overlay {
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.bss-slides div.overlay_add {
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.bss-slides .bss-show{
  z-index: 2;
}
.bss-slides .bss-show img{
  opacity: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.bss-slides .bss-show figcaption.overlay {
  opacity: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.bss-slides .bss-show div.overlay_add {
  opacity: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.bss-next, .bss-prev{
  position: absolute;
	top:calc(50% - 17px);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.bss-next:hover, .bss-prev:hover{
  cursor: pointer;
  opacity: 1;
}
.bss-next{
	right:0px;
	padding: 10px 5px 15px 10px;
}
.bss-prev{
  left: 0;
  padding: 10px 10px 15px 5px;
}