.klaro {
  font-family: "Manrope", system-ui, sans-serif;
}

.klaro .cookie-modal .cm-modal.cm-klaro,
.klaro .cookie-notice:not(.cookie-modal-notice),
.klaro .cookie-modal-notice,
.klaro .context-notice {
  background: rgb(255 255 255 / 94%) !important;
  color: #000 !important;
  border: 1px solid #d9d9d9 !important;
  border-radius: 16px !important;
  box-shadow: 0 16px 42px rgb(38 31 26 / 20%) !important;
}

.klaro .cookie-modal .cm-modal.cm-klaro *,
.klaro .cookie-notice:not(.cookie-modal-notice) *,
.klaro .cookie-modal-notice *,
.klaro .context-notice * {
  color: #000 !important;
}

.klaro .cm-btn {
  border-radius: 999px !important;
  font-weight: 700 !important;
  border: 1px solid transparent !important;
  color: #fff !important;
}

/* Nur notwendige */
.klaro .cm-btn.cm-btn-decline,
.klaro .cm-btn.cm-btn-close,
.klaro .cm-btn.cm-btn-danger,
.klaro .cm-btn.zahn-klaro-decline {
  background: #737373 !important;
  border-color: #737373 !important;
  color: #fff !important;
}

/* Auswahl speichern */
.klaro .cm-btn.cm-btn-accept,
.klaro .cm-btn.cm-btn-info,
.klaro .cm-btn.cm-btn-success-var,
.klaro .cm-btn.zahn-klaro-save {
  background: #1f6fd1 !important;
  border-color: #1f6fd1 !important;
  color: #fff !important;
}

/* Alle akzeptieren */
.klaro .cm-btn.cm-btn-accept-all,
.klaro .cm-btn.cm-btn-success,
.klaro .cm-btn.zahn-klaro-accept-all {
  background: #1f8f42 !important;
  border-color: #1f8f42 !important;
  color: #fff !important;
}

/* Required/always-on switch: greyed out */
.klaro .cm-list-input.required + .cm-list-label .cm-switch,
.klaro .cm-list-input.only-required + .cm-list-label .cm-switch {
  opacity: 0.75 !important;
  cursor: not-allowed !important;
}

.klaro .cm-list-input.required + .cm-list-label .slider,
.klaro .cm-list-input.only-required + .cm-list-label .slider,
.klaro .cm-list-input.required:checked + .cm-list-label .slider,
.klaro .cm-list-input.only-required:checked + .cm-list-label .slider {
  background: #b8b8b8 !important;
  border-color: #b8b8b8 !important;
}

.klaro .cm-list-input.required + .cm-list-label .slider::before,
.klaro .cm-list-input.only-required + .cm-list-label .slider::before {
  background: #efefef !important;
}

.klaro .cookie-modal .cm-footer .cm-powered-by {
  display: none !important;
}