.step{
    display: none;
}
/* contains all steps */
.stepContainer{
    position: relative;
    z-index: -1;

    width: 100%;
    height: 100%;
}

/* ::::::::: kap1-slide-4 ::::::::: */
#kap1-slide4-image-container{
    position: relative;
    /* width: 66vh; */
    width: 100%;
    height: 50vh; /* wichtig für responsive positionierung*/

}
#pfeile-hintergrund{
    position: relative;
    /* width: 70%; */
    width: 100%;
    /* max-width: 100%; */
    /* height: 23%; */
    max-height: fit-content;
    

    left: 0;
    top: 0%;
}
/*text in arrows*/
.kap1-slide4-step-info{
    position: absolute;

    font-size: 0.5rem;
    font-weight: 200;
    line-height: 0.5rem;

    text-align: center;

    z-index: 90;
}
#kap1-slide4-step0-info{
    top: 0;
    padding-top: 8.3%;
    left: 5.5%;
}
#kap1-slide4-step1-info{
    top: 0;
    padding-top: 9.2%;
    left: 23%;
}
#kap1-slide4-step2-info{
    top: 0;
    padding-top: 8.3%;
    left: 39.4%;
}
#kap1-slide4-step3-info{
    top: 0;
    padding-top: 9.2%;
    left: 57%;
}
#kap1-slide4-step4-info{
    top: 0;
    padding-top: 6.3%;
    left: 69%;
}
#kap1-slide4-step5-info{
    top: 0;
    padding-top: 9.2%;
    left: 89.5%;
}


#pfeil_blau{
    position: absolute;
    left: 0;
    top: 0;
    width: 19%;
    padding-top: 3.5%;

    transition: all 1s;

    z-index: 20;
}
#balken_orange{
    position: relative;
    height: 25%;
    top: 0%;
    left: 0%;
    display: block;

    transition: all 1s;

    z-index: 10;
}
/*text underneath orange bar*/
#kap1-slide4-step0{
    position: absolute;
    width: 100%;
    padding-left: 7.5%;
    text-align: left;
}
#kap1-slide4-step1{
    position: absolute;
    width: 100%;
    padding-left: 24%;
    text-align: left;
}
#kap1-slide4-step2{
    position: absolute;
    width: 100%;
    padding-left: 40%;
    text-align: left;
}
#kap1-slide4-step3{
    position: absolute;
    width: 100%;
    padding-right: 42%;
    text-align: right;
}
#kap1-slide4-step4{
    position: absolute;
    width: 100%;
    padding-right: 26%;
    text-align: right;
}
#kap1-slide4-step5{
    position: absolute;
    width: 100%;
    padding-right: 10%;
    text-align: right;
}


/* ::::::::: kap1-slide-5 ::::::::: */
#kap1-slide5-step1{
    position: absolute;
    height:100%;
    width:100%;
    top: 0;
}
.blueBG{
position: absolute;
background-color:rgba(0,156,222,0.50);
border-radius: 5px;
z-index: -1;
}
#blueBG1{
    position: absolute;
    width: 33%;
    height: 52%;
    top: 42%;
    left: 0%;
}
#blueBG2{
    position: absolute;
    width: 33%;
    height: 39%;
    top: 2%;
    left: 61%;
}
#kap1-slide5-step2{
    padding-top: 10%;
    top: 0 !important; 
}