/* Klaro Light-Theme in den Brandfarben (Web-Notaufnahme) */
div.klaro {
  --dark1: #fff;
  --dark2: #d5dde5;
  --dark3: #4a5868;
  --light1: #0b1b2b;
  --light2: #d5dde5;
  --light3: #4a5868;
  --green1: #0f3d5e;
  --green2: #0a7a55;
  --green3: #1f6feb;
  --blue1: #0f3d5e;
  --blue2: #1f6feb;
  --white1: #fff;
  --white2: #d5dde5;
  --white3: #fff;
  --button-text-color: #fff;
  --font-family: "Public Sans - local", system-ui, sans-serif;
  --title-font-family: "Space Grotesk - local", system-ui, sans-serif;
  --font-size: 15px;
  --border-radius: 8px;
}
div.klaro .cookie-notice:not(.cookie-modal-notice),
div.klaro .cookie-modal .cm-modal.cm-klaro {
  border: 1px solid #d5dde5;
  box-shadow: 0 10px 32px rgba(11, 27, 43, .18);
  color: #0b1b2b;
}
div.klaro .cookie-modal .cm-modal .cm-header h1,
div.klaro .cookie-modal .cm-modal .cm-header .title {
  font-family: var(--title-font-family);
  color: #0f3d5e;
}
div.klaro .cookie-modal a,
div.klaro .cookie-notice a,
div.klaro .cookie-notice .cm-link {
  color: #1f6feb;
}
div.klaro .cookie-modal .cm-btn,
div.klaro .cookie-notice .cm-btn {
  background: #fff;
  color: #0f3d5e;
  border: 2px solid #0f3d5e;
  font-weight: 600;
  border-radius: 8px;
  padding: 8px 14px;
}
div.klaro .cookie-modal .cm-btn.cm-btn-success,
div.klaro .cookie-notice .cm-btn.cm-btn-success,
div.klaro .cookie-modal .cm-btn.cm-btn-info,
div.klaro .cookie-notice .cm-btn.cm-btn-info {
  background: #0f3d5e;
  color: #fff;
}
div.klaro .cookie-modal .cm-btn:hover,
div.klaro .cookie-notice .cm-btn:hover {
  background: #f3f6f9;
}
div.klaro .cookie-modal .cm-btn.cm-btn-success:hover,
div.klaro .cookie-notice .cm-btn.cm-btn-success:hover,
div.klaro .cookie-modal .cm-btn.cm-btn-info:hover,
div.klaro .cookie-notice .cm-btn.cm-btn-info:hover {
  background: #0b1b2b;
}
div.klaro .cookie-modal .cm-btn:focus-visible,
div.klaro .cookie-notice .cm-btn:focus-visible,
div.klaro .cookie-notice .cm-link:focus-visible {
  outline: 3px solid #1f6feb;
  outline-offset: 2px;
}
div.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-required,
div.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service span.cm-required {
  color: #4a5868;
}
div.klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by a {
  color: #4a5868;
}