.verfuebarkeitsampel {
    width: 25px;
    height: 25px;
    background-color: transparent;
    float: right;
    position: absolute;
    z-index: 100;
    right: 10px;
}

.ebene1 {
    background-color: #efefef;
    height: 6px;
    margin-bottom: 3px;
    border-radius: 10px;
}

.ebene2 {
    background-color: #efefef;
    height: 6px;
    margin-bottom: 3px;
    border-radius: 10px;
}

.ebene3 {
    background-color: #efefef;
    height: 6px;
    margin-bottom: 3px;
    border-radius: 10px;
}

.verfuebar-1 .ebene1, .verfuebar-1 .ebene2, .verfuebar-1 .ebene3 {
    background-color: #32af1f;
}

.verfuebar-2 .ebene1 {
    background-color: #ffcd00;
}
.verfuebar-2 .ebene2, .verfuebar-2 .ebene3 {
    background-color: #32af1f;
}

.verfuebar-3 .ebene1, .verfuebar-3 .ebene2 {
    background-color: #ffcd00;
}
.verfuebar-3 .ebene3 {
    background-color: #32af1f;
}

.verfuebar-4 .ebene1, .verfuebar-4 .ebene2, .verfuebar-4 .ebene3 {
    background-color: #ffcd00;
}

.verfuebar-5 .ebene1 {
    background-color: #ff0000;
}
.verfuebar-5 .ebene2, .verfuebar-5 .ebene3 {
    background-color: #ffcd00;
}

.verfuebar-6 .ebene1, .verfuebar-6 .ebene2  {
    background-color: #ff0000;
}
.verfuebar-6 .ebene3 {
    background-color: #ffcd00;
}

.verfuebar-7 .ebene1, .verfuebar-7 .ebene2, .verfuebar-7 .ebene3  {
    background-color: #ff0000;
}

.verfuebar-8 .ebene1 {
    background-color: #575756;
}
.verfuebar-8 .ebene2, .verfuebar-8 .ebene3 {
    background-color: #ff0000;
}

.verfuebar-9 .ebene1, .verfuebar-9 .ebene2  {
    background-color: #575756;
}
.verfuebar-9 .ebene3 {
    background-color: #ff0000;
}

.verfuebar-10 .ebene1, .verfuebar-10 .ebene2, .verfuebar-10 .ebene3  {
    background-color: #575756;
}