/*
:root {
  --klaro-primary-color: #dfb843;
  --klaro-secondary-color: #D3D4D4;
  --klaro-accept-color: #55b781;
  --klaro-decline-color: #df4343;
  --klaro-border-light-color: #efefef;
  --klaro-bg-color: #fff;
  --klaro-modal-bg-color: #fff;
  --klaro-color-link-on-bg: #dfb843;
  --klaro-text-color: #2a2926;
  --klaro-modal-text-color: #2a2926;
  --klaro-border-radius: 8px;
  --klaro-modal-border-radius: 8px;
  --klaro-btn-border-radius: 8px;
  --klaro-btn-padding: 8px 20px;
  --klaro-btn-padding-mobile: 8px 12px;
  --klaro-modal-outer-padding: 40px;
  --klaro-modal-outer-padding-mobile: 20px;
  --klaro-modal-section-padding: 10px;
  --klaro-modal-section-padding-mobile: 10px;
  --klaro-h1-font-size: 2em;
  --klaro-h1-font-size-mobile: 1.6em;
  --klaro-font-size: 14px;
  --klaro-font-weight: 400;
  --klaro-line-height: 1.3em;
}*/

#klaro .klaro {
  font-size: var(--klaro-font-size, 14px);
  font-weight: var(--klaro-font-weight, 400);
  line-height: var(--klaro-line-height, 1.3em);
  color: var(--klaro-text-color, #2a2926);
}

#klaro .klaro .cookie-modal .cm-modal .cm-header h1 {
  font-size: var(--klaro-h1-font-size,2.0em);
}

#klaro-cookie-notice.cookie-notice {
  bottom: 0;
  background: var(--klaro-bg-color, #fff);
  width: 100%;
  left: 0;
  right: 0;
  max-width: unset;
  border-radius: var(--klaro-border-radius, 8px);
}

#klaro button {
  border-radius: var(--klaro-btn-border-radius, 8px);
  padding: var(--klaro-btn-padding,8px 20px);
}
#klaro button:hover {
  opacity: 0.8;
}

#klaro .klaro a.cm-link.cn-learn-more {
  color: var(--klaro-color-link-on-bg, #dfb843);
  text-decoration: none;
}

#klaro-cookie-notice.cookie-notice > .cn-body {
  max-width: 700px;
  margin: 0 auto;
  padding: 20px;
}

#klaro .cookie-notice > .cn-body .cm-btn.cm-btn-danger.cn-decline {
  background: var(--klaro-secondary-color, #D3D4D4);
}

#klaro .cookie-notice > .cn-body .cm-btn.cm-btn-success {
  background: var(--klaro-accept-color, #55b781);
}

#klaro .klaro .cookie-modal a, #klaro .klaro .context-notice a, #klaro .klaro .cookie-notice a {
  color: var(--klaro-primary-color, #dfb843);
  text-decoration: none;
}

#klaro .klaro .context-notice p, #klaro .klaro .context-notice strong, #klaro .klaro .context-notice h1, #klaro .klaro .context-notice h2, #klaro .klaro .context-notice ul, #klaro .klaro .context-notice li, #klaro .klaro .cookie-notice p, #klaro .klaro .cookie-notice strong, #klaro .klaro .cookie-notice h1, #klaro .klaro .cookie-notice h2, #klaro .klaro .cookie-notice ul, #klaro .klaro .cookie-notice li {
  color: var(--klaro-text-color, #2a2926);
}

#klaro .klaro .cookie-modal p, #klaro .klaro .cookie-modal strong, #klaro .klaro .cookie-modal h1, #klaro .klaro .cookie-modal h2, #klaro .klaro .cookie-modal ul, #klaro .klaro .cookie-modal li {
  color: var(--klaro-modal-text-color, #2a2926);
}


/*Modal */
#klaro .cm-modal.cm-klaro {
  background: var(--klaro-modal-bg-color, #fff);
  border-radius: var(--klaro-modal-border-radius, 8px);
  color: var(--klaro-modal-text-color, #2a2926);
}

#klaro .klaro .cookie-modal .cm-modal .hide{
  padding:20px; 
  top: 0;
  right: 0;
}
#klaro .klaro .cookie-modal .cm-modal .hide svg{
  stroke: var(--klaro-modal-text-color, #2a2926);
}

#klaro .klaro .cookie-modal .cm-modal .cm-header {
  border-bottom:none;
  padding: var(--klaro-modal-outer-padding,40px);
  padding-bottom: var(--klaro-modal-section-padding,10px);
}

#klaro .klaro .cookie-modal .cm-modal .cm-body {
  padding: var(--klaro-modal-section-padding,10px) var(--klaro-modal-outer-padding,40px);
}

#klaro .klaro .cookie-modal .cm-modal .cm-footer {
  padding: var(--klaro-modal-outer-padding,40px);
  padding-top: var(--klaro-modal-section-padding,10px);
  border-top: none;
}

#klaro .cm-purpose.cm-toggle-all {
  border-top: 1px solid var(--klaro-border-light-color, #efefef);
}

#klaro .klaro .cookie-modal .slider, #klaro .klaro .context-notice .slider, #klaro .klaro .cookie-notice .slider {
  box-shadow: none;;
}

#klaro .cm-btn.cm-btn-decline.cm-btn-danger.cn-decline {
  background: var(--klaro-decline-color, #df4343);
}

#klaro .cm-btn.cm-btn-success.cm-btn-info.cm-btn-accept {
  background: var(--klaro-secondary-color, #D3D4D4);
}
#klaro .cm-btn.cm-btn-success.cm-btn-accept-all {
  background: var(--klaro-accept-color, #55b781);
}

#klaro .cm-powered-by {
  display: none;
}

@media (max-width: 767px) {
  #klaro .klaro .cookie-modal .cm-modal .cm-header h1 {
    font-size: var(--klaro-h1-font-size-mobile,1.6em);
  }
  #klaro button {
    border-radius: var(--klaro-btn-border-radius, 8px);
    padding: var(--klaro-btn-padding-mobile,8px 12px);
  }
  #klaro .klaro .cookie-modal .cm-modal .cm-header {
    border-bottom:none;
    padding: var(--klaro-modal-outer-padding-mobile,20px);
    padding-bottom: var(--klaro-modal-section-padding-mobile,10px);
  }

  #klaro .klaro .cookie-modal .cm-modal .cm-body {
    padding: var(--klaro-modal-section-padding-mobile,10px) var(--klaro-modal-outer-padding-mobile,20px);
  }

  #klaro .klaro .cookie-modal .cm-modal .cm-footer {
    padding: var(--klaro-modal-outer-padding-mobile,20px);
    padding-top: var(--klaro-modal-section-padding-mobile,10px);
    border-top: none;
  }
  #klaro .klaro .cookie-modal .cm-modal .cm-footer-buttons {
    flex-direction: column;
    column-gap: 6px;
    row-gap: 6px;
  }
}