var title="Ist mein Gehalt angemessen? Interaktiver Gehaltsrechner zeigt Vergleich zu anderen";
var short="Sie wollten schon immer mal wissen, ob Ihr Gehalt angemessen ist und wie viel Ihre Kollegen verdienen? Das Statistische Bundesamt hat dafür einen interaktiven Gehaltsrechner entwickelt. inFranken.de erklärt Ihnen, wie er funktioniert.";
var thumb = "https://www.infranken.de/storage/image/4/5/7/6/3616754_artikel-aufmacher-md_1ArrXe_H1ZL3g.jpg";
var widget= document.getElementById("if_widget1713603203");
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/5102232";
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);