$
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 HeadFfam = article.value('head-ffam', '');
var HeadFw = article.value('head-fw', '');
var HeadFsize = article.value('head-fsize', '');
var HeadCol = article.value('head-col', '');
var HeadHg = article.value('head-hg', '');
var HeadLineH = article.value('head-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 UNTEN LINKS
headstyle += '.WZP-Artikel_' + article.id + '.wzp-linkcard-7 h3 {';
headstyle += 'font-family:' + HeadFfam + ';';
headstyle += ' font-weight:' + HeadFw + ';';;
headstyle += ' font-size:' + HeadFsize + ';';
headstyle += ' color:' + HeadCol + ';';
headstyle += ' background-color:' + HeadHg + ';';
headstyle += ' line-height: ' + HeadLineH + ';';
headstyle += '}\n';
headstyle += '.WZP-Artikel_' + article.id + '.wzp-linkcard-7 h3::before {';
headstyle += 'border-color: transparent ' + HeadHg + ' transparent;';
headstyle += ' border-width:' + HeadLineH + ' 0 0 12px;';
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 $> <$ } $>