.klaro {
  .cookie-modal .cm-btn, .cookie-modal .cm-btn.cm-btn-info, .cookie-modal .cm-btn.cm-btn-success, .cookie-modal .cm-btn.cm-btn-decline, .cookie-modal .cm-btn.cm-btn-danger, .context-notice .cm-btn, .context-notice .cm-btn.cm-btn-info, .context-notice .cm-btn.cm-btn-success, .context-notice .cm-btn.cm-btn-decline, .context-notice .cm-btn.cm-btn-danger, .cookie-notice .cm-btn, .cookie-notice .cm-btn.cm-btn-info, .cookie-notice .cm-btn.cm-btn-success, .cookie-notice .cm-btn.cm-btn-decline, .cookie-notice .cm-btn.cm-btn-danger, &.learn-more-as-button .cookie-notice:not(.cookie-modal-notice) a.cm-link.cn-learn-more {
    border: 1px solid #fed69b !important;
    background-color: #fed69b !important;
    border-radius: 4px !important;
    color: #333 !important;
    font-weight: bold !important;
    &:hover {
      color: #333 !important;
      text-decoration: underline !important;
    }
    &:focus {
      color: #333 !important;
      text-decoration: underline !important;
      outline: none !important;
      box-shadow: 0 0 0 0.2rem rgba(254, 214, 155, 0.5) !important;
    }
  }
  .cn-body {
    color: #333 !important;
  }
  .cn-body a {
    font-weight: bold;
  }
  .cookie-modal, & .context-notice, & .cookie-notice {
    a {
      color: #9d1f60 !important;
      &:hover {
        text-decoration: underline !important;
      }
      &:focus {
        outline: none !important;
      }
    }
  }
  .cm-modal.cm-klaro:focus, .cm-modal.cm-klaro:focus-visible, .context-notice:focus, .context-notice:focus-visible, .cookie-notice:focus, .cookie-notice:focus-visible {
    outline: none !important;
    box-shadow: none !important;
  }
  .cookie-notice:not(.cookie-modal-notice) {
    border: 2px solid #9D1F60;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .2), 5px 5px 10px 0 rgba(0, 0, 0, .19) !important;
  }
  .cookie-modal h1, .cookie-modal h2, .cookie-modal h3, .cookie-modal h4, .cookie-modal h5, .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service span.cm-list-title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: bold;
    color: #333 !important;
  }
  .cm-list-input.required:checked + .cm-list-label .slider, .cookie-modal .cm-list-input.only-required+.cm-list-label .slider, .cm-list-input:checked + .cm-list-label .slider {
    background-color: #9d1f60 !important;
  }
  .cm-list-input:focus + .cm-list-label .slider {
    outline: 2px solid #9d1f60 !important;
  }
}
.klaro_toggle_dialog {
  background-image: url("../images/icon-klaro.svg");
}
.klaro_toggle_dialog:focus-visible {
  outline: none !important;
}

/* Fixes for Placeholder */

.field--name-field-media-oembed-video div[data-type="placeholder"] {
  display: block !important;
  background-size: 210px !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
}

.field--name-field-media-oembed-video div[data-type="placeholder"] .klaro.cm-as-context-notice {
  padding: 0;
  border-color: #6d6d6d;
  border-radius: 0 !important;
}

.field--name-field-media-oembed-video div[data-type="placeholder"] .klaro .context-notice {
  font-weight: bold;
  font-size: 16px;
  border-color: #ddd;
  box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
  background-color: rgba(250, 250, 250, 0.9) !important;
}