{% from 'components/sidebar-widget/sidebar-widget.njk' import SidebarWidget %}

{% macro SocialsList() %}
  <ul class="socials-list">
    <li class="socials-list__item">
      <a href="#" class="socials-list__link" target="_blank" title="Open Instagram Page">
        <svg width="26" height="25" viewBox="0 0 26 25" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M12.7934 5.92447C9.24626 5.92447 6.38513 8.67183 6.38513 12.0779C6.38513 15.484 9.24626 18.2313 12.7934 18.2313C16.3405 18.2313 19.2016 15.484 19.2016 12.0779C19.2016 8.67183 16.3405 5.92447 12.7934 5.92447ZM12.7934 16.0784C10.5011 16.0784 8.62718 14.2844 8.62718 12.0779C8.62718 9.87145 10.4956 8.07737 12.7934 8.07737C15.0912 8.07737 16.9596 9.87145 16.9596 12.0779C16.9596 14.2844 15.0856 16.0784 12.7934 16.0784ZM20.9579 5.67276C20.9579 6.47073 20.2886 7.10803 19.4632 7.10803C18.6378 7.10803 17.9685 6.46537 17.9685 5.67276C17.9685 4.88015 18.6378 4.2375 19.4632 4.2375C20.2886 4.2375 20.9579 4.88015 20.9579 5.67276ZM25.2028 7.12945C25.1079 5.20684 24.6506 3.5038 23.1838 2.10067C21.722 0.697532 19.9484 0.257848 17.9462 0.161985C15.8826 0.0495205 9.69746 0.0495205 7.63388 0.161985C5.63722 0.253028 3.86366 0.692177 2.39684 2.09531C0.930028 3.49844 0.478271 5.20148 0.377881 7.12356C0.260759 9.10508 0.260759 15.0443 0.377881 17.0258C0.472694 18.9484 0.930028 20.6515 2.39684 22.0546C3.86366 23.4577 5.63165 23.8969 7.63388 23.9933C9.69746 24.1058 15.8826 24.1058 17.9462 23.9933C19.9484 23.9022 21.722 23.4631 23.1832 22.0546C24.6445 20.6515 25.1018 18.9484 25.2022 17.0258C25.3193 15.0443 25.3193 9.11044 25.2022 7.12891L25.2028 7.12945ZM22.5363 19.1525C22.1012 20.2022 21.2591 21.0108 20.1604 21.4339C18.5151 22.0605 14.611 21.9159 12.7928 21.9159C10.9746 21.9159 7.065 22.0551 5.42529 21.4339C4.33215 21.0162 3.48998 20.2075 3.04938 19.1525C2.39684 17.5726 2.54743 13.8238 2.54743 12.0779C2.54743 10.332 2.40242 6.57784 3.04938 5.00333C3.48441 3.95366 4.32657 3.14498 5.42529 2.7219C7.07057 2.09531 10.9746 2.23991 12.7928 2.23991C14.611 2.23991 18.5207 2.10067 20.1604 2.7219C21.2535 3.13963 22.0957 3.9483 22.5363 5.00333C23.1888 6.58319 23.0382 10.332 23.0382 12.0779C23.0382 13.8238 23.1888 17.578 22.5363 19.1525Z" />
        </svg>
      </a>
    </li>
    <li class="socials-list__item">
      <a href="#" class="socials-list__link" target="_blank" title="Open YouTube Page">
        <svg width="36" height="26" viewBox="0 0 36 26" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fill-rule="evenodd" clip-rule="evenodd" d="M5.35033 24.6456C6.78778 24.8394 9.13146 24.9394 14.9188 25.0519C19.5749 25.1394 27.6559 24.9456 30.2996 24.6831C31.1495 24.5956 31.6808 24.4644 32.237 24.1957C32.787 23.9332 33.4432 23.4082 33.7745 22.9644C34.2557 22.3207 34.6869 21.1895 34.9057 19.9833C34.9932 19.5145 35.1182 18.2021 35.2244 16.7271C35.3119 15.4647 35.3119 9.66484 35.2244 8.40238C35.0369 5.75246 34.9119 4.85249 34.5807 3.84002C34.2619 2.8588 33.9932 2.37132 33.4682 1.84008C32.7995 1.15885 32.112 0.783865 31.1808 0.577621C29.8933 0.29638 24.0623 0.0776367 17.7937 0.0776367C11.5251 0.0776367 5.69407 0.29638 4.4066 0.577621C3.54413 0.771366 2.8629 1.1276 2.23792 1.72134C1.73794 2.19632 1.46919 2.62131 1.1692 3.39629C0.837964 4.24626 0.662969 5.05248 0.544222 6.2587C0.312979 8.55863 0.275481 9.69609 0.29423 13.1647C0.319229 16.1146 0.331729 16.4584 0.494224 18.3458C0.644219 20.0208 0.806714 20.8145 1.20045 21.8145C1.63169 22.9082 2.23167 23.5832 3.19414 24.0707C3.78162 24.3644 4.30036 24.5019 5.35033 24.6456ZM23.4187 12.5962C23.419 12.6457 23.3279 12.6958 18.5624 15.4086H18.5749C16.5062 16.5898 14.7875 17.5585 14.7625 17.571C14.7375 17.5835 14.7063 17.5835 14.6938 17.571C14.6625 17.5398 14.6625 7.5963 14.6938 7.57755C14.7375 7.54631 23.4185 12.5399 23.4185 12.5899C23.4185 12.5921 23.4187 12.5942 23.4187 12.5962Z" />
        </svg>
      </a>
    </li>
  </ul>
{% endmacro %}

{% macro SocialsSidebarWidget() %}
  {% call SidebarWidget({
    title: 'Mit Freunden teilen'
  }) %}
    {{ SocialsList() }}
  {% endcall %}
{% endmacro %}