/* CSS für InfoSnippet Plugin | BlueWolf-Produktion */

.contact-badge {
 background-attachment: scroll;
 background-clip: border-box;
 background-image: none;
 background-origin: padding-box;
 background-position: 0 0;
 background-repeat: repeat;
 background-size: auto auto;
 border-bottom-left-radius: 0;
 border-bottom-right-radius: 0;
 border-top-left-radius: 3px;
 border-top-right-radius: 3px;
 bottom: 0;
 box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
 display: inline-block;
 padding-bottom: 12px;
 padding-left: 12px;
 padding-right: 20px;
 padding-top: 6px;
 position: fixed;
 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
 z-index: 999;
 opacity: 0.8;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.contact-badge .mail-icon {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: transparent;
  background-image: url('/engine/Shopware/Plugins/Community/Frontend/WolfInfoSnippet/views/emotion/frontend/plugins/WolfInfoSnippet/img/mail-icon.png');
  background-origin: padding-box;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: auto auto;
  display: block;
  float: left;
  height: 44px;
  text-indent: -9999px;
  width: 44px;
  opacity: 0.7;
}
.contact-badge .mail-icon:hover {
	opacity:1;
	box-shadow:#0C0;
}

.contact-badge p {
  font-size: 21px;
  font-weight: 600;
  line-height: 21px;
  margin-left: 56px;
  opacity: 1;
}
.contact-badge p .title {
  display: inline-block;
  font-size: 11px;
  font-weight: 300;
  line-height: 11px;
  padding-bottom: 2px;
  padding-top:10px;opacity: 1;}