/**
 * Cookie-Consent – Anpassung an das Theme
 * ---------------------------------------------------------------------------
 * Die Website ist durchgehend kantig: .uk-button und .wpforms-submit haben
 * keinen border-radius. Die runden Ecken von vanilla-cookieconsent werden
 * daher überall auf 0 gesetzt – Buttons, Dialoge, Schalter, Badges.
 *
 * Farben: Markenblau #014d73. Schrift: Roboto.
 */

#cc-main {
  --cc-font-family: Roboto, sans-serif;

  --cc-bg: #fff;
  --cc-primary-color: #333;
  --cc-secondary-color: #666;

  /* Beide Hauptbuttons identisch – kein Dark Pattern. */
  --cc-btn-primary-bg: #014d73;
  --cc-btn-primary-color: #fff;
  --cc-btn-primary-border-color: #014d73;
  --cc-btn-primary-hover-bg: #01394f;
  --cc-btn-primary-hover-color: #fff;
  --cc-btn-primary-hover-border-color: #01394f;

  --cc-btn-secondary-bg: #014d73;
  --cc-btn-secondary-color: #fff;
  --cc-btn-secondary-border-color: #014d73;
  --cc-btn-secondary-hover-bg: #01394f;
  --cc-btn-secondary-hover-color: #fff;
  --cc-btn-secondary-hover-border-color: #01394f;

  --cc-separator-border-color: #e5e5e5;

  --cc-toggle-on-bg: #014d73;
  --cc-toggle-off-bg: #bfc8d6;
  --cc-toggle-on-knob-bg: #fff;
  --cc-toggle-off-knob-bg: #fff;

  --cc-toggle-readonly-bg: #e5e5e5;
  --cc-toggle-readonly-knob-bg: #fff;
  --cc-toggle-readonly-knob-icon-color: #bfc8d6;

  --cc-link-color: #014d73;
  --cc-link-hover-color: #01394f;

  --cc-overlay-bg: rgba(1, 77, 115, .75);

  --cc-cookie-category-block-bg: #f8f8f8;
  --cc-cookie-category-block-border: #e5e5e5;
  --cc-cookie-category-block-hover-bg: #ebebeb;
  --cc-cookie-category-block-hover-border: #e5e5e5;
  --cc-cookie-category-expanded-block-bg: transparent;

  --cc-footer-bg: #f8f8f8;
  --cc-footer-color: #666;
  --cc-footer-border-color: #e5e5e5;

  /* Kantig. */
  --cc-btn-border-radius: 0;
  --cc-modal-border-radius: 0;
  --cc-pm-toggle-border-radius: 0;
}

/*
 * Buttons exakt wie .uk-button / .wpforms-submit:
 * padding 0 30px, line-height 38px, .875rem, letter-spacing .05em, ohne Radius.
 */
#cc-main .cm__btn,
#cc-main .pm__btn {
  border-radius: 0;
  padding: 0 30px;
  line-height: 38px;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: .05em;
  text-transform: none;
  border: 1px solid transparent;
}

/* Restliche runde Stellen, die nicht über Variablen laufen. */
#cc-main .pm__badge,
#cc-main .pm__service-icon,
#cc-main .pm__section--expandable .pm__section-arrow,
#cc-main .toggle__icon,
#cc-main .toggle__icon-circle,
#cc-main .section__toggle,
#cc-main .section__toggle-wrapper,
#cc-main .toggle__label,
#cc-main ::-webkit-scrollbar-thumb {
  border-radius: 0;
}

/* Überschriften in Markenblau. */
#cc-main .cm__title,
#cc-main .pm__title {
  color: #014d73;
}

/* Badge „immer aktiv" an die Palette angleichen. */
#cc-main .pm__badge {
  background: #bfc8d6;
  color: #014d73;
}