/*  PARALLAX Circles Daniel - ids zur Positionierung */

/*  PARALLAX Daniel Slide 1 */
.p-circle-daniel-1 {
    position: absolute;
    top: -15vh;
    left: 80vw;
    z-index: -2;
}

.p-circle-daniel-2 {
    position: absolute;
    top: 35vh;
    left: 10vw;
    z-index: -2;
}

.p-circle-daniel-3 {
    position: absolute;
    top: 50vh;
    left: 60vw;
    z-index: -2;
}

.p-circle-daniel-4 {
    position: absolute;
    top: 35vh;
    left: -3vw;
    z-index: -2;

}

.p-circle-daniel-5 {
    position: absolute;
    top: -30vh;
    left: 25vw;
    z-index: -2;

}
.p-circle-daniel-6 {
    position: absolute;
    top: 45vh;
    left: 70vw;
    z-index: -2;

}

.p-circle-daniel-7 {
    position: absolute;
    top: 55vh;
    left: 15vw;
    z-index: -2;
}

.p-circle-daniel-8 {
    position: absolute;
    top: 35vh;
    left: 3vw;
    z-index: -2;
}

/*  Circles luzia - zur Positionierung  */


.circle-daniel-1 {
    position: absolute;
    top: 15vh;
    left: 80vw;
    z-index: -5;
}

.circle-daniel-2 {
    position: absolute;
    top: 40vh;
    left: 70vw;
    z-index: -5;
}

.circle-daniel-3 {
    position: absolute;
    top: 15vh;
    left: 30vw;
    z-index: -5;
}

.circle-daniel-4 {
    position: absolute;
    top: 90vh;
    left: 45vw;
    z-index: -5;
}

.circle-daniel-5 {
    position: absolute;
    top: 35vh;
    left: 2vw;
    z-index: -5;
}


.circle-daniel-6 {
    position: absolute;
    top: 55vh;
    left: 35vw;
    z-index: -5;
}

.circle-daniel-7 {
    position: absolute;
    top: 80vh;
    left: -5vw;
    z-index: -5;
}

.circle-daniel-8 {
    position: absolute;
    top: 48vh;
    left: 30vw;
    z-index: -5;
}

.circle-daniel-9 {
    position: absolute;
    top: 33vh;
    left: 90vw;
    z-index: -5;
}

.circle-daniel-10 {
    position: absolute;
    top: 0vh;
    left: 2vw;
    z-index: -5;
}


.circle-daniel-11 {
    position: absolute;
    top: 20vh;
    left: 90vw;
    z-index: -5;
}

.circle-daniel-12 {
    position: absolute;
    top: 50vh;
    left: 55vw;
    z-index: -5;
}

.circle-daniel-13 {
    position: absolute;
    top: 80vh;
    left: 0vw;
    z-index: -5;
}

.circle-daniel-14 {
    position: absolute;
    top: 92vh;
    left: 90vw;
    z-index: -5;
}

.circle-daniel-15 {
    position: absolute;
    top: 112vh;
    left: 89vw;
    z-index: -5;
}

.circle-daniel-16 {
    position: absolute;
    top: 130vh;
    left: 30vw;
    z-index: -5;
}


.circle-daniel-17 {
    position: absolute;
    top: 40vh;
    left: -2vw;
    z-index: -5;
}

.circle-daniel-18 {
    position: absolute;
    top: 102vh;
    left: 92vw;
    z-index: -5;
}

.circle-daniel-19 {
    position: absolute;
    top: 25vh;
    left: 85vw;
    z-index: -5;
}

.circle-daniel-20{
    position: absolute;
    top: 75vh;
    left: 20vw;
    z-index: -5;
}


.circle-daniel-21 {
    position: absolute;
    top: -15vh;
    left: 75vw;
    z-index: -5;
}

.circle-daniel-22 {
    position: absolute;
    top: 40vh;
    left: 14vw;
    z-index: -5;
}

.circle-daniel-23 {
    position: absolute;
    top: 50vh;
    left: 90vw;
    z-index: -5;
}

.circle-daniel-24 {
    position: absolute;
    top: 58vh;
    left: 25vw;
    z-index: -5;
}

.circle-daniel-25 {
    position: absolute;
    top: -15vh;
    left: 0vw;
    z-index: -5;
}

.circle-daniel-26 {
    position: absolute;
    top: -10vh;
    left: 10vw;
    z-index: -5;
}

.circle-daniel-27 {
    position: absolute;
    top: 0vh;
    right: 5vw;
    z-index: -5;
}

.circle-daniel-28 {
    position: absolute;
    top: -25vh;
    right: 5vw;
    z-index: -5;
}

.circle-daniel-29 {
    position: absolute;
    top: -20vh;
    right: 40vw;
    z-index: -5;
}