body{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.zurueck a{
  position:absolute;
  top:10%;
  right:15%;
  font-weight: bold;
  color:darkgray;
  padding: 0 5px 0 5px;
}
.zurueck :hover{
  color:grey;
}
.slideshow{
  width: 60vw;
	height: 80vh;
  box-shadow: 0px 0px 10px gray;
	position:relative;	
}
.slide{
	position: absolute;
	top:0;
	right: 0;
	left: 0;
	bottom: 0;
  background-color: rgb(136, 123, 123);
  overflow: hidden;
  margin: 0 auto;
  display:flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity 2s;

} 
.slide-bild{
  height: 100%;

  }
.slide-textbereich{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 75%;
  background-color: rgb(136, 123, 123);
  opacity: 0.7;
  color:white;
  text-shadow: 2px 2px 2px black;
  text-align: center;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  padding: 0 25% 0 25%;
}
.slide-ueberschrift{
  font-size: 2em;
  margin: 10px 0;
}
.slide-beschreibung{
  font-size: 1.4em;
  margin: 0;
}
.pfeil{
  position: absolute;
  top: 0;
  bottom: 0;
  font-size: 50px;
  font-weight:bold;
  color:rgba(255, 255, 255, 0.5);
  text-shadow: 2px 2px 2px black;
  display:flex;
  justify-content: center;
  align-items: center;
  width: 10%;
  user-select: none;
  cursor:pointer;
}
.pfeil :hover{
  color:white;
}
.pfeil-links{
  left: 0;
}
.pfeil-rechts{
  right: 0;
}
.indikatorenliste{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  list-style-type: none;
  font-size: 40px;
  display:flex;
  justify-content: center;
  margin: 0;
  padding: 0;
}
.indikator{
  padding: 0 10px;
  user-select: none;
  cursor: pointer;
  opacity: 0.5;
  transition: opacity 2s;

}
.aktiv {
  opacity: 1;
}