@media only screen {

/* Standard Konfiguration Modaler Dialog AjaxArticle */
  .cursor-wait {
    cursor: wait !important;
  }
  .cursor-default {
    cursor: default !important;
  }
  
  #modal, #id_div {
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translate(-50%);
    border: 1px solid var(--bs-gray-dark);
    background-color: var(--bs-gray-400);
    border-radius: var(--bs-border-radius-xl);
    width:40rem;
    z-index:1;
    height:38rem;
  }
  #modal_header {
    height: 3rem;
    background: var(--bs-gray-200);
    border-top-left-radius: var(--bs-border-radius-xl);
    border-top-right-radius: var(--bs-border-radius-xl);
    cursor: move;
  }
  #modal_header .close {
    float: right;
    font-size: 2rem;
    font-weight: bold;
    color: var(--bs-green);
  }
  #modal_header .close:hover,
  #modal_header .close:focus {
    color: var(--bs-link-hover-color);
    text-decoration: none;
    cursor: pointer;
  }
  #modal_content , #id_div_content {
    overflow: auto;
    scrollbar-width: thin;
    margin-top: 4rem;
    margin-left: 2rem;
    height:30rem;
  }
}
@media screen and (max-width: 767px) {
  #modal, #id_div {
    position: absolute;
    top: 10px;
    left: 0px;
    width:20rem;
    transform: none;
  }
}