if statement based on entity value from connection

If I in my use this peice of code :

<!-- Artikel START -->
&lt;#list Recipient.pre_nyhedsmailselement as news&gt;
&lt;#if news.pre_indholdstype == "Artikel" &amp;&amp; news.pre_billedeplacering == "Ventrestillet"&gt;
Dette kommer hvis det er en ${news.pre_indholdstype} ! og denne artikel er ${news.pre_billedeplacering} <br>
&lt;/#if&gt;
&lt;#if news.pre_indholdstype == "Artikel" &amp;&amp; news.pre_billedeplacering == "Højrestillet"&gt;
Dette kommer hvis det er en ${news.pre_indholdstype} ! og denne artikel er ${news.pre_billedeplacering} <br>
&lt;/#if&gt;
&lt;/#list&gt;
<!-- Artikel SLUT -->

Everything works fine, and i get the result i expect :

<!-- Artikel START -->
Dette kommer hvis det er en Artikel ! og denne artikel er Ventrestillet <br>
Dette kommer hvis det er en Artikel ! og denne artikel er Højrestillet <br>
<!-- Artikel SLUT -->

But ones i replace they values in the if statements with HTML :

<!-- Artikel START -->
&lt;#list Recipient.pre_nyhedsmailselement as news&gt;
&lt;#if news.pre_indholdstype == "Artikel" &amp;&amp; news.pre_billedeplacering == "Ventrestillet"&gt;
<table class="responsive" cellpadding="0" cellspacing="0" border="0" width="100%" style="font-size:14px;font-family:Arial, sans-serif;">
<tbody>
<tr>
<td height="30">
<img src="images/blank.gif" alt="" height="30" border="0" style="vertical-align:bottom;">
</td>
</tr>
<tr>
<td>
<table class="responsive" cellpadding="0" cellspacing="0" border="0" width="100%" style="font-size:14px;font-family:Arial, sans-serif;">
<tbody>
<tr>
<td width="50%" class="responsive-fullimg half" valign="top">
<img src="media/2.png" alt="Billede" width="300" border="0" style="vertical-align:bottom;">
</td>
<td width="50%" valign="top">
<table cellpadding="0" cellspacing="0" border="0" width="100%" style="font-family:Arial, sans-serif;font-size:14px;">
<tbody>
<tr>
<td style="padding:30px;">
<div style="font-size:25px;line-height:26px;font-weight:900;font-family:'Arial Black', 'Arial Bold', Gadget, sans-serif;">
Idræt+ trækker de unge til
</div>
<p>DGIs trænerprojekt Idræt+ oversteg sin målsætning i forhold til antallet af deltagere på kurser, uddannelser og event, slår ministeriel slutevaluering fast.</p>
<p><a href="#" style="color:#7f7f7f;text-decoration:none;">Læs mere</a></p>
<div style="margin-top:1em;">
<a href="#"><img src="images/icon-grey-google.png" alt="Google" width="25" height="25" border="0" style="vertical-align:bottom;"></a>&nbsp;<a href="#"><img src="images/icon-grey-linkedin.png" alt="LinkedIn" width="25" height="25" border="0" style="vertical-align:bottom;"></a>&nbsp;<a href="#"><img src="images/icon-grey-facebook.png" alt="Facebook" width="25" height="25" border="0" style="vertical-align:bottom;"></a>&nbsp;<a href="#"><img src="images/icon-grey-twitter.png" alt="Twitter" width="25" height="25" border="0" style="vertical-align:bottom;"></a>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
&lt;/#if&gt;
&lt;#if news.pre_indholdstype == "Artikel" &amp;&amp; news.pre_billedeplacering == "Højrestillet"&gt;
<table class="responsive" cellpadding="0" cellspacing="0" border="0" width="100%" style="font-family:Arial, sans-serif;font-size:14px;">
<tbody>
<tr>
<td height="30">
<img src="images/blank.gif" alt="" height="30" border="0" style="vertical-align:bottom;">
</td>
</tr>
<tr>
<td>
<table class="responsive" cellpadding="0" cellspacing="0" border="0" width="100%" style="font-family:Arial, sans-serif;font-size:14px;">
<tbody>
<tr>
<td width="50%" valign="top">
<table cellpadding="0" cellspacing="0" border="0" width="100%" style="font-family:Arial, sans-serif;font-size:14px;">
<tbody>
<tr>
<td style="padding:30px;">
<div style="font-size:25px;line-height:26px;font-weight:900;font-family:'Arial Black', 'Arial Bold', Gadget, sans-serif;">
Frivillige kan og vil mere med anerkendelse
</div>
<p>Lorem ipsum dolor sit amet, consectetur adip-iscing elit. Aenean euis mod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo.</p>
<p><a href="#" style="color:#7f7f7f;text-decoration:none;">Læs mere</a></p>
<div style="margin-top:1em;">
<a href="#"><img src="images/icon-grey-google.png" alt="Google" width="25" height="25" border="0" style="vertical-align:bottom;"></a>&nbsp;<a href="#"><img src="images/icon-grey-linkedin.png" alt="LinkedIn" width="25" height="25" border="0" style="vertical-align:bottom;"></a>&nbsp;<a href="#"><img src="images/icon-grey-facebook.png" alt="Facebook" width="25" height="25" border="0" style="vertical-align:bottom;"></a>&nbsp;<a href="#"><img src="images/icon-grey-twitter.png" alt="Twitter" width="25" height="25" border="0" style="vertical-align:bottom;"></a>
</div>
</td>
</tr>
</tbody>
</table>
</td>
<td width="50%" class="responsive-fullimg half" valign="top"><img src="media/2.png" alt="Billede" width="300" border="0" style="vertical-align:bottom;"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
&lt;/#if&gt;
&lt;/#list&gt;
<!-- Artikel SLUT -->

Suddenly the result is :

<!-- Artikel START -->
<!-- Artikel SLUT -->

I get nothing out, what so ever ? Can anyone explaine this to me ? ( I create the same connections on both templates when i send them )