.fade_out {
    opacity: 40%;
    transition: opacity 500ms;
    display: none !important;
}

.fade_in {
    opacity: 100%;
    transition: opacity 500ms;
}


.bewertung_sensorik,
.bewertung_merkmal {
    text-align: center;
}

.bewertung_merkmal {
    font-size: 1.2rem !important;
}

@media (min-width: 812px) {
    .wrapper_bewertung_sensorik {
        max-width: 300px;
    }
}

@media (max-width: 811px) {
    .wrapper_bewertung_sensorik {
        max-width: none;
        width: 100% !important;
    }

    #wrapper_bewertungen_main .form-check-summe div {
        width: 100px;
    }
}

#wrapper_bewertungen_main {

}

#wrapper_bewertungen_main .form-check {
    padding-left: 0 !important;
}

#wrapper_bewertungen_main .form-check-input {
    display: none;
    font-weight: normal;
}

#wrapper_bewertungen_main .form-check-input:checked + label {
    background-color: #47A018;
    font-weight: bold;
    color: white;
}

#wrapper_bewertungen_main .form-check-summe {
    display: inline;
    font-weight: bold;
    color: white;
    margin: 5px;
}

#wrapper_bewertungen_main .form-check-summe div {
    text-align: center;
    padding: 3px;
    font-size: 2rem;
    font-weight: bold;
    border: 2px solid transparent;
    border-radius: 50px;
    width: 300px;
}


#wrapper_bewertungen_main .form-check-skala {
    display: inline;
    font-weight: normal;
}

#wrapper_bewertungen_main .form-check-skala button {
    color: white;
    text-align: center;
    width: 3rem;
    padding: 3px;
    font-size: 1.2rem;
    margin-right: 1rem;
}

#wrapper_bewertungen_main .form-check-skala:last-child button {
    margin-right: 0;
}

#wrapper_bewertungen_main .form-check-label:hover {
    background-color: darkgreen !important;
    border: 2px solid darkgreen !important;
}

.merkmale_table td,
.merkmale_table th {
    vertical-align: top;
}

.rangeinput_caption {
    font-weight: bold;
    color: grey;
    width: 2rem;
}

input.bewertung_merkmal {
    width: 80px !important;
}

.gesamtpunktzahl_farbe_1 {
    background-color: #EA101C;
}

.gesamtpunktzahl_farbe_2 {
    background-color: #EA101C;
}

.gesamtpunktzahl_farbe_3 {
    background-color: #EA101C;
}

.gesamtpunktzahl_farbe_4 {
    background-color: #F5E217;
}

.gesamtpunktzahl_farbe_5 {
    background-color: #acbe41;
}

.gesamtpunktzahl_farbe_6 {
    background-color: #89BA38;
}

.gesamtpunktzahl_farbe_7 {
    background-color: #5F9A20;
}

.gesamtpunktzahl_farbe_8 {
    background-color: #47A018;
}