/* CookieConsent v3 in the site's colours. Variables: assets/vendor/cookieconsent/cookieconsent.css */
#cc-main {
  --cc-font-family: Inter, sans-serif;
  --cc-modal-border-radius: 20px;
  /* Despite its name, this variable also rounds the category boxes in the settings.
     Keep it at a card radius; the buttons get their pill shape below. */
  --cc-btn-border-radius: 16px;

  --cc-bg: #FFFFFF;
  --cc-primary-color: #10261F;
  --cc-secondary-color: #4A5A53;
  --cc-link-color: #10261F;
  --cc-separator-border-color: #E6ECE4;
  --cc-overlay-bg: rgba(16, 38, 31, 0.6);

  /* Primary: only "Alle akzeptieren" (see equalWeightButtons in assets/js/consent.js). */
  --cc-btn-primary-bg: #10261F;
  --cc-btn-primary-color: #F4F6F3;
  --cc-btn-primary-border-color: #10261F;
  --cc-btn-primary-hover-bg: #2E6B52;
  --cc-btn-primary-hover-color: #FFFFFF;
  --cc-btn-primary-hover-border-color: #2E6B52;

  --cc-btn-secondary-bg: #E6ECE4;
  --cc-btn-secondary-color: #10261F;
  --cc-btn-secondary-border-color: #E6ECE4;
  --cc-btn-secondary-hover-bg: #D5E0D9;
  --cc-btn-secondary-hover-color: #10261F;
  --cc-btn-secondary-hover-border-color: #D5E0D9;

  --cc-toggle-on-bg: #2E6B52;
  --cc-toggle-off-bg: #6F8A7D;
  --cc-toggle-readonly-bg: #C9D4CC;

  --cc-cookie-category-block-bg: #F4F6F3;
  --cc-cookie-category-block-border: #E6ECE4;
  --cc-cookie-category-block-hover-bg: #E6ECE4;
  --cc-cookie-category-block-hover-border: #D5E0D9;
  --cc-cookie-category-expanded-block-bg: #FFFFFF;
  --cc-cookie-category-expanded-block-hover-bg: #F4F6F3;

  --cc-footer-bg: #F4F6F3;
  --cc-footer-color: #4A5A53;
  --cc-footer-border-color: #E6ECE4;
}

/* Pill-shaped buttons like on the rest of the site */
#cc-main .cm__btn,
#cc-main .pm__btn,
#cc-main .pm__close-btn { border-radius: 999px; }