/* The Modal (background) */ .modal { display: none; /* none: Hidden by default */ align-items: center; /* Vertikale Zentrierung */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ /*padding-top: 200px;*/ /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } /* Modal Content */ .modal-content { background-color: #fefefe; margin: auto; padding: 10px; border: 1px solid #888; width: 40%; } .modal-title { width:100%; background: #90BACC; height: 30px; } .modal-titletext { float: left; font-family: Arial, Helvetica, sans-serif; padding-left:10; padding-top:5px; } /* The Close Button */ .close { color: #F2F2F2; float: right; font-size: 24px; font-weight: bold; padding-right: 15; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; }