BBH

Share 

<div class="c-modal-dialog" id="share56">
    <div class="grid grid-cols-[1fr] gap-4">

        <p class="text-style-mini">Teilen auf:</p>
        <div class="grid grid-cols-[auto_auto_1fr] gap-x-2 items-center">

            <svg class="text-brand-hhnavy">
                <use xlink:href="#twitterx"></use>
            </svg>

            <a class="no-underline" hhref="/">X</a>

        </div>

        <hr class="has-border my-4">

        <p class="text-style-mini">Teilen auf:</p>
        <div class="grid grid-cols-[auto_auto_1fr] gap-x-2 items-center">

            <svg class="text-brand-hhnavy">
                <use xlink:href="#facebook"></use>
            </svg>

            <a class="no-underline" hhref="/">Facebook</a>

        </div>

        <hr class="has-border my-4">

        <p class="text-style-mini">Merken:</p>
        <div class="grid grid-cols-[auto_auto_1fr] gap-x-2 items-center">

            <svg class="text-brand-hhnavy">
                <use xlink:href="#pinterest"></use>
            </svg>

            <a class="no-underline" hhref="/">Pinterest</a>

        </div>

        <hr class="has-border my-4">

        <p class="text-style-mini">Link kopieren:</p>
        <div class="grid grid-cols-[auto_auto_1fr] gap-x-2 items-center">

            <svg class="text-brand-hhnavy">
                <use xlink:href="#link"></use>
            </svg>

            <a class="no-underline" hhref="/">http://www.abc.de/1234565abc</a>

        </div>

        <hr class="has-border my-4">

        <p class="text-style-mini">Herunterladen:</p>
        <div class="grid grid-cols-[auto_auto_1fr] gap-x-2 items-center">

            <svg class="text-brand-hhnavy">
                <use xlink:href="#ical"></use>
            </svg>

            <a class="no-underline" hhref="/">Kontakt speichern</a>

        </div>

    </div>
</div>
 
<div class="c-modal-dialog" id="share56">
  <div class="grid grid-cols-[1fr] gap-4">

    <p class="text-style-mini">Teilen auf:</p>
    <div class="grid grid-cols-[auto_auto_1fr] gap-x-2 items-center">

      {% render '@svg', { name: 'twitterx', color: 'text-brand-hhnavy' } %}
      <a class="no-underline" hhref="/">X</a>

    </div>
    
    <hr class="has-border my-4">

    <p class="text-style-mini">Teilen auf:</p>
    <div class="grid grid-cols-[auto_auto_1fr] gap-x-2 items-center">

      {% render '@svg', { name: 'facebook', color: 'text-brand-hhnavy' } %}
      <a class="no-underline" hhref="/">Facebook</a>

    </div>

    <hr class="has-border my-4">

    <p class="text-style-mini">Merken:</p>
    <div class="grid grid-cols-[auto_auto_1fr] gap-x-2 items-center">

      {% render '@svg', { name: 'pinterest', color: 'text-brand-hhnavy' } %}
      <a class="no-underline" hhref="/">Pinterest</a>

    </div>

    <hr class="has-border my-4">

    <p class="text-style-mini">Link kopieren:</p>
    <div class="grid grid-cols-[auto_auto_1fr] gap-x-2 items-center">

      {% render '@svg', { name: 'link', color: 'text-brand-hhnavy' } %}
      <a class="no-underline" hhref="/">http://www.abc.de/1234565abc</a>

    </div>

    <hr class="has-border my-4">

    <p class="text-style-mini">Herunterladen:</p>
    <div class="grid grid-cols-[auto_auto_1fr] gap-x-2 items-center">

      {% render '@svg', { name: 'ical', color: 'text-brand-hhnavy' } %}
      <a class="no-underline" hhref="/">Kontakt speichern</a>

    </div>

  </div>
</div>
 
/* No context defined. */

No notes defined.