#KreisBuehne {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;

    background:
        radial-gradient(circle at center,
            #f6d36b 0%,
            #f6d36b 18%,
            #cfe0f6 45%,
            #6f9fd8 100%);
}

#KreisBuehne .Sonne {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);

    width: 22vmin;
    height: 22vmin;
    max-width: 260px;
    max-height: 260px;
    min-width: 140px;
    min-height: 140px;

    border-radius: 50%;
    background: radial-gradient(circle,
        #fff6c8 0%,
        #f6d36b 55%,
        rgba(246,211,107,0.25) 75%,
        transparent 100%);
    filter: blur(2px);
}

#KreisBuehne .Teilnehmer {
    position: absolute;
    border-radius: 50%;
    background:
        radial-gradient(circle at 30% 30%,
            rgba(255,255,255,0.95),
            rgba(220,235,255,0.9) 70%);
    background-size: cover;
    background-position: center;

    box-shadow: 0 0 20px rgba(255,255,255,0.6);
}

#KreisBuehne .Status {
    position: absolute;
    left: 50%;
    bottom: -7%;
    transform: translateX(-50%);

    width: 17%;
    height: 9%;
    border-radius: 30%;
    background: #2ecc71;

    box-shadow: 0 0 8px rgba(0,0,0,0.3);
}

#KreisBuehne .Status.Aus {
    background: #e74c3c;
}