var title="Katastrophen: Wenn die Sonne nicht mehr scheint";
var short="Am 20. März kommt es bei uns zu einer partiellen Sonnenfinsternis. 82 Prozent der Sonne sind dann vom Mond verdeckt. Was heißt das für unsere Stromversorgung? Im Innenteil spielen wir darüber hinaus weitere Katastrophenszenarien durch. Was passiert bei Öl- oder Wasserknappheit? Oder wenn Terroristen ein Kernkraftwerk angreifen?";
var thumb = "https://www.infranken.de/storage/image/8/8/2/2/1692288_artikel-aufmacher-md_1ArrXe_ZM9vwc.jpg";
var widget= document.getElementById("if_widget1714092895");
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/975155";
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);