/* -----    nur letztes Fenster   ------------------------------ */


.close {
 background-color: #666;
 color: #fff;
 position: Absolute;
 right: -8px;
 text-align: Center;
 top: -10px;
 width:40px;
 text-decoration: None;
 font-weight: Bold;
 border-radius: 12px;
 box-shadow: 1px 1px 3px #000;
  z-index:999;
}
.close:hover { background-color: #0df;}  


.overlay {
  position: fixed;
  top:-50;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.4);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.overlay:target { visibility:visible; opacity:1;}

.popup {
  margin: 70px auto;
  padding: 20px; color:#000;
  background:#dff;
  border-radius: 5px;
  width:50%;
  position: relative;
  transition: all 5s ease-in-out;
}

.popup h2 { margin-top:0; color:#333;
}
.popup .close {
  position: absolute;
  top: -15px;
  right:-15px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
}
.popup .close:hover { color:#06D85F;}
.popup .content { max-height:30%; overflow:auto;}

@media screen and (max-width: 700px){
  .box{ width:70%; }
  .popup{ width:70%; }
}