BBH

Contact 

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

        <p class="text-style-mini">Telefon-Nr. (kostenpflichtig)</p>
        <div class="grid grid-cols-[auto_auto_1fr] gap-x-2 items-center">

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

            <a class="no-underline" href="tel:+4940123123456">+49 40 123 456</a>
            <span>Büro</span>

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

            <a class="no-underline" href="tel:+4940123123456">+49 40 123 456</a>
            <span>Empfang</span>

        </div>

        <p class="text-style-mini">Lorem ipsum dolor sit (15ct/Minute)</p>

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

        <div class="grid grid-cols-[1fr] gap-4">
            <p class="text-style-mini">Web-Adresse</p>
            <div class="grid grid-cols-[auto_1fr] gap-x-2 items-center">

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

                <a href="/">http://meinefirma.de</a>

            </div>
        </div>

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

        <div class="grid grid-cols-[1fr] gap-4">
            <p class="text-style-mini">E-Mail</p>
            <div class="grid grid-cols-[auto_1fr] gap-x-2 items-center">

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

                <a href="/">kontakt@meinefirma.de</a>

            </div>
        </div>

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

    <p class="text-style-mini">Telefon-Nr. (kostenpflichtig)</p>
    <div class="grid grid-cols-[auto_auto_1fr] gap-x-2 items-center">

      {% render '@svg', { name: 'phone', color: 'text-brand-hhnavy' } %}
      <a class="no-underline" href="tel:+4940123123456">+49 40 123 456</a>
      <span>Büro</span>

      {% render '@svg', { name: 'phone', color: 'text-brand-hhnavy' } %}
      <a class="no-underline" href="tel:+4940123123456">+49 40 123 456</a>
      <span>Empfang</span>

    </div>

    <p class="text-style-mini">Lorem ipsum dolor sit (15ct/Minute)</p>

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

    <div class="grid grid-cols-[1fr] gap-4">
      <p class="text-style-mini">Web-Adresse</p>
      <div class="grid grid-cols-[auto_1fr] gap-x-2 items-center">

        {% render '@svg', { name: 'link', color: 'text-brand-hhnavy' } %}
        <a href="/">http://meinefirma.de</a>

      </div>
    </div>

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

    <div class="grid grid-cols-[1fr] gap-4">
      <p class="text-style-mini">E-Mail</p>
      <div class="grid grid-cols-[auto_1fr] gap-x-2 items-center">

        {% render '@svg', { name: 'email', color: 'text-brand-hhnavy' } %}
        <a href="/">kontakt@meinefirma.de</a>

      </div>
    </div>

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

No notes defined.