/* Hintergrund-Overlay */
.modal-container {
  position: fixed;
  top: 49%;
  left: 50%;
  width: 80%;
  height: 89%;
  padding: 20px;
  transform: translate(-50%, -50%);
  background: rgba(111, 119, 114, 0.5);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

/* iframe bekommt eigene Regeln → steht UNTER dem Container-Block */
.modal-container iframe {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}


/* Close-Button */
.closeBtn {
    position: absolute;
    top: 10px;
    right: 10px;
    background: rgb(255, 0, 0);
    color: rgb(153, 0, 0);
    border: none;
    padding: 8px 12px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    z-index: 10000;
   }

.closeBtn:hover {
    background: rgb(255, 255, 255);
   }