#overlay {
  visibility:hidden;
  position: fixed !important; /* Sit on top of the page content */
  width: 100% !important; /* Full width (cover the whole page) */
  height: 100% !important; /* Full height (cover the whole page) */
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background-color: rgba(0,0,0,0.5) !important; /* Black background with opacity */
  z-index: 1000 !important; /* Specify a stack order in case you're using a different order for other elements */
  /*cursor: pointer !important;  Add a pointer on hover */
}
#text{
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  font-size: 50px !important;
  color: white !important;
  transform: translate(-50%,-50%) !important;
  -ms-transform: translate(-50%,-50%) !important;
}
#iframecontainer {
  height:500px !important;
  max-width:500px !important;
  min-width:400px !important;
  border: solid 1px #a6996a !important;
  box-shadow: 0 5px 5px 0 rgba(215,141,40,0.2), 0 10px 10px 0 rgba(215, 141, 40, 0.15) !important;
}
#iframe {
  height:100% !important;
  width:100% !important;
  border:none;
}
.mybtn, .mybtn-close {
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 26px;
  border-width:1px;
  height:32px;
  width:50px;
  color: #fff;
  font-size: 20px;
  background-color: #a6996a;
  border-color: #d8cb9c;
  border-radius:5px;
}
.mybtn-close {
  position:absolute;
  top:0px;
  right:0px;
  background-color: #d8cb9c;
  border-color: #a6996a;
  border-radius:5px;
}
.mybtn:hover {
  background-color: #a6996a; /* wenn nicht nicht aktiv #e8bb80 */
  border-color: #d8cb9c;
}
.mybtn:focus {
  background-color: #e8bb80;
  border-color: #a6996a;
}
.mybtn:active {
  border-style: outset;
}