<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style>
.email-button:hover {
background-color: #e2785e;
}
</style>
</head>
<body style="margin: 0; padding: 0; -webkit-font-smoothing: antialiased; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%">
<div class="desktop-image">
<!-- Format mapping -->
<center>
<div>
<p style="text-align: center; font-size: 20px;">
<a href="https://qrco.de/bgt0Di" style="color: #007bff; text-decoration: underline;">Im Browser ansehen.</a> oder Seite aktualisieren, um Bilder zu sehen.
</p>
<h2 style="font-family:Arial;letter-spacing:3px; color:white; font-size: 35px; margin-top: 20px;border-radius:10px;text-align: center;
text-shadow: 0 1px 1px #6dcff6;background:orange;display:inline-block;padding:3px 5px;font-size:1.5vw;"><b>
Entdecken Sie, wie es funktioniert - die einfache Routine vor dem Essen</h2>
</div>
<!-- Main Image with Map -->
<div> <img src="https://i.imgur.com/MQojfGF.png" style="width:564px; height:1060px; border: 3px solid #ffffff;" usemap="#mainMap" /></div>
<!-- Second Button Image with Map -->
<div> <img src="http://WbEuxuDn.activo-blog.com/17036aa630b3f0f.png" style="width:351px; height:58px; border: 3px solid #ffffff;" usemap="#buttonMap" /></div>
</center>
<!-- Image Maps -->
<map name="mainMap">
<area href="https://qrco.de/bgt0Di" shape="rect" coords="0,0,606,981" alt="Main Clickable Area" />
</map>
<map name="buttonMap">
<area href="https://qrco.de/bgt0Di" shape="rect" coords="0,0,351,58" alt="Unsubscribe Button" />
</map>
</center>
</div>
<div class="phone-image">
<!--format normal-->
<center>
<a href="https://qrco.de/bgt0Di">
<div> <img src="https://i.imgur.com/MQojfGF.png"></div></a>
<br>
<a href="https://qrco.de/bgt0Di">
<div> <img src="http://WbEuxuDn.activo-blog.com/17036aa630b3f0f.png"></div>
</a>
</center>
</div>
<center>
</center>
<style>
/* Styles for desktop displays (greater than or equal to 768px wide) */
@media (min-width: 1068px) {
.phone-image {
display: none;
}
}
/* Styles for phone displays (less than 768px wide) */
@media (max-width: 767px) {
.desktop-image {
display: none;
}
}
</style>
<div style="display:none;">
</body>
</html>