/**
 * Hide elements visually, but keep them available for screen readers.
 *
 * Used for information required for screen reader users to understand and use
 * the site where visual display is undesirable. Information provided in this
 * manner should be kept concise, to avoid unnecessary burden on the user.
 * "!important" is used to prevent unintentional overrides.
 */
.visually-hidden {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
  width: 1px;
  word-wrap: normal;
}
/**
 * The .focusable class extends the .visually-hidden class to allow
 * the element to be focusable when navigated to via the keyboard.
 */
.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
  position: static !important;
  clip: auto;
  overflow: visible;
  height: auto;
  width: auto;
}
.klaro .cookie-modal {
  height: 100vh;
  --klaro-link-color: #f29400;
  --klaro-link-color-hover: #f29400;
  --klaro-button-bg: #8e2562;
  --klaro-button-text-color: #ffffff;
  --klaro-button-border: 1px solid #8e2562;
  --klaro-button-bg-hover: #6f1d4d;
  --klaro-button-text-color-hover: #ffffff;
  --klaro-button-border-hover: 1px solid #6f1d4d;
  --klaro-slider-bg: #777777;
  --klaro-slider-bg-active: #8e2562;
  --klaro-slider-bg-required: #8e2562;
}
.klaro .cookie-modal a,
.klaro .cookie-modal .cm-link {
  color: #f29400;
}
.klaro .cookie-modal a:hover,
.klaro .cookie-modal .cm-link:hover {
  color: #f29400;
}
.klaro .cookie-modal .cm-list-label .slider {
  background-color: #777777;
}
.klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider,
.klaro .cookie-modal .cm-list-input.required:checked + .cm-list-label .slider,
.klaro .cookie-modal .cm-list-input.half-checked:checked + .cm-list-label .slider {
  background-color: #8e2562;
}
.klaro .cookie-modal .cm-btn,
.klaro .cookie-modal .cm-btn.cm-btn-info,
.klaro .cookie-modal .cm-btn.cm-btn-success,
.klaro .cookie-modal .cm-btn.cm-btn-decline,
.klaro .cookie-modal .cm-btn.cm-btn-danger {
  background-color: #8e2562;
  border-color: #8e2562;
  color: #ffffff !important;
}
.klaro .cookie-modal .cm-btn:hover,
.klaro .cookie-modal .cm-btn.cm-btn-info:hover,
.klaro .cookie-modal .cm-btn.cm-btn-success:hover,
.klaro .cookie-modal .cm-btn.cm-btn-decline:hover,
.klaro .cookie-modal .cm-btn.cm-btn-danger:hover,
.klaro .cookie-modal .cm-btn:focus,
.klaro .cookie-modal .cm-btn.cm-btn-info:focus,
.klaro .cookie-modal .cm-btn.cm-btn-success:focus,
.klaro .cookie-modal .cm-btn.cm-btn-decline:focus,
.klaro .cookie-modal .cm-btn.cm-btn-danger:focus {
  background-color: #6f1d4d;
  border-color: #6f1d4d;
  color: #ffffff !important;
}
.klaro .context-notice {
  display: block;
  padding: 0.5rem;
  --klaro-button-bg: #8e2562;
  --klaro-button-text-color: #ffffff;
  --klaro-button-border: 1px solid #8e2562;
  --klaro-button-bg-hover: #6f1d4d;
  --klaro-button-text-color-hover: #ffffff;
  --klaro-button-border-hover: 1px solid #6f1d4d;
}
.klaro .context-notice p.cm-buttons {
  margin-top: 0.25rem;
}
.klaro .context-notice button.cm-btn.cm-btn-success,
.klaro .context-notice button.cm-btn.cm-btn-success-var {
  background-color: #8e2562;
  border-color: #8e2562;
  color: #ffffff !important;
  margin-bottom: 0.5rem;
}
.klaro .context-notice button.cm-btn.cm-btn-success:hover,
.klaro .context-notice button.cm-btn.cm-btn-success-var:hover {
  background-color: #6f1d4d;
  border-color: #6f1d4d;
  color: #ffffff !important;
}
.klaro .context-notice .cm-dialog-link {
  display: none;
}
/*# sourceMappingURL=./klaro.css.map */