/* ============================================================
   Zustimmungsdialog im ANWA-Aussehen
   Dunkelblau, Helvetica, eckig — beide Schaltflächen gleichwertig
   ============================================================ */
#cc-main {
  --cc-font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --cc-bg: #ffffff;
  --cc-primary-color: #1a365d;
  --cc-secondary-color: #5a6b80;

  --cc-btn-primary-bg: #1a365d;
  --cc-btn-primary-color: #ffffff;
  --cc-btn-primary-border-color: #1a365d;
  --cc-btn-primary-hover-bg: #2b6cb0;
  --cc-btn-primary-hover-color: #ffffff;
  --cc-btn-primary-hover-border-color: #2b6cb0;

  --cc-btn-secondary-bg: #ffffff;
  --cc-btn-secondary-color: #1a365d;
  --cc-btn-secondary-border-color: #1a365d;
  --cc-btn-secondary-hover-bg: #1a365d;
  --cc-btn-secondary-hover-color: #ffffff;
  --cc-btn-secondary-hover-border-color: #1a365d;

  --cc-separator-border-color: rgba(26, 54, 93, 0.15);
  --cc-toggle-on-bg: #2b6cb0;
  --cc-toggle-off-bg: #9aa7b6;
  --cc-toggle-readonly-bg: #d6dee8;
  --cc-link-color: #2b6cb0;

  --cc-modal-border-radius: 0;
  --cc-btn-border-radius: 0;
  --cc-modal-transition-duration: .25s;
  --cc-footer-bg: #f4f7fb;
  --cc-footer-border-color: rgba(26, 54, 93, 0.15);
}

#cc-main .cm,
#cc-main .pm {
  border: 1px solid rgba(26, 54, 93, 0.18);
  box-shadow: 0 18px 50px rgba(14, 35, 64, 0.18);
}

#cc-main .cm__title,
#cc-main .pm__title {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.035em;
  color: #1a365d;
}

#cc-main .cm__desc,
#cc-main .pm__body { line-height: 1.6; }

#cc-main .cm__btn,
#cc-main .pm__btn {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.82rem;
  border-width: 2px;
  border-style: solid;
  padding: 0.85rem 1.4rem;
}

/* „Einstellungen" bleibt ein zurückhaltender Textlink */
#cc-main .cm__btn[data-role="show"] {
  background: transparent;
  border-color: transparent;
  color: #2b6cb0;
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
#cc-main .cm__btn[data-role="show"]:hover {
  background: transparent;
  color: #1a365d;
  border-color: transparent;
}

#cc-main .pm__section--toggle .pm__section-title { font-weight: 700; }

@media (prefers-reduced-motion: reduce) {
  #cc-main { --cc-modal-transition-duration: 0s; }
}
