/* Cookie-Banner im Look von maxkuerner.com.
   Werte fest eingetragen statt var(--void) usw., weil 404.html die
   Seiten-Tokens nicht hat. Akzent #c8ff00 nur im eingeschalteten Schalter. */
#cc-main{
  --cc-font-family:'Schibsted Grotesk',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
  --cc-modal-border-radius:0;
  --cc-btn-border-radius:0;
  --cc-pm-toggle-border-radius:0;

  --cc-bg:#0d0d0d;
  --cc-primary-color:#f2f2f0;
  --cc-secondary-color:#a6a6a4;
  --cc-link-color:#f2f2f0;
  --cc-overlay-bg:rgba(5,5,5,.82);

  --cc-btn-primary-bg:transparent;
  --cc-btn-primary-color:#f2f2f0;
  --cc-btn-primary-border-color:rgba(237,237,235,.20);
  --cc-btn-primary-hover-bg:#f2f2f0;
  --cc-btn-primary-hover-color:#050505;
  --cc-btn-primary-hover-border-color:#f2f2f0;

  --cc-btn-secondary-bg:transparent;
  --cc-btn-secondary-color:#f2f2f0;
  --cc-btn-secondary-border-color:rgba(237,237,235,.20);
  --cc-btn-secondary-hover-bg:#f2f2f0;
  --cc-btn-secondary-hover-color:#050505;
  --cc-btn-secondary-hover-border-color:#f2f2f0;

  --cc-separator-border-color:rgba(237,237,235,.11);
  --cc-section-category-border:rgba(237,237,235,.11);

  --cc-toggle-on-bg:#c8ff00;
  --cc-toggle-on-knob-bg:#050505;
  --cc-toggle-enabled-icon-color:#c8ff00;
  --cc-toggle-off-bg:#2b2b2a;
  --cc-toggle-off-knob-bg:#f2f2f0;
  --cc-toggle-disabled-icon-color:#2b2b2a;
  --cc-toggle-readonly-bg:#3a3a39;
  --cc-toggle-readonly-knob-bg:#a6a6a4;
  --cc-toggle-readonly-knob-icon-color:#3a3a39;

  --cc-cookie-category-block-bg:#141414;
  --cc-cookie-category-block-border:rgba(237,237,235,.11);
  --cc-cookie-category-block-hover-bg:#181818;
  --cc-cookie-category-block-hover-border:rgba(237,237,235,.20);
  --cc-cookie-category-expanded-block-bg:#101010;
  --cc-cookie-category-expanded-block-hover-bg:#141414;

  --cc-footer-bg:#0d0d0d;
  --cc-footer-color:#a6a6a4;
  --cc-footer-border-color:rgba(237,237,235,.11);

  --cc-webkit-scrollbar-bg:#2b2b2a;
  --cc-webkit-scrollbar-hover-bg:#3a3a39;
}

#cc-main .cm,
#cc-main .pm{border:1px solid rgba(237,237,235,.20);box-shadow:none}

#cc-main .cm__title,
#cc-main .pm__title{font-weight:500;letter-spacing:-.015em}

#cc-main .cm__desc,
#cc-main .pm__section-desc{text-wrap:pretty;hyphens:manual}

#cc-main .cm__btn,
#cc-main .pm__btn{
  font-family:'IBM Plex Mono',ui-monospace,'SFMono-Regular',Menlo,monospace;
  font-size:12px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;
}

#cc-main a{text-decoration:underline;text-underline-offset:3px}

@media (prefers-reduced-motion:reduce){
  #cc-main *,#cc-main *::before,#cc-main *::after{transition:none!important;animation:none!important}
}