var title="Quiz: \"Er war bei Kunden schnell beliebt\" - Was bedeuten diese  Formulierungen im Arbeitszeugnis?";
var short="In einem Arbeitszeugnis steht viel über deine Arbeitsweise. Hierfür gibt es festgelegte Ausdrücke, die besonders gute oder schlechte Eigenschaften hervorheben. Teilweise hören sich die Formulierungen gut an, sind aber negativ gemeint. Verstehst du was gemeint ist?";
var thumb = "https://www.infranken.de/storage/image/7/7/2/1/3311277_artikel-aufmacher-md_1ArrXe_zHQYHL.jpg";
var widget= document.getElementById("if_widget1714027193");
var h3 = document.createElement("h3");
var shortspan = document.createElement("span");
var img = document.createElement("img");
var a = document.createElement("a");
var divclearer = document.createElement("div");
var titletext = document.createTextNode(title);
var shorttext = document.createTextNode(short);
var linktext = document.createTextNode("mehr auf inFranken.de");
var imgsrc = document.createAttribute("src");
var imgstyle = document.createAttribute("style");
var divclearerstyle = document.createAttribute("style");

var ahref = document.createAttribute("href");
var atarget= document.createAttribute("target");
imgsrc.nodeValue = thumb;
imgstyle.nodeValue = "float:left;margin-right:10px;width:100px;";

ahref.nodeValue = "https://www.infranken.de/4524133";
divclearerstyle.nodeValue ="clear:both" ;
atarget.nodeValue = "_blank"; 
h3.appendChild(titletext);
shortspan.appendChild(shorttext);
a.appendChild(linktext);

a.setAttributeNode(ahref);
a.setAttributeNode(atarget);
divclearer.setAttributeNode(divclearerstyle);
img.setAttributeNode(imgsrc);
img.setAttributeNode(imgstyle);
var astyle = document.createAttribute("style");
astyle.nodeValue = "display:block;margin-top:20px;";
a.setAttributeNode(astyle);

widget.innerHTML="";
widget.appendChild(h3);
widget.appendChild(img);
widget.appendChild(shortspan);

widget.appendChild(a);
widget.appendChild(divclearer);