$
var CardMaxW = article.value('card-maxw', '');
var CardMinW = article.value('card-minw', '');
var CardBg = article.value('card-bg', '');
var CardShad = article.value('card-shad', '');
var PrFfam = article.value('pr-ffam', '');
var PrFw = article.value('pr-fw', '');
var PrFsize = article.value('pr-fsize', '');
var PrCol = article.value('pr-col', '');
var PrHg = article.value('pr-hg', '');
var PrLineH = article.value('pr-lineh', '');
var LinkFfam = article.value('link-ffam', '');
var LinkFw = article.value('link-fw', '');
var LinkFsize = article.value('link-fsize', '');
var LinkCol = article.value('link-col', '');
var LinkHg = article.value('link-hg', '');
var LinkLineH = article.value('link-lineh', '');
var LinkHov = article.value('link-hov', '');
var PFfam = article.value('p-ffam', '');
var PFw = article.value('p-fw', '');
var PFsize = article.value('p-fsize', '');
var PCol = article.value('p-col', '');
var PLineH = article.value('p-lineh', '');
var CardHov = article.value('c-hov', '');
var headstyle = "";
// CARD
headstyle += '.WZP-Artikel_' + article.id + '.wzp-linkcard-7 {';
headstyle += 'max-width:' + CardMaxW + ';';
headstyle += ' min-width:' + CardMinW + ';';
headstyle += ' box-shadow: 0 0 5px ' + CardShad + ';';
headstyle += '}\n';
// HINTERGRUND
headstyle += '.WZP-Artikel_' + article.id + '.wzp-linkcard-7 figcaption {';
headstyle += ' background-color:' + CardBg + ' !important;';
headstyle += '}\n';
// UEBERSCHRIFT OBEN RECHTS
headstyle += '.WZP-Artikel_' + article.id + '.wzp-linkcard-7 h4 {';
headstyle += 'font-family:' + PrFfam + ';';
headstyle += ' font-weight:' + PrFw + ';';;
headstyle += ' font-size:' + PrFsize + ';';
headstyle += ' color:' + PrCol + ';';
headstyle += ' background-color:' + PrHg + ';';
headstyle += ' line-height: ' + PrLineH + ';';
headstyle += '}\n';
headstyle += '.WZP-Artikel_' + article.id + '.wzp-linkcard-7 h4::before {';
headstyle += 'border-color: transparent ' + PrHg + ' transparent;';
headstyle += ' border-width: 0 12px ' + PrLineH + ' 0;';
headstyle += '}\n';
// LINK BTN
headstyle += '.WZP-Artikel_' + article.id + '.wzp-linkcard-7 .wzp-linkcard-7__btn {';
headstyle += 'font-family:' + LinkFfam + ';';
headstyle += ' font-weight:' + LinkFw + ';';;
headstyle += ' font-size:' + LinkFsize + ';';
headstyle += ' color:' + LinkCol + ' !important;';
headstyle += ' background-color:' + LinkHg + ';';
headstyle += ' line-height: ' + LinkLineH + ';';
headstyle += '}\n';
headstyle += '.WZP-Artikel_' + article.id + '.wzp-linkcard-7 .wzp-linkcard-7__btn::before {';
headstyle += 'border-color: transparent transparent ' + LinkHg + ';';
headstyle += ' border-width:0 0 ' + LinkLineH + ' 12px;';
headstyle += '}\n';
headstyle += '.WZP-Artikel_' + article.id + '.wzp-linkcard-7 .wzp-linkcard-7__btn:hover {';
headstyle += 'letter-spacing:' + LinkHov + ';';
headstyle += '}\n';
// TEXT
headstyle += '.WZP-Artikel_' + article.id + '.wzp-linkcard-7 p {';
headstyle += 'font-family:' + PFfam + ';';
headstyle += ' font-weight:' + PFw + ';';;
headstyle += ' font-size:' + PFsize + ';';
headstyle += ' color:' + PCol + ';';
headstyle += ' line-height: ' + PLineH + ';';
headstyle += '}\n';
// CARD HOVER
headstyle += '.WZP-Artikel_' + article.id + '.wzp-linkcard-7:hover img {';
headstyle += 'transform:' + CardHov + ';';
headstyle += ' -webkit-transform:' + CardHov + ';';
headstyle += '}';
// MOBILE
var CardMaxW = article.value('card-maxw', '');
headstyle += '@media (max-width:calc(' + CardMaxW + ' + 80px)) {\n';
headstyle += '.WZP-Artikel_' + article.id + '.wzp-linkcard-7 {';
headstyle += 'margin: 10px 0 30px 0 !important;';
headstyle += '}\n';
headstyle += '}';
system.addHtmlHeadElement("
<$= TEXT $>
<$ if (!linkWholeCard) { $> class="wzp-linkcard-7__btn"><$= LINKTEXT $><$ } else { $> <$= LINKTEXT $> <$ } $>