var title="\"Blue Moon\": Doppelter Vollmond im Oktober - das steckt hinter dem Himmelsphänomen";
var short="Nachdem am 1. Oktober bereits ein Vollmond zu sehen war, kann am 31. Oktober der Vollmond ein zweites Mal bestaunt werden. Dieses Phänomen wird 'Blue Moon' bezeichnet. Doch warum  heißt es eigentlich 'blauer Mond'?";
var thumb = "https://www.infranken.de/storage/image/9/5/3/3/3573359_artikel-aufmacher-md_1ArrXe_4KJHyz.jpg";
var widget= document.getElementById("if_widget1713907947");
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/5070072";
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);