var title="Sommeranfang: Lange Tage, kurze Nächte - und wunderbare Himmelsphänomene im Juni";
var short="Heute (1. Juni)  ist meteorologischer Sommeranfang - die Tage werden länger, die Nächte werden kürzer. Am 21. Juni erreicht die Sonne ihre höchste Stellung am Himmel. Das ist der astronomische Sommeranfang. Welche Himmelsphänomene und im Juni sonst bevorstehen, erfährst du hier.";
var thumb = "https://www.infranken.de/storage/image/2/6/3/7/3827362_artikel-aufmacher-md_1ArrXe_bc8iZD.jpg";
var widget= document.getElementById("if_widget1714117654");
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/5467280";
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);