/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/*------------------SHARE BUTTON GROSS-----------------*/
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
.Share {
  display: block;
  clear: left;
  position: relative;
  margin: 0px auto;
  width: auto;
  text-align: center;
  left: 0px;
  top: 20px;
}

.Share.off {
  display: none;
  left: -9999px;
}

.share-btn {
  clear: left;
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin: 0 5px;
  padding-top: 20px;
  width: 90px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.share-btn:active {
  margin-top: 3px;
}
.share-btn:active .share-btn-action {
  padding-bottom: 3px;
  -webkit-box-shadow: inset 0 -3px rgba(0, 0, 0, 0.15), inset 0 -1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -3px rgba(0, 0, 0, 0.15), inset 0 -1px rgba(0, 0, 0, 0.15);
}
.share-btn:active .share-btn-action:after {
  bottom: 3px;
}

.share-btn-count {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  line-height: 20px;
  font-size: 19px;
  letter-spacing: -1px;
  color: #555;
  text-shadow: 0 1px white;
  background: #e6eff5;
  border-width: 1px 1px 0;
  border-style: solid;
  border-color: #c5c5c5 #bbb;
  border-radius: 8px 8px 0 0;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.03), transparent 40%);
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.03), transparent 40%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.03), transparent 40%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.03), transparent 40%);
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px rgba(0, 0, 0, 0.18), 0 2px rgba(0, 0, 0, 0.07);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px rgba(0, 0, 0, 0.18), 0 2px rgba(0, 0, 0, 0.07);
}
.share-btn-count:before, .share-btn-count:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -6px;
  border: 6px solid transparent;
  border-top-color: #e6eff5;
}
.share-btn-count:before {
  margin-left: -7px;
  margin-top: 1px;
  border-width: 7px;
  border-top-color: rgba(0, 0, 0, 0.07);
}

.share-btn-action {
  display: block;
  position: relative;
  line-height: 32px;
  padding: 2px 0 6px;
  font-size: 11px;
  color: white;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  border: solid rgba(0, 0, 0, 0.18);
  border-width: 0 1px;
  border-radius: 0 0 8px 8px;
}
.share-btn-action:before {
  content: '';
  display: inline-block;
  vertical-align: top;
  margin: 8px 6px 0 0;
  width: 17px;
  height: 17px;
  background-image: url("../img/social.png");
}
.share-btn-action:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 6px;
  left: 0;
  right: 0;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: inset 0 -1px 2px rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 -1px 2px rgba(255, 255, 255, 0.25);
}

.share-btn-tweet {
  background: #83cfe8;
  background-image: -webkit-linear-gradient(top, #83cfe8, #6ebbd4);
  background-image: -moz-linear-gradient(top, #83cfe8, #6ebbd4);
  background-image: -o-linear-gradient(top, #83cfe8, #6ebbd4);
  background-image: linear-gradient(to bottom, #83cfe8, #6ebbd4);
  -webkit-box-shadow: inset 0 -6px rgba(0, 0, 0, 0.16), inset 0 -1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -6px rgba(0, 0, 0, 0.16), inset 0 -1px rgba(0, 0, 0, 0.15);
  cursor: pointer;
}

.share-btn-tweet:hover {
  background: #39a7cc;
  background-image: -webkit-linear-gradient(top, #39a7cc, #0c6c8c);
  background-image: -moz-linear-gradient(top, #39a7cc, #0c6c8c);
  background-image: -o-linear-gradient(top, #39a7cc, #0c6c8c);
  background-image: linear-gradient(to bottom, #39a7cc, #0c6c8c);
  -webkit-box-shadow: inset 0 -6px rgba(0, 0, 0, 0.16), inset 0 -1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -6px rgba(0, 0, 0, 0.16), inset 0 -1px rgba(0, 0, 0, 0.15);
}

.share-btn-tweet:before {
  margin-left: -3px;
  background-position: 0px 1px;
}
.share-btn-tweet:after {
  -webkit-box-shadow: inset 0 -1px 2px rgba(255, 255, 255, 0.5);
  box-shadow: inset 0 -1px 2px rgba(255, 255, 255, 0.5);
}
.share-btn-tweet + .share-btn-count {
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px rgba(0, 0, 0, 0.12), 0 2px rgba(0, 0, 0, 0.04);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px rgba(0, 0, 0, 0.12), 0 2px rgba(0, 0, 0, 0.04);
}
.share-btn-tweet + .share-btn-count:before {
  border-top-color: rgba(0, 0, 0, 0.05);
}

.share-btn-like {
  background: #6480bd;
  background-image: -webkit-linear-gradient(top, #6480bd, #3c5894);
  background-image: -moz-linear-gradient(top, #6480bd, #3c5894);
  background-image: -o-linear-gradient(top, #6480bd, #3c5894);
  background-image: linear-gradient(to bottom, #6480bd, #3c5894);
  -webkit-box-shadow: inset 0 -6px rgba(0, 0, 0, 0.15), inset 0 -1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -6px rgba(0, 0, 0, 0.15), inset 0 -1px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}

.share-btn-like:hover {
  background: #3558a3;
  background-image: -webkit-linear-gradient(top, #3558a3, #081f4f);
  background-image: -moz-linear-gradient(top, #3558a3, #081f4f);
  background-image: -o-linear-gradient(top, #3558a3, #081f4f);
  background-image: linear-gradient(to bottom, #3558a3, #081f4f);
  -webkit-box-shadow: inset 0 -6px rgba(0, 0, 0, 0.16), inset 0 -1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -6px rgba(0, 0, 0, 0.16), inset 0 -1px rgba(0, 0, 0, 0.15);
}

.share-btn-like:before {
  background-position: -18px 1px;
}

.share-btn-plus {
	background: #626262;
	background-image: -webkit-linear-gradient(270deg,rgba(2,185,23,1.00) 0%,rgba(2,77,5,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(2,185,23,1.00) 0%,rgba(2,77,5,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(2,185,23,1.00) 0%,rgba(2,77,5,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(2,185,23,1.00) 0%,rgba(2,77,5,1.00) 100%);
	-webkit-box-shadow: inset 0 -6px rgba(0, 0, 0, 0.08), inset 0 -1px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 -6px rgba(0, 0, 0, 0.08), inset 0 -1px rgba(0, 0, 0, 0.3);
	cursor: pointer;
}

.share-btn-plus:hover {
  background: #00680b;
  background-image: -webkit-linear-gradient(top, #00680b, #022803);
  background-image: -moz-linear-gradient(top, #00680b, #022803);
  background-image: -o-linear-gradient(top, #00680b, #022803);
  background-image: linear-gradient(to bottom, #00680b, #022803);
  -webkit-box-shadow: inset 0 -6px rgba(0, 0, 0, 0.16), inset 0 -1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -6px rgba(0, 0, 0, 0.16), inset 0 -1px rgba(0, 0, 0, 0.15);
}
.share-btn-plus:before {
  background-position: -33px 1px;
}

.share-btn-mail {
	background: #626262;
	background-image: -webkit-linear-gradient(270deg,rgba(100,100,100,1.00) 0%,rgba(35,35,35,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(100,100,100,1.00) 0%,rgba(35,35,35,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(100,100,100,1.00) 0%,rgba(35,35,35,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(100,100,100,1.00) 0%,rgba(35,35,35,1.00) 100%);
	-webkit-box-shadow: inset 0 -6px rgba(0, 0, 0, 0.08), inset 0 -1px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 -6px rgba(0, 0, 0, 0.08), inset 0 -1px rgba(0, 0, 0, 0.3);
	cursor: pointer;
}

.share-btn-mail:hover {
	background: #626262;
	background-image: -webkit-linear-gradient(270deg,rgba(176,168,168,1.00) 0%,rgba(85,81,81,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(176,168,168,1.00) 0%,rgba(85,81,81,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(176,168,168,1.00) 0%,rgba(85,81,81,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(176,168,168,1.00) 0%,rgba(85,81,81,1.00) 100%);
	-webkit-box-shadow: inset 0 -6px rgba(0, 0, 0, 0.08), inset 0 -1px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 -6px rgba(0, 0, 0, 0.08), inset 0 -1px rgba(0, 0, 0, 0.3);
}
.share-btn-mail:before {
  background-position: -50px 1px;
}


#gross_twitter.visible{
	display: none;
}
#gross_facebook.visible{
	display: none;
}
#gross_whatsapp.visible{
	display: none;
}
#gross_kontakt.visible{
	display: none;
}

/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/*------------------SHARE BUTTON KLEIN-----------------*/
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
.Share-klein{
  display: block;
  clear: left;
  position: relative;
  margin: 0px auto;
  width: auto;
  text-align: center;
  left: 0px;
  top: 20px;
}

.Share-klein.off{
  display: none;
  left: -9999px;
}

.share-btn-klein{
  clear: left;
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin: 0 7px;
  padding-top: 20px;
  width: 90px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  border-radius: 8px;
  cursor: pointer;
}

#klein_twitter{
	height: 50px;
	width: 50px;
	background: url(../img/social_klein_twitter.png);
	background-repeat: no-repeat;
	background-size: 50px 50px;
}
#klein_facebook{
	height: 50px;
	width: 50px;
	background: url(../img/social_klein_facebook.png);
	background-repeat: no-repeat;
	background-size: 50px 50px;
}
#klein_whatsapp{
	height: 50px;
	width: 50px;
	background: url(../img/social_klein_whatsapp.png);
	background-repeat: no-repeat;
	background-size: 50px 50px;
}
#klein_kontakt{
	height: 50px;
	width: 50px;
	background: url(../img/social_klein_mail.png);
	background-repeat: no-repeat;
	background-size: 50px 50px;
}

#klein_twitter:hover{
	opacity: 0.3;
}
#klein_facebook:hover{
	opacity: 0.3;
}
#klein_whatsapp:hover{
	opacity: 0.3;
}
#klein_kontakt:hover{
	opacity: 0.3;
}

#klein_twitter.visible{
	display: none;
}
#klein_facebook.visible{
	display: none;
}
#klein_whatsapp.visible{
	display: none;
}
#klein_kontakt.visible{
	display: none;
}