/*! Gray v1.4.1 (https://github.com/karlhorky/gray) | MIT */
.grayscale {
/* Firefox 10+, Firefox on Android */
filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
/* IE 6-9 */
filter: gray;
/*
Chrome 19+,
Safari 6+,
Safari 6+ iOS,
Opera 15+
*/
-webkit-filter: grayscale(100%);
}
.grayscale.grayscale-fade {
-webkit-transition: -webkit-filter .5s;
}
.grayscale.grayscale-off,
.grayscale.grayscale-fade:hover {
-webkit-filter: grayscale(0%);
filter: none;
}
.grayscale.grayscale-replaced {
filter: none;
-webkit-filter: none;
}
.grayscale.grayscale-replaced > svg {
opacity: 1;
-webkit-transition: opacity .5s ease;
transition: opacity .5s ease;
}
.grayscale.grayscale-replaced.grayscale-off > svg,
.grayscale.grayscale-replaced.grayscale-fade:hover > svg {
opacity: 0;
}

/* von mir eingefügt, damit erstes Bild nicht grau ist */
ul#smenu > li.current > a > img.grayscale{
-webkit-filter: grayscale(0%) !important;
filter: none !important;	
}
ul#smenu > li.current > a > div.grayscale{
-webkit-filter: grayscale(0%) !important;
filter: none !important;	
}
ul#smenu > li.active > a > img.grayscale.grayscale-replaced.grayscale-off > svg,
ul#smenu > li.active > a > img.grayscale.grayscale-replaced.grayscale-fade:hover > svg {
opacity: 0;
}