#modal {
    position:fixed;
    padding:0;
    margin:0;
    
    z-index: 100;

    top:0;
    left:0;

    width: 100%;
    height: 100%;
 
    background:rgba(255,255,255,0.0);
    
    display: none;
}

/* Modal Content */

.modal-content {
	display: flex;
	justify-content: center;
	align-items: center;
	background: url("/ap/jakarta.faces.resource/images/ladekreis.gif.jsf") no-repeat center;
	background-size: 100px;
	width: 100%;
	height: 100%;
}