Email Notification Button center

pretent
Tourist
6 0 4

Hi all,

I  have a problem with Outlook.
I tried to center a button in the Notification Emails. But for Outlook Mobile Version the Button is floating on the left. Can someone help me with that? 

 

 

 <table class="row actions" style="text-align: center;">
                <tr>
                  <td class="actions__cell" style="display: inline-table;">
                    <table class="button main-action-cell" style="float: none;">
                      <tr>
                        <td class="button__cell"><a href="{{ customer.subscribe_url }}" class="button__text">ABONNIEREN</a></td>
                      </tr>
                    </table>
                  </td>
                </tr>
              </table>

 

 

2022-03-18 18_40_58-E-Mail – Andreas Müller – Outlook und 5 weitere Seiten - Persönlich – Microsoft​.png 

Replies 4 (4)

ErSanjay
Shopify Partner
293 20 42

@pretent   yes I can help you can you please post the email template code so I added into other store and check that.

Business Owner & Shopify app developer - shopify consting - Full Stack Sofware Engineer
Er Sanjay
pretent
Tourist
6 0 4

Hey @ErSanjay , thanks a lot
here is the Source Code:

{% capture email_code  %}5€ Newsletter Gutschein für dich!*{% endcapture %}
{% capture code  %}CODE: NEWSLETTER{% endcapture %}
{% capture email_title %}Wir freuen uns, dass du unseren Newsletter abonnieren möchtest. Mit deiner Bestätigung auf dem Abonnieren Button bestätigst du, dass du unseren Newsletter per E-Mail erhalten möchtest und dein 5€ Gutschein wird aktiviert.{% endcapture %}
{% capture code_ref  %}*Dein Gutscheincode "NEWSLETTER" ist einmalig anwendbar und kann im Checkout unseres Shops eingelöst werden{% endcapture %}

{% capture email_body %}Du musst bestätigen, dass du Werbe-Updates von uns erhalten möchtest. Wenn du dich nicht angemeldet hast, ist keine Aktion von deiner Seite erforderlich.{% endcapture %}

<!DOCTYPE html>
<html lang="de">
  <head>
  <title>{{ email_title }}</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="viewport" content="width=device-width">
  <link rel="stylesheet" type="text/css" href="/assets/notifications/styles.css">
  <style>
    .button__cell { background: {{ shop.email_accent_color }}; }
    a, a:hover, a:active, a:visited { color: {{ shop.email_accent_color }}; }
  </style>
</head>

  <body>
    <table class="body">
      <tr>
        <td>
          <table class="header row">
  <tr>
    <td class="header__cell">
   

        <table class="container">
          <tr>
            <td>

              <table class="row">
                <tr>
                  <td class="shop-name__cell" style="text-align: center;">
                    {%- if shop.email_logo_url %}
                      <img src="{{shop.email_logo_url}}" alt="{{ shop.name }}" width="{{ shop.email_logo_width }}">
                    {%- else %}
                      <h1 class="shop-name__text">
                        <a href="{{shop.url}}">{{ shop.name }}</a>
                      </h1>
                    {%- endif %}
                  </td>

                </tr>
              </table>

            </td>
          </tr>
        </table>

 
    </td>
  </tr>
</table>

          <table class="row content">
  <tr>
    <td class="content__cell">
      <center>
        <table class="container">
          <tr>
            <td>
<br>
              <h2 style="text-align:center">&#127881;{{ email_code }}&#127881;</h2>
 <h2 style="text-align:center">{{ code }}</h2>
<br>
            <h3>{{ email_title }}</h3>
            <p>{{ email_body }}</p>


 <br> 

 <table class="row actions" style="text-align: center;">
                <tr>
                  <td class="actions__cell" style="display: inline-table;">
                    <table class="button main-action-cell" style="float: none;">
                      <tr>
                        <td class="button__cell"><a href="{{ customer.subscribe_url }}" class="button__text">ABONNIEREN</a></td>
                      </tr>
                    </table>
                  </td>
                </tr>
              </table>


<hr class="trennstrich">
<img src="https://cdn.shopify.com/s/files/1/0510/5034/8743/files/Active_Card__email.jpg?v=1647503538"; width="100%";
     height="auto";/>
<br>
<h2>Jetzt Stammkundenvorteile nutzen</h2>
<p>Bist du schon Stammkunde bei uns? Mit dieser Mail möchten wir dir einen Überblick über exklusive Vorteile verschaffen, die dich erwarten, wenn du Stammkunde wirst. Du kannst dich ganz bequem vor Ort registrieren lassen und direkt zahlreiche Vorteile genießen.
<br><br>
Los geht´s!
</p>
<hr class="trennstrich">
<h4>Mit der Active Card Bonus sichern - Spare bis zu 3% im Jahr</h4>
<p>Jedes Mal, wenn du bei uns vor Ort einkaufst oder unseren Rent-Service nutzt, wächst dein Bonuskonto. Lege einfach nur deine Active Card vor. Jeweils einmal jährlich im Dezember kannst du dich über ein schönes Guthaben auf Basis unserer Bonus-Staffel freuen. Umsätze unter 900,- bleiben selbstverständlich erhalten und werden ins Folgejahr übernommen.
<br><br>
<b>ab € 900,- 1% Bonus
<br><br>
ab € 1500,- 2% Bonus
<br><br>
ab € 3000,- 3% Bonus
</b>
<br><br>
Übrigens: Die Active Card gibt es auch für Partner oder Familienmitglieder. Sag uns einfach Bescheid und schon werden die Umsätze aller Familienmitglieder auf einem Bonuskonto gutgeschrieben.
<br>
<b>“Persönlich einkaufen, gemeinsam Bonus sammeln.”</b>
</p>
<hr class="trennstrich">
<h2>Alle Vorteile auf einen Blick</h2>
<p>
<br>
<table>
  <tr>
    <td><img style="vertical-align:middle; margin-right:20px;" src="https://cdn.shopify.com/s/files/1/0510/5034/8743/files/cake.png?v=1647526873"></td>
    <td><p><b>Geburtstags-Gutschein</b><br>
Herzlichen Glückwunsch! Zum Geburtstag schenken wir dir einen Einkaufsgutschein über € 5,-. Dein Geburtstagsgutschein kommt automatisch per Post. Du kannst ihn jederzeit bei uns einlösen.</p></td>
  </tr>
</table>
<br>
<table>
  <tr>
    <td><img style="vertical-align:middle; margin-right:20px;" src="https://cdn.shopify.com/s/files/1/0510/5034/8743/files/ski.png?v=1647529755"></td>
    <td><p><b>Intersport-Rent</b><br>
Starte top ausgestattet in den Winterurlaub und spare Geld, Zeit und Aufwand. Wir bieten dir das neueste Equipment zum günstigen Mietpreis und für dich ganz unkompliziert: Einfach aussuchen, Karte vorlegen, mitnehmen, abfahren.</p></td>
  </tr>
</table>
<br>
<table>
 <tr>
    <td><img style="vertical-align:middle; margin-right:20px;" src="https://cdn.shopify.com/s/files/1/0510/5034/8743/files/check-decagram.png?v=1647529754"></td>
    <td><p><b>Testservice</b><br>
Erst ausprobieren, dann entscheiden! Bevor du ein neues Sportgerät kaufst oder dich für eine Sportart entschließt - überzeuge dich in der Praxis. Wir halten ständig eine Auswahl aktueller Sportgeräte für dich bereit. Zum Mitnehmen und Selbertesten.</p></td>
  </tr>
</table>
<br>
<table>
 <tr>
    <td><img style="vertical-align:middle; margin-right:20px;" src="https://cdn.shopify.com/s/files/1/0510/5034/8743/files/seal.png?v=1647529754"></td>
    <td><p><b>Bestpreis-Garantie</b><br>
Wir bieten dir ausgezeichnete Qualität und hervorragenden Service zum niedrigen Preis. Solltest du den gleichen Artikel in einem anderen Geschäft im Umkreis von 20 Kilometern doch einmal günstiger entdecken - kein Problem. Sag uns wo und wir erstatten dir die Differenz. Bis 7 Tage nach Kaufdatum. Ausgenommen sind Artikel aus Sonderverkäufen und wegen Mängel reduzierte Ware.</p></td>
  </tr>
</table>

<br>
<img src="https://cdn.shopify.com/s/files/1/0510/5034/8743/files/Sportarten_email.jpg?v=1647506478"; width="100%";
     height="auto";/>
<hr class="trennstrich">
<h2>Wir bieten dir exklusive Service-Leistungen</h2>
<p>
Service wird bei uns großgeschrieben. Dazu gehört unter anderem der Besaitungsservice für Tennis-, Badminton- und Squashschläger, Ski- und Snowboardservice oder der Reparaturservice bei Fitnessgroßgeräten und Fahrrädern.
<br><br>
<table>
  <tr>
    <td><img style="vertical-align:middle; margin-right:20px;" src="https://cdn.shopify.com/s/files/1/0510/5034/8743/files/tools.png?v=1647539683"></td>
    <td><p><b>Bike-Werkstatt</b><br>
Du hast Fragen in Bezug auf dein Fahrrad oder dessen Wartung? Bei Sport Kuhn erwartet dich ein Team von begeisterten Fahrradliebhabern. Die qualifizierten Zweirad-Mechaniker beraten dich individuell und kompetent bei allen Fragen und Anliegen. Durch einen regelmäßigen Service kannst du außerdem Probleme vermeiden und somit die Lebensdauer deines Fahrrads erhöhen.</p></td>
  </tr>
</table>
<br>
<table>
  <tr>
    <td><img style="vertical-align:middle; margin-right:20px;" src="https://cdn.shopify.com/s/files/1/0510/5034/8743/files/run.png?v=1647539683"></td>
    <td><p><b>Laufanalyse</b><br>
Wie ist die Druckverteilung im Stehen und im Gehen? Was zeichnet das Abrollverhalten aus? Welche Regionen werden im Fuß besonders belastet? Und wo liegen die Kraftzentren? Mit fundierten Antworten auf diese Fragen verschaffst du dir dank der CURREX-Laufanalyse ein wichtiges Wissensfundament.</p></td>
  </tr>
</table>
<br>
<table>
  <tr>
    <td><img style="vertical-align:middle; margin-right:20px;" src="https://cdn.shopify.com/s/files/1/0510/5034/8743/files/bike.png?v=1647539683"></td>
    <td><p><b>Bike-Leasing</b><br>
Beim Bike-Leasing ist der Arbeitgeber der Leasingnehmer, zahlt die monatlichen Raten und überlässt das Fahrzeug an seine/n Arbeitnehmer/in. Durch die Möglichkeit der Barlohnumwandlung erhält der Arbeitnehmer einen Teil des vertraglichen Arbeitsentgelts nicht bar, sondern als Sachbezug für den Zeitraum der Überlassung des Dienstrades. Dies bedeutet, dass der Arbeitgeber einen Teil des monatlichen Gehalts in Höhe der Leasingrate einbehält. Das Fahrrad dient selbstverständlich auch der privaten Nutzung.</p></td>
  </tr>
</table>
<br>
<table>
  <tr>
    <td><img style="vertical-align:middle; margin-right:20px;" src="https://cdn.shopify.com/s/files/1/0510/5034/8743/files/dumbbell.png?v=1647539683"></td>
    <td><p><b>Fitness-Service</b><br>
Vom Profi aufbauen lassen und gleich loslegen! Bei einer größeren Kraftstation oder einem Crosstrainer kann die Montage schon etwas Zeit in Anspruch nehmen. Deshalb bieten wir einen Montageservice an. So steht dein neues Fitnessgerät schnell am Wunschplatz und du kannst sofort mit dem Training loslegen. Die Anlieferung des Gerätes im Umkreis von 50km um Offenburg ist kostenlos.</p></td>
  </tr>
</table>

</p>
<br>


 <table class="row actions" style="text-align: center;">
                <tr class="centeritembl">
                  <td class="actions__cell" style="display: inline-table;">
                    <table class="button main-action-cell" style="float:none;">
                      <tr>
                        <td class="button__cell"><a href="https://sport-kuhn.de/pages/service" class="button__text">Zu den Service-Leistungen</a></td>
                      </tr>
                    </table>
                  </td>
                </tr>
              </table>


<hr class="trennstrich">

<center><h2>Wir freuen uns auf dich!<br>

Dein Sport Kuhn Team</h2></center>
<br>


 <table class="row actions" style="text-align: center;">
                <tr class="centeritembl">
                  <td class="actions__cell" style="display: inline-table;">
                    <table class="button main-action-cell" style="float:none;">
                      <tr>
                        <td class="button__cell"><a href="https://sport-kuhn.de" class="button__text">Zum Onlineshop</a></td>
                      </tr>
                    </table>
                  </td>
                </tr>
              </table>


<br>
<br>
<center>
<p">Falls du Fragen hast, antworte auf diese E-Mail oder kontaktiere uns unter <a href="mailto:{{ shop.email }}">{{ shop.email }}</a><br>Tel.: 0781-72720</p>
</center>


<br>
<p style= "font-size: 10px;">{{ code_ref }}</p>
            </td>
          </tr>
        </table>
      </center>
    </td>
  </tr>
</table>
          <table class="row footer">
  <tr>
    <td class="footer__cell">
      <center>
        <table class="container">
          <tr>
            <td>
              
              
            </td>
          </tr>
        </table>
      </center>
    </td>
  </tr>
</table>





<img src="{{ 'notifications/spacer.png' | shopify_asset_url }}" class="spacer" height="1" />

        </td>
      </tr>
    </table>
  </body>
</html>
<style>

.centeritem {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.centeritembl {
 
  margin-left: auto;
  margin-right: auto;
}

.button {
background-color: black;
border-radius: 4px;
color: white;
margin-left: auto;
margin-right: auto;
padding: 20px 25px;
font-weight: 600;
border-color: black;
width: 350px
}

.trennstrich {
margin: 30px;
}

.vorteile-tabelle{
border-spacing: 5px 1rem;
}

p{
color: black;
}
 h1 {
    color: black;
  }
  
  h2 {
    color: black;
  }
 h3 {
    color: black;
  }
  
  h4 {
    color: black;
  }
 h5 {
    color: black;
  }
  
  h6 {
    color: black;
  }

</style>

 

malibustacey
Tourist
5 0 0

Thank you very much for this solution. It solved my problem as well. 

pretent
Tourist
6 0 4

hey @ErSanjay , here is my Code. Thanks for your help!

{% capture email_code  %}5€ Newsletter Gutschein für dich!*{% endcapture %}
{% capture code  %}CODE: NEWSLETTER{% endcapture %}
{% capture email_title %}Wir freuen uns, dass du unseren Newsletter abonnieren möchtest. Mit deiner Bestätigung auf dem Abonnieren Button bestätigst du, dass du unseren Newsletter per E-Mail erhalten möchtest und dein 5€ Gutschein wird aktiviert.{% endcapture %}
{% capture code_ref  %}*Dein Gutscheincode "NEWSLETTER" ist einmalig anwendbar und kann im Checkout unseres Shops eingelöst werden{% endcapture %}

{% capture email_body %}Du musst bestätigen, dass du Werbe-Updates von uns erhalten möchtest. Wenn du dich nicht angemeldet hast, ist keine Aktion von deiner Seite erforderlich.{% endcapture %}

<!DOCTYPE html>
<html lang="de">
  <head>
  <title>{{ email_title }}</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="viewport" content="width=device-width">
  <link rel="stylesheet" type="text/css" href="/assets/notifications/styles.css">
  <style>
    .button__cell { background: {{ shop.email_accent_color }}; }
    a, a:hover, a:active, a:visited { color: {{ shop.email_accent_color }}; }
  </style>
</head>

  <body>
    <table class="body">
      <tr>
        <td>
          <table class="header row">
  <tr>
    <td class="header__cell">
   

        <table class="container">
          <tr>
            <td>

              <table class="row">
                <tr>
                  <td class="shop-name__cell" style="text-align: center;">
                    {%- if shop.email_logo_url %}
                      <img src="{{shop.email_logo_url}}" alt="{{ shop.name }}" width="{{ shop.email_logo_width }}">
                    {%- else %}
                      <h1 class="shop-name__text">
                        <a href="{{shop.url}}">{{ shop.name }}</a>
                      </h1>
                    {%- endif %}
                  </td>

                </tr>
              </table>

            </td>
          </tr>
        </table>

 
    </td>
  </tr>
</table>

          <table class="row content">
  <tr>
    <td class="content__cell">
      <center>
        <table class="container">
          <tr>
            <td>
<br>
              <h2 style="text-align:center">&#127881;{{ email_code }}&#127881;</h2>
 <h2 style="text-align:center">{{ code }}</h2>
<br>
            <h3>{{ email_title }}</h3>
            <p>{{ email_body }}</p>


 <br> 

 <table class="row actions" style="text-align: center;">
                <tr>
                  <td class="actions__cell" style="display: inline-table;">
                    <table class="button main-action-cell" style="float: none;">
                      <tr>
                        <td class="button__cell"><a href="{{ customer.subscribe_url }}" class="button__text">ABONNIEREN</a></td>
                      </tr>
                    </table>
                  </td>
                </tr>
              </table>


<hr class="trennstrich">
<img src="https://cdn.shopify.com/s/files/1/0510/5034/8743/files/Active_Card__email.jpg?v=1647503538"; width="100%";
     height="auto";/>
<br>
<h2>Jetzt Stammkundenvorteile nutzen</h2>
<p>Bist du schon Stammkunde bei uns? Mit dieser Mail möchten wir dir einen Überblick über exklusive Vorteile verschaffen, die dich erwarten, wenn du Stammkunde wirst. Du kannst dich ganz bequem vor Ort registrieren lassen und direkt zahlreiche Vorteile genießen.
<br><br>
Los geht´s!
</p>
<hr class="trennstrich">
<h4>Mit der Active Card Bonus sichern - Spare bis zu 3% im Jahr</h4>
<p>Jedes Mal, wenn du bei uns vor Ort einkaufst oder unseren Rent-Service nutzt, wächst dein Bonuskonto. Lege einfach nur deine Active Card vor. Jeweils einmal jährlich im Dezember kannst du dich über ein schönes Guthaben auf Basis unserer Bonus-Staffel freuen. Umsätze unter 900,- bleiben selbstverständlich erhalten und werden ins Folgejahr übernommen.
<br><br>
<b>ab € 900,- 1% Bonus
<br><br>
ab € 1500,- 2% Bonus
<br><br>
ab € 3000,- 3% Bonus
</b>
<br><br>
Übrigens: Die Active Card gibt es auch für Partner oder Familienmitglieder. Sag uns einfach Bescheid und schon werden die Umsätze aller Familienmitglieder auf einem Bonuskonto gutgeschrieben.
<br>
<b>“Persönlich einkaufen, gemeinsam Bonus sammeln.”</b>
</p>
<hr class="trennstrich">
<h2>Alle Vorteile auf einen Blick</h2>
<p>
<br>
<table>
  <tr>
    <td><img style="vertical-align:middle; margin-right:20px;" src="https://cdn.shopify.com/s/files/1/0510/5034/8743/files/cake.png?v=1647526873"></td>
    <td><p><b>Geburtstags-Gutschein</b><br>
Herzlichen Glückwunsch! Zum Geburtstag schenken wir dir einen Einkaufsgutschein über € 5,-. Dein Geburtstagsgutschein kommt automatisch per Post. Du kannst ihn jederzeit bei uns einlösen.</p></td>
  </tr>
</table>
<br>
<table>
  <tr>
    <td><img style="vertical-align:middle; margin-right:20px;" src="https://cdn.shopify.com/s/files/1/0510/5034/8743/files/ski.png?v=1647529755"></td>
    <td><p><b>Intersport-Rent</b><br>
Starte top ausgestattet in den Winterurlaub und spare Geld, Zeit und Aufwand. Wir bieten dir das neueste Equipment zum günstigen Mietpreis und für dich ganz unkompliziert: Einfach aussuchen, Karte vorlegen, mitnehmen, abfahren.</p></td>
  </tr>
</table>
<br>
<table>
 <tr>
    <td><img style="vertical-align:middle; margin-right:20px;" src="https://cdn.shopify.com/s/files/1/0510/5034/8743/files/check-decagram.png?v=1647529754"></td>
    <td><p><b>Testservice</b><br>
Erst ausprobieren, dann entscheiden! Bevor du ein neues Sportgerät kaufst oder dich für eine Sportart entschließt - überzeuge dich in der Praxis. Wir halten ständig eine Auswahl aktueller Sportgeräte für dich bereit. Zum Mitnehmen und Selbertesten.</p></td>
  </tr>
</table>
<br>
<table>
 <tr>
    <td><img style="vertical-align:middle; margin-right:20px;" src="https://cdn.shopify.com/s/files/1/0510/5034/8743/files/seal.png?v=1647529754"></td>
    <td><p><b>Bestpreis-Garantie</b><br>
Wir bieten dir ausgezeichnete Qualität und hervorragenden Service zum niedrigen Preis. Solltest du den gleichen Artikel in einem anderen Geschäft im Umkreis von 20 Kilometern doch einmal günstiger entdecken - kein Problem. Sag uns wo und wir erstatten dir die Differenz. Bis 7 Tage nach Kaufdatum. Ausgenommen sind Artikel aus Sonderverkäufen und wegen Mängel reduzierte Ware.</p></td>
  </tr>
</table>

<br>
<img src="https://cdn.shopify.com/s/files/1/0510/5034/8743/files/Sportarten_email.jpg?v=1647506478"; width="100%";
     height="auto";/>
<hr class="trennstrich">
<h2>Wir bieten dir exklusive Service-Leistungen</h2>
<p>
Service wird bei uns großgeschrieben. Dazu gehört unter anderem der Besaitungsservice für Tennis-, Badminton- und Squashschläger, Ski- und Snowboardservice oder der Reparaturservice bei Fitnessgroßgeräten und Fahrrädern.
<br><br>
<table>
  <tr>
    <td><img style="vertical-align:middle; margin-right:20px;" src="https://cdn.shopify.com/s/files/1/0510/5034/8743/files/tools.png?v=1647539683"></td>
    <td><p><b>Bike-Werkstatt</b><br>
Du hast Fragen in Bezug auf dein Fahrrad oder dessen Wartung? Bei Sport Kuhn erwartet dich ein Team von begeisterten Fahrradliebhabern. Die qualifizierten Zweirad-Mechaniker beraten dich individuell und kompetent bei allen Fragen und Anliegen. Durch einen regelmäßigen Service kannst du außerdem Probleme vermeiden und somit die Lebensdauer deines Fahrrads erhöhen.</p></td>
  </tr>
</table>
<br>
<table>
  <tr>
    <td><img style="vertical-align:middle; margin-right:20px;" src="https://cdn.shopify.com/s/files/1/0510/5034/8743/files/run.png?v=1647539683"></td>
    <td><p><b>Laufanalyse</b><br>
Wie ist die Druckverteilung im Stehen und im Gehen? Was zeichnet das Abrollverhalten aus? Welche Regionen werden im Fuß besonders belastet? Und wo liegen die Kraftzentren? Mit fundierten Antworten auf diese Fragen verschaffst du dir dank der CURREX-Laufanalyse ein wichtiges Wissensfundament.</p></td>
  </tr>
</table>
<br>
<table>
  <tr>
    <td><img style="vertical-align:middle; margin-right:20px;" src="https://cdn.shopify.com/s/files/1/0510/5034/8743/files/bike.png?v=1647539683"></td>
    <td><p><b>Bike-Leasing</b><br>
Beim Bike-Leasing ist der Arbeitgeber der Leasingnehmer, zahlt die monatlichen Raten und überlässt das Fahrzeug an seine/n Arbeitnehmer/in. Durch die Möglichkeit der Barlohnumwandlung erhält der Arbeitnehmer einen Teil des vertraglichen Arbeitsentgelts nicht bar, sondern als Sachbezug für den Zeitraum der Überlassung des Dienstrades. Dies bedeutet, dass der Arbeitgeber einen Teil des monatlichen Gehalts in Höhe der Leasingrate einbehält. Das Fahrrad dient selbstverständlich auch der privaten Nutzung.</p></td>
  </tr>
</table>
<br>
<table>
  <tr>
    <td><img style="vertical-align:middle; margin-right:20px;" src="https://cdn.shopify.com/s/files/1/0510/5034/8743/files/dumbbell.png?v=1647539683"></td>
    <td><p><b>Fitness-Service</b><br>
Vom Profi aufbauen lassen und gleich loslegen! Bei einer größeren Kraftstation oder einem Crosstrainer kann die Montage schon etwas Zeit in Anspruch nehmen. Deshalb bieten wir einen Montageservice an. So steht dein neues Fitnessgerät schnell am Wunschplatz und du kannst sofort mit dem Training loslegen. Die Anlieferung des Gerätes im Umkreis von 50km um Offenburg ist kostenlos.</p></td>
  </tr>
</table>

</p>
<br>


 <table class="row actions" style="text-align: center;">
                <tr class="centeritembl">
                  <td class="actions__cell" style="display: inline-table;">
                    <table class="button main-action-cell" style="float:none;">
                      <tr>
                        <td class="button__cell"><a href="https://sport-kuhn.de/pages/service" class="button__text">Zu den Service-Leistungen</a></td>
                      </tr>
                    </table>
                  </td>
                </tr>
              </table>


<hr class="trennstrich">

<center><h2>Wir freuen uns auf dich!<br>

Dein Sport Kuhn Team</h2></center>
<br>


 <table class="row actions" style="text-align: center;">
                <tr class="centeritembl">
                  <td class="actions__cell" style="display: inline-table;">
                    <table class="button main-action-cell" style="float:none;">
                      <tr>
                        <td class="button__cell"><a href="https://sport-kuhn.de" class="button__text">Zum Onlineshop</a></td>
                      </tr>
                    </table>
                  </td>
                </tr>
              </table>


<br>
<br>
<center>
<p">Falls du Fragen hast, antworte auf diese E-Mail oder kontaktiere uns unter <a href="mailto:{{ shop.email }}">{{ shop.email }}</a><br>Tel.: 0781-72720</p>
</center>


<br>
<p style= "font-size: 10px;">{{ code_ref }}</p>
            </td>
          </tr>
        </table>
      </center>
    </td>
  </tr>
</table>
          <table class="row footer">
  <tr>
    <td class="footer__cell">
      <center>
        <table class="container">
          <tr>
            <td>
              
              
            </td>
          </tr>
        </table>
      </center>
    </td>
  </tr>
</table>





<img src="{{ 'notifications/spacer.png' | shopify_asset_url }}" class="spacer" height="1" />

        </td>
      </tr>
    </table>
  </body>
</html>
<style>

.centeritem {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.centeritembl {
 
  margin-left: auto;
  margin-right: auto;
}

.button {
background-color: black;
border-radius: 4px;
color: white;
margin-left: auto;
margin-right: auto;
padding: 20px 25px;
font-weight: 600;
border-color: black;
width: 350px
}

.trennstrich {
margin: 30px;
}

.vorteile-tabelle{
border-spacing: 5px 1rem;
}

p{
color: black;
}
 h1 {
    color: black;
  }
  
  h2 {
    color: black;
  }
 h3 {
    color: black;
  }
  
  h4 {
    color: black;
  }
 h5 {
    color: black;
  }
  
  h6 {
    color: black;
  }

</style>