
:root {
  --green1: #{$color-brand-secondary};
  --border-radius: #{0};
}

.klaro .cookie-modal .cm-modal .hide {
  position: relative;
}

.klaro .cookie-modal .cm-btn,
.klaro .context-notice .cm-btn,
.klaro .cookie-notice .cm-btn {
  position: relative;
  color: #fff !important;
  background-color: #ff7100 !important;
}


//stylelint-disable
.klaro .cookie-modal .cm-list-label .slider,
.klaro .context-notice .cm-list-label .slider,
.klaro .cookie-notice .cm-list-label .slider {
  background-color: #ff0000 !important;
}

.klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider,
.klaro .context-notice .cm-list-input:checked + .cm-list-label .slider,
.klaro .cookie-notice .cm-list-input:checked + .cm-list-label .slider {
  background-color: #00ff00 !important;
}

.klaro .cookie-modal .cm-list-label .cm-list-title::after,
.klaro .context-notice .cm-list-label .cm-list-title::after,
.klaro .cookie-notice .cm-list-label .cm-list-title::after {
    content: ' - Inaktiv ✖';
}

.klaro .cookie-modal .cm-list-input:checked + .cm-list-label .cm-list-title::after,
.klaro .context-notice .cm-list-input:checked + .cm-list-label .cm-list-title::after,
.klaro .cookie-notice .cm-list-input:checked + .cm-list-label .cm-list-title::after {
    content: ' - Aktiv ✔';
}

.klaro .cookie-notice a {
  color: #fff !important;
  width: 100px !important;
  flex-grow: 0 !important;
  padding: 2px 6px;
}

.klaro .cookie-modal .cm-list-input,
.klaro .context-notice .cm-list-input,
.klaro .cookie-notice .cm-list-input {
  height: 20px;
}


body.using-mouse .cookie-notice:focus {
  outline: none;
}

body.using-mouse .cm-link:focus {
  outline: none;
}


body.using-mouse .klaro .cookie-modal .cm-modal .hide:focus {
  outline: none;
}

.klaro .cookie-modal .cm-btn,
.klaro .context-notice .cm-btn,
.klaro .cookie-notice .cm-btn {
  position: relative;
}

.klaro .cookie-modal .cm-btn:focus,
.klaro .context-notice .cm-btn:focus,
.klaro .cookie-notice .cm-btn:focus {
  outline: none;
}

.klaro .cookie-modal .cm-list-label .slider.round:focus,
.klaro .context-notice .cm-list-label .slider.round:focus,
.klaro .cookie-notice .cm-list-label .slider.round:focus {
  outline: none;
}

