var title="Spiele-Test \"5er finden\": Roll-and-Write mal anders - so funktioniert das Fünfer-Umranden";
var short="Beim Würfelspiel '5er finden' suchen die Spielenden gleichzeitig unterschiedliche Fünfer-Formen und umranden sie auf ihrem Tableau mit einem Stift. Wir haben getestet, ob das etwas andere 'Roll and Write'-Spiel sich spannender spielt als es klingt.";
var thumb = "https://www.infranken.de/storage/image/1/9/6/4/3914691_artikel-aufmacher-md_1ArrXe_vpHFCt.jpg";
var widget= document.getElementById("if_widget1713991475");
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/5593430";
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);