<$
	var cssClass = article.cssClass || "";	var inlineCss = article.inlineCss || "";
	
	if ( cssClass ) {cssClass = "wzp-news2 " + cssClass;}							
	else {cssClass = "wzp-news2";}							
	if ( inlineCss ) {inlineCss = ' style="' + inlineCss + '"';}
	
var BreiteNew = article.value('breite-new', '');	
var MindBreiteNew = article.value('m-breite-new', '');	
var BgWidget = article.value('bg-widget', '');	
var Schatten = article.value('schatten', '');									

		var cssselector = '.WZP-Artikel_' + article.id + '.wzp-news2 ';
		var headstyle = "";		
	
	if ( BreiteNew  !== "" ){headstyle += cssselector + "{max-width: " + BreiteNew  + "px !important;}\n";}
	if ( MindBreiteNew  !== "" ){headstyle += cssselector + "{min-width: " + MindBreiteNew  + "px !important;}\n";}
	if ( BgWidget  !== "" ){headstyle += cssselector + "{background-color: " + BgWidget  + " !important;}\n";}
	if ( Schatten  !== "" ){headstyle += cssselector + "{box-shadow: 0 0 5px " + Schatten  + " !important;}\n";}
	system.addHtmlHeadElement("<st" + "yle>\n" + headstyle + "\n</st" + "yle>");
$>
<$
	var cssClass = article.cssClass || "";	var inlineCss = article.inlineCss || "";
	
	if ( cssClass ) {cssClass = "wzp-news2 " + cssClass;}							
	else {cssClass = "wzp-news2";}							
	if ( inlineCss ) {inlineCss = ' style="' + inlineCss + '"';}
	
var BgDate = article.value('datum-hg', '');	
var ColorDate = article.value('datum-color', '');									

		var cssselector = '.WZP-Artikel_' + article.id + '.wzp-news2 .wzp-news2date ';
		var headstyle = "";		
	
	if ( BgDate  !== "" ){headstyle += cssselector + "{background-color: " + BgDate  + " !important;}\n";}
	if ( ColorDate  !== "" ){headstyle += cssselector + "{color: " + ColorDate  + " !important;}\n";}
	system.addHtmlHeadElement("<st" + "yle>\n" + headstyle + "\n</st" + "yle>");
$>
<$
	var cssClass = article.cssClass || "";	var inlineCss = article.inlineCss || "";
	
	if ( cssClass ) {cssClass = "wzp-news2 " + cssClass;}							
	else {cssClass = "wzp-news2";}							
	if ( inlineCss ) {inlineCss = ' style="' + inlineCss + '"';}
	
var TriGr = article.value('tri-gr', '');
var TriTop = article.value('tri-top', '');
var TriColor = article.value('tri-color', '');									

		var cssselector = '.WZP-Artikel_' + article.id + '.wzp-news2:after ';
		var headstyle = "";		
	
	if ( TriGr  !== "" ){headstyle += cssselector + "{border-top-width: " + TriGr  + "px !important;}\n";}
	if ( TriGr  !== "" ){headstyle += cssselector + "{border-bottom-width: " + TriGr  + "px !important;}\n";}
	if ( TriGr  !== "" ){headstyle += cssselector + "{border-left-width: " + TriGr  + "px !important;}\n";}
	if ( TriTop  !== "" ){headstyle += cssselector + "{top: " + TriTop  + "px !important;}\n";}
	if ( TriColor  !== "" ){headstyle += cssselector + "{border-color: transparent transparent transparent " + TriColor  + " !important;}\n";}
	system.addHtmlHeadElement("<st" + "yle>\n" + headstyle + "\n</st" + "yle>");
$>
<$
	var cssClass = article.cssClass || "";	var inlineCss = article.inlineCss || "";
	
	if ( cssClass ) {cssClass = "wzp-news2 " + cssClass;}							
	else {cssClass = "wzp-news2";}							
	if ( inlineCss ) {inlineCss = ' style="' + inlineCss + '"';}
	
var BordBotCol = article.value('border-bottom-color', '');	
var BordBotPx = article.value('border-bottom-px', '');									

		var cssselector = '.WZP-Artikel_' + article.id + '.wzp-news2 img ';
		var headstyle = "";		
	
	if ( BordBotCol  !== "" ){headstyle += cssselector + "{border-bottom-color: " + BordBotCol  + " !important;}\n";}
	if ( BordBotPx  !== "" ){headstyle += cssselector + "{border-bottom-width: " + BordBotPx  + "px !important;}\n";}
	system.addHtmlHeadElement("<st" + "yle>\n" + headstyle + "\n</st" + "yle>");
$>
<$
	var cssClass = article.cssClass || "";	var inlineCss = article.inlineCss || "";
	
	if ( cssClass ) {cssClass = "wzp-news2 " + cssClass;}							
	else {cssClass = "wzp-news2";}							
	if ( inlineCss ) {inlineCss = ' style="' + inlineCss + '"';}
	
var ColorH3 = article.value('color-h3', '');	
var SizeH3 = article.value('size-h3', '');
var GewichtH3 = article.value('gewicht-h3', '');								

		var cssselector = '.WZP-Artikel_' + article.id + '.wzp-news2 h3 ';
		var headstyle = "";		
	
	if ( ColorH3  !== "" ){headstyle += cssselector + "{color: " + ColorH3  + " !important;}\n";}
	if ( SizeH3  !== "" ){headstyle += cssselector + "{font-size: " + SizeH3  + "em !important;}\n";}
	if ( GewichtH3  !== "" ){headstyle += cssselector + "{font-weight: " + GewichtH3  + " !important;}\n";}
	system.addHtmlHeadElement("<st" + "yle>\n" + headstyle + "\n</st" + "yle>");
$>
<$
	var cssClass = article.cssClass || "";	var inlineCss = article.inlineCss || "";
	
	if ( cssClass ) {cssClass = "wzp-news2 " + cssClass;}							
	else {cssClass = "wzp-news2";}							
	if ( inlineCss ) {inlineCss = ' style="' + inlineCss + '"';}
	
var ColorP = article.value('color-p', '');	
var SizeP = article.value('size-p', '');
var GewichtP = article.value('gewicht-p', '');								

		var cssselector = '.WZP-Artikel_' + article.id + '.wzp-news2 p ';
		var headstyle = "";		
	
	if ( ColorP  !== "" ){headstyle += cssselector + "{color: " + ColorP  + " !important;}\n";}
	if ( SizeP  !== "" ){headstyle += cssselector + "{font-size: " + SizeP  + "em !important;}\n";}
	if ( GewichtP  !== "" ){headstyle += cssselector + "{font-weight: " + GewichtP  + " !important;}\n";}
	system.addHtmlHeadElement("<st" + "yle>\n" + headstyle + "\n</st" + "yle>");
$>
<$
var Breakpoint = article.value("breakpoint","");
var MobileFont = article.value("mobile-font","");
var headstyle = '@media (max-width: ' + Breakpoint + 'px) {';
   headstyle += '.WZP-Artikel_' + article.id + '.wzp-news2 {';
   headstyle += 'font-size: ' + MobileFont + '% !important;';
   headstyle += '}';
   headstyle += '}';
system.addHtmlHeadElement("<st" + "yle>\n" + headstyle + "\n</st" + "yle>");
$>
<!--
***********************************************************************************
* Widget ZP / Widgets fuer Zeta Producer
* <$= article.widgetName $>
* Mario Gross / widget-zp.de
***********************************************************************************
-->
<$=system.partial("article-begin.html")$>

		<div class="<$= article.value("breite-widget") $>" style="text-align: <$= article.value("ausrichtung-widget") $>">
    <$
    for ( var i = 1; i <= 20; i++){
        var image = project.getImage(article.value("bild-" + i));
        if ( isNull(image) ){
            continue;
        }
    
        var altText = system.htmlEncode(system.removeHtmlTags(image.altText));
        var beschreibung = image.description;
        var title = system.htmlEncode(system.removeHtmlTags(image.description));
        var imgsrc = image.contentCopyPath;
        var fullsrc = image.workingCopyPath;
        var Head = article.value("h3-" + i, "");
        var Tag = article.value("tag-" + i, "");
        var Monat = article.value("monat-" + i, "");
        var linkname = "link-" + i;
        
        $>

<figure class="wzp-news2 WZP-Artikel_<$=article.id$>">
   <img src="<$= imgsrc $>" alt="<$= altText $>" title="<$= title $>">
       <figcaption>
          <div class="wzp-news2date"><span><$= Tag $></span><span class="wzp-news2month"><$= Monat $></span></div>
          <h3><$= Head $></h3>
       </figcaption>
          <a <$= system.partial('zplink-expanded.html',  linkname) $>></a>
</figure>

        <$
    }
    $>
		</div>

<$=system.partial("article-end.html")$>