/*!
 *  ATTENTION: This File is Generated by Resources/Private/Theme/** /*
 *  Please do not edit this file directly!!!
 *
 *  Project:  waldemar-link-kampagnenwebsites
 *  Version:  1.0.0
 *
 *  Author:   Autorname
 *  Homepage: https://www.atlantisdx.de
 *  Copyright (c) 2025 atlantis dx GmbH
 *
 *  Build:    Tue Dec 02 2025 15:17:34 GMT+0000 (Coordinated Universal Time)
 *
 */
.shariff-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
@media (max-width: 767.98px) {
  .shariff-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.shariff-wrapper .shariff-label span {
  font-weight: 500;
}
.shariff-wrapper .shariff-buttonsContainer ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 0;
  padding: 0;
  list-style: none;
}
.shariff-wrapper .shariff-buttonsContainer .shariff-button {
  width: 40px;
  height: 40px;
}
.shariff-wrapper .shariff-buttonsContainer .shariff-button a {
  height: 100%;
  width: 100%;
  padding: 0;
}
.shariff-wrapper .shariff-buttonsContainer .shariff-button a:before {
  -webkit-mask-size: 40px;
          mask-size: 40px;
  width: 100%;
  height: 100%;
  display: inline-block;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  content: "";
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  background-color: gray;
}