.icon {
    width: 100%;
    margin-bottom: 10px;
    padding: 0;
}

.icon i {
    font-style: normal;
    margin: 10px 10px 10px 20px;
    padding-left: 70px;
    text-align: left;
    content: "";
    display: block;
    height: 50px;
    background-repeat: no-repeat;
    padding-top: 15px;
}

.icon i.backend {
    height: 40px;
    font-style: normal;
    margin: 0 !important;
    padding: 15px !important;
    content: "";
}

@media only screen and(max-width: 600px) {
    .icon i {
        font-size: 0.9rem;
        height: 30px;
        margin: 12px 12px 12px 10px;
        padding-left: 45px;
        padding-top: 5px;
    }

}


.icon i.windel {
    background-image: url("../../resources/img/windel.svg");
}

.icon i.windel.backend {
    background-image: url("../../resources/img/windel.svg") !important;
    background-size: contain;
}

.icon:hover i.windel,
.active i.windel {
    background-image: url("../../resources/img/windel_hover.svg");
}

.icon i.syringe {
    background-image: url("../../resources/img/syringe.svg");
}

.icon i.syringe.backend {
    background-image: url("../../resources/img/syringe.svg") !important;
    background-size: contain;
}

.icon:hover i.syringe,
.active i.syringe {
    background-image: url("../../resources/img/syringe_hover.svg");
}

.icon i.service {
    background-image: url("../../resources/img/service.svg");
}

.icon i.service.backend {
    background-image: url("../../resources/img/service.svg") !important;
    background-size: contain;
}

.icon:hover i.service,
.active i.service {
    background-image: url("../../resources/img/service_hover.svg");
}

.icon i.pillen {
    background-image: url("../../resources/img/pillen.svg");
}

.icon i.pillen.backend {
    background-image: url("../../resources/img/pillen.svg") !important;
    background-size: contain;
}

.icon:hover i.pillen,
.active i.pillen {
    background-image: url("../../resources/img/pillen_hover.svg");
}

.icon i.pharmacy-shop {
    background-image: url("../../resources/img/pharmacy-shop.svg");
}

.icon i.pharmacy-shop.backend {
    background-image: url("../../resources/img/pharmacy-shop.svg") !important;
    background-size: contain;
}

.icon:hover i.pharmacy-shop,
.active i.pharmacy-shop {
    background-image: url("../../resources/img/pharmacy-shop_hover.svg");
}

.icon i.moerser-und-stoessel {
    background-image: url("../../resources/img/moerser-und-stoessel.svg");
}

.icon i.moerser-und-stoessel.backend {
    background-image: url("../../resources/img/moerser-und-stoessel.svg") !important;
    background-size: contain;
}

.icon:hover i.moerser-und-stoessel,
.active i.moerser-und-stoessel {
    background-image: url("../../resources/img/moerser-und-stoessel_hover.svg");
}


.icon i.informationen {
    background-image: url("../../resources/img/informationen.svg");
}

.icon i.informationen.backend {
    background-image: url("../../resources/img/informationen.svg") !important;
    background-size: contain;
}

.icon:hover i.informationen,
.active i.informationen {
    background-image: url("../../resources/img/informationen_hover.svg");
}

.icon i.blutdruckmessgeraet {
    background-image: url("../../resources/img/blutdruckmessgeraet.svg");
}

.icon i.blutdruckmessgeraet.backend {
    background-image: url("../../resources/img/blutdruckmessgeraet.svg") !important;
    background-size: contain;
}

.icon:hover i.blutdruckmessgeraet,
.active i.blutdruckmessgeraet {
    background-image: url("../../resources/img/blutdruckmessgeraet_hover.svg");
}

.icon i.beratung {
    background-image: url("../../resources/img/beratung.svg");
}

.icon i.beratung.backend {
    background-image: url("../../resources/img/beratung.svg") !important;
    background-size: contain;
}

.icon:hover i.beratung,
.active i.beratung {
    background-image: url("../../resources/img/beratung_hover.svg");
}

.icon i.asthmaperson {
    background-image: url("../../resources/img/asthmaperson.svg");
}

.icon i.asthmaperson.backend {
    background-image: url("../../resources/img/asthmaperson.svg") !important;
    background-size: contain;
}

.icon:hover i.asthmaperson,
.active i.asthmaperson {
    background-image: url("../../resources/img/asthmaperson_hover.svg");
}

.icon i.asthma {
    background-image: url("../../resources/img/asthma.svg");
}

.icon i.asthma.backend {
    background-image: url("../../resources/img/asthma.svg") !important;
    background-size: contain;
}

.icon:hover i.asthma,
.active i.asthma {
    background-image: url("../../resources/img/asthma_hover.svg");
}

.icon i.apfel {
    background-image: url("../../resources/img/apfel.svg");
}

.icon i.apfel.backend {
    background-image: url("../../resources/img/apfel.svg") !important;
    background-size: contain;
}

.icon:hover i.apfel,
.active i.apfel {
    background-image: url("../../resources/img/apfel_hover.svg");
}

.icon i.blood {
    background-image: url("../../resources/img/blood.svg");
}

.icon i.blood.backend {
    background-image: url("../../resources/img/blood.svg") !important;
    background-size: contain;
}

.icon:hover i.blood,
.active i.blood {
    background-image: url("../../resources/img/blood_hover.svg");
}

.icon i.essen {
    background-image: url("../../resources/img/essen.svg");
}

.icon i.essen.backend {
    background-image: url("../../resources/img/essen.svg") !important;
    background-size: contain;
}

.icon:hover i.essen,
.active i.essen {
    background-image: url("../../resources/img/essen_hover.svg");
}

.icon i.islandonwater {
    background-image: url("../../resources/img/islandonwater.svg");
}

.icon i.islandonwater.backend {
    background-image: url("../../resources/img/islandonwater.svg") !important;
    background-size: contain;
}

.icon:hover i.islandonwater,
.active i.islandonwater {
    background-image: url("../../resources/img/islandonwater_hover.svg");
}

.icon i.socken {
    background-image: url("../../resources/img/socken.svg");
}

.icon i.socken.backend {
    background-image: url("../../resources/img/socken.svg") !important;
    background-size: contain;
}

.icon:hover i.socken,
.active i.socken {
    background-image: url("../../resources/img/socken_hover.svg");
}

.icon i.tropfenblut {
    background-image: url("../../resources/img/tropfenblut.svg");
}

.icon i.tropfenblut.backend {
    background-image: url("../../resources/img/tropfenblut.svg") !important;
    background-size: contain;
}

.icon:hover i.tropfenblut,
.active i.tropfenblut {
    background-image: url("../../resources/img/tropfenblut_hover.svg");
}

.icon i.beautician {
    background-image: url("../../resources/img/beautician.svg");
}

.icon i.beautician.backend {
    background-image: url("../../resources/img/beautician.svg") !important;
    background-size: contain;
}

.icon:hover i.beautician,
.active i.beautician {
    background-image: url("../../resources/img/beautician_hover.svg");
}
.icon i.bier {
    background-image: url("../../resources/img/bier.svg");
}

.icon i.bier.backend {
    background-image: url("../../resources/img/bier.svg") !important;
    background-size: contain;
}

.icon:hover i.bier,
.active i.bier {
    background-image: url("../../resources/img/bier_hover.svg");
}
.icon i.bloodpressure {
    background-image: url("../../resources/img/bloodpressure.svg");
}

.icon i.bloodpressure.backend {
    background-image: url("../../resources/img/bloodpressure.svg") !important;
    background-size: contain;
}

.icon:hover i.bloodpressure,
.active i.bloodpressure {
    background-image: url("../../resources/img/bloodpressure_hover.svg");
}
.icon i.drinks {
    background-image: url("../../resources/img/drinks.svg");
}

.icon i.drinks.backend {
    background-image: url("../../resources/img/drinks.svg") !important;
    background-size: contain;
}

.icon:hover i.drinks,
.active i.drinks {
    background-image: url("../../resources/img/drinks_hover.svg");
}
.icon i.eyedrop {
    background-image: url("../../resources/img/eyedrop.svg");
}

.icon i.eyedrop.backend {
    background-image: url("../../resources/img/eyedrop.svg") !important;
    background-size: contain;
}

.icon:hover i.eyedrop,
.active i.eyedrop {
    background-image: url("../../resources/img/eyedrop_hover.svg");
}
.icon i.faceshield {
    background-image: url("../../resources/img/faceshield.svg");
}

.icon i.faceshield.backend {
    background-image: url("../../resources/img/faceshield.svg") !important;
    background-size: contain;
}

.icon:hover i.faceshield,
.active i.faceshield {
    background-image: url("../../resources/img/faceshield_hover.svg");
}
.icon i.handicap {
    background-image: url("../../resources/img/handicap.svg");
}

.icon i.handicap.backend {
    background-image: url("../../resources/img/handicap.svg") !important;
    background-size: contain;
}

.icon:hover i.handicap,
.active i.handicap {
    background-image: url("../../resources/img/handicap_hover.svg");
}
.icon i.handmilchpumpe1 {
    background-image: url("../../resources/img/handmilchpumpe1.svg");
}

.icon i.handmilchpumpe1.backend {
    background-image: url("../../resources/img/handmilchpumpe1.svg") !important;
    background-size: contain;
}

.icon:hover i.handmilchpumpe1,
.active i.handmilchpumpe1 {
    background-image: url("../../resources/img/handmilchpumpe1_hover.svg");
}
.icon i.handmilchpumpe2 {
    background-image: url("../../resources/img/handmilchpumpe2.svg");
}

.icon i.handmilchpumpe2.backend {
    background-image: url("../../resources/img/handmilchpumpe2.svg") !important;
    background-size: contain;
}

.icon:hover i.handmilchpumpe2,
.active i.handmilchpumpe2 {
    background-image: url("../../resources/img/handmilchpumpe2_hover.svg");
}
.icon i.herbalmortar {
    background-image: url("../../resources/img/herbalmortar.svg");
}

.icon i.herbalmortar.backend {
    background-image: url("../../resources/img/herbalmortar.svg") !important;
    background-size: contain;
}

.icon:hover i.herbalmortar,
.active i.herbalmortar {
    background-image: url("../../resources/img/herbalmortar_hover.svg");
}
.icon i.herbaltreatment {
    background-image: url("../../resources/img/herbaltreatment.svg");
}

.icon i.herbaltreatment.backend {
    background-image: url("../../resources/img/herbaltreatment.svg") !important;
    background-size: contain;
}

.icon:hover i.herbaltreatment,
.active i.herbaltreatment {
    background-image: url("../../resources/img/herbaltreatment_hover.svg");
}
.icon i.konferenzraum {
    background-image: url("../../resources/img/konferenzraum.svg");
}

.icon i.konferenzraum.backend {
    background-image: url("../../resources/img/konferenzraum.svg") !important;
    background-size: contain;
}

.icon:hover i.konferenzraum,
.active i.konferenzraum {
    background-image: url("../../resources/img/konferenzraum_hover.svg");
}
.icon i.konfetti {
    background-image: url("../../resources/img/konfetti.svg");
}

.icon i.konfetti.backend {
    background-image: url("../../resources/img/konfetti.svg") !important;
    background-size: contain;
}

.icon:hover i.konfetti,
.active i.konfetti {
    background-image: url("../../resources/img/konfetti_hover.svg");
}
.icon i.makeup {
    background-image: url("../../resources/img/makeup.svg");
}

.icon i.makeup.backend {
    background-image: url("../../resources/img/makeup.svg") !important;
    background-size: contain;
}

.icon:hover i.makeup,
.active i.makeup {
    background-image: url("../../resources/img/makeup_hover.svg");
}
.icon i.neuerjob {
    background-image: url("../../resources/img/neuerjob.svg");
}

.icon i.neuerjob.backend {
    background-image: url("../../resources/img/neuerjob.svg") !important;
    background-size: contain;
}

.icon:hover i.neuerjob,
.active i.neuerjob {
    background-image: url("../../resources/img/neuerjob_hover.svg");
}
.icon i.pcrtest1 {
    background-image: url("../../resources/img/pcrtest1.svg");
}

.icon i.pcrtest1.backend {
    background-image: url("../../resources/img/pcrtest1.svg") !important;
    background-size: contain;
}

.icon:hover i.pcrtest1,
.active i.pcrtest1 {
    background-image: url("../../resources/img/pcrtest1_hover.svg");
}
.icon i.pcrtest2 {
    background-image: url("../../resources/img/pcrtest2.svg");
}

.icon i.pcrtest2.backend {
    background-image: url("../../resources/img/pcrtest2.svg") !important;
    background-size: contain;
}

.icon:hover i.pcrtest2,
.active i.pcrtest2 {
    background-image: url("../../resources/img/pcrtest2_hover.svg");
}
.icon i.reinigung {
    background-image: url("../../resources/img/reinigung.svg");
}

.icon i.reinigung.backend {
    background-image: url("../../resources/img/reinigung.svg") !important;
    background-size: contain;
}

.icon:hover i.reinigung,
.active i.reinigung {
    background-image: url("../../resources/img/reinigung_hover.svg");
}
.icon i.rollator {
    background-image: url("../../resources/img/rollator.svg");
}

.icon i.rollator.backend {
    background-image: url("../../resources/img/rollator.svg") !important;
    background-size: contain;
}

.icon:hover i.rollator,
.active i.rollator {
    background-image: url("../../resources/img/rollator_hover.svg");
}
.icon i.shakegently {
    background-image: url("../../resources/img/shakegently.svg");
}

.icon i.shakegently.backend {
    background-image: url("../../resources/img/shakegently.svg") !important;
    background-size: contain;
}

.icon:hover i.shakegently,
.active i.shakegently {
    background-image: url("../../resources/img/shakegently_hover.svg");
}
.icon i.sitzung1 {
    background-image: url("../../resources/img/sitzung1.svg");
}

.icon i.sitzung1.backend {
    background-image: url("../../resources/img/sitzung1.svg") !important;
    background-size: contain;
}

.icon:hover i.sitzung1,
.active i.sitzung1 {
    background-image: url("../../resources/img/sitzung1_hover.svg");
}
.icon i.sitzung2 {
    background-image: url("../../resources/img/sitzung2.svg");
}

.icon i.sitzung2.backend {
    background-image: url("../../resources/img/sitzung2.svg") !important;
    background-size: contain;
}

.icon:hover i.sitzung2,
.active i.sitzung2 {
    background-image: url("../../resources/img/sitzung2_hover.svg");
}
.icon i.vaccination1 {
    background-image: url("../../resources/img/vaccination1.svg");
}

.icon i.vaccination1.backend {
    background-image: url("../../resources/img/vaccination1.svg") !important;
    background-size: contain;
}

.icon:hover i.vaccination1,
.active i.vaccination1 {
    background-image: url("../../resources/img/vaccination1_hover.svg");
}
.icon i.vaccination2 {
    background-image: url("../../resources/img/vaccination2.svg");
}

.icon i.vaccination2.backend {
    background-image: url("../../resources/img/vaccination2.svg") !important;
    background-size: contain;
}

.icon:hover i.vaccination2,
.active i.vaccination2 {
    background-image: url("../../resources/img/vaccination2_hover.svg");
}
.icon i.vaccination3 {
    background-image: url("../../resources/img/vaccination3.svg");
}

.icon i.vaccination3.backend {
    background-image: url("../../resources/img/vaccination3.svg") !important;
    background-size: contain;
}

.icon:hover i.vaccination3,
.active i.vaccination3 {
    background-image: url("../../resources/img/vaccination3_hover.svg");
}
.icon i.videokonferenz {
    background-image: url("../../resources/img/videokonferenz.svg");
}

.icon i.videokonferenz.backend {
    background-image: url("../../resources/img/videokonferenz.svg") !important;
    background-size: contain;
}

.icon:hover i.videokonferenz,
.active i.videokonferenz {
    background-image: url("../../resources/img/videokonferenz_hover.svg");
}