var title="Hof: Erste autonome Busse für alle Bürger eingeführt";
var short="Ab heute nehmen zwei autonome Shuttles in Hof offiziell ihren Betrieb auf. Erstmals können die Bürger 'die Mobilität der Zukunft' selbst ausprobieren. Die Fahrtroute verläuft vom Hauptbahnhof über mehrere Haltestellen in die Altstadt zum Kugelbrunnen und wieder zurück.";
var thumb = "https://www.infranken.de/storage/image/2/0/7/3/3663702_artikel-aufmacher-md_1ArrXe_dIRLnN.jpg";
var widget= document.getElementById("if_widget1714148609");
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/5220169";
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);