/*!
 * Cookie-Consent — Marken-Styling (v1.33.71)
 * ---------------------------------------------------------------------------
 * Überschreibt die Standard-Variablen von vanilla-cookieconsent v3
 * (static/vendor/cookieconsent/cookieconsent.css) mit der Markenwelt aus
 * style.css: Terrakotta (#c25e3a), Creme (#faf7f2), Radius 16px.
 * Diese Datei wird NACH der Vendor-CSS geladen — gleiche Spezifität,
 * deshalb gewinnt sie.
 *
 * Wichtig für die Rechtskonformität: "Alle akzeptieren" und "Alle ablehnen"
 * bleiben optisch gleichwertig (vanilla-cookieconsent entfernt bei
 * equalWeightButtons=true die Sekundär-Klasse; beide Buttons nutzen daher
 * dieselbe Primärfarbe). Hier KEINE ungleiche Gewichtung einbauen!
 */

#cc-main {
  --cc-font-family: "Avenir Next", "Segoe UI", system-ui, -apple-system, sans-serif;
  --cc-modal-border-radius: 16px;
  --cc-btn-border-radius: 10px;
  --cc-bg: #fffdf9;
  --cc-primary-color: #2b2320;
  --cc-secondary-color: #6b5f57;
  --cc-link-color: #a34a2b;
  --cc-separator-border-color: #e8dfd5;
  --cc-modal-margin: 1.1rem;

  /* Buttons */
  --cc-btn-primary-bg: #c25e3a;
  --cc-btn-primary-color: #ffffff;
  --cc-btn-primary-border-color: #c25e3a;
  --cc-btn-primary-hover-bg: #a34a2b;
  --cc-btn-primary-hover-color: #ffffff;
  --cc-btn-primary-hover-border-color: #a34a2b;
  --cc-btn-secondary-bg: #f7e8df;
  --cc-btn-secondary-color: #2b2320;
  --cc-btn-secondary-border-color: #e8dfd5;
  --cc-btn-secondary-hover-bg: #f0d9cb;
  --cc-btn-secondary-hover-color: #2b2320;
  --cc-btn-secondary-hover-border-color: #e0cdbd;

  /* Kategorien/Blöcke */
  --cc-cookie-category-block-bg: #faf7f2;
  --cc-cookie-category-block-border: #e8dfd5;
  --cc-cookie-category-block-hover-bg: #f7e8df;
  --cc-cookie-category-block-hover-border: #e0cdbd;
  --cc-cookie-category-expanded-block-bg: transparent;
  --cc-cookie-category-expanded-block-hover-bg: #f7e8df;
  --cc-section-category-border: #e8dfd5;

  /* Schalter */
  --cc-toggle-on-bg: #c25e3a;
  --cc-toggle-on-knob-bg: #ffffff;
  --cc-toggle-off-bg: #d9cfc5;
  --cc-toggle-off-knob-bg: #ffffff;
  --cc-toggle-enabled-icon-color: #ffffff;
  --cc-toggle-disabled-icon-color: #6b5f57;
  --cc-pm-toggle-border-radius: 8px;

  /* Fußzeile des Banners */
  --cc-footer-bg: #faf7f2;
  --cc-footer-color: #6b5f57;
  --cc-footer-border-color: #e8dfd5;

  --cc-overlay-bg: rgba(43, 35, 32, .45);
}

/* Dezenter Rahmen — der Banner soll sich vom Seitenhintergrund abheben. */
#cc-main .cm,
#cc-main .pm {
  border: 1px solid #ece2d8;
}

/* Nom Nom als kleiner Blickfang links neben dem Banner-Titel
   (Bild-URL kommt als Custom-Property aus consent.js). */
#cc-main .cm__title {
  background-image: var(--cc-nomnom, none);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 34px 34px;
  line-height: 34px;
  min-height: 34px;
  padding-left: 44px;
}

/* Der Banner soll auf schmalen Displays die Breite sauber nutzen. */
@media (max-width: 640px) {
  #cc-main .cm {
    max-width: none;
    left: var(--cc-modal-margin);
    right: var(--cc-modal-margin);
  }
  #cc-main .cm__btns,
  #cc-main .cm__links {
    padding: .9rem 1rem;
  }
}

/* Footer-Link "Cookie-Einstellungen" (templates/base.html) — sieht aus wie
   die übrigen Footer-Links, ist aber ein <button> (öffnet den
   Einstellungs-Dialog erneut; Widerruf mit einem Klick). */
.footer-consent {
  all: unset;
  cursor: pointer;
  color: inherit;
  font: inherit;
  text-decoration: none;
  padding: 2px 0;
}
.footer-consent:hover,
.footer-consent:focus-visible {
  color: #eab08a;
  text-decoration: underline;
}
.footer-consent:focus-visible {
  outline: 2px solid #eab08a;
  outline-offset: 2px;
  border-radius: 4px;
}