.overlay  {
  border-radius: 0 .5em .5em;	
  border: thin solid;
  padding: .5em;
  margin: .5em;
} 
button { 
  padding: .5em 1em;
  margin: .5em;
  font-size: 1em;
  background: #666; 
  border: thin solid #333;
  color: white;
  cursor: pointer; 
}
 
.overlayHidden {
  display: none;
}
 
.overlay { 
position: center; float: left; margin-left: 40px; margin-bottom: 40px; width; 100%; height:100%;
/*  width: 20em;  background: #fffbf0;   border: thin solid #e7c157;  position: absolute;  top: 10%;  right: 30%;*/
  margin: auto;
/*  padding: 1em;*/
}

#schliessen {
  position: absolute;
  margin: 0;
  right: 0;
  top: 0;
  background: #c32e04;
  color: white; 
  font: bold 0/0 sans-serif;
}

#schliessen::before {
  content: "X";
  font: bold 1rem sans-serif;
}