<$ 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 $> > <$ } $>
" 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")$>