.bkg-custom-class {
    /* Hintergrundfarbe und Rand anpassen*/
	/*border-color: #FF00FF !important;
    background-color: #FF00FF !important;*/
}
.bkg-custom-class-atlanten {
    /* Hintergrundfarbe und Rand*/
    /*border-color: #FF00FF !important;
    background-color: #FF00FF !important;*/
}

@media only screen and (max-width: 750px) {
    .bkg-custom-class:before {
        content: url("logo_inspire_blau.svg");
        transform: scale(.4);
    }
    .bkg-custom-class:hover:before {
        content: url("logo_inspire_blau_reverse.svg");
        transform: scale(.4);
    }
    .bkg-custom-class-atlanten:before {
        content: url("logo_interaktive_atlanten.svg");
        transform: scale(.4);
    }
    .bkg-custom-class-atlanten:hover:before {
        content: url("logo_interaktive_atlanten_reverse.svg");
        transform: scale(.4);
    }
}

@media only screen and (min-width: 751px) {
    .bkg-custom-class:before {
        content: url("logo_inspire_blau.svg");
    }
    .bkg-custom-class:hover:before {
        content: url("logo_inspire_blau_reverse.svg");
    }
    .bkg-custom-class-atlanten:before {
        content: url("logo_interaktive_atlanten.svg");
    }
    .bkg-custom-class-atlanten:hover:before {
        content: url("logo_interaktive_atlanten_reverse.svg");
    }
}