Menu icon Foundation

Coder

My Posts











My Comments

Robocop commented on Robocop's post 2 months

Hello Dan,
No unfortunately not.
 
 

Robocop commented on Robocop's post 3 months

Thank you :-)

Robocop commented on Robocop's post 3 months

Hello Katie,
Thanks for helping me.
I have the Mobile Meta Description on my template.
Unfortunately it does not work.
Here is a CodePen Link with my Email-Code.
 

Robocop commented on Robocop's post 3 months

Hello Katie,
Thanks for helping me. I have this Line of Code in my Email-Template.
Unfortunately it does not work. 
Here is my Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body style="-moz-box-sizing:border-box;-ms-text-size-adjust:100%;-webkit-box-sizing:border-box;-webkit-text-size-adjust:100%;Margin:0;box-sizing:border-box;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;min-width:100%;padding:0;text-align:left;width:100%!important">
<style>@media only screen {
html {
min-height: 100%;
background: #eaeaea
}
}

@media only screen and (max-width: 616px) {
.small-float-center {
margin: 0 auto !important;
float: none !important;
text-align: center !important
}

.small-text-center {
    text-align: center !important
}

.small-text-left {
    text-align: left !important
}

.small-text-right {
    text-align: right !important
}

}

@media only screen and (max-width: 616px) {
.hide-for-large {
display: block !important;
width: auto !important;
overflow: visible !important;
max-height: none !important;
font-size: inherit !important;
line-height: inherit !important
}
}

@media only screen and (max-width: 616px) {
table.body table.container .hide-for-large, table.body table.container .row.hide-for-large {
display: table !important;
width: 100% !important
}
}

@media only screen and (max-width: 616px) {
table.body table.container .callout-inner.hide-for-large {
display: table-cell !important;
width: 100% !important
}
}

@media only screen and (max-width: 616px) {
table.body table.container .show-for-large {
display: none !important;
width: 0;
mso-hide: all;
overflow: hidden
}
}

@media only screen and (max-width: 616px) {
table.body img {
width: auto;
height: auto
}

table.body center {
    min-width: 0 !important
}

table.body .container {
    width: 95% !important
}

table.body .column, table.body .columns {
    height: auto !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 16px !important;
    padding-right: 16px !important
}

table.body .column .column, table.body .column .columns, table.body .columns .column, table.body .columns .columns {
    padding-left: 0 !important;
    padding-right: 0 !important
}

table.body .collapse .column, table.body .collapse .columns {
    padding-left: 0 !important;
    padding-right: 0 !important
}

td.small-1, th.small-1 {
    display: inline-block !important;
    width: 8.33333% !important
}

td.small-2, th.small-2 {
    display: inline-block !important;
    width: 16.66667% !important
}

td.small-3, th.small-3 {
    display: inline-block !important;
    width: 25% !important
}

td.small-4, th.small-4 {
    display: inline-block !important;
    width: 33.33333% !important
}

td.small-5, th.small-5 {
    display: inline-block !important;
    width: 41.66667% !important
}

td.small-6, th.small-6 {
    display: inline-block !important;
    width: 50% !important
}

td.small-7, th.small-7 {
    display: inline-block !important;
    width: 58.33333% !important
}

td.small-8, th.small-8 {
    display: inline-block !important;
    width: 66.66667% !important
}

td.small-9, th.small-9 {
    display: inline-block !important;
    width: 75% !important
}

td.small-10, th.small-10 {
    display: inline-block !important;
    width: 83.33333% !important
}

td.small-11, th.small-11 {
    display: inline-block !important;
    width: 91.66667% !important
}

td.small-12, th.small-12 {
    display: inline-block !important;
    width: 100% !important
}

.column td.small-12, .column th.small-12, .columns td.small-12, .columns th.small-12 {
    display: block !important;
    width: 100% !important
}

table.body td.small-offset-1, table.body th.small-offset-1 {
    margin-left: 8.33333% !important;
    Margin-left: 8.33333% !important
}

table.body td.small-offset-2, table.body th.small-offset-2 {
    margin-left: 16.66667% !important;
    Margin-left: 16.66667% !important
}

table.body td.small-offset-3, table.body th.small-offset-3 {
    margin-left: 25% !important;
    Margin-left: 25% !important
}

table.body td.small-offset-4, table.body th.small-offset-4 {
    margin-left: 33.33333% !important;
    Margin-left: 33.33333% !important
}

table.body td.small-offset-5, table.body th.small-offset-5 {
    margin-left: 41.66667% !important;
    Margin-left: 41.66667% !important
}

table.body td.small-offset-6, table.body th.small-offset-6 {
    margin-left: 50% !important;
    Margin-left: 50% !important
}

table.body td.small-offset-7, table.body th.small-offset-7 {
    margin-left: 58.33333% !important;
    Margin-left: 58.33333% !important
}

table.body td.small-offset-8, table.body th.small-offset-8 {
    margin-left: 66.66667% !important;
    Margin-left: 66.66667% !important
}

table.body td.small-offset-9, table.body th.small-offset-9 {
    margin-left: 75% !important;
    Margin-left: 75% !important
}

table.body td.small-offset-10, table.body th.small-offset-10 {
    margin-left: 83.33333% !important;
    Margin-left: 83.33333% !important
}

table.body td.small-offset-11, table.body th.small-offset-11 {
    margin-left: 91.66667% !important;
    Margin-left: 91.66667% !important
}

table.body table.columns td.expander, table.body table.columns th.expander {
    display: none !important
}

table.body .right-text-pad, table.body .text-pad-right {
    padding-left: 10px !important
}

table.body .left-text-pad, table.body .text-pad-left {
    padding-right: 10px !important
}

table.menu {
    width: 100% !important
}

table.menu td, table.menu th {
    width: auto !important;
    display: inline-block !important
}

table.menu.small-vertical td, table.menu.small-vertical th, table.menu.vertical td, table.menu.vertical th {
    display: block !important
}

table.menu[align=center] {
    width: auto !important
}

table.button.small-expand, table.button.small-expanded {
    width: 100% !important
}

table.button.small-expand table, table.button.small-expanded table {
    width: 100%
}

table.button.small-expand table a, table.button.small-expanded table a {
    text-align: center !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important
}

table.button.small-expand center, table.button.small-expanded center {
    min-width: 0
}

span.break_line_mobile {
    display: block !important
}

span.break_line_desktop {
    display: inline
}

.branders_claim p {
    font-size: 23px !important;
    line-height: 27px !important
}

}</style>
<table class="body" data-made-with-foundation=""
style="Margin:0;background:#eaeaea;border-collapse:collapse;border-spacing:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;height:100%;line-height:1.3;margin:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td class="float-center" align="center" valign="top"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0 auto;border-collapse:collapse!important;color:#000;float:none;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0 auto;padding:0;text-align:center;vertical-align:top;word-wrap:break-word">
<center style="min-width:600px;width:100%">
<table class="container"
style="Margin:0 auto;background:#fefefe;border-collapse:collapse;border-spacing:0;margin:0 auto;padding:0;text-align:inherit;vertical-align:top;width:600px">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
<table class="row"
style="background-color:#EAEAEA;border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th class="small-12 large-12 first last columns"
style="Margin:0 auto;background-color:#EAEAEA;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:0;padding-left:17px;padding-right:17px;text-align:left;width:584px">
<table class="spacer"
style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td height="10px"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:10px;font-weight:400;hyphens:auto;line-height:10px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
&#xA0;
</td>
</tr>
</tbody>
</table>
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th style="Margin:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left">
<p class="text-center"
style="Margin:0;Margin-bottom:0;color:#303030;font-family:arial,helvetica,sans-serif;font-size:10px;font-weight:400;line-height:1.3;margin:0;margin-bottom:0;padding:0;text-align:center">
Haben Sie Probleme diese E-Mail richtig zu sehen?<br>Dann
klicken Sie bitte hier</p></th>
<th class="expander"
style="Margin:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0!important;text-align:left;visibility:hidden;width:0"></th>
</tr>
</tbody>
</table>
<table class="spacer"
style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td height="10px"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:10px;font-weight:400;hyphens:auto;line-height:10px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
&#xA0;
</td>
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
<table class="spacer"
style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td height="20px"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:20px;font-weight:400;hyphens:auto;line-height:20px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
&#xA0;
</td>
</tr>
</tbody>
</table>
<table class="row"
style="border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th class="small-12 large-12 first last columns"
style="Margin:0 auto;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:17px;padding-right:17px;text-align:left;width:584px">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th style="Margin:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left">
<center data-parsed="" style="min-width:552px;width:100%"><a
href="http://www.branders.ch/" target="_blank"
style="Margin:0;color:#2199e8;font-family:Helvetica,Arial,sans-serif;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left;text-decoration:none"><img
src="http://www.thebrander.com/thb_newsletter/branders_signet.jpg"
width="48" height="48" alt="Branders Group" align="center"
class="float-center"
style="-ms-interpolation-mode:bicubic;Margin:0 auto;border:none;clear:both;display:block;float:none;height:48px;margin:0 auto;max-width:100%;outline:0;text-align:center;text-decoration:none;width:48px"></a>
</center>
<table class="spacer"
style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td height="10px"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:10px;font-weight:400;hyphens:auto;line-height:10px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
&#xA0;
</td>
</tr>
</tbody>
</table>
<p class="text-center"
style="Margin:0;Margin-bottom:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:12px;font-weight:400;letter-spacing:2px;line-height:1.3;margin:0;margin-bottom:0;padding:0;text-align:center">
BRAND NEW</p></th>
<th class="expander"
style="Margin:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0!important;text-align:left;visibility:hidden;width:0"></th>
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
<table class="spacer"
style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td height="10px"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:10px;font-weight:400;hyphens:auto;line-height:10px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
&#xA0;
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table class="container"
style="Margin:0 auto;background:#fefefe;border-collapse:collapse;border-spacing:0;margin:0 auto;padding:0;text-align:inherit;vertical-align:top;width:600px">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
<table class="row collapse"
style="border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th class="small-12 large-6 columns first last"
style="Margin:0 auto;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:30px;padding-right:30px;text-align:left;width:308px">
<h1 class="text-center"
style="Margin:0;Margin-bottom:0;color:inherit;font-family:Times New Roman,Times,Serif;font-size:32px;font-weight:700;line-height:1.3;margin:0;margin-bottom:0;padding:0;text-align:center;word-wrap:normal">
Modul-Titel</h1>
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top"></tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
<table class="row collapse"
style="border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th class="small-12 large-12 columns first last"
style="Margin:0 auto;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:0;padding-right:0;text-align:left;width:608px">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th style="Margin:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left">
<center data-parsed="" style="min-width:552px;width:100%"><a
href="http://www.branders.ch/" target="_blank"
style="Margin:0;color:#2199e8;font-family:Helvetica,Arial,sans-serif;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left;text-decoration:none"><img
src="http://placehold.it/600x386/000000/ffffff/?text=Modul-Fullwidth Bild"
align="center" class="float-center"
style="-ms-interpolation-mode:bicubic;Margin:0 auto;border:none;clear:both;display:block;float:none;margin:0 auto;max-width:100%;outline:0;text-align:center;text-decoration:none;width:auto"></a>
</center>
</th>
<th class="expander"
style="Margin:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0!important;text-align:left;visibility:hidden;width:0"></th>
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
<table class="row"
style="border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th class="small-12 large-10 first last columns"
style="Margin:0 auto;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:30px;padding-right:30px;text-align:left;width:484px">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th style="Margin:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left">
<p class="text-center"
style="Margin:0;Margin-bottom:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;margin-bottom:0;padding:0;text-align:center">
Modul-Text und Button - Lorem ipsum dolor sit amet, consetetur
sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
labore et dolore magna aliquyam erat, sed diam voluptua. At vero
eos et accusam et justo duo dolores et ea rebum. Stet clita kasd
gubergren,</p>
<table class="spacer"
style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td height="20px"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:20px;font-weight:400;hyphens:auto;line-height:20px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
&#xA0;
</td>
</tr>
</tbody>
</table>
<center data-parsed="" style="min-width:452px;width:100%">
<table class="button float-center"
style="Margin:0 0 16px 0;border-collapse:collapse;border-spacing:0;float:none;margin:0 0 16px 0;padding:0;text-align:center;vertical-align:top;width:auto">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;background:#fff;border:1px solid #000;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;letter-spacing:1px;line-height:1.3;margin:0;padding:1px 12px;text-align:center;vertical-align:top;word-wrap:break-word">
<a href="http://www.branders.ch/"
target="_blank"
style="Margin:0;border:0 solid #fff;border-radius:0;color:#000;display:inline-block;font-family:Helvetica,Arial,sans-serif;font-size:11px;font-weight:400;line-height:1.3;margin:0;padding:7px 5px 7px 5px;text-align:left;text-decoration:none">WEITERLESEN</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
</th>
<th class="expander"
style="Margin:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0!important;text-align:left;visibility:hidden;width:0"></th>
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
<table class="row"
style="border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th class="small-6 large-6 first columns"
style="Margin:0 auto;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:30px;padding-right:8px;text-align:left;width:284px">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th style="Margin:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left">
<center data-parsed="" style="min-width:252px;width:100%"><a
href="http://www.branders.ch/" target="_blank"
style="Margin:0;color:#2199e8;font-family:Helvetica,Arial,sans-serif;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left;text-decoration:none"><img
src="http://placehold.it/260x170/000000/ffffff/?text=Bild 1 und Text"
align="center" class="float-center"
style="-ms-interpolation-mode:bicubic;Margin:0 auto;border:none;clear:both;display:block;float:none;margin:0 auto;max-width:100%;outline:0;text-align:center;text-decoration:none;width:auto"></a>
</center>
<table class="spacer"
style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td height="15px"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:15px;font-weight:400;hyphens:auto;line-height:15px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
&#xA0;
</td>
</tr>
</tbody>
</table>
<p class="text-center"
style="Margin:0;Margin-bottom:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;letter-spacing:1px;line-height:1.3;margin:0;margin-bottom:0;padding:0;text-align:center">
Überschrift</p><h4 class="text-center"
style="Margin:0;Margin-bottom:0;color:inherit;font-family:Times New Roman,Times,Serif;font-size:24px;font-weight:700;line-height:1.3;margin:0;margin-bottom:0;padding:0;text-align:center;word-wrap:normal">
Titel</h4>
<table class="spacer"
style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td height="10px"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:10px;font-weight:400;hyphens:auto;line-height:10px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
&#xA0;
</td>
</tr>
</tbody>
</table>
<p class="text-center show-for-large"
style="Margin:0;Margin-bottom:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;margin-bottom:0;padding:0;text-align:center">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
diam nonumy eirmod tempor invidunt ut labore et dolore magna
aliquyam erat, sed diam voluptua. At vero eos et accusam et
justo duo dolores et ea rebum.</p>
<table class="spacer show-for-large"
style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td height="20px"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:20px;font-weight:400;hyphens:auto;line-height:20px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
&#xA0;
</td>
</tr>
</tbody>
</table>
<center data-parsed="" style="min-width:252px;width:100%">
<table class="button float-center"
style="Margin:0 0 16px 0;border-collapse:collapse;border-spacing:0;float:none;margin:0 0 16px 0;padding:0;text-align:center;vertical-align:top;width:auto">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;background:#fff;border:1px solid #000;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;letter-spacing:1px;line-height:1.3;margin:0;padding:1px 12px;text-align:center;vertical-align:top;word-wrap:break-word">
<a href="http://www.branders.ch/"
target="_blank"
style="Margin:0;border:0 solid #fff;border-radius:0;color:#000;display:inline-block;font-family:Helvetica,Arial,sans-serif;font-size:11px;font-weight:400;line-height:1.3;margin:0;padding:7px 5px 7px 5px;text-align:left;text-decoration:none">WEITERLESEN</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
</th>
<th class="expander"
style="Margin:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0!important;text-align:left;visibility:hidden;width:0"></th>
</tr>
</tbody>
</table>
</th>
<th class="small-6 large-6 last columns bild_text_left_right_last"
style="Margin:0 auto;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:8px;padding-right:30px;text-align:left;width:284px">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th style="Margin:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left">
<center data-parsed="" style="min-width:252px;width:100%"><a
href="http://www.branders.ch/" target="_blank"
style="Margin:0;color:#2199e8;font-family:Helvetica,Arial,sans-serif;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left;text-decoration:none"><img
src="http://placehold.it/260x170/000000/ffffff/?text=Bild 2 und Text"
align="center" class="float-center"
style="-ms-interpolation-mode:bicubic;Margin:0 auto;border:none;clear:both;display:block;float:none;margin:0 auto;max-width:100%;outline:0;text-align:center;text-decoration:none;width:auto"></a>
</center>
<table class="spacer"
style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td height="15px"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:15px;font-weight:400;hyphens:auto;line-height:15px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
&#xA0;
</td>
</tr>
</tbody>
</table>
<p class="text-center"
style="Margin:0;Margin-bottom:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;letter-spacing:1px;line-height:1.3;margin:0;margin-bottom:0;padding:0;text-align:center">
Überschrift</p><h4 class="text-center"
style="Margin:0;Margin-bottom:0;color:inherit;font-family:Times New Roman,Times,Serif;font-size:24px;font-weight:700;line-height:1.3;margin:0;margin-bottom:0;padding:0;text-align:center;word-wrap:normal">
Titel</h4>
<table class="spacer"
style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td height="10px"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:10px;font-weight:400;hyphens:auto;line-height:10px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
&#xA0;
</td>
</tr>
</tbody>
</table>
<p class="text-center show-for-large"
style="Margin:0;Margin-bottom:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;margin-bottom:0;padding:0;text-align:center">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
diam nonumy eirmod tempor invidunt ut labore et dolore magna
aliquyam erat, sed diam voluptua. At vero eos et accusam et
justo duo dolores et ea rebum.</p>
<table class="spacer show-for-large"
style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td height="20px"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:20px;font-weight:400;hyphens:auto;line-height:20px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
&#xA0;
</td>
</tr>
</tbody>
</table>
<center data-parsed="" style="min-width:252px;width:100%">
<table class="button float-center"
style="Margin:0 0 16px 0;border-collapse:collapse;border-spacing:0;float:none;margin:0 0 16px 0;padding:0;text-align:center;vertical-align:top;width:auto">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;background:#fff;border:1px solid #000;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;letter-spacing:1px;line-height:1.3;margin:0;padding:1px 12px;text-align:center;vertical-align:top;word-wrap:break-word">
<a href="http://www.branders.ch/"
target="_blank"
style="Margin:0;border:0 solid #fff;border-radius:0;color:#000;display:inline-block;font-family:Helvetica,Arial,sans-serif;font-size:11px;font-weight:400;line-height:1.3;margin:0;padding:7px 5px 7px 5px;text-align:left;text-decoration:none">WEITERLESEN</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
</th>
<th class="expander"
style="Margin:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0!important;text-align:left;visibility:hidden;width:0"></th>
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table class="spacer"
style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td height="20px"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:20px;font-weight:400;hyphens:auto;line-height:20px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
&#xA0;
</td>
</tr>
</tbody>
</table>
<table class="container"
style="Margin:0 auto;background:#fefefe;border-collapse:collapse;border-spacing:0;margin:0 auto;padding:0;text-align:inherit;vertical-align:top;width:600px">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
<table class="row"
style="border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th class="small-12 large-12 first last columns"
style="Margin:0 auto;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:17px;padding-right:17px;text-align:left;width:584px">
<table class="branders_claim"
style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th style="Margin:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left">
<table class="spacer"
style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td height="30px"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:30px;font-weight:400;hyphens:auto;line-height:30px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
&#xA0;
</td>
</tr>
</tbody>
</table>
<p class="text-center"
style="Margin:0;Margin-bottom:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:19px;font-weight:700;letter-spacing:1px;line-height:23px;margin:0;margin-bottom:0;padding:0;text-align:center">
<span class="break_line_desktop" style="display:block"><span
class="break_line_mobile" style="display:inline">Wir kreieren</span> <span
class="break_line_mobile" style="display:inline">eigenständige,</span> <span
class="break_line_desktop" style="display:block">massgeschneiderte <span
class="break_line_mobile" style="display:inline">Omnichannel-</span></span></span>
<span class="break_line_desktop" style="display:block"><span
class="break_line_mobile" style="display:inline">Erlebnisse, die </span><span
class="break_line_mobile" style="display:inline">Emotionen wecken</span> und Wert</span>
generieren.</p></th>
<th class="expander"
style="Margin:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0!important;text-align:left;visibility:hidden;width:0"></th>
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
<table class="spacer"
style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td height="10px"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:10px;font-weight:400;hyphens:auto;line-height:10px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
&#xA0;
</td>
</tr>
</tbody>
</table>
<table class="row"
style="border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th class="small-12 large-3 columns first"
style="Margin:0 auto;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:16px;padding-right:8px;text-align:left;width:134px">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th style="Margin:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left">
<center data-parsed="" style="min-width:102px;width:100%"><img
src="http://www.thebrander.com/thb_newsletter/icon_strategie.png"
width="45" height="45" align="center" class="float-center"
style="-ms-interpolation-mode:bicubic;Margin:0 auto;clear:both;display:block;float:none;height:45px;margin:0 auto;max-width:100%;outline:0;text-align:center;text-decoration:none;width:45px">
</center>
<p class="text-center"
style="Margin:0;Margin-bottom:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:12px;font-weight:400;letter-spacing:2px;line-height:1.3;margin:0;margin-bottom:0;padding:15px 0 5px 0;text-align:center">
STRATEGY</p></th>
</tr>
</tbody>
</table>
</th>
<th class="small-12 large-3 columns first"
style="Margin:0 auto;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:16px;padding-right:8px;text-align:left;width:134px">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th style="Margin:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left">
<center data-parsed="" style="min-width:102px;width:100%"><img
src="http://www.thebrander.com/thb_newsletter/icon_design.png"
width="45" height="45" align="center" class="float-center"
style="-ms-interpolation-mode:bicubic;Margin:0 auto;clear:both;display:block;float:none;height:45px;margin:0 auto;max-width:100%;outline:0;text-align:center;text-decoration:none;width:45px">
</center>
<p class="text-center"
style="Margin:0;Margin-bottom:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:12px;font-weight:400;letter-spacing:2px;line-height:1.3;margin:0;margin-bottom:0;padding:15px 0 5px 0;text-align:center">
DESIGN</p></th>
</tr>
</tbody>
</table>
</th>
<th class="small-12 large-3 columns"
style="Margin:0 auto;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:8px;padding-right:8px;text-align:left;width:134px">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th style="Margin:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left">
<center data-parsed="" style="min-width:102px;width:100%"><img
src="http://www.thebrander.com/thb_newsletter/icon_omnichannel.png"
width="45" height="45" align="center" class="float-center"
style="-ms-interpolation-mode:bicubic;Margin:0 auto;clear:both;display:block;float:none;height:45px;margin:0 auto;max-width:100%;outline:0;text-align:center;text-decoration:none;width:45px">
</center>
<p class="text-center"
style="Margin:0;Margin-bottom:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:12px;font-weight:400;letter-spacing:2px;line-height:1.3;margin:0;margin-bottom:0;padding:15px 0 5px 0;text-align:center">
OMNICHANNEL</p></th>
</tr>
</tbody>
</table>
</th>
<th class="small-12 large-3 columns last"
style="Margin:0 auto;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:8px;padding-right:16px;text-align:left;width:134px">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th style="Margin:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left">
<center data-parsed="" style="min-width:102px;width:100%"><img
src="http://www.thebrander.com/thb_newsletter/icon_storytelling.png"
width="45" height="45" align="center" class="float-center"
style="-ms-interpolation-mode:bicubic;Margin:0 auto;clear:both;display:block;float:none;height:45px;margin:0 auto;max-width:100%;outline:0;text-align:center;text-decoration:none;width:45px">
</center>
<p class="text-center"
style="Margin:0;Margin-bottom:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:12px;font-weight:400;letter-spacing:2px;line-height:1.3;margin:0;margin-bottom:0;padding:15px 0 5px 0;text-align:center">
STORYTELLING</p></th>
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
<table class="spacer"
style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td height="10px"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:10px;font-weight:400;hyphens:auto;line-height:10px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
&#xA0;
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table class="container"
style="Margin:0 auto;background:#fefefe;background-color:#F6F6F6;border-collapse:collapse;border-spacing:0;margin:0 auto;padding:0;text-align:inherit;vertical-align:top;width:600px">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
<table class="row"
style="border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th class="small-12 large-12 first last columns"
style="Margin:0 auto;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:17px;padding-right:17px;text-align:left;width:584px">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th style="Margin:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left">
<table class="spacer"
style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td height="35px"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:35px;font-weight:400;hyphens:auto;line-height:35px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
&#xA0;
</td>
</tr>
</tbody>
</table>
<h1 class="text-center"
style="Margin:0;Margin-bottom:0;background-color:#F6F6F6;color:#000;font-family:Times New Roman,Times,Serif;font-size:28px;font-weight:700;line-height:31px;margin:0;margin-bottom:0;padding:0;text-align:center;word-wrap:normal">
Willkommen in der<br>Brandingboutique</h1></th>
<th class="expander"
style="Margin:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0!important;text-align:left;visibility:hidden;width:0"></th>
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
<table class="spacer"
style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td height="20px"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:20px;font-weight:400;hyphens:auto;line-height:20px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
&#xA0;
</td>
</tr>
</tbody>
</table>
<table class="row"
style="border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th class="small-12 large-4 columns first"
style="Margin:0 auto;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:16px;padding-right:8px;text-align:left;width:184px">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th style="Margin:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left">
<center data-parsed="" style="min-width:152px;width:100%">
<table class="button float-center"
style="Margin:0 0 16px 0;border-collapse:collapse;border-spacing:0;float:none;margin:0 0 16px 0;padding:0;text-align:center;vertical-align:top;width:119px">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;background:#fff;background-color:#F6F6F6;border:1px solid #000;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;letter-spacing:1px;line-height:1.3;margin:0;padding:1px 12px;text-align:center;vertical-align:top;word-wrap:break-word">
<a href="http://www.branders.ch/brandingboutique/#service"
target="_blank"
style="Margin:0;border:0 solid #fff;border-radius:0;color:#000;display:inline-block;font-family:Helvetica,Arial,sans-serif;font-size:11px;font-weight:400;line-height:1.3;margin:0;padding:7px 5px 7px 5px;text-align:left;text-decoration:none">SERVICES</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
</th>
</tr>
</tbody>
</table>
</th>
<th class="small-12 large-4 columns"
style="Margin:0 auto;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:8px;padding-right:8px;text-align:left;width:184px">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th style="Margin:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left">
<center data-parsed="" style="min-width:152px;width:100%">
<table class="button float-center"
style="Margin:0 0 16px 0;border-collapse:collapse;border-spacing:0;float:none;margin:0 0 16px 0;padding:0;text-align:center;vertical-align:top;width:119px">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;background:#fff;background-color:#F6F6F6;border:1px solid #000;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;letter-spacing:1px;line-height:1.3;margin:0;padding:1px 12px;text-align:center;vertical-align:top;word-wrap:break-word">
<a href="http://www.branders.ch/projekte"
target="_blank"
style="Margin:0;border:0 solid #fff;border-radius:0;color:#000;display:inline-block;font-family:Helvetica,Arial,sans-serif;font-size:11px;font-weight:400;line-height:1.3;margin:0;padding:7px 5px 7px 5px;text-align:left;text-decoration:none">PROJECTS</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
</th>
</tr>
</tbody>
</table>
</th>
<th class="small-12 large-4 columns last"
style="Margin:0 auto;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:8px;padding-right:16px;text-align:left;width:184px">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th style="Margin:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left">
<center data-parsed="" style="min-width:152px;width:100%">
<table class="button float-center"
style="Margin:0 0 16px 0;border-collapse:collapse;border-spacing:0;float:none;margin:0 0 16px 0;padding:0;text-align:center;vertical-align:top;width:119px">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;background:#fff;background-color:#F6F6F6;border:1px solid #000;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;letter-spacing:1px;line-height:1.3;margin:0;padding:1px 12px;text-align:center;vertical-align:top;word-wrap:break-word">
<a href="http://www.branders.ch/team"
target="_blank"
style="Margin:0;border:0 solid #fff;border-radius:0;color:#000;display:inline-block;font-family:Helvetica,Arial,sans-serif;font-size:11px;font-weight:400;line-height:1.3;margin:0;padding:7px 5px 7px 5px;text-align:left;text-decoration:none">PEOPLE</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
</th>
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table class="container"
style="Margin:0 auto;background:#fefefe;border-collapse:collapse;border-spacing:0;margin:0 auto;padding:0;text-align:inherit;vertical-align:top;width:600px">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
<table class="spacer"
style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td height="20px"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:20px;font-weight:400;hyphens:auto;line-height:20px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
&#xA0;
</td>
</tr>
</tbody>
</table>
<table class="row collapse"
style="border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th class="small-12 large-12 first last columns"
style="Margin:0 auto;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:17px;padding-right:17px;text-align:left;width:608px">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th style="Margin:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left">
<center data-parsed="" style="min-width:552px;width:100%"><a
href="http://www.branders.ch/" target="_blank"
style="Margin:0;color:#2199e8;font-family:Helvetica,Arial,sans-serif;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left;text-decoration:none"><img
src="http://www.thebrander.com/thb_newsletter/branders_footer.jpg"
width="207" height="45" alt="Branders Group" align="center"
class="float-center"
style="-ms-interpolation-mode:bicubic;Margin:0 auto;border:none;clear:both;display:block;float:none;height:45px;margin:0 auto;max-width:100%;outline:0;text-align:center;text-decoration:none;width:207px"></a>
</center>
<table class="spacer"
style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td height="20px"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:20px;font-weight:400;hyphens:auto;line-height:20px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
&#xA0;
</td>
</tr>
</tbody>
</table>
<p style="Margin:0;Margin-bottom:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:12px;font-weight:400;letter-spacing:1px;line-height:1.3;margin:0;margin-bottom:0;padding:0;text-align:center"
class="text-center">Follow us on</p>
<center data-parsed="" style="min-width:552px;width:100%">
<table align="center" class="menu float-center"
style="Margin:0 auto;border-collapse:collapse;border-spacing:0;float:none;margin:0 auto;padding:0;text-align:center;vertical-align:top;width:auto!important">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th class="menu-item float-center"
style="Margin:0 auto;color:#000;float:none;font-family:Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.3;margin:0 auto;padding:10px;padding-right:10px;text-align:center">
<a href="https://www.instagram.com/branders_identityworks/" target="_blank"
style="Margin:0;color:#2199e8;font-family:Helvetica,Arial,sans-serif;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left;text-decoration:none"><img
src="http://thebrander.len-lenlikes.com/administration/plug-ins/newsletter/img/socials_newsletter/branders_instagram.png"
alt="Branders on Instagram"
style="-ms-interpolation-mode:bicubic;border:none;clear:both;display:block;max-width:100%;outline:0;text-decoration:none;width:auto"></a>
</th>
<th class="menu-item float-center"
style="Margin:0 auto;color:#000;float:none;font-family:Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.3;margin:0 auto;padding:10px;padding-right:10px;text-align:center">
<a href="https://www.facebook.com/branders.ch" target="_blank"
style="Margin:0;color:#2199e8;font-family:Helvetica,Arial,sans-serif;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left;text-decoration:none"><img
src="http://thebrander.len-lenlikes.com/administration/plug-ins/newsletter/img/socials_newsletter/branders_facebook.png"
alt="Branders on Facebook"
style="-ms-interpolation-mode:bicubic;border:none;clear:both;display:block;max-width:100%;outline:0;text-decoration:none;width:auto"></a>
</th>
<th class="menu-item float-center"
style="Margin:0 auto;color:#000;float:none;font-family:Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.3;margin:0 auto;padding:10px;padding-right:10px;text-align:center">
<a href="https://twitter.com/thebranders" target="_blank"
style="Margin:0;color:#2199e8;font-family:Helvetica,Arial,sans-serif;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left;text-decoration:none"><img
src="http://thebrander.len-lenlikes.com/administration/plug-ins/newsletter/img/socials_newsletter/branders_twitter.png"
alt="Branders on Twitter"
style="-ms-interpolation-mode:bicubic;border:none;clear:both;display:block;max-width:100%;outline:0;text-decoration:none;width:auto"></a>
</th>
<th class="menu-item float-center"
style="Margin:0 auto;color:#000;float:none;font-family:Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.3;margin:0 auto;padding:10px;padding-right:10px;text-align:center">
<a href="https://www.linkedin.com/company-beta/2588650/" target="_blank"
style="Margin:0;color:#2199e8;font-family:Helvetica,Arial,sans-serif;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left;text-decoration:none"><img
src="http://thebrander.len-lenlikes.com/administration/plug-ins/newsletter/img/socials_newsletter/branders_linkedin.png"
alt="Branders on Linkedin"
style="-ms-interpolation-mode:bicubic;border:none;clear:both;display:block;max-width:100%;outline:0;text-decoration:none;width:auto"></a>
</th>
<th class="menu-item float-center"
style="Margin:0 auto;color:#000;float:none;font-family:Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.3;margin:0 auto;padding:10px;padding-right:10px;text-align:center">
<a href="https://vimeo.com/branders" target="_blank"
style="Margin:0;color:#2199e8;font-family:Helvetica,Arial,sans-serif;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left;text-decoration:none"><img
src="http://thebrander.len-lenlikes.com/administration/plug-ins/newsletter/img/socials_newsletter/branders_vimeo.png"
alt="Branders on Vimeo"
style="-ms-interpolation-mode:bicubic;border:none;clear:both;display:block;max-width:100%;outline:0;text-decoration:none;width:auto"></a>
</th>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
<table class="spacer"
style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td height="20px"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:20px;font-weight:400;hyphens:auto;line-height:20px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
&#xA0;
</td>
</tr>
</tbody>
</table>
<p class="text-center"
style="Margin:0;Margin-bottom:0;color:#303030;font-family:arial,helvetica,sans-serif;font-size:10px;font-weight:400;line-height:1.3;margin:0;margin-bottom:0;padding:0;text-align:center">
Newsletter abbestellen</p></th>
<th class="expander"
style="Margin:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0!important;text-align:left;visibility:hidden;width:0"></th>
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
<table class="row collapse"
style="background-color:#fff;border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th class="small-12 large-12 first last columns"
style="Margin:0 auto;background-color:#EAEAEA;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:17px;padding-right:17px;text-align:left;width:608px">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th style="Margin:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left">
<table class="spacer"
style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td height="20px"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:20px;font-weight:400;hyphens:auto;line-height:20px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
&#xA0;
</td>
</tr>
</tbody>
</table>
<p class="text-center"
style="Margin:0;Margin-bottom:0;color:#303030;font-family:arial,helvetica,sans-serif;font-size:10px;font-weight:400;line-height:1.3;margin:0;margin-bottom:0;padding:0;text-align:center">
© Branders Group AG, 8001 Zürich, Schweiz</p></th>
</tr>
</tbody>
</table>
<table class="spacer"
style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td height="2px"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:2px;font-weight:400;hyphens:auto;line-height:2px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
&#xA0;
</td>
</tr>
</tbody>
</table>
</th>
<th class="expander"
style="Margin:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0!important;text-align:left;visibility:hidden;width:0"></th>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
</tbody>
</table>
</body>
</html>

Robocop commented on Robocop's post 9 months

Okay, i found an easy and simple way:
.close-button {
background: url('../img/close_btn.svg');
width: 45px;
height: 45px;
background-repeat: no-repeat;
}

Robocop commented on Robocop's post almost 2 years

thanks for helping me. your script is exactly what i need!

cheers

Robocop commented on Robocop's post almost 2 years

Enabling the timer solved my problem. Thank you.

Robocop commented on Robocop's post almost 3 years

Hello Jacob,

With your help i found a good solution for a Drop-down Navigation in IE9.

I coded a new simple Drop-down Menu with HTML and CSS (without JS-magic) only for IE9.

The conditional for a specific IE -Browser Version solved my problems!

Thanks!

Cheers
Rob

Robocop commented on Robocop's post almost 3 years

Thanks for helping me!
I've tested your links and suggestions, but unfortunately my topbar-navigation menu does not appear correctly in IE9.

If i copy the Demo-Code from the Foundation 5 Docs for a Top-Bar-Navigation and paste this code directly in my Website, same thing happens (attached image). The rest of the page looks perfect, only the topbar-navigation prepares problems.
if I had a problem with the correct version of jquery i would also have problems with the Orbit Slider. But this works fine.

Any tips or advice?

thank you!

Robocop commented on Robocop's post over 3 years

Great. the button group solution works for me.

Thank you!

Here is my code.

<ul class="button-group">
                <li class="select "><select data-placeholder="BY PLACES">
                    <option value="all_places">ALL PLACES</option>
                    <option value=" "> PLACE 1</option>
                    <option value="">PLACE 2</option>
                    <option value="">PLACE 3</option>
                    <option value="">PLACE 4</option>
                    <option value="">PLACE 5</option>
                </select></li>

               <li class="btn_win"><a href="#" class="button win">Win</a></li>


</ul>

Posts Followed




Following

    No Content

Followers

My Posts

My Comments

You commented on Robocop's post 2 months

Hello Dan,
No unfortunately not.
 
 

You commented on Robocop's post 3 months

Thank you :-)

You commented on Robocop's post 3 months

Hello Katie,
Thanks for helping me.
I have the Mobile Meta Description on my template.
Unfortunately it does not work.
Here is a CodePen Link with my Email-Code.
 

You commented on Robocop's post 3 months

Hello Katie,
Thanks for helping me. I have this Line of Code in my Email-Template.
Unfortunately it does not work. 
Here is my Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body style="-moz-box-sizing:border-box;-ms-text-size-adjust:100%;-webkit-box-sizing:border-box;-webkit-text-size-adjust:100%;Margin:0;box-sizing:border-box;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;min-width:100%;padding:0;text-align:left;width:100%!important">
<style>@media only screen {
html {
min-height: 100%;
background: #eaeaea
}
}

@media only screen and (max-width: 616px) {
.small-float-center {
margin: 0 auto !important;
float: none !important;
text-align: center !important
}

.small-text-center {
    text-align: center !important
}

.small-text-left {
    text-align: left !important
}

.small-text-right {
    text-align: right !important
}

}

@media only screen and (max-width: 616px) {
.hide-for-large {
display: block !important;
width: auto !important;
overflow: visible !important;
max-height: none !important;
font-size: inherit !important;
line-height: inherit !important
}
}

@media only screen and (max-width: 616px) {
table.body table.container .hide-for-large, table.body table.container .row.hide-for-large {
display: table !important;
width: 100% !important
}
}

@media only screen and (max-width: 616px) {
table.body table.container .callout-inner.hide-for-large {
display: table-cell !important;
width: 100% !important
}
}

@media only screen and (max-width: 616px) {
table.body table.container .show-for-large {
display: none !important;
width: 0;
mso-hide: all;
overflow: hidden
}
}

@media only screen and (max-width: 616px) {
table.body img {
width: auto;
height: auto
}

table.body center {
    min-width: 0 !important
}

table.body .container {
    width: 95% !important
}

table.body .column, table.body .columns {
    height: auto !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 16px !important;
    padding-right: 16px !important
}

table.body .column .column, table.body .column .columns, table.body .columns .column, table.body .columns .columns {
    padding-left: 0 !important;
    padding-right: 0 !important
}

table.body .collapse .column, table.body .collapse .columns {
    padding-left: 0 !important;
    padding-right: 0 !important
}

td.small-1, th.small-1 {
    display: inline-block !important;
    width: 8.33333% !important
}

td.small-2, th.small-2 {
    display: inline-block !important;
    width: 16.66667% !important
}

td.small-3, th.small-3 {
    display: inline-block !important;
    width: 25% !important
}

td.small-4, th.small-4 {
    display: inline-block !important;
    width: 33.33333% !important
}

td.small-5, th.small-5 {
    display: inline-block !important;
    width: 41.66667% !important
}

td.small-6, th.small-6 {
    display: inline-block !important;
    width: 50% !important
}

td.small-7, th.small-7 {
    display: inline-block !important;
    width: 58.33333% !important
}

td.small-8, th.small-8 {
    display: inline-block !important;
    width: 66.66667% !important
}

td.small-9, th.small-9 {
    display: inline-block !important;
    width: 75% !important
}

td.small-10, th.small-10 {
    display: inline-block !important;
    width: 83.33333% !important
}

td.small-11, th.small-11 {
    display: inline-block !important;
    width: 91.66667% !important
}

td.small-12, th.small-12 {
    display: inline-block !important;
    width: 100% !important
}

.column td.small-12, .column th.small-12, .columns td.small-12, .columns th.small-12 {
    display: block !important;
    width: 100% !important
}

table.body td.small-offset-1, table.body th.small-offset-1 {
    margin-left: 8.33333% !important;
    Margin-left: 8.33333% !important
}

table.body td.small-offset-2, table.body th.small-offset-2 {
    margin-left: 16.66667% !important;
    Margin-left: 16.66667% !important
}

table.body td.small-offset-3, table.body th.small-offset-3 {
    margin-left: 25% !important;
    Margin-left: 25% !important
}

table.body td.small-offset-4, table.body th.small-offset-4 {
    margin-left: 33.33333% !important;
    Margin-left: 33.33333% !important
}

table.body td.small-offset-5, table.body th.small-offset-5 {
    margin-left: 41.66667% !important;
    Margin-left: 41.66667% !important
}

table.body td.small-offset-6, table.body th.small-offset-6 {
    margin-left: 50% !important;
    Margin-left: 50% !important
}

table.body td.small-offset-7, table.body th.small-offset-7 {
    margin-left: 58.33333% !important;
    Margin-left: 58.33333% !important
}

table.body td.small-offset-8, table.body th.small-offset-8 {
    margin-left: 66.66667% !important;
    Margin-left: 66.66667% !important
}

table.body td.small-offset-9, table.body th.small-offset-9 {
    margin-left: 75% !important;
    Margin-left: 75% !important
}

table.body td.small-offset-10, table.body th.small-offset-10 {
    margin-left: 83.33333% !important;
    Margin-left: 83.33333% !important
}

table.body td.small-offset-11, table.body th.small-offset-11 {
    margin-left: 91.66667% !important;
    Margin-left: 91.66667% !important
}

table.body table.columns td.expander, table.body table.columns th.expander {
    display: none !important
}

table.body .right-text-pad, table.body .text-pad-right {
    padding-left: 10px !important
}

table.body .left-text-pad, table.body .text-pad-left {
    padding-right: 10px !important
}

table.menu {
    width: 100% !important
}

table.menu td, table.menu th {
    width: auto !important;
    display: inline-block !important
}

table.menu.small-vertical td, table.menu.small-vertical th, table.menu.vertical td, table.menu.vertical th {
    display: block !important
}

table.menu[align=center] {
    width: auto !important
}

table.button.small-expand, table.button.small-expanded {
    width: 100% !important
}

table.button.small-expand table, table.button.small-expanded table {
    width: 100%
}

table.button.small-expand table a, table.button.small-expanded table a {
    text-align: center !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important
}

table.button.small-expand center, table.button.small-expanded center {
    min-width: 0
}

span.break_line_mobile {
    display: block !important
}

span.break_line_desktop {
    display: inline
}

.branders_claim p {
    font-size: 23px !important;
    line-height: 27px !important
}

}</style>
<table class="body" data-made-with-foundation=""
style="Margin:0;background:#eaeaea;border-collapse:collapse;border-spacing:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;height:100%;line-height:1.3;margin:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td class="float-center" align="center" valign="top"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0 auto;border-collapse:collapse!important;color:#000;float:none;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0 auto;padding:0;text-align:center;vertical-align:top;word-wrap:break-word">
<center style="min-width:600px;width:100%">
<table class="container"
style="Margin:0 auto;background:#fefefe;border-collapse:collapse;border-spacing:0;margin:0 auto;padding:0;text-align:inherit;vertical-align:top;width:600px">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
<table class="row"
style="background-color:#EAEAEA;border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th class="small-12 large-12 first last columns"
style="Margin:0 auto;background-color:#EAEAEA;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:0;padding-left:17px;padding-right:17px;text-align:left;width:584px">
<table class="spacer"
style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td height="10px"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:10px;font-weight:400;hyphens:auto;line-height:10px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
&#xA0;
</td>
</tr>
</tbody>
</table>
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th style="Margin:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left">
<p class="text-center"
style="Margin:0;Margin-bottom:0;color:#303030;font-family:arial,helvetica,sans-serif;font-size:10px;font-weight:400;line-height:1.3;margin:0;margin-bottom:0;padding:0;text-align:center">
Haben Sie Probleme diese E-Mail richtig zu sehen?<br>Dann
klicken Sie bitte hier</p></th>
<th class="expander"
style="Margin:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0!important;text-align:left;visibility:hidden;width:0"></th>
</tr>
</tbody>
</table>
<table class="spacer"
style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td height="10px"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:10px;font-weight:400;hyphens:auto;line-height:10px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
&#xA0;
</td>
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
<table class="spacer"
style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td height="20px"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:20px;font-weight:400;hyphens:auto;line-height:20px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
&#xA0;
</td>
</tr>
</tbody>
</table>
<table class="row"
style="border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th class="small-12 large-12 first last columns"
style="Margin:0 auto;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:17px;padding-right:17px;text-align:left;width:584px">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th style="Margin:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left">
<center data-parsed="" style="min-width:552px;width:100%"><a
href="http://www.branders.ch/" target="_blank"
style="Margin:0;color:#2199e8;font-family:Helvetica,Arial,sans-serif;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left;text-decoration:none"><img
src="http://www.thebrander.com/thb_newsletter/branders_signet.jpg"
width="48" height="48" alt="Branders Group" align="center"
class="float-center"
style="-ms-interpolation-mode:bicubic;Margin:0 auto;border:none;clear:both;display:block;float:none;height:48px;margin:0 auto;max-width:100%;outline:0;text-align:center;text-decoration:none;width:48px"></a>
</center>
<table class="spacer"
style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td height="10px"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:10px;font-weight:400;hyphens:auto;line-height:10px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
&#xA0;
</td>
</tr>
</tbody>
</table>
<p class="text-center"
style="Margin:0;Margin-bottom:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:12px;font-weight:400;letter-spacing:2px;line-height:1.3;margin:0;margin-bottom:0;padding:0;text-align:center">
BRAND NEW</p></th>
<th class="expander"
style="Margin:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0!important;text-align:left;visibility:hidden;width:0"></th>
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
<table class="spacer"
style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td height="10px"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:10px;font-weight:400;hyphens:auto;line-height:10px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
&#xA0;
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table class="container"
style="Margin:0 auto;background:#fefefe;border-collapse:collapse;border-spacing:0;margin:0 auto;padding:0;text-align:inherit;vertical-align:top;width:600px">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
<table class="row collapse"
style="border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th class="small-12 large-6 columns first last"
style="Margin:0 auto;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:30px;padding-right:30px;text-align:left;width:308px">
<h1 class="text-center"
style="Margin:0;Margin-bottom:0;color:inherit;font-family:Times New Roman,Times,Serif;font-size:32px;font-weight:700;line-height:1.3;margin:0;margin-bottom:0;padding:0;text-align:center;word-wrap:normal">
Modul-Titel</h1>
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top"></tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
<table class="row collapse"
style="border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th class="small-12 large-12 columns first last"
style="Margin:0 auto;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:0;padding-right:0;text-align:left;width:608px">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th style="Margin:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left">
<center data-parsed="" style="min-width:552px;width:100%"><a
href="http://www.branders.ch/" target="_blank"
style="Margin:0;color:#2199e8;font-family:Helvetica,Arial,sans-serif;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left;text-decoration:none"><img
src="http://placehold.it/600x386/000000/ffffff/?text=Modul-Fullwidth Bild"
align="center" class="float-center"
style="-ms-interpolation-mode:bicubic;Margin:0 auto;border:none;clear:both;display:block;float:none;margin:0 auto;max-width:100%;outline:0;text-align:center;text-decoration:none;width:auto"></a>
</center>
</th>
<th class="expander"
style="Margin:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0!important;text-align:left;visibility:hidden;width:0"></th>
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
<table class="row"
style="border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th class="small-12 large-10 first last columns"
style="Margin:0 auto;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:30px;padding-right:30px;text-align:left;width:484px">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th style="Margin:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left">
<p class="text-center"
style="Margin:0;Margin-bottom:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;margin-bottom:0;padding:0;text-align:center">
Modul-Text und Button - Lorem ipsum dolor sit amet, consetetur
sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
labore et dolore magna aliquyam erat, sed diam voluptua. At vero
eos et accusam et justo duo dolores et ea rebum. Stet clita kasd
gubergren,</p>
<table class="spacer"
style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td height="20px"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:20px;font-weight:400;hyphens:auto;line-height:20px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
&#xA0;
</td>
</tr>
</tbody>
</table>
<center data-parsed="" style="min-width:452px;width:100%">
<table class="button float-center"
style="Margin:0 0 16px 0;border-collapse:collapse;border-spacing:0;float:none;margin:0 0 16px 0;padding:0;text-align:center;vertical-align:top;width:auto">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;background:#fff;border:1px solid #000;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;letter-spacing:1px;line-height:1.3;margin:0;padding:1px 12px;text-align:center;vertical-align:top;word-wrap:break-word">
<a href="http://www.branders.ch/"
target="_blank"
style="Margin:0;border:0 solid #fff;border-radius:0;color:#000;display:inline-block;font-family:Helvetica,Arial,sans-serif;font-size:11px;font-weight:400;line-height:1.3;margin:0;padding:7px 5px 7px 5px;text-align:left;text-decoration:none">WEITERLESEN</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
</th>
<th class="expander"
style="Margin:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0!important;text-align:left;visibility:hidden;width:0"></th>
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
<table class="row"
style="border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th class="small-6 large-6 first columns"
style="Margin:0 auto;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:30px;padding-right:8px;text-align:left;width:284px">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th style="Margin:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left">
<center data-parsed="" style="min-width:252px;width:100%"><a
href="http://www.branders.ch/" target="_blank"
style="Margin:0;color:#2199e8;font-family:Helvetica,Arial,sans-serif;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left;text-decoration:none"><img
src="http://placehold.it/260x170/000000/ffffff/?text=Bild 1 und Text"
align="center" class="float-center"
style="-ms-interpolation-mode:bicubic;Margin:0 auto;border:none;clear:both;display:block;float:none;margin:0 auto;max-width:100%;outline:0;text-align:center;text-decoration:none;width:auto"></a>
</center>
<table class="spacer"
style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td height="15px"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:15px;font-weight:400;hyphens:auto;line-height:15px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
&#xA0;
</td>
</tr>
</tbody>
</table>
<p class="text-center"
style="Margin:0;Margin-bottom:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;letter-spacing:1px;line-height:1.3;margin:0;margin-bottom:0;padding:0;text-align:center">
Überschrift</p><h4 class="text-center"
style="Margin:0;Margin-bottom:0;color:inherit;font-family:Times New Roman,Times,Serif;font-size:24px;font-weight:700;line-height:1.3;margin:0;margin-bottom:0;padding:0;text-align:center;word-wrap:normal">
Titel</h4>
<table class="spacer"
style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td height="10px"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:10px;font-weight:400;hyphens:auto;line-height:10px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
&#xA0;
</td>
</tr>
</tbody>
</table>
<p class="text-center show-for-large"
style="Margin:0;Margin-bottom:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;margin-bottom:0;padding:0;text-align:center">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
diam nonumy eirmod tempor invidunt ut labore et dolore magna
aliquyam erat, sed diam voluptua. At vero eos et accusam et
justo duo dolores et ea rebum.</p>
<table class="spacer show-for-large"
style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td height="20px"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:20px;font-weight:400;hyphens:auto;line-height:20px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
&#xA0;
</td>
</tr>
</tbody>
</table>
<center data-parsed="" style="min-width:252px;width:100%">
<table class="button float-center"
style="Margin:0 0 16px 0;border-collapse:collapse;border-spacing:0;float:none;margin:0 0 16px 0;padding:0;text-align:center;vertical-align:top;width:auto">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;background:#fff;border:1px solid #000;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;letter-spacing:1px;line-height:1.3;margin:0;padding:1px 12px;text-align:center;vertical-align:top;word-wrap:break-word">
<a href="http://www.branders.ch/"
target="_blank"
style="Margin:0;border:0 solid #fff;border-radius:0;color:#000;display:inline-block;font-family:Helvetica,Arial,sans-serif;font-size:11px;font-weight:400;line-height:1.3;margin:0;padding:7px 5px 7px 5px;text-align:left;text-decoration:none">WEITERLESEN</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
</th>
<th class="expander"
style="Margin:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0!important;text-align:left;visibility:hidden;width:0"></th>
</tr>
</tbody>
</table>
</th>
<th class="small-6 large-6 last columns bild_text_left_right_last"
style="Margin:0 auto;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:8px;padding-right:30px;text-align:left;width:284px">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th style="Margin:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left">
<center data-parsed="" style="min-width:252px;width:100%"><a
href="http://www.branders.ch/" target="_blank"
style="Margin:0;color:#2199e8;font-family:Helvetica,Arial,sans-serif;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left;text-decoration:none"><img
src="http://placehold.it/260x170/000000/ffffff/?text=Bild 2 und Text"
align="center" class="float-center"
style="-ms-interpolation-mode:bicubic;Margin:0 auto;border:none;clear:both;display:block;float:none;margin:0 auto;max-width:100%;outline:0;text-align:center;text-decoration:none;width:auto"></a>
</center>
<table class="spacer"
style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td height="15px"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:15px;font-weight:400;hyphens:auto;line-height:15px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
&#xA0;
</td>
</tr>
</tbody>
</table>
<p class="text-center"
style="Margin:0;Margin-bottom:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;letter-spacing:1px;line-height:1.3;margin:0;margin-bottom:0;padding:0;text-align:center">
Überschrift</p><h4 class="text-center"
style="Margin:0;Margin-bottom:0;color:inherit;font-family:Times New Roman,Times,Serif;font-size:24px;font-weight:700;line-height:1.3;margin:0;margin-bottom:0;padding:0;text-align:center;word-wrap:normal">
Titel</h4>
<table class="spacer"
style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td height="10px"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:10px;font-weight:400;hyphens:auto;line-height:10px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
&#xA0;
</td>
</tr>
</tbody>
</table>
<p class="text-center show-for-large"
style="Margin:0;Margin-bottom:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;margin-bottom:0;padding:0;text-align:center">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
diam nonumy eirmod tempor invidunt ut labore et dolore magna
aliquyam erat, sed diam voluptua. At vero eos et accusam et
justo duo dolores et ea rebum.</p>
<table class="spacer show-for-large"
style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td height="20px"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:20px;font-weight:400;hyphens:auto;line-height:20px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
&#xA0;
</td>
</tr>
</tbody>
</table>
<center data-parsed="" style="min-width:252px;width:100%">
<table class="button float-center"
style="Margin:0 0 16px 0;border-collapse:collapse;border-spacing:0;float:none;margin:0 0 16px 0;padding:0;text-align:center;vertical-align:top;width:auto">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;background:#fff;border:1px solid #000;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;letter-spacing:1px;line-height:1.3;margin:0;padding:1px 12px;text-align:center;vertical-align:top;word-wrap:break-word">
<a href="http://www.branders.ch/"
target="_blank"
style="Margin:0;border:0 solid #fff;border-radius:0;color:#000;display:inline-block;font-family:Helvetica,Arial,sans-serif;font-size:11px;font-weight:400;line-height:1.3;margin:0;padding:7px 5px 7px 5px;text-align:left;text-decoration:none">WEITERLESEN</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
</th>
<th class="expander"
style="Margin:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0!important;text-align:left;visibility:hidden;width:0"></th>
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table class="spacer"
style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td height="20px"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:20px;font-weight:400;hyphens:auto;line-height:20px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
&#xA0;
</td>
</tr>
</tbody>
</table>
<table class="container"
style="Margin:0 auto;background:#fefefe;border-collapse:collapse;border-spacing:0;margin:0 auto;padding:0;text-align:inherit;vertical-align:top;width:600px">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
<table class="row"
style="border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th class="small-12 large-12 first last columns"
style="Margin:0 auto;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:17px;padding-right:17px;text-align:left;width:584px">
<table class="branders_claim"
style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th style="Margin:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left">
<table class="spacer"
style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td height="30px"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:30px;font-weight:400;hyphens:auto;line-height:30px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
&#xA0;
</td>
</tr>
</tbody>
</table>
<p class="text-center"
style="Margin:0;Margin-bottom:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:19px;font-weight:700;letter-spacing:1px;line-height:23px;margin:0;margin-bottom:0;padding:0;text-align:center">
<span class="break_line_desktop" style="display:block"><span
class="break_line_mobile" style="display:inline">Wir kreieren</span> <span
class="break_line_mobile" style="display:inline">eigenständige,</span> <span
class="break_line_desktop" style="display:block">massgeschneiderte <span
class="break_line_mobile" style="display:inline">Omnichannel-</span></span></span>
<span class="break_line_desktop" style="display:block"><span
class="break_line_mobile" style="display:inline">Erlebnisse, die </span><span
class="break_line_mobile" style="display:inline">Emotionen wecken</span> und Wert</span>
generieren.</p></th>
<th class="expander"
style="Margin:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0!important;text-align:left;visibility:hidden;width:0"></th>
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
<table class="spacer"
style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td height="10px"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:10px;font-weight:400;hyphens:auto;line-height:10px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
&#xA0;
</td>
</tr>
</tbody>
</table>
<table class="row"
style="border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th class="small-12 large-3 columns first"
style="Margin:0 auto;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:16px;padding-right:8px;text-align:left;width:134px">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th style="Margin:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left">
<center data-parsed="" style="min-width:102px;width:100%"><img
src="http://www.thebrander.com/thb_newsletter/icon_strategie.png"
width="45" height="45" align="center" class="float-center"
style="-ms-interpolation-mode:bicubic;Margin:0 auto;clear:both;display:block;float:none;height:45px;margin:0 auto;max-width:100%;outline:0;text-align:center;text-decoration:none;width:45px">
</center>
<p class="text-center"
style="Margin:0;Margin-bottom:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:12px;font-weight:400;letter-spacing:2px;line-height:1.3;margin:0;margin-bottom:0;padding:15px 0 5px 0;text-align:center">
STRATEGY</p></th>
</tr>
</tbody>
</table>
</th>
<th class="small-12 large-3 columns first"
style="Margin:0 auto;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:16px;padding-right:8px;text-align:left;width:134px">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th style="Margin:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left">
<center data-parsed="" style="min-width:102px;width:100%"><img
src="http://www.thebrander.com/thb_newsletter/icon_design.png"
width="45" height="45" align="center" class="float-center"
style="-ms-interpolation-mode:bicubic;Margin:0 auto;clear:both;display:block;float:none;height:45px;margin:0 auto;max-width:100%;outline:0;text-align:center;text-decoration:none;width:45px">
</center>
<p class="text-center"
style="Margin:0;Margin-bottom:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:12px;font-weight:400;letter-spacing:2px;line-height:1.3;margin:0;margin-bottom:0;padding:15px 0 5px 0;text-align:center">
DESIGN</p></th>
</tr>
</tbody>
</table>
</th>
<th class="small-12 large-3 columns"
style="Margin:0 auto;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:8px;padding-right:8px;text-align:left;width:134px">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th style="Margin:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left">
<center data-parsed="" style="min-width:102px;width:100%"><img
src="http://www.thebrander.com/thb_newsletter/icon_omnichannel.png"
width="45" height="45" align="center" class="float-center"
style="-ms-interpolation-mode:bicubic;Margin:0 auto;clear:both;display:block;float:none;height:45px;margin:0 auto;max-width:100%;outline:0;text-align:center;text-decoration:none;width:45px">
</center>
<p class="text-center"
style="Margin:0;Margin-bottom:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:12px;font-weight:400;letter-spacing:2px;line-height:1.3;margin:0;margin-bottom:0;padding:15px 0 5px 0;text-align:center">
OMNICHANNEL</p></th>
</tr>
</tbody>
</table>
</th>
<th class="small-12 large-3 columns last"
style="Margin:0 auto;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:8px;padding-right:16px;text-align:left;width:134px">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th style="Margin:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left">
<center data-parsed="" style="min-width:102px;width:100%"><img
src="http://www.thebrander.com/thb_newsletter/icon_storytelling.png"
width="45" height="45" align="center" class="float-center"
style="-ms-interpolation-mode:bicubic;Margin:0 auto;clear:both;display:block;float:none;height:45px;margin:0 auto;max-width:100%;outline:0;text-align:center;text-decoration:none;width:45px">
</center>
<p class="text-center"
style="Margin:0;Margin-bottom:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:12px;font-weight:400;letter-spacing:2px;line-height:1.3;margin:0;margin-bottom:0;padding:15px 0 5px 0;text-align:center">
STORYTELLING</p></th>
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
<table class="spacer"
style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td height="10px"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:10px;font-weight:400;hyphens:auto;line-height:10px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
&#xA0;
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table class="container"
style="Margin:0 auto;background:#fefefe;background-color:#F6F6F6;border-collapse:collapse;border-spacing:0;margin:0 auto;padding:0;text-align:inherit;vertical-align:top;width:600px">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
<table class="row"
style="border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th class="small-12 large-12 first last columns"
style="Margin:0 auto;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:17px;padding-right:17px;text-align:left;width:584px">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th style="Margin:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left">
<table class="spacer"
style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td height="35px"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:35px;font-weight:400;hyphens:auto;line-height:35px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
&#xA0;
</td>
</tr>
</tbody>
</table>
<h1 class="text-center"
style="Margin:0;Margin-bottom:0;background-color:#F6F6F6;color:#000;font-family:Times New Roman,Times,Serif;font-size:28px;font-weight:700;line-height:31px;margin:0;margin-bottom:0;padding:0;text-align:center;word-wrap:normal">
Willkommen in der<br>Brandingboutique</h1></th>
<th class="expander"
style="Margin:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0!important;text-align:left;visibility:hidden;width:0"></th>
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
<table class="spacer"
style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td height="20px"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:20px;font-weight:400;hyphens:auto;line-height:20px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
&#xA0;
</td>
</tr>
</tbody>
</table>
<table class="row"
style="border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th class="small-12 large-4 columns first"
style="Margin:0 auto;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:16px;padding-right:8px;text-align:left;width:184px">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th style="Margin:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left">
<center data-parsed="" style="min-width:152px;width:100%">
<table class="button float-center"
style="Margin:0 0 16px 0;border-collapse:collapse;border-spacing:0;float:none;margin:0 0 16px 0;padding:0;text-align:center;vertical-align:top;width:119px">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;background:#fff;background-color:#F6F6F6;border:1px solid #000;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;letter-spacing:1px;line-height:1.3;margin:0;padding:1px 12px;text-align:center;vertical-align:top;word-wrap:break-word">
<a href="http://www.branders.ch/brandingboutique/#service"
target="_blank"
style="Margin:0;border:0 solid #fff;border-radius:0;color:#000;display:inline-block;font-family:Helvetica,Arial,sans-serif;font-size:11px;font-weight:400;line-height:1.3;margin:0;padding:7px 5px 7px 5px;text-align:left;text-decoration:none">SERVICES</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
</th>
</tr>
</tbody>
</table>
</th>
<th class="small-12 large-4 columns"
style="Margin:0 auto;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:8px;padding-right:8px;text-align:left;width:184px">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th style="Margin:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left">
<center data-parsed="" style="min-width:152px;width:100%">
<table class="button float-center"
style="Margin:0 0 16px 0;border-collapse:collapse;border-spacing:0;float:none;margin:0 0 16px 0;padding:0;text-align:center;vertical-align:top;width:119px">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;background:#fff;background-color:#F6F6F6;border:1px solid #000;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;letter-spacing:1px;line-height:1.3;margin:0;padding:1px 12px;text-align:center;vertical-align:top;word-wrap:break-word">
<a href="http://www.branders.ch/projekte"
target="_blank"
style="Margin:0;border:0 solid #fff;border-radius:0;color:#000;display:inline-block;font-family:Helvetica,Arial,sans-serif;font-size:11px;font-weight:400;line-height:1.3;margin:0;padding:7px 5px 7px 5px;text-align:left;text-decoration:none">PROJECTS</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
</th>
</tr>
</tbody>
</table>
</th>
<th class="small-12 large-4 columns last"
style="Margin:0 auto;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:8px;padding-right:16px;text-align:left;width:184px">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th style="Margin:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left">
<center data-parsed="" style="min-width:152px;width:100%">
<table class="button float-center"
style="Margin:0 0 16px 0;border-collapse:collapse;border-spacing:0;float:none;margin:0 0 16px 0;padding:0;text-align:center;vertical-align:top;width:119px">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;background:#fff;background-color:#F6F6F6;border:1px solid #000;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;letter-spacing:1px;line-height:1.3;margin:0;padding:1px 12px;text-align:center;vertical-align:top;word-wrap:break-word">
<a href="http://www.branders.ch/team"
target="_blank"
style="Margin:0;border:0 solid #fff;border-radius:0;color:#000;display:inline-block;font-family:Helvetica,Arial,sans-serif;font-size:11px;font-weight:400;line-height:1.3;margin:0;padding:7px 5px 7px 5px;text-align:left;text-decoration:none">PEOPLE</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
</th>
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table class="container"
style="Margin:0 auto;background:#fefefe;border-collapse:collapse;border-spacing:0;margin:0 auto;padding:0;text-align:inherit;vertical-align:top;width:600px">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
<table class="spacer"
style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td height="20px"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:20px;font-weight:400;hyphens:auto;line-height:20px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
&#xA0;
</td>
</tr>
</tbody>
</table>
<table class="row collapse"
style="border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th class="small-12 large-12 first last columns"
style="Margin:0 auto;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:17px;padding-right:17px;text-align:left;width:608px">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th style="Margin:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left">
<center data-parsed="" style="min-width:552px;width:100%"><a
href="http://www.branders.ch/" target="_blank"
style="Margin:0;color:#2199e8;font-family:Helvetica,Arial,sans-serif;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left;text-decoration:none"><img
src="http://www.thebrander.com/thb_newsletter/branders_footer.jpg"
width="207" height="45" alt="Branders Group" align="center"
class="float-center"
style="-ms-interpolation-mode:bicubic;Margin:0 auto;border:none;clear:both;display:block;float:none;height:45px;margin:0 auto;max-width:100%;outline:0;text-align:center;text-decoration:none;width:207px"></a>
</center>
<table class="spacer"
style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td height="20px"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:20px;font-weight:400;hyphens:auto;line-height:20px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
&#xA0;
</td>
</tr>
</tbody>
</table>
<p style="Margin:0;Margin-bottom:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:12px;font-weight:400;letter-spacing:1px;line-height:1.3;margin:0;margin-bottom:0;padding:0;text-align:center"
class="text-center">Follow us on</p>
<center data-parsed="" style="min-width:552px;width:100%">
<table align="center" class="menu float-center"
style="Margin:0 auto;border-collapse:collapse;border-spacing:0;float:none;margin:0 auto;padding:0;text-align:center;vertical-align:top;width:auto!important">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th class="menu-item float-center"
style="Margin:0 auto;color:#000;float:none;font-family:Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.3;margin:0 auto;padding:10px;padding-right:10px;text-align:center">
<a href="https://www.instagram.com/branders_identityworks/" target="_blank"
style="Margin:0;color:#2199e8;font-family:Helvetica,Arial,sans-serif;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left;text-decoration:none"><img
src="http://thebrander.len-lenlikes.com/administration/plug-ins/newsletter/img/socials_newsletter/branders_instagram.png"
alt="Branders on Instagram"
style="-ms-interpolation-mode:bicubic;border:none;clear:both;display:block;max-width:100%;outline:0;text-decoration:none;width:auto"></a>
</th>
<th class="menu-item float-center"
style="Margin:0 auto;color:#000;float:none;font-family:Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.3;margin:0 auto;padding:10px;padding-right:10px;text-align:center">
<a href="https://www.facebook.com/branders.ch" target="_blank"
style="Margin:0;color:#2199e8;font-family:Helvetica,Arial,sans-serif;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left;text-decoration:none"><img
src="http://thebrander.len-lenlikes.com/administration/plug-ins/newsletter/img/socials_newsletter/branders_facebook.png"
alt="Branders on Facebook"
style="-ms-interpolation-mode:bicubic;border:none;clear:both;display:block;max-width:100%;outline:0;text-decoration:none;width:auto"></a>
</th>
<th class="menu-item float-center"
style="Margin:0 auto;color:#000;float:none;font-family:Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.3;margin:0 auto;padding:10px;padding-right:10px;text-align:center">
<a href="https://twitter.com/thebranders" target="_blank"
style="Margin:0;color:#2199e8;font-family:Helvetica,Arial,sans-serif;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left;text-decoration:none"><img
src="http://thebrander.len-lenlikes.com/administration/plug-ins/newsletter/img/socials_newsletter/branders_twitter.png"
alt="Branders on Twitter"
style="-ms-interpolation-mode:bicubic;border:none;clear:both;display:block;max-width:100%;outline:0;text-decoration:none;width:auto"></a>
</th>
<th class="menu-item float-center"
style="Margin:0 auto;color:#000;float:none;font-family:Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.3;margin:0 auto;padding:10px;padding-right:10px;text-align:center">
<a href="https://www.linkedin.com/company-beta/2588650/" target="_blank"
style="Margin:0;color:#2199e8;font-family:Helvetica,Arial,sans-serif;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left;text-decoration:none"><img
src="http://thebrander.len-lenlikes.com/administration/plug-ins/newsletter/img/socials_newsletter/branders_linkedin.png"
alt="Branders on Linkedin"
style="-ms-interpolation-mode:bicubic;border:none;clear:both;display:block;max-width:100%;outline:0;text-decoration:none;width:auto"></a>
</th>
<th class="menu-item float-center"
style="Margin:0 auto;color:#000;float:none;font-family:Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.3;margin:0 auto;padding:10px;padding-right:10px;text-align:center">
<a href="https://vimeo.com/branders" target="_blank"
style="Margin:0;color:#2199e8;font-family:Helvetica,Arial,sans-serif;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left;text-decoration:none"><img
src="http://thebrander.len-lenlikes.com/administration/plug-ins/newsletter/img/socials_newsletter/branders_vimeo.png"
alt="Branders on Vimeo"
style="-ms-interpolation-mode:bicubic;border:none;clear:both;display:block;max-width:100%;outline:0;text-decoration:none;width:auto"></a>
</th>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
<table class="spacer"
style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td height="20px"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:20px;font-weight:400;hyphens:auto;line-height:20px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
&#xA0;
</td>
</tr>
</tbody>
</table>
<p class="text-center"
style="Margin:0;Margin-bottom:0;color:#303030;font-family:arial,helvetica,sans-serif;font-size:10px;font-weight:400;line-height:1.3;margin:0;margin-bottom:0;padding:0;text-align:center">
Newsletter abbestellen</p></th>
<th class="expander"
style="Margin:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0!important;text-align:left;visibility:hidden;width:0"></th>
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
<table class="row collapse"
style="background-color:#fff;border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th class="small-12 large-12 first last columns"
style="Margin:0 auto;background-color:#EAEAEA;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:17px;padding-right:17px;text-align:left;width:608px">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th style="Margin:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left">
<table class="spacer"
style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td height="20px"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:20px;font-weight:400;hyphens:auto;line-height:20px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
&#xA0;
</td>
</tr>
</tbody>
</table>
<p class="text-center"
style="Margin:0;Margin-bottom:0;color:#303030;font-family:arial,helvetica,sans-serif;font-size:10px;font-weight:400;line-height:1.3;margin:0;margin-bottom:0;padding:0;text-align:center">
© Branders Group AG, 8001 Zürich, Schweiz</p></th>
</tr>
</tbody>
</table>
<table class="spacer"
style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td height="2px"
style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:2px;font-weight:400;hyphens:auto;line-height:2px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
&#xA0;
</td>
</tr>
</tbody>
</table>
</th>
<th class="expander"
style="Margin:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0!important;text-align:left;visibility:hidden;width:0"></th>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
</tbody>
</table>
</body>
</html>

You commented on Robocop's post 9 months

Okay, i found an easy and simple way:
.close-button {
background: url('../img/close_btn.svg');
width: 45px;
height: 45px;
background-repeat: no-repeat;
}

You commented on Robocop's post almost 2 years

thanks for helping me. your script is exactly what i need!

cheers

You commented on Robocop's post almost 2 years

Enabling the timer solved my problem. Thank you.

You commented on Robocop's post almost 3 years

Hello Jacob,

With your help i found a good solution for a Drop-down Navigation in IE9.

I coded a new simple Drop-down Menu with HTML and CSS (without JS-magic) only for IE9.

The conditional for a specific IE -Browser Version solved my problems!

Thanks!

Cheers
Rob

You commented on Robocop's post almost 3 years

Thanks for helping me!
I've tested your links and suggestions, but unfortunately my topbar-navigation menu does not appear correctly in IE9.

If i copy the Demo-Code from the Foundation 5 Docs for a Top-Bar-Navigation and paste this code directly in my Website, same thing happens (attached image). The rest of the page looks perfect, only the topbar-navigation prepares problems.
if I had a problem with the correct version of jquery i would also have problems with the Orbit Slider. But this works fine.

Any tips or advice?

thank you!

You commented on Robocop's post over 3 years

Great. the button group solution works for me.

Thank you!

Here is my code.

<ul class="button-group">
                <li class="select "><select data-placeholder="BY PLACES">
                    <option value="all_places">ALL PLACES</option>
                    <option value=" "> PLACE 1</option>
                    <option value="">PLACE 2</option>
                    <option value="">PLACE 3</option>
                    <option value="">PLACE 4</option>
                    <option value="">PLACE 5</option>
                </select></li>

               <li class="btn_win"><a href="#" class="button win">Win</a></li>


</ul>

Posts Followed

Following

  • No Content

Followers

  • No Content