$
var BreakA = article.value("break1","");
var MobSizeA = article.value("mob-font1","");
var headstyle = '@media (max-width: ' + BreakA + 'px) {';
headstyle += '.bild_beschriftung {';
headstyle += 'font-size: ' + MobSizeA + '% !important;';
headstyle += '}';
headstyle += '}';
system.addHtmlHeadElement("\n" + headstyle + "\n");
$>
<$
var BreakB = article.value("break2","");
var MobSizeB = article.value("mob-font2","");
var headstyle = '@media (max-width: ' + BreakB + 'px) {';
headstyle += '.bild_beschriftung {';
headstyle += 'font-size: ' + MobSizeB + '% !important;';
headstyle += '}';
headstyle += '}';
system.addHtmlHeadElement("\n" + headstyle + "\n");
$>
<$
var BreakC = article.value("break3","");
var MobSizeC = article.value("mob-font3","");
var headstyle = '@media (max-width: ' + BreakC + 'px) {';
headstyle += '.bild_beschriftung {';
headstyle += 'font-size: ' + MobSizeC + '% !important;';
headstyle += '}';
headstyle += '}';
system.addHtmlHeadElement("\n" + headstyle + "\n");
$>
<$
var Break = article.value("breakpoint","");
var headstyle = '@media (max-width: calc(' + Break + 'px - 1px)) {';
headstyle += '.bild_beschriftung {';
headstyle += 'display: none;';
headstyle += '}';
headstyle += '}';
system.addHtmlHeadElement("\n" + headstyle + "\n");
var headstyle = '@media (min-width: ' + Break + 'px) {';
headstyle += '.bild_beschriftung_mobile {';
headstyle += 'display: none;';
headstyle += '}';
headstyle += '}';
system.addHtmlHeadElement("\n" + headstyle + "\n");
$>
<$
if ( article.value('vollebreite') == "1" ){ var myClassName = "zpBreakout"; }
else{ var myClassName = ""; }
$>
<$=system.partial('article-begin.html', myClassName)$>
px; margin-bottom: <$= article.value("abst-unten") $>px;">
<$
for ( var i = 1; i <= 1; i++){
var image = project.getImage(article.value("bild-gross" + 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));
$>

<$
}
$>
%; font-size: <$= article.value("schriftgr-grosses-bild") $>em; color: <$= article.value("schriftfarbe-gross") $>; border-top: 1px solid <$= article.value("farbe-oben-gross") $> ;border-bottom: 1px solid <$= article.value("farbe-rahmen-unten-gross") $>; background-color: <$= article.value("farbe-hg-gross") $>;"><$= article.value("text-gross") $>
px; margin-bottom: <$= article.value("abst-unten") $>px;">
<$
for ( var i = 1; i <= 1; i++){
var image = project.getImage(article.value("bild-klein" + 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));
$>

<$
}
$>
%; font-size: <$= article.value("schriftgr-kleines-bild") $>em; color: <$= article.value("schriftfarbe-klein") $>; border-top: 1px solid <$= article.value("farbe-oben-klein") $>; border-bottom: 1px solid <$= article.value("farbe-unten-klein") $>; background-color: <$= article.value("farbe-hg-klein") $>;"><$= article.value("text-klein") $>
<$=system.partial("article-end.html")$>