/*    ModalFenster     */  
.modalDialog {
 position: Fixed;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 background-color: rgba(0, 0, 0, 0.6);
 z-index: 99999;
 opacity: 0;
 transition: opacity 400ms ease-in;
 pointer-events: None;
}

.modalDialog:target {
 opacity: 1;
 pointer-events: Auto;
}

.modalDialog > div {
 position: relative;
 margin: 3% Auto;
 padding: 10px 15px 10px 10px;
 border-radius: 10px;
 background-color: #FFFFFF;
 background: linear-gradient(var(--me-color2), var(--me-color3));
 cursor: Default;
}

.modalClose {
 background-color: #606061;
 color: #FFFFFF;
 line-height: 25px;
 position: Absolute;
 right: -12px;
 text-align: Center;
 top: -10px;
 width: 24px;
 text-decoration: None;
 font-weight: Bold;
 border-radius: 12px;
 box-shadow: 1px 1px 3px #000000;
}
.modalClose:hover {
color: #606061;
background-color:red;
} 
    
    .blink {
      animation-name: animation_blink;
      animation-timing-function: ease-in;
      animation-duration: 2s; 
      animation-iteration-count: infinite;            
    }

    @keyframes animation_blink {
      0% { opacity: 1; }
      25% { opacity: 0.5; color:red;}
      50% { opacity: 1; }    
    }
