/* Cookie-Banner im Look von The Other */
#cc-main {
  --cc-font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --cc-bg: #0f0d0d;
  --cc-primary-color: #d8d0c4;
  --cc-secondary-color: #a99f96;
  --cc-link-color: #d8d0c4;

  --cc-btn-primary-bg: #8c1616;
  --cc-btn-primary-color: #ffffff;
  --cc-btn-primary-border-color: #8c1616;
  --cc-btn-primary-hover-bg: #731111;
  --cc-btn-primary-hover-color: #ffffff;
  --cc-btn-primary-hover-border-color: #731111;

  --cc-btn-secondary-bg: #1c1918;
  --cc-btn-secondary-color: #d8d0c4;
  --cc-btn-secondary-border-color: #2a2524;
  --cc-btn-secondary-hover-bg: #2a2524;
  --cc-btn-secondary-hover-color: #ffffff;
  --cc-btn-secondary-hover-border-color: #2a2524;

  --cc-separator-border-color: #2a2524;
  --cc-toggle-on-bg: #8c1616;
  --cc-toggle-off-bg: #4a4442;
  --cc-toggle-readonly-bg: #2a2524;
  --cc-cookie-category-block-bg: #1c1918;
  --cc-cookie-category-block-border: #2a2524;
  --cc-cookie-category-block-hover-bg: #242020;
  --cc-cookie-category-block-hover-border: #2a2524;
  --cc-cookie-category-expanded-block-bg: #1c1918;
  --cc-cookie-category-expanded-block-hover-bg: #242020;
  --cc-footer-bg: #000000;
  --cc-footer-color: #a99f96;
  --cc-footer-border-color: #2a2524;
  --cc-overlay-bg: rgba(0, 0, 0, .8);

  --cc-modal-border-radius: 4px;
  --cc-btn-border-radius: 3px;
}

#cc-main .cm__title,
#cc-main .pm__title {
  font-family: "AlbertusMedium", serif;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: .03em;
}