div.sharbuttons {
  width: 100%;
  /*     max-width: 640px; */
  padding-bottom: 2px;
}
div.sharbuttons #teile {
  margin: 9px 0;
  float: left;
  padding: 16px 0;
  color: #666;
  font-weight: bold;
}

/*div.sharbuttons:hover {
  width: 100%;
  max-width: 640px;
  margin-bottom: -2px;
}*/

div.sharbuttons ul {
  width: 100%;
  padding: 10px 0;
  display: block;
  margin-bottom: -4px;
}

div.sharbuttons ul li {
/*  padding: 3px;*/
  padding: 0px;
  margin: 9px;
  height: 36px;
/*   width: 42px; */
  width: 36px;
  background-color: #777;
  display: inline-block;
  list-style: none;
}
div.sharbuttons ul li:hover {
  margin: 9px;
  /*     padding: 1px; */
}

div.sharbuttons ul li.facebookshare:hover {
  background-color: #35528f;
}
div.sharbuttons ul li.twittershare:hover {
  background-color: #000000;
}
div.sharbuttons ul li.mastodonshare:hover {
  background-color: #563ACC;
}
div.sharbuttons ul li.linkcopyshare:hover {
  background-color: #551A8B;
}
div.sharbuttons ul li.linkedinshare:hover {
  background-color: #007EBB;
}
div.sharbuttons ul li.whatsappshare:hover {
  background-color: #27d045;
}
div.sharbuttons ul li.emailshare:hover {
  background-color: #29438c;
}
div.sharbuttons ul li a {
  height: 36px;
/*   width: 42px; */
  width: 36px;
  display: block;
  padding: 3px;
  color: #fff;
  text-decoration: none;
/*   margin-bottom: 3px: */
}

/*div.sharbuttons ul li a:hover {
  height: 32px;
  width: 38px;
  color: #fff;
  text-decoration: none;
  
  padding: 4px;
  margin-bottom: 3px;
}*/

div.sharbuttons ul li a img {
/*   height: 22px; */
/*   width: 32px; */
  padding-top: 4px;
}