/*-- scss:rules --*/
/* =====================================================================
   COOKIE-HINWEIS (TermsFeed, auf den Kurs-Sites über Quarto cookie-consent) im Relaxed-Design.
   EINE Quelle für alle Sites: Teil des Themes der Kurs-Sites (core/relaxed/quarto_config.py) und auf den
   Landing Pages als /assets/relaxed-cookie.css (core/relaxed/landing.py). Deshalb reines CSS (keine
   SCSS-Syntax) und Variablen mit Rückfallwerten (auf Landing Pages gibt es nur die Markenfarben aus tokens.css).
   Schwebende Karte statt grauer Leiste; „Akzeptieren“ und „Ablehnen“ gleich prominent.
   Die Regeln hängen an der ID, damit sie die eingebetteten TermsFeed-Stile schlagen.
   ===================================================================== */
#termsfeed-com---nb.termsfeed-com---nb {
  left: auto !important;
  right: 1.25rem !important;
  bottom: 1.25rem !important;
  width: min(420px, calc(100vw - 2rem)) !important;
  max-width: none !important;
  background: var(--rx-surface, #FFFFFF) !important;
  border: 1px solid var(--rx-line, #E3E7F0) !important;
  border-radius: 1rem !important;
  box-shadow: var(--rx-shadow-lg, 0 18px 44px rgba(14, 20, 38, .11), 0 4px 10px rgba(14, 20, 38, .05)) !important;
  font-family: inherit !important;
  overflow: hidden;
}
#termsfeed-com---nb .cc-nb-main-container { padding: 1.15rem 1.2rem 1.05rem !important; }
#termsfeed-com---nb .cc-nb-title {
  margin: 0 0 .4rem !important;
  font-family: inherit !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: var(--rx-ink-900, #0F172A) !important;
}
#termsfeed-com---nb .cc-nb-text {
  margin: 0 0 .9rem !important;
  font-family: inherit !important;
  font-size: .8rem !important;
  line-height: 1.5 !important;
  color: var(--rx-ink-500, #5A6382) !important;
}
#termsfeed-com---nb .cc-nb-buttons-container {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
}
#termsfeed-com---nb .cc-nb-buttons-container button {
  margin: 0 !important;
  padding: .5rem 1.05rem !important;
  border-radius: 999px !important;
  font-family: inherit !important;
  font-size: .82rem !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  cursor: pointer;
  transition: filter .15s ease, border-color .15s ease;
}
#termsfeed-com---nb .cc-nb-okagree,
#termsfeed-com---nb .cc-nb-reject {
  background: linear-gradient(135deg, var(--rx-brand), var(--rx-brand-alt)) !important;
  color: #fff !important;
  border: 1px solid transparent !important;
}
#termsfeed-com---nb .cc-nb-okagree:hover,
#termsfeed-com---nb .cc-nb-reject:hover { filter: brightness(1.07); }
#termsfeed-com---nb .cc-nb-changep {
  background: transparent !important;
  color: var(--rx-ink-500, #5A6382) !important;
  border: 1px solid var(--rx-line, #E3E7F0) !important;
}
#termsfeed-com---nb .cc-nb-changep:hover { border-color: var(--rx-brand) !important; color: var(--rx-brand-dark) !important; }
@media (max-width: 576px) {
  #termsfeed-com---nb.termsfeed-com---nb { right: 1rem !important; bottom: 1rem !important; }
}

/* Einstellungsdialog (nach „Einstellungen ändern“): Markenfarbe statt Grün */
.termsfeed-com---pc-dialog .cc-cp-foot-save,
.termsfeed-com---pc-dialog input[type="checkbox"].cc-custom-checkbox:checked + label::before {
  background: var(--rx-brand) !important;
  border-color: var(--rx-brand) !important;
}
.termsfeed-com---pc-dialog .cc-cp-foot-save { border-radius: 999px !important; font-family: inherit !important; }