:root {
    --klaro-bg-color: #9fecf1;
    --klaro-text-color: #ffffff;
    --klaro-btn-primary-bg: #259ea6;
    --klaro-btn-primary-text: #ffffff;
    --klaro-btn-secondary-bg: #333333;
    --klaro-btn-secondary-text: #ffffff;
  }

  #klaro {
    background-color: #9fecf1;
    color: #ffffff;
  }
  
  #klaro .cookie-notice,
  #klaro .cm-modal {
    background-color: #9fecf1;
    color: #ffffff;
    border-radius: 10px;
  }
  
  #klaro .cm-btn {
    background-color: #259ea6;
    color: #ffffff;
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 5px;
    margin: 0.25rem;
    cursor: pointer;
  }
  
  #klaro .cm-btn:hover {
    background-color: #1a6d73;
  }
  
  #klaro .cm-btn.cm-btn-decline {
    background-color: #333333;
  }
  
  #klaro .cm-btn.cm-btn-info {
    background-color: #555555;
  }
  
  #klaro .cm-switch input:checked + .slider {
    background-color: #259ea6;
  }
  
  #klaro .cm-switch input + .slider {
    background-color: #cccccc;
  }
  
  #klaro .slider:before {
    background-color: #ffffff;
  }