/* ************************************************************************** */
/* Modal Box                                                                  */
/* ************************************************************************** */
.modal-window {
   position: fixed;
   overflow:scroll;
   background-color: rgba(000, 000, 000, 0.9);
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 999;
   opacity: 0;
   pointer-events: none;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   transition: all 0.3s;
 }
.modal-window:target {
   opacity: 1;
   pointer-events: auto;
 }
.modal-window>div {
   width: 520px;
   position: relative;
   margin: 1% auto;
   padding: 1rem;
   background: #fff;
   color: #444;
   border-radius: 10px;
 }
 @media screen and (max-width: 640px) {
   .modal-window>div {
    width: 80%;
   }
}
.modal-header {
   font-weight: bold;
   padding: 1px 16px;
   background-color: #5cb85c;
   color: white;
 }
.modal-close {
   color: #aaa;
   line-height: 50px;
   font-size: 120%;
   position: absolute;
   right: 0;
   text-align: center;
   top: 0;
   width: 70px;
   text-decoration: none;
 }
.modal-close:hover { color: #000; }
.modal-window h3 {
  font-weight: bold;
  color: #00A0FF;
  text-shadow: none;
  margin: 15px 0px 5px 0px;
 }
 .modal-content {
   text-align: left;
 }
 .modal-window #TerminDetail th {
   text-align: right;
   vertical-align: top;
   max-width: 20px;
 }
 .modal-window #TerminDetail th, td {
   padding: 5px;
 }
 .modal-window #TerminDetail hr#modal {
   margin: 10px;
 }
 .modal-window #TerminDetail img {
  width: 25px;
 }
 .modal-window button {
   width: 90%;
 }
 @media screen and (max-width: 640px) {
   .modal-window #TerminDetail th, td {
     font-size: 85%;
     padding: 2px;
   }
   .modal-window #TerminDetail img{
    width: 20px;
   }
}
/* ****************************************************************************/
/* Fuer Security Question / ist allgemein gueltig */
.DeleteQuest form {
  display: flex;
  flex-direction: column;
}
.DeleteQuest span {
  width: 95%;
  display: flex;
  justify-content: center;
  margin: 20px;
}
.DeleteQuest img {
  height: 30px;
}