<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Kaufland</title>
<style>
body,
table,
thead,
tbody,
tr,
td,
img {
padding: 0;
margin: 0;
border: none;
border-spacing: 0px;
border-collapse: collapse;
vertical-align: top;
}
.wrapper {
padding-left: 10px;
padding-right: 10px;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
margin: 0;
padding: 0;
padding-bottom: 10px;
line-height: 1.2;
font-family: "Arial", sans-serif;
color: #fff;
}
.logo-wrap {
max-width: 90%;
height: 60px;
padding-top: 35px;
margin-bottom: 105px;
text-align: left;
}
.logo {
max-width: 200px;
max-height: 60px;
}
.cta {
background-color: #225FE6;
display: inline-block;
padding: 16px;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
font-size: 20px;
}
.cta-top{
float: right;
}
.intro{
font-size: 40px;
font-weight: bold;
padding: 0px;
text-transform: uppercase;
}
.sub-intro{
font-size: 28px;
}
.product-name{
background: #fff;
display: inline-block;
min-width: 80%;
line-height: 1;
padding: 10px;
color: #225FE6;
font-weight: bold;
font-size: 38px;
}
.feature-wrap{
display: grid;
place-items: center;
height: 390px;
margin-top: 50px;
}
.feature-img {
max-width: 75%;
max-height: 390px;
}
.cta-para {
font-size: 28px;
margin-top: 40px;
color: #982908;
}
.cta-2 {
margin-top: 20px;
min-width: 75%;
font-size: 24px;
}
.feature-para {
font-size: 28px;
margin-top: 50px;
margin-bottom: 80px;
color: #215fe6;
}
.bg-wrap{background-repeat:no-repeat;background-size: 100%;-webkit-text-size-adjust: 100%;mso-line-height-rule: exactly;}
@media only screen and (max-width: 480px) {
.wrapper .section {
width: 100%;
}
.wrapper .column {
width: 100%;
display: block;
}
.logo-wrap {
padding-top: 23px;
margin-bottom: 60px;
}
.intro {
font-size: 28px;
}
.cta-top {
font-size: 18px;
}
.sub-intro {
font-size: 20px;
}
.product-name{
font-size: 28px;
max-width: 80%;
}
.feature-wrap{
height: 340px;
margin-top: 40px;
}
.feature-img {
max-height: 340px;
}
.cta-para {
font-size: 20px;
}
.cta-2 {
margin-top: 15px;
font-size: 18px;
}
.feature-para {
font-size: 24px;
margin-top: 40px;
margin-bottom: 50px;
color: #215fe6;
}
.bg-wrap{background-repeat:no-repeat;background-size: 120%;-webkit-text-size-adjust: 120%;background-position: top center;}
}
</style>
</head>
<body style="background-color: #f5f5f5;padding-top:10px;">
<table width="100%">
<tbody>
<tr>
<td class="wrapper" width="550" align="center">
<table width="550" class="section header" align="center">
<tbody>
<tr>
<td align="center" bgcolor="#fff" data="image_bg" background="https://www.zupimages.net/up/24/06/b07v.jpg" class="bg-wrap">
<div class="logo-wrap">
<a href="https://rb.gy/du1cc8"><img border="0" src="https://www.zupimages.net/up/22/50/5we1.png" alt="logo" class="logo" /> </a>
<a href="https://rb.gy/du1cc8" class="cta cta-top">LOSLEGEN</a>
</div> <p class="intro">Die Zeit wird knapp</p> <p class="sub-intro">Letzte Chance auf GEWINNEN Brandneu</p> <p class="product-name">Dualit Milk Frother</p> <a href="https://rb.gy/du1cc8" class="feature-wrap"><img border="0" src="https://www.zupimages.net/up/24/07/lcsp.png" alt="product image" class="feature-img" /></a> <p class="cta-para">Beantworten Sie ein paar Fragen und <strong><span style="text-transform: uppercase;">GEWINNEN</span></strong>.<br /> Deine Chance zu glänzen, erwartet dich</p> <a href="https://rb.gy/du1cc8" class="cta cta-2">Sichere dir deine Chance, GEWINNEN!</a> <p class="feature-para">Kein Haken, keine Kosten.<br /><strong>Gewinnen in Minuten!</strong></p> </td>
</tr>
</tbody>
</table> </td>
</tr>
<tr>
<td height="15" style="line-height: 15px;"> </td>
</tr>
<tr>
</tr>
<tr>
<td height="35" style="line-height: 35px;"> </td>
</tr>
</tbody>
</table>
</body>
</html>