/* Klaro theme for Zahnarztpraxis Platt */
.klaro {
  --green1: #f1c40f;
  --green2: #d4a80a;
  --green3: #f1c40f;
  --blue1: #f1c40f;
  --blue2: #d4a80a;
  --font-family: Jost, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --title-font-family: Jost, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --dark1: #252525;
  --dark2: #333333;
  --light1: #ffffff;
  --border-radius: 8px;
  --notice-max-width: 500px;
}

.klaro .cookie-modal,
.klaro .context-notice,
.klaro .cookie-notice {
  border: 1px solid #d1d5db !important;
  box-shadow: 0 12px 40px rgba(37, 37, 37, 0.18) !important;
  outline: none !important;
}

.klaro-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-learn-more,
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body a {
  color: #ffffff !important;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 0.14em;
}

.klaro .cm-btn:focus,
.klaro .cm-btn:active,
.klaro .cookie-modal:focus,
.klaro .cookie-notice:focus {
  outline: none !important;
  box-shadow: none !important;
}

.klaro .cookie-modal .cm-btn,
.klaro .context-notice .cm-btn,
.klaro .cookie-notice .cm-btn {
  min-height: 44px !important;
  padding: 0.75rem 1rem !important;
}

.klaro .cookie-modal .cm-btn.cm-btn-success,
.klaro .context-notice .cm-btn.cm-btn-success,
.klaro .cookie-notice .cm-btn.cm-btn-success {
  background-color: #f1c40f !important;
  color: #252525 !important;
}

.klaro .cookie-modal a,
.klaro .context-notice a,
.klaro .cookie-notice a {
  color: #252525 !important;
  text-decoration: underline;
}

.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: #f1c40f !important;
}