/* Cookie-Banner, NutriDoc, nutzt die Farben aus :root der Website */
#af-consent {
  position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 9999;
  max-width: 560px; margin-left: auto;
  background: #fff; color: var(--ink, #212327);
  border: 1px solid var(--divider, #DCDCDE); border-radius: 10px;
  box-shadow: 0 8px 32px rgba(81, 45, 109, .20);
  font-family: Roboto, Arial, sans-serif; font-size: 14px; line-height: 1.5;
}
.af-consent__inner { padding: 18px 20px; }
.af-consent__title { margin: 0 0 6px; font-family: "Zilla Slab", Georgia, serif; font-weight: 700; font-size: 18px; color: var(--purple, #512D6D); }
.af-consent__text { margin: 0 0 12px; color: var(--body, #333333); }
.af-consent__text a { color: var(--purple, #512D6D); }
.af-consent__opts { display: grid; gap: 6px; margin: 0 0 12px; }
.af-consent__opts label { display: flex; gap: 8px; align-items: center; }
.af-consent__btns { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.af-btn { font: inherit; font-weight: 600; padding: 9px 14px; border-radius: 8px; cursor: pointer; border: 1px solid var(--purple, #512D6D); }
.af-btn--main { background: var(--purple, #512D6D); border-color: var(--purple, #512D6D); color: #fff; }
.af-btn--ghost { background: transparent; color: var(--purple, #512D6D); }
.af-btn[hidden], .af-consent__opts[hidden] { display: none; }
@media (max-width: 480px) { .af-btn { flex: 1 1 100%; } }