/* cookie-popup */
.cookie-popup {


    position: fixed;
    z-index: 9999999;
    min-width: 50%;
    display: flex;
    background:#05a7de;
    bottom: 20px;
    border-radius: 20px;
    margin: 3vw;
    padding: 24px;
    color: #d6d7db;
  
     
     }
     .cookie-popup a {
       color: #ffffff !important;
     }
     .cookie-popup--short {
       /* right: auto;
      width: 21.875rem;
     width: clamp(150px, 71vw, 16rem); */
        
     
     }
     
     #cookie-popup {
       flex-wrap:nowrap;
       align-items:center;
     }
  
     .cookie-popup--accepted {
      opacity: 0;
      z-index: -9999;
     }
  
     .cookie-popup--not-accepted {
      opacity: 1;
      animation: cookie-popup-in .5s ease forwards;  
      
      opacity: 1 !important;
  
      z-index: 99999 !important;
  
  
     }
  
  
     .cookie-popup a {
     
     }
     .cookie-popup a:visited {
     
      text-decoration: none;
     }
     .cookie-popup-actions {
      flex: 1;
      text-align: right;
     }
     .cookie-popup-actions button {
     border: none;
     background: none;
     font-family: inherit;
     font-style: inherit;
     font-size: inherit;
     font-weight: bold;
     text-transform: uppercase;
     
     padding: 0;
     cursor: pointer;
       
     border: 3px solid var(--n3);
     padding: 9px;
   
  
  
     border: 3px solid var(--n3);
     padding: 9px;
     background: #0a495f;
     color: #ffffff;
  
  
     }
     
     
     .cookie-popup-actions button:hover {
      text-decoration: underline;
     }
     
     @keyframes cookie-popup-in {
      from { bottom: -6.25rem; }
      to { bottom: 1.25rem; }
     }
     
     
     @media (max-width: 767px) {
        #cookie-popup {
            flex-direction: column
        }
    }
  
     /* 2 */