<$ var CardMinH = article.value('card-minh', ''); var CardHg = article.value('card-hg', ''); var CardPad = article.value('card-pad', ''); var CardBordBr = article.value('card-bordbr', ''); var CardBordCol = article.value('card-bordcol', ''); var TextFfam = article.value('text-ffam', ''); var TextGr = article.value('text-gr', ''); var TextGew = article.value('text-gew', ''); var TextStyle = article.value('text-style', ''); var TextLineh = article.value('text-lineh', ''); var TextAusr = article.value('text-ausr', ''); var TextCol = article.value('text-col', ''); var textPos = article.value('textpos', 'below'); var NavSize = article.value('nav-size', ''); var NavCol = article.value('nav-col', ''); var NavColHov = article.value('nav-col-hov', ''); var NavbordCol = article.value('navbord-col', ''); var NavbordBr = article.value('navbord-br', ''); var ImgBordr = article.value('img-bordr', ''); var ImgFilter = article.value('img-filter', ''); var ImgFilterHov = article.value('img-filter-hov', ''); var ImgBreite = article.value('img-breite', ''); var NavAbst = article.value('nav-abst', ''); var NavTop = article.value('nav-top', ''); var NavHovEinbl = article.value('nav-hov-einbl', ''); var headstyle = ""; headstyle += '.wzp_carcard_box_id' + article.id + ' {'; headstyle += 'min-height:' + CardMinH + ';'; headstyle += ' background-color:' + CardHg + ';'; headstyle += ' padding:' + CardPad + ';'; headstyle += ' border:solid ' + CardBordBr + ' ' + CardBordCol + ';'; headstyle += '}\n'; headstyle += '.wzp_carcard_box_id' + article.id + ' p {'; headstyle += 'font-family:' + TextFfam + ';'; headstyle += ' font-size:' + TextGr + ';'; headstyle += ' font-weight:' + TextGew + ';'; headstyle += ' font-style:' + TextStyle + ';'; headstyle += ' line-height:' + TextLineh + ';'; headstyle += ' text-align:' + TextAusr + ';'; headstyle += ' color:' + TextCol + ';'; headstyle += '}\n'; headstyle += '.wzp_carcard_box_id' + article.id + ' img {'; headstyle += 'border-radius:' + ImgBordr + ';'; headstyle += ' width:' + ImgBreite + ' !important;'; headstyle += ' margin:auto;'; headstyle += ' filter:' + ImgFilter + ';'; headstyle += ' transition:all .2s !important;'; headstyle += '}\n'; headstyle += '.wzp_carcard_box_id' + article.id + ':hover img {'; headstyle += 'filter:' + ImgFilterHov + ';'; headstyle += '}\n'; headstyle += '.wzp_carcard_box_id' + article.id + ' a {'; headstyle += ' text-decoration:none !important;'; headstyle += ' border-bottom:none !important;'; headstyle += '}\n'; headstyle += '.wzp_carcard_id' + article.id + '.owl-theme .owl-nav [class*=owl-] {'; headstyle += 'font-size:' + NavSize + ' !important;'; headstyle += ' color:' + NavCol + ' !important;'; headstyle += ' padding:0 22px !important;'; headstyle += ' text-shadow: ' + NavbordBr + ' ' + NavbordBr + ' ' + NavbordBr + ' ' + NavbordCol + ', ' + NavbordBr + ' -' + NavbordBr + ' ' + NavbordBr + ' ' + NavbordCol + ', -' + NavbordBr + ' ' + NavbordBr + ' ' + NavbordBr + ' ' + NavbordCol + ', -' + NavbordBr + ' -' + NavbordBr + ' ' + NavbordBr + ' ' + NavbordCol + ' !important;'; headstyle += '}\n'; headstyle += '.wzp_carcard_id' + article.id + '.owl-theme .owl-nav [class*=owl-]:hover {'; headstyle += 'color:' + NavColHov + ' !important;'; headstyle += '}\n'; headstyle += '.wzp_carcard_id' + article.id + ' .owl-next {'; headstyle += 'position:relative;'; headstyle += ' left:calc(' + NavAbst + ' / 2);'; headstyle += ' top:-' + NavTop + ';'; headstyle += '}\n'; headstyle += '.wzp_carcard_id' + article.id + ' .owl-prev {'; headstyle += 'position:relative;'; headstyle += ' right:calc(' + NavAbst + ' / 2);'; headstyle += ' top:-' + NavTop + ';'; headstyle += '}\n'; headstyle += '.wzp_carcard_id' + article.id + ' .owl-next, .wzp_carcard_id' + article.id + ' .owl-prev {'; headstyle += 'opacity:' + NavHovEinbl + ';'; headstyle += '}\n'; headstyle += '.wzp_carcard_id' + article.id + ':hover .owl-next, .wzp_carcard_id' + article.id + ':hover .owl-prev {'; headstyle += 'opacity:1; transform:scale(1);'; headstyle += '}'; system.addHtmlHeadElement("\n" + headstyle + "\n"); $> <$ if ( article.value('vollebreite') == "1" ){ var myClassName = "zpBreakout"; } else{ var myClassName = ""; } $> <$=system.partial('article-begin.html', myClassName)$> <$=system.partial("article-end.html")$>