<$ 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 HeadFfam = article.value('head-ffam', ''); var HeadGr = article.value('head-gr', ''); var HeadGew = article.value('head-gew', ''); var HeadStyle = article.value('head-style', ''); var HeadLineh = article.value('head-lineh', ''); var HeadAusr = article.value('head-ausr', ''); var HeadCol = article.value('head-col', ''); 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 ButGr = article.value('but-gr', ''); var ButGew = article.value('but-gew', ''); var ButLineh = article.value('but-lineh', ''); var ButCol = article.value('but-col', ''); var ButHg = article.value('but-hg', ''); var ButColHov = article.value('but-col-hov', ''); var ButHgHov = article.value('but-hg-hov', ''); var ButCorner = article.value('but-corner', ''); 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 + ' h3 {'; headstyle += 'font-family:' + HeadFfam + ';'; headstyle += ' font-size:' + HeadGr + ';'; headstyle += ' font-weight:' + HeadGew + ';'; headstyle += ' font-style:' + HeadStyle + ';'; headstyle += ' line-height:' + HeadLineh + ';'; headstyle += ' text-align:' + HeadAusr + ';'; headstyle += ' color:' + HeadCol + ';'; 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_button_id' + article.id + ' a {'; headstyle += 'font-size:' + ButGr + ';'; headstyle += ' font-weight:' + ButGew + ';'; headstyle += ' line-height:' + ButLineh + ';'; headstyle += ' padding:5px 10px !important;'; headstyle += ' color:' + ButCol + ' !important;'; headstyle += ' background-color:' + ButHg + ' !important;'; headstyle += ' border-radius:' + ButCorner + ';'; headstyle += ' text-decoration:none !important;'; headstyle += ' border-bottom:none !important;'; headstyle += ' transition:all .2s !important;'; headstyle += ' font-style:normal !important;'; headstyle += '}\n'; headstyle += '.wzp_carcard_button_id' + article.id + ' a:hover {'; headstyle += ' color:' + ButColHov + ' !important;'; headstyle += ' background-color:' + ButHgHov + ' !important;'; 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")$>