body {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
background: #4682B4;
}

.slideshow {
width: 50vw;
height: 90vh;
box-shadow: 0px 0px 10px gray;
position: relative;
}

.slide {

position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
opacity: 0;
}

.slide-bild {

width: 100%;
}

.pfeil {
position: absolute;
top: 0;
bottom: 0;
font-size: 50px;
font-weight: bold;
display: flex;
justify-content: center;
align-items: center;
width: 15%;
user-select: none;
cursor: pointer;
opacity: 0.5;
}

.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;
}

.aktiv {
opacity: 1;
}

.text {
font-family: Calibri;
}