/* BassaraFIT – Gestaltung des Cookie-Banners (überschreibt assets/vendor/cookieconsent.css) */
#cc-main{
  --cc-font-family:var(--body,'Inter',Helvetica,Arial,sans-serif);
  --cc-modal-border-radius:0;
  --cc-btn-border-radius:0;
  --cc-modal-transition-duration:.35s;
  --cc-link-color:#E2FF00;
  --cc-modal-margin:16px;
  --cc-z-index:2147483000;

  --cc-bg:#0A0A0A;
  --cc-primary-color:#FFFFFF;
  --cc-secondary-color:#C9C9C9;

  --cc-btn-primary-bg:#E2FF00;
  --cc-btn-primary-color:#0A0A0A;
  --cc-btn-primary-border-color:#E2FF00;
  --cc-btn-primary-hover-bg:#FFFFFF;
  --cc-btn-primary-hover-color:#0A0A0A;
  --cc-btn-primary-hover-border-color:#FFFFFF;

  --cc-btn-secondary-bg:transparent;
  --cc-btn-secondary-color:#FFFFFF;
  --cc-btn-secondary-border-color:rgba(255,255,255,.28);
  --cc-btn-secondary-hover-bg:rgba(255,255,255,.08);
  --cc-btn-secondary-hover-color:#FFFFFF;
  --cc-btn-secondary-hover-border-color:#FFFFFF;

  --cc-separator-border-color:rgba(255,255,255,.14);

  --cc-toggle-on-bg:#E2FF00;
  --cc-toggle-off-bg:#545454;
  --cc-toggle-on-knob-bg:#0A0A0A;
  --cc-toggle-off-knob-bg:#0A0A0A;
  --cc-toggle-enabled-icon-color:#0A0A0A;
  --cc-toggle-disabled-icon-color:#0A0A0A;
  --cc-toggle-readonly-bg:#7A7A7A;
  --cc-toggle-readonly-knob-bg:#0A0A0A;
  --cc-toggle-readonly-knob-icon-color:#7A7A7A;

  --cc-section-category-border:rgba(255,255,255,.14);
  --cc-cookie-category-block-bg:#141414;
  --cc-cookie-category-block-border:rgba(255,255,255,.14);
  --cc-cookie-category-block-hover-bg:#1B1B1B;
  --cc-cookie-category-block-hover-border:rgba(255,255,255,.24);
  --cc-cookie-category-expanded-block-bg:#0A0A0A;
  --cc-cookie-category-expanded-block-hover-bg:#141414;

  --cc-overlay-bg:rgba(0,0,0,.72);
  --cc-webkit-scrollbar-bg:#545454;
  --cc-webkit-scrollbar-hover-bg:#7A7A7A;

  --cc-footer-bg:#0A0A0A;
  --cc-footer-color:#7A7A7A;
  --cc-footer-border-color:rgba(255,255,255,.14);
}

#cc-main .cm,#cc-main .pm{border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 60px rgba(0,0,0,.55)}

/* Überschriften wie auf der Seite: Archivo, schmal, fett, Versalien */
#cc-main .cm__title,#cc-main .pm__title{
  font-family:var(--display,'Archivo',Helvetica,Arial,sans-serif);
  font-weight:800;font-stretch:78%;text-transform:uppercase;letter-spacing:0;line-height:1
}
#cc-main .cm__title{font-size:1.75rem;margin-bottom:.25em}
#cc-main .pm__title{font-size:1.5rem}
#cc-main .pm__section-title{font-weight:600}
#cc-main .cm__desc,#cc-main .pm__section-desc{line-height:1.55}

/* Buttons wie die Buttons der Seite */
#cc-main .cm__btn,#cc-main .pm__btn{
  font-family:var(--display,'Archivo',Helvetica,Arial,sans-serif);
  font-weight:800;font-stretch:78%;text-transform:uppercase;letter-spacing:.02em;
  font-size:.95rem;min-height:48px
}
#cc-main .cm__btn--secondary,#cc-main .pm__btn--secondary{border-width:1px}

#cc-main .cm__footer{font-size:.8rem}
#cc-main .cm__links a,#cc-main .cm__link-group a{color:#C9C9C9}
#cc-main .cm__links a:hover,#cc-main .cm__link-group a:hover{color:#FFFFFF}

#cc-main .pm__badge{
  display:inline-block;margin-left:.5em;padding:.2em .5em;font-size:.7rem;font-weight:600;
  text-transform:uppercase;letter-spacing:.04em;background:#545454;color:#FFFFFF;border-radius:0;vertical-align:middle
}
#cc-main .pm__table-th,#cc-main .pm__table-td{font-size:.8rem}
#cc-main a{text-underline-offset:2px}

/* Schwebendes Cookie-Symbol (nach einer Entscheidung immer sichtbar) */
#cc-fab{
  position:fixed;left:16px;bottom:16px;z-index:2147482000;
  width:48px;height:48px;display:grid;place-items:center;padding:0;cursor:pointer;
  background:#0A0A0A;border:1px solid rgba(255,255,255,.28);border-radius:0;
  box-shadow:0 8px 24px rgba(0,0,0,.4);transition:background .2s,border-color .2s,transform .2s
}
#cc-fab svg{width:24px;height:24px;fill:none;stroke:#E2FF00;stroke-width:1.6;stroke-linejoin:round}
#cc-fab svg circle{fill:#E2FF00;stroke:none}
#cc-fab:hover{background:#E2FF00;border-color:#E2FF00}
#cc-fab:hover svg{stroke:#0A0A0A}
#cc-fab:hover svg circle{fill:#0A0A0A}
html.show--consent #cc-fab,html.show--preferences #cc-fab{display:none}
@media print{#cc-fab{display:none}}

/* Tastaturbedienung gut sichtbar */
#cc-main button:focus-visible,#cc-main a:focus-visible,#cc-main input:focus-visible+.section__toggle,#cc-fab:focus-visible{
  outline:2px solid #E2FF00;outline-offset:3px
}

/* Kleinere Schrift im Banner auf dem Handy, damit er weniger verdeckt */
@media (max-width:640px){
  #cc-main .cm .cm__desc{font-size:.8125rem;line-height:1.45;max-height:38vh;overflow-y:auto}
  #cc-main .cm .cm__title{font-size:1.4rem}
  #cc-main .cm .cm__btn{min-height:44px}
  #cc-fab{width:44px;height:44px;left:12px;bottom:12px}
}