/* Cookie-Banner im Grüne-Felder-Design.

   Übernommen von der tom&lea-Website (dort consent/design.css), Farben und
   Formen hier aber aus dem Elementor-Kit dieser Seite — also den Variablen in
   css/style.css. Die Bibliothek liest ihre eigenen --cc-*-Variablen, deshalb
   werden sie hier gesetzt statt Regeln zu überschreiben.

   Anders als drüben: diese Seite kennt 1px-Linien (--linie) und benutzt sie,
   der Knopf ist limettengelb auf Fast-Schwarz. Beides bleibt so, sonst sähe
   der Banner aus wie von einer anderen Website. */
#cc-main {
  --cc-font-family: "Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --cc-modal-border-radius: 12px;
  --cc-btn-border-radius: 6px;
  --cc-modal-transition-duration: .25s;

  --cc-bg: #ffffff;
  --cc-primary-color: #142611;
  --cc-secondary-color: #737373;
  --cc-link-color: #33602B;

  /* Der Hauptknopf ist derselbe wie die CTAs der Seite: Akzent-Limette mit
     fast schwarzer Schrift. Der Hover ist dort keine zweite Farbe, sondern
     brightness(0.93) — als Hex nachgebaut, weil die Bibliothek eine Farbe
     erwartet und keinen Filter. */
  --cc-btn-primary-bg: #E8F243;
  --cc-btn-primary-color: #202020;
  --cc-btn-primary-border-color: #E8F243;
  --cc-btn-primary-hover-bg: #D8E13E;
  --cc-btn-primary-hover-color: #202020;
  --cc-btn-primary-hover-border-color: #D8E13E;

  --cc-btn-secondary-bg: #F4F6F6;
  --cc-btn-secondary-color: #142611;
  --cc-btn-secondary-border-color: #E0E6E5;
  --cc-btn-secondary-hover-bg: #E0E6E5;
  --cc-btn-secondary-hover-color: #142611;
  --cc-btn-secondary-hover-border-color: #D5D5D5;

  --cc-separator-border-color: #E0E6E5;
  --cc-toggle-on-bg: #33602B;
  --cc-toggle-off-bg: #D5D5D5;
  --cc-toggle-on-knob-bg: #ffffff;
  --cc-toggle-off-knob-bg: #ffffff;
  --cc-toggle-enabled-icon-color: #33602B;
  --cc-toggle-disabled-icon-color: #737373;
  --cc-toggle-readonly-bg: #E0E6E5;
  --cc-toggle-readonly-knob-bg: #ffffff;
  --cc-toggle-readonly-knob-icon-color: #33602B;

  --cc-section-category-border: #E0E6E5;
  --cc-cookie-category-block-bg: #F4F6F6;
  --cc-cookie-category-block-border: #E0E6E5;
  --cc-cookie-category-block-hover-bg: #E0E6E5;
  --cc-cookie-category-block-hover-border: #D5D5D5;
  --cc-cookie-category-expanded-block-bg: transparent;
  --cc-cookie-category-expanded-block-hover-bg: #E0E6E5;

  --cc-overlay-bg: rgb(20 38 17 / 45%);
  --cc-footer-bg: #F4F6F6;
  --cc-footer-color: #737373;
  --cc-footer-border-color: #E0E6E5;
}

/* Derselbe Schatten wie die Karten der Seite (--schatten in css/style.css),
   hier ausgeschrieben: der Banner hängt außerhalb von :root-Kontexten, in
   denen die Variable gilt. Die dritte Lage hebt ihn vom Seiteninhalt ab. */
#cc-main .cm,
#cc-main .pm {
  box-shadow: 0 1px 2px rgb(20 38 17 / 5%), 0 12px 32px -16px rgb(20 38 17 / 20%), 0 30px 60px -30px rgb(20 38 17 / 30%) !important;
}

/* Überschriften der Seite laufen in Josefin Sans und versal — im Banner wäre
   das zu laut für eine Zeile, die niemand lesen will, aber lesen muss. */
#cc-main .cm__title,
#cc-main .pm__title,
#cc-main .pm__section-title {
  font-family: "Figtree", sans-serif !important;
  font-weight: 700 !important;
  color: #142611 !important;
}
#cc-main .cm__title,
#cc-main .pm__title { font-size: 1.05rem !important; line-height: 1.35 !important; }
#cc-main .cm__desc,
#cc-main .pm__section-desc { line-height: 1.6 !important; }
#cc-main .cm__btn,
#cc-main .pm__btn { font-weight: 600 !important; }

/* Die Bibliothek nimmt --cc-btn-border-radius auch für die aufklappbaren
   Abschnitte der Einstellungen. Bei tom&lea (Pillen-Knöpfe, 999px) wurde
   daraus eine Ellipse, die den Text abschnitt. Hier sind es 6px und damit
   harmlos — der eigene Radius steht trotzdem da, damit ein späterer runderer
   Knopf denselben Fehler nicht wieder auslöst. */
#cc-main .pm__section,
#cc-main .pm__section--toggle,
#cc-main .pm__section-title { border-radius: 8px !important; }
#cc-main .pm__section--toggle .pm__section-desc-wrapper { border-radius: 0 0 8px 8px !important; }