Gift Voucher

<div style="width: 100%; max-width: 100%; box-sizing: border-box; margin: 0 auto; font-family: inherit; color: #2e2e2e; line-height: 1.6;">

<!-- HERO BANNER -->
<div style="background: linear-gradient(135deg,#B81856,#D6316B); border-radius: 14px; padding: 32px 28px; margin-bottom: 28px; box-sizing: border-box; text-align: center;">

<p style="display: inline-block; background: rgba(255,255,255,0.18); color: #ffffff; font-weight: bold; font-size: 12px; letter-spacing: 0.5px; padding: 5px 14px; border-radius: 999px; margin: 0 0 14px 0;">🎁 GIFT VOUCHER</p>

<h2 style="color: #ffffff; font-size: 26px; font-weight: 800; margin: 0 0 10px 0;">The perfect gift for every animal lover</h2>

<p style="color: rgba(255,255,255,0.92); font-size: 14px; margin: 0 auto; max-width: 480px;">Not sure what your loved one or best friend wants for their pet? With the emmi-pet gift voucher, you're guaranteed to make the right choice – for a birthday, Christmas, or just because.</p>

</div>

<!-- WERTSTUFEN -->
<h3 style="font-size: 19px; font-weight: 800; color: #9c1f4a; text-align: center; margin: 0 0 4px 0;">Choose your desired amount</h3>

<p style="text-align: center; font-size: 13px; color: #6b6b6b; margin: 0 0 18px 0;">The voucher will be delivered immediately via email and can be redeemed in the entire emmi-pet shop</p>

<div style="display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 32px;">

<div style="flex: 1; min-width: 130px; background: #ffffff; border: 2px solid #F5C6D6; border-radius: 14px; padding: 20px 10px; text-align: center; box-sizing: border-box;">

<p style="margin: 0; font-size: 24px; font-weight: 800; color: #d6316b;">25 €</p>

</div>

<div style="flex: 1; min-width: 130px; background: #ffffff; border: 2px solid #F5C6D6; border-radius: 14px; padding: 20px 10px; text-align: center; box-sizing: border-box;">

<p style="margin: 0; font-size: 24px; font-weight: 800; color: #d6316b;">50 €</p>

</div>

<div style="flex: 1; min-width: 130px; background: #ffffff; border: 2px solid #F5C6D6; border-radius: 14px; padding: 20px 10px; text-align: center; box-sizing: border-box;">

<p style="margin: 0; font-size: 24px; font-weight: 800; color: #d6316b;">100 €</p>

</div>

<div style="flex: 1; min-width: 130px; background: #ffffff; border: 2px solid #F5C6D6; border-radius: 14px; padding: 20px 10px; text-align: center; box-sizing: border-box;">

<p style="margin: 0; font-size: 24px; font-weight: 800; color: #d6316b;">150 €</p>

</div>

</div>

<!-- WARUM DER GUTSCHEIN -->
<div style="display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 32px;">

<div style="flex: 1; min-width: 200px; background: #ffffff; border: 1px solid #F5DDE6; border-radius: 12px; padding: 18px; box-sizing: border-box;">

<p style="font-weight: 800; font-size: 14px; color: #9c1f4a; margin: 0 0 8px 0;">🎯 Always the right choice</p>

<p style="font-size: 13px; margin: 0;">Whether it's dental care, grooming products, or the next dog bed – the recipient decides for themselves.</p>

</div>

<div style="flex: 1; min-width: 200px; background: #ffffff; border: 1px solid #F5DDE6; border-radius: 12px; padding: 18px; box-sizing: border-box;">

<p style="font-weight: 800; font-size: 14px; color: #9c1f4a; margin: 0 0 8px 0;">⚡ Instantly available</p>

<p style="font-size: 13px; margin: 0;">Digital delivery via email – ideal for spontaneous occasions or as a last-minute gift.</p>

</div>

<div style="flex: 1; min-width: 200px; background: #ffffff; border: 1px solid #F5DDE6; border-radius: 12px; padding: 18px; box-sizing: border-box;">

<p style="font-weight: 800; font-size: 14px; color: #9c1f4a; margin: 0 0 8px 0;">🛍️ Flexible redemption</p>

<p style="font-size: 13px; margin: 0;">Valid for the entire emmi-pet range, also combinable with multiple orders.</p>

</div>

</div>

<!-- SO FUNKTIONIERT'S -->
<h3 style="font-size: 19px; font-weight: 800; color: #9c1f4a; text-align: center; margin: 0 0 18px 0;">How it works</h3>

<div style="display: flex; flex-direction: column; gap: 14px; margin-bottom: 32px;">

<div style="border: 1.5px solid #F5C6D6; border-radius: 14px; padding: 16px 20px; display: flex; align-items: center; gap: 16px; box-sizing: border-box;">

<div style="width: 34px; height: 34px; flex-shrink: 0; background: #D6316B; color: #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 15px;">1</div>

<div>

<p style="margin: 0; font-weight: 800; font-size: 14px; color: #d6316b;">Select value</p>

<p style="margin: 2px 0 0 0; font-size: 13px;">25 €, 50 €, 100 € or 150 € – according to the occasion and budget</p>

</div>

</div>

<div style="border: 1.5px solid #F5C6D6; border-radius: 14px; padding: 16px 20px; display: flex; align-items: center; gap: 16px; box-sizing: border-box;">

<div style="width: 34px; height: 34px; flex-shrink: 0; background: #D6316B; color: #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 15px;">2</div>

<div>

<p style="margin: 0; font-weight: 800; font-size: 14px; color: #d6316b;">Receive via email</p>

<p style="margin: 2px 0 0 0; font-size: 13px;">The voucher code will be delivered directly after purchase – to you or directly to the recipient</p>

</div>

</div>

<div style="border: 1.5px solid #F5C6D6; border-radius: 14px; padding: 16px 20px; display: flex; align-items: center; gap: 16px; box-sizing: border-box;">

<div style="width: 34px; height: 34px; flex-shrink: 0; background: #D6316B; color: #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 15px;">3</div>

<div>

<p style="margin: 0; font-weight: 800; font-size: 14px; color: #d6316b;">Redeem in shop</p>

<p style="margin: 2px 0 0 0; font-size: 13px;">Enter the code at checkout and have the value applied to the order</p>

</div>

</div>

</div>

<!-- HINWEISE -->
<div style="background: #FDF0F4; border: 1.5px solid #F5C6D6; border-radius: 16px; padding: 20px 24px; margin-bottom: 24px; box-sizing: border-box;">

<p style="margin: 0 0 8px 0; font-weight: 800; font-size: 14px; color: #9c1f4a;">Good to know</p>

<ul style="margin: 0; padding-left: 20px; font-size: 13px;">

<li>Redeemable in the entire emmi-pet online shop</li>

<li>Digital delivery via email, no shipping necessary</li>

<li>Remaining balance stays on the voucher for partial redemption<br>

</li>

</ul>

</div>

</div>