2.4 panel

<!DOCTYPE html>
<html>
<title>2.4 panel</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="menu-style/pages_style_scripts.css"> 

<style>

.w3-btn {border:none;display:inline-block;outline:0;padding:6px 16px;vertical-align:middle;overflow:hidden;text-decoration:none!important;color:#fff;background-color:#000;text-align:center;cursor:pointer;white-space:nowrap}

.w3-btn:hover {box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}

.w3-closebtn{text-decoration:none;float:right;font-size:24px;font-weight:bold;color:inherit}
.w3-closebtn:hover,.w3-closebtn:focus{color:#000;text-decoration:none;cursor:pointer}

.w3-container{padding:0.01em 16px}
.w3-panel{padding:0.01em 5px;margin-top:16px!important;margin-bottom:16px!important; width="100%"}

.w3-background {color:#fff!important;background-color:#f44336!important; background: url("grafik/baggr11dark5.jpg");}
</style>

<body>

<button class="w3-btn" onclick="document.getElementById('id01').style.display='block'">Show Panel</button> 

<div id="id01" class="w3-panel w3-background" style="display:none">
  <span onclick="this.parentElement.style.display='none'" class="w3-closebtn">x</span>
  <p>Click on the X to close this panel.</p>
  <img src="grafik/EAL441-07v1-2.jpg" height="100%" width="100%">
</div>
</body>
</html>