/*--------------------------------------------------------------
# Schriftarten
--------------------------------------------------------------*/

@font-face {
    font-family: 'fontawesome';
    src: url('../fonts/fontawesome-webfont.eot');
    src: url('../fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/fontawesome-webfont.woff2') format('woff2'),
         url('../fonts/fontawesome-webfont.woff') format('woff'),
         url('../fonts/fontawesome-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

/*--------------------------------------------------------------
# Schwarz/Weiß Theme
--------------------------------------------------------------*/

body.webmv-sa-color-black-white * { color:#000 !important; background-color: #fff !important; border: #fff !important; }
body.webmv-sa-color-black-white img { -webkit-filter: grayscale(1) !important; filter: grayscale(1) !important; }
body.webmv-sa-color-black-white button, body.webmv-sa-color-black-white input, body.webmv-sa-color-black-white select, body.webmv-sa-color-black-white textarea { border: 1px solid #000 !important; }

/*--------------------------------------------------------------
# Kontrast Theme
--------------------------------------------------------------*/

body.webmv-sa-color-contrast * { color:#fff !important; background-color: #000 !important; border: #fff !important; }
body.webmv-sa-color-contrast img { -webkit-filter: grayscale(1); filter: grayscale(1); }
body.webmv-sa-color-contrast button, body.webmv-sa-color-contrast input, body.webmv-sa-color-contrast select, body.webmv-sa-color-contrast textarea { border: 1px solid #FFF !important; }

/*--------------------------------------------------------------
# Liste 
--------------------------------------------------------------*/
.webmv_sa_ul li { list-style-type: none; }
.webmv_sa_ul li a { cursor: pointer; }
.webmv_sa_ul li.webmv_sa_li a span { margin: 0 5px 0 5px; }
.webmv_sa_ul li.webmv_sa_li a span.fa-tint { margin: 0 7px 0 7px; }

/*--------------------------------------------------------------
# Layer
--------------------------------------------------------------*/
div.webmv_sa_layer_div { position: fixed !important; top:45%; right: 0; background-color: #cccbcb; padding: 0px; margin: 0px; right: -162px; width: 200px; z-index:9999;}
div.webmv_sa_layer_div .webmv_sa_ul { margin: 0; padding: 0; }
div.webmv_sa_layer_div .webmv_sa_ul li.webmv_sa_li {  background-color: #cccbcb !important; border-bottom: 1px solid #d2d2d2 !important; border-top: 1px solid #f5f5f5 !important; color: #efefef; margin: 0px 0px 1px 0px; padding: 5px 0 5px 0; display: block; text-transform: uppercase; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; 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"); filter: gray; -webkit-filter: grayscale(100%); }
div.webmv_sa_layer_div .webmv_sa_ul li.webmv_sa_li:hover { margin-left: -130px; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale"); -webkit-filter: grayscale(0%); }
div.webmv_sa_layer_div .webmv_sa_ul li.webmv_sa_li a { color:#333 !important; background-color: #cccbcb !important; margin: 0; padding: 0; display: block; }
div.webmv_sa_layer_div .webmv_sa_ul li.webmv_sa_li a span { background-color: #cccbcb !important; color: #333 !important; font-size: 33px !important; }
div.webmv_sa_layer_div .webmv_sa_ul li.webmv_sa_li a span.fa-tint { margin: 0 9px 0 9px; }
div.webmv_sa_layer_div .webmv_sa_ul li.webmv_sa_li a span.webmv-sa-link { position: absolute !important; margin-top:7px !important; font-size: 14px !important; }