diff --git a/templates/card/de.html b/templates/card/de.html
index f6736ce..e1075e4 100644
--- a/templates/card/de.html
+++ b/templates/card/de.html
@@ -30,7 +30,7 @@
 <body class="A4 landscape">
   <div class="sheet">
     <div class="columns is-multiline">
-      {{ range .cards }}
+      {{ range .Cards }}
       <div class="column is-half runnercard">
         <p class="title is-5" style="text-align: center; padding-bottom: 0; margin-top: -0.75rem;">{{ $.EventName }}</p>
         <p style="text-align: center; margin-top: -1.5rem; font-size: small;">{{ $.CardSubtitle }}</p>
@@ -43,8 +43,9 @@
           </div>
           <div class="column is-half">
             <!--BARCODE HERE-->
-            <img style="vertical-align: revert; margin-top: auto; object-fit: cover; max-height: 2cm;"
+            <img style="vertical-align: revert; margin-top: auto; object-fit: cover; max-height: 5rem;"
               src="data:image/png;base64,{{ barcode .Code $.BarcodeFormat $.BarcodePrefix }}" />
+            <p style="font-size: 0.6rem; text-align: center; margin: 0; padding: 0;">{{ .Code }}</p>
           </div>
         </div>
         <p>{{ .Runner.LastName }}, {{ .Runner.FirstName }} {{ .Runner.MiddleName }}</p>
@@ -58,10 +59,11 @@
       {{ range .CardsSwapped }}
       <div class="column is-half runnercard" style="justify-content: center; align-items: center; text-align: center;">
         <!--SPONSOR LOGO FIRST-->
-        <div style="height: 2cm; padding: 0 0 2.25cm 0">
+        <div style="height: 2cm; padding: 0 0 1cm 0">
           <img style="object-fit: cover; max-height: 2cm;" src="data:image/png;base64,{{ sponsorLogo .ID }}" />
         </div>
-        <img style="object-fit: cover; max-height: 2.5cm; position: relative;" src="data:image/png;base64,{{ barcode .Code $.BarcodeFormat $.BarcodePrefix }}" />
+        <img style="object-fit: cover; max-height: 6rem; position: relative;" src="data:image/png;base64,{{ barcode .Code $.BarcodeFormat $.BarcodePrefix }}" />
+        <p style="font-size: 1rem; text-align: center; margin: 0; padding: 0;">{{ .Code }}</p>
       </div>
       {{ end }}
     </div>
diff --git a/templates/card/en.html b/templates/card/en.html
index 3fe12c8..b14a473 100644
--- a/templates/card/en.html
+++ b/templates/card/en.html
@@ -43,8 +43,9 @@
           </div>
           <div class="column is-half">
             <!--BARCODE HERE-->
-            <img style="vertical-align: revert; margin-top: auto; object-fit: cover; max-height: 2cm;"
+            <img style="vertical-align: revert; margin-top: auto; object-fit: cover; max-height: 5rem;"
               src="data:image/png;base64,{{ barcode .Code $.BarcodeFormat $.BarcodePrefix }}" />
+            <p style="font-size: 0.6rem; text-align: center; margin: 0; padding: 0;">{{ .Code }}</p>
           </div>
         </div>
         <p>{{ .Runner.LastName }}, {{ .Runner.FirstName }} {{ .Runner.MiddleName }}</p>
@@ -58,10 +59,11 @@
       {{ range .CardsSwapped }}
       <div class="column is-half runnercard" style="justify-content: center; align-items: center; text-align: center;">
         <!--SPONSOR LOGO FIRST-->
-        <div style="height: 2cm; padding: 0 0 2.25cm 0">
+        <div style="height: 2cm; padding: 0 0 1cm 0">
           <img style="object-fit: cover; max-height: 2cm;" src="data:image/png;base64,{{ sponsorLogo .ID }}" />
         </div>
-        <img style="object-fit: cover; max-height: 2.5cm; position: relative;" src="data:image/png;base64,{{ barcode .Code $.BarcodeFormat $.BarcodePrefix }}" />
+        <img style="object-fit: cover; max-height: 6rem; position: relative;" src="data:image/png;base64,{{ barcode .Code $.BarcodeFormat $.BarcodePrefix }}" />
+        <p style="font-size: 1rem; text-align: center; margin: 0; padding: 0;">{{ .Code }}</p>
       </div>
       {{ end }}
     </div>
