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


  position: fixed;
  z-index: 9999999;
  min-width: 50%;
  display: flex;
  background:#488d52;
  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: #2b2f32;
   color: #ffffff;


   }
   
   
   .cookie-popup-actions button:hover {
    text-decoration: underline;
   }
   
   @keyframes cookie-popup-in {
    from { bottom: -6.25rem; }
    to { bottom: 1.25rem; }
   }
   
   


   /* 2 */