/*
$breakpoint arguement choices:
- phone
- tab-port
- tab-land
- big-desktop
*/
.btn-share {
  display: flex;
  align-items: center;
  flex-direction: column;
  position: fixed;
  bottom: 1.25rem;
  right: 12%;
  transform: translateX(-50%);
  z-index: 10;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.btn-share .share-icon {
  position: absolute;
  bottom: 0;
  display: inline-block;
  width: 2.625rem;
  height: 2.625rem;
  opacity: 1;
  z-index: 1;
  transition-property: opacity;
  transition-duration: 200ms;
}
.btn-share .sharebuttons {
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
  flex-direction: column;
  align-items: center;
  height: 2.625rem;
  padding: 0.313rem;
  border-radius: 100rem;
  overflow: hidden;
  background-size: 200% 200%;
  background-image: linear-gradient(to bottom, #DCDC00 50%, transparent 50%);
  transition: background-position 600ms;
  transition: height 500ms ease-out;
}
.btn-share .sharebuttons a {
  display: block;
  margin-bottom: 0.25rem;
  transition: opacity 300ms;
}
.btn-share .sharebuttons a:hover {
  opacity: 0.7;
}
.btn-share .sharebuttons > svg {
  transition: opacity 300ms;
}
.btn-share .sharebuttons .linkedin_icon {
  display: inline-block;
  width: 2rem;
  height: auto;
  fill: #fff;
  opacity: 0;
  transition-delay: 200ms;
}
.btn-share .sharebuttons .linkedin_icon path:first-child {
  fill: #F6F8F4;
}
.btn-share .sharebuttons .linkedin_icon path:last-child {
  fill: #486053;
}
.btn-share .sharebuttons .xing_icon {
  display: inline-block;
  width: 2rem;
  height: auto;
  opacity: 0;
  transition-delay: 300ms;
}
.btn-share .sharebuttons .xing_icon path:first-child {
  fill: #F6F8F4;
}
.btn-share .sharebuttons .xing_icon path:last-child {
  fill: #486053;
}
.btn-share .sharebuttons .mail_icon {
  display: inline-block;
  width: 2rem;
  height: auto;
  opacity: 0;
  transition-delay: 400ms;
}
.btn-share .sharebuttons .share_link_icon {
  display: inline-block;
  width: 2rem;
  height: auto;
  opacity: 0;
  transition-delay: 450ms;
}
.btn-share .sharebuttons .close-btn-js {
  margin-top: auto;
  margin-bottom: 0.25rem;
}
.btn-share .sharebuttons li.close-sharebtns {
  display: grid;
  height: 2rem;
}
.btn-share .sharebuttons .x-icon {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin: auto;
  opacity: 0;
  transition-duration: 200ms;
  transition-delay: 200ms;
  cursor: pointer;
}
.btn-share.share-active .sharebuttons {
  height: 8rem;
  background-image: linear-gradient(to top, #DCDC00 51%, transparent 50%);
  background-position: 0 100%;
  transition: background-position 600ms;
}
.btn-share.share-active .sharebuttons li svg {
  opacity: 1;
}
.btn-share.share-active .share-icon {
  opacity: 0;
  z-index: -1;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22%3A3%2C%22sourceRoot%22%3A%22%22%2C%22sources%22%3A%5B%22file%3A%5C%2F%5C%2F%5C%2FD%3A%5C%2Fwamp64%5C%2Fwww%5C%2Famag%5C%2Fweb%5C%2Fbundles%5C%2Falbringsmuellerbasic%5C%2Fcss%5C%2Fincludes%5C%2F_mixins.scss%22%2C%22file%3A%5C%2F%5C%2F%5C%2FD%3A%5C%2Fwamp64%5C%2Fwww%5C%2Famag%5C%2Fweb%5C%2Fbundles%5C%2Falbringsmuellerbasic%5C%2Fcss%5C%2Ffrontend%5C%2Fsharebuttons.scss%22%2C%22file%3A%5C%2F%5C%2F%5C%2FD%3A%5C%2Fwamp64%5C%2Fwww%5C%2Famag%5C%2Fweb%5C%2Fbundles%5C%2Falbringsmuellerbasic%5C%2Fcss%5C%2Fincludes%5C%2F_variables.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACEA%3BEACI%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAAGA%3BEACI%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAAIJ%3BEACI%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAAEA%3BEACI%3BEACA%3BEACA%3B%3BAAEA%3BEACI%3B%3BAAIR%3BEACI%3B%3BAAGJ%3BEACI%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAAEA%3BEACI%2CMChDG%3B%3BADmDP%3BEACI%2CMC3CE%3B%3BAD%2BCV%3BEACI%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAAEA%3BEACI%2CMChEG%3B%3BADmEP%3BEACI%2CMC3DE%3B%3BAD%2BDV%3BEACI%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAAGJ%3BEACI%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAAGJ%3BEACI%3BEACA%3B%3BAAKA%3BEACI%3BEACA%3B%3BAAIR%3BEACI%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAAIR%3BEACI%3BEACA%3BEACA%3BEACA%3B%3BAAEA%3BEACI%3B%3BAAIR%3BEACI%3BEACA%22%7D */