var title="Warnstufen des DWD: Was bedeuten die Skalen für Gewitter, Regen und Sturm?";
var short="Wenn der Deutsche Wetterdienst vor Unwetter warnt, wird immer die genaue Warnstufe genannt. Doch was bedeuten die verschiedenen Stufen überhaupt? Wir erklären dir, welche Warnstufen für Gewitter, Regen, Sturm, Schnee und Glätte es gibt und was du dabei beachten musst.";
var thumb = "https://www.infranken.de/storage/image/2/3/4/3/4003432_unwetter-trifft-voll-auf-franken-volle-keller-strassen-ueberflutet-und-blit_artikel-aufmacher-md_1Awwzc_L0SLL7.jpg";
var widget= document.getElementById("if_widget1713466497");
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/5272141";
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);