/* ============================================================
   Dikov-Theme fuer CookieConsent
   "Alle akzeptieren" = Kupfer-Hauptbutton (prominent),
   "Nur notwendige" und "Einstellungen" = dezent in Creme,
   aber klar sichtbar und auf der ersten Ebene (DSGVO-konform).
   ============================================================ */
#cc-main {
  --cc-font-family: 'IBM Plex Sans', system-ui, -apple-system, sans-serif;
  --cc-btn-border-radius: 8px;
  --cc-link-color: #9A5F26;

  /* Hauptbutton: Alle akzeptieren (Kupfer, gefuellt) */
  --cc-btn-primary-bg: #B87333;
  --cc-btn-primary-border-color: #B87333;
  --cc-btn-primary-color: #ffffff;
  --cc-btn-primary-hover-bg: #A06428;
  --cc-btn-primary-hover-border-color: #A06428;
  --cc-btn-primary-hover-color: #ffffff;

  /* Nebenbuttons: Nur notwendige / Einstellungen (dezent, Creme) */
  --cc-btn-secondary-bg: #F5F0E8;
  --cc-btn-secondary-border-color: #E8CDAE;
  --cc-btn-secondary-color: #5A5549;
  --cc-btn-secondary-hover-bg: #EDE6DA;
  --cc-btn-secondary-hover-border-color: #D4A574;
  --cc-btn-secondary-hover-color: #2C2C2A;
}

/* "Nur notwendige" gezielt dezent halten, damit nur "Alle akzeptieren"
   kupfern hervorsticht. Beide bleiben klar sichtbar auf der ersten Ebene. */
#cc-main .cm__btn[data-role="necessary"],
#cc-main .pm__btn[data-role="necessary"] {
  background: #F5F0E8;
  border-color: #E8CDAE;
  color: #5A5549;
}
#cc-main .cm__btn[data-role="necessary"]:hover,
#cc-main .pm__btn[data-role="necessary"]:hover {
  background: #EDE6DA;
  border-color: #D4A574;
  color: #2C2C2A;
}