<style>#mvc-popup-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.75);z-index:8000;-webkit-align-items:center;-webkit-justify-content:center;align-items:center;justify-content:center;}#mvc-popup-overlay.active{display:-webkit-flex;display:flex;}.mvc-popup-wrapper{display:block;align-items:left;justify-content:center;max-height:90vh;width:auto;max-width:100%;box-sizing:border-box;padding:20px;position:relative;overflow-y:auto;background-color: transparent;}#mvc-popup-close{display:block;font-size:30px;line-height:30px;font-weight:light;opacity:1;position:absolute;top:20px;right:30px;text-decoration:none;color:#fff;}#mvc-popup-close:hover{opacity:.7;}.mvc-popup-wrapper iframe{display:block;width:95%;}.mvc-popup-wrapper img{max-width:100%;height:auto;width:auto;max-height:80vh;display:inline-block;}.mvc-popup-desktop{display:none;}@media only screen and (min-width:720px){.mvc-popup-mobile{display:none;} .mvc-popup-desktop{display:block;}} </style>

<div id="mvc-popup-overlay" class="active">

<div class="mvc-popup-wrapper">

<a id="mvc-popup-close" href="javascript:void(0);">x</a>

{Inhalt}

</div>

</div>

<script>

jQuery(document).ready(function(){

jQuery("#mvc-popup-overlay, #mvc-popup-close").click(function(){

jQuery("#mvc-popup-overlay").removeClass("active");

});

});

</script>