$
var BildHg = article.value("bild-hg","");
var VideoHg = article.value("video-hg", false);
var ContH = article.value("cont-h","");
var FarbfTyp = article.value("farbf-typ","");
var FarbfEins = article.value("farbf-1","");
var FarbfZwei = article.value("farbf-2","");
var headstyle = "";
headstyle += '.WZP-Artikel_' + article.id + '.wzp_anihead {';
headstyle += 'height:' + ContH + ';';
headstyle += ' background-image:linear-gradient(' + FarbfTyp + ', ' + FarbfEins + ', ' + FarbfZwei + '), url("' + BildHg + '");';
headstyle += '}';
system.addHtmlHeadElement("\n" + headstyle + "\n");
$>
<$
var Break = article.value("break","");
var ContHMob = article.value("cont-h-mob","");
var FsizeMob = article.value("fsize-mob","");
var headstyle = '@media (max-width: ' + Break + 'px) {\n';
headstyle += '.WZP-Artikel_' + article.id + '.wzp_anihead {';
headstyle += 'height:' + ContHMob + ';';
headstyle += ' font-size:' + FsizeMob + '%;';
headstyle += '}\n';
headstyle += '}';
system.addHtmlHeadElement("\n" + headstyle + "\n");
$>
<$
if ( article.value('vollebreite') == "1" ){ var myClassName = "zpBreakout"; }
else{ var myClassName = ""; }
$>
<$=system.partial('article-begin.html', myClassName)$>
"
style="animation-delay:<$= article.value("anibild-delay") $>s; animation-duration:<$= article.value("anibild-zeit") $>s; display:flex; <$= article.value("pos-texte") $> padding:<$= article.value("pad-ou") $> <$= article.value("pad-lr") $>;">
;">
<$
for ( var i = 1; i <= 3; i++){
var TEXT = (article.value("text-" + i));
if ( isNull(TEXT) ){
continue;
}
var TEXTAUSZ = article.value("text-ausz-" + i, "");
var FART = article.value("f-art-" + i, "");
var FGR = article.value("f-gr-" + i, "");
var FLINEH = article.value("f-lineh-" + i, "");
var FGEW = article.value("f-gew-" + i, "");
var FBORD = article.value("text-bord-" + i, "");
var FBORDPX = article.value("text-bordpx-" + i, "");
var FCOL = article.value("text-col-" + i, "");
var AniTextClass = article.value("ani-text-class-" + i, "");
var AniTextDelay = article.value("ani-text-delay-" + i, "");
var AniTextZeit = article.value("ani-text-zeit-" + i, "");
$>
<<$= TEXTAUSZ $> class="<$= AniTextClass $>"
style="font-size:<$= FGR $>em;
color:<$= FCOL $>;
line-height:<$= FLINEH $>;
font-weight:<$= FGEW $>;
text-shadow: <$= FBORDPX $> <$= FBORDPX $> 1px <$= FBORD $>, <$= FBORDPX $> -<$= FBORDPX $> 1px <$= FBORD $>, -<$= FBORDPX $> <$= FBORDPX $> 1px <$= FBORD $>, -<$= FBORDPX $> -<$= FBORDPX $> 1px <$= FBORD $>;
animation-delay: <$= AniTextDelay $>s;
animation-duration: <$= AniTextZeit $>s;">
<$= TEXT $>
<$= TEXTAUSZ $>>
<$
}
$>
"
style="border-top: <$= article.value("line-dicke") $> solid <$= article.value("line-col") $>; width:<$= article.value("line-lang") $>; margin-left:<$= article.value("line-margleft") $>; <$= article.value("line-ausr") $>; animation-delay:<$= article.value("line-delay") $>s; animation-duration:<$= article.value("line-zeit") $>s; display:<$= article.value("line-displ") $>; margin-top:<$= article.value("line-margtop") $>;">
<$ /* Video Hintergrund */ if (VideoHg && VideoHg !== ''){ $>
<$ } $>
<$=system.partial("article-end.html")$>