$
var HsBr = article.value("durchmesser-hotspot","");
var HsHg = article.value("hg-hotspot","");
var HsCol = article.value("hotspot-border","");
var headstyle = "";
headstyle += '.WZP-Artikel_' + article.id + '.bullet {';
headstyle += ' width:' + HsBr + 'px !important;';
headstyle += ' height:' + HsBr + 'px !important;';
headstyle += ' background-color:' + HsHg + ' !important;';
headstyle += ' border-color:' + HsCol + ' !important;';
headstyle += '}';
system.addHtmlHeadElement("\n" + headstyle + "\n");
$>
<$
var Breakpoint = article.value("mobile-max-width","");
var MobD = article.value("mobile-durchmesser-hotspot","");
var headstyle = '@media (max-width: ' + Breakpoint + 'px) {';
headstyle += '.WZP-Artikel_' + article.id + '.bullet {';
headstyle += ' width:' + MobD + 'px !important;';
headstyle += ' height:' + MobD + 'px !important;';
headstyle += '}';
headstyle += '}';
system.addHtmlHeadElement("\n" + headstyle + "\n");
$>
<$
var HotFeCol = article.value("fenster-hg","");
var HotFeBord = article.value("fenster-border","");
var HotFeBr = article.value("fenster-breite","");
var HotFePad = article.value("fenster-padding","");
var HotFeBordR = article.value("fenster-border-radius","");
var headstyle = "";
headstyle += '.WZP-Artikel_' + article.id + '.HotSpot p {';
headstyle += ' background:' + HotFeCol + ' !important;';
headstyle += ' border-color:' + HotFeBord + ' !important;';
headstyle += ' width:' + HotFeBr + 'px !important;';
headstyle += ' padding:' + HotFePad + 'px !important;';
headstyle += ' border-radius:' + HotFeBordR + 'px !important;';
headstyle += '}';
system.addHtmlHeadElement("\n" + headstyle + "\n");
$>
<$
var BTF = article.value("button-schtift-farbe","");
var BTGr = article.value("button-text-groesse","");
var BHgF = article.value("button-farbe","");
var BBR = article.value("button-border","");
var headstyle = "";
headstyle += '.WZP-Artikel_' + article.id + '.HotSpot a {';
headstyle += ' color:' + BTF + ' !important;';
headstyle += ' font-size:' + BTGr + 'px !important;';
headstyle += ' background-color:' + BHgF + ' !important;';
headstyle += ' border-radius:' + BBR + 'px !important;';
headstyle += '}';
system.addHtmlHeadElement("\n" + headstyle + "\n");
$>
<$
var UF = article.value("ueberschrift-farbe","");
var UGr = article.value("uebrschrift-groesse","");
var UGew = article.value("ueberschrift-gewicht","");
var headstyle = "";
headstyle += '.WZP-Artikel_' + article.id + '.HotSpot span {';
headstyle += ' color:' + UF + ' !important;';
headstyle += ' font-size:' + UGr + 'px !important;';
headstyle += ' font-weight:' + UGew + ' !important;';
headstyle += '}';
system.addHtmlHeadElement("\n" + headstyle + "\n");
$>
<$
var imageNull = project.getImage(article.value("bild-imagemap"));
var altTextNull = system.htmlEncode(system.removeHtmlTags(imageNull.altText));
var beschreibung = imageNull.description;
var titleNull = system.htmlEncode(system.removeHtmlTags(imageNull.description));
var imgsrc = imageNull.contentCopyPath;
var fullsrc = imageNull.workingCopyPath;
$>
<$=system.partial("article-begin.html")$>

<$
for ( var i = 1; i <= 40; i++){
var image = project.getImage(article.value("bild-hs" + 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 title = system.htmlEncode(system.removeHtmlTags(image.description));
var linkname = "link" + i;
var linktext = article.value("linktext" + i, "");
var head = article.value("ueberschrift-hs" + i, "");
var posO = article.value("pos-oben" + i, "");
var posL = article.value("pos-links" + i, "");
var FenstVersch = article.value("fenster-links" + i, "");
$>
<$
}
$>
<$=system.partial("article-end.html")$>