#landing_page_gratis_artikel#
<style>
.ueberschrift-staffel{
font-size: 20px
}
.gratis-artikel-anzeige{
clear:both;
}
.gratArtBox{
width: 240px;
float: left;
padding: 10px;
box-sizing: border-box;
margin: 8px 10px 10px 0;
border: 1px solid rgb(221,221,221);
text-align: center;
overflow:hidden;
}
.gratisName{
height:100px;
}
.gratisThump{
width: 220px;
height:220px;
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center;
margin: 10px 0 20px 0;
}
.gratisButton{
margin-top:20px;
height:60px;
}
</style>

<div style="font-size:30px;font-weight: bold;margin-bottom:20px;">Gönnen Sie sich einen GRATIS Artikel zu Ihrer Bestellung:</div>

#pro_staffel_start#
<div class='gratis-artikel-anzeige'>

<div class='ueberschrift-staffel'>
Ab #warenkorbwert# € Warenkorb wählen Sie einen Gratisartikel:
</div>

#pro_artikel_start#
<div class='gratArtBox'>

<div class='gratisName'>
#artikel_name#
</div>

<div class="gratisThump" style="background-image: url('#artikel_nummer#');">
</div>

<div class='gratisButton'>
#button_anzeigen_start#
<a href='#warenkorb_link#' class='button'>
Hinzufügen
</a>
#button_anzeigen_ende#
</div>

</div>
#pro_artikel_ende#

</div>
#pro_staffel_ende#

#wenn_artikel_staffel_nicht_erreicht_start#
Noch #wk_differenz# € bis Sie diesen Gratisartikel wählen können.
#wenn_artikel_staffel_nicht_erreicht_ende#