function responsive_popup(url, the_width)
{
if(document.getElementById("the_popup")){document.documentElement.removeChild(document.getElementById("the_popup"))}
var dynamic_popup = document.createElement('div');
dynamic_popup.id="the_popup";
dynamic_popup.style.visibility='hidden';
dynamic_popup.style.position='fixed';
dynamic_popup.style.zIndex=9000;
dynamic_popup.style.width=the_width + 'px';
if(the_width == undefined){dynamic_popup.style.width='350px';};
dynamic_popup.style.maxWidth='calc(100% - 10px)';
dynamic_popup.style.height=0;

/* niet veranderen */
dynamic_popup.style.maxHeight='calc(100% - 20px)';

dynamic_popup.style.transition='1s';
dynamic_popup.style.left='50%';
dynamic_popup.style.top='50%';
dynamic_popup.style.overflowY='hidden';
dynamic_popup.style.overflowX='hidden';
cdynamic_popup=dynamic_popup;
dynamic_popup.style.color='white';
dynamic_popup.style.transform = 'translate(-50%, -50%)';
dynamic_popup.style.fontFamily= 'arial';
dynamic_popup.style.fontSize = '16px';
dynamic_popup.style.lineHeight = '25px';
dynamic_popup.style.opacity=1;
dynamic_popup.style.padding=0;
dynamic_popup.style.margin=0;
dynamic_popup.style.background='#ba4726';
dynamic_popup.style.color='white';
dynamic_popup.style.borderWidth = '6px';
dynamic_popup.style.borderStyle = 'outset';
dynamic_popup.style.borderColor = 'silver #464443 #464443 silver ';
dynamic_popup.style.borderRadius = '8px ';
dynamic_popup.style.boxSizing = "border-box";
dynamic_popup.innerHTML='<div id="close_for_responsive " style="position: -webkit-sticky;  position: -moz-sticky; position: -o-sticky; position: -ms-sticky; position: sticky;     top: 0px;   cursor: pointer;  font-family: arial; font-size: 25px; line-height: 25px; padding: 2px; z-index: 1000; width: 25px; height: auto; border: 0px solid silver; left: calc(100% - 30px); text-align: center; background: transparent; color: white  " onclick="if(document.getElementById(\'the_popup\')){document.documentElement.removeChild(document.getElementById(\'the_popup\'))}">X<\/div>' + '<div id="separate_from_close" style="height: 0px; ">&nbsp;<\/div>' + '<div id="id_for_iframe_content"  ><\/div><iframe src= "' + url +'?versie='+Math.random()+'"  style="width: 0; height: 0; display: none" onload = "document.getElementById(\'id_for_iframe_content\').append(document.createRange().createContextualFragment(this.contentWindow.document.documentElement.innerHTML)); this.parentNode.removeChild(this); document.getElementById(\'the_popup\').style.height = document.getElementById(\'id_for_iframe_content\').scrollHeight + 0 + \'px\'; if(document.getElementById(\'id_for_iframe_content\').offsetHeight > window.innerHeight -40){cdynamic_popup.style.overflow=\'auto\'; cdynamic_popup.style.WebkitOverflowScrolling = \'touch\'; cdynamic_popup.style.overflowX=\'hidden\'}   "><\/iframe>';

document.documentElement.appendChild(dynamic_popup);

document.getElementById('the_popup').style.visibility='visible';


}