/* GeldProfi — Aussehen des Cookie-Hinweises (A1659, angeglichen A1692 an die Kajabi-Seiten).
   Gemessen an Gregors Bildern der Betriebe-Seite (D:\Geldprofi\_shared\Vertrieb\Kajabi\Bilder\betriebe-computer.jpg,
   betriebe-handy.jpg) und Kajabi-Design-Grundlage (Look A):
   - Knoepfe eckig (Radius 0). Hauptknopf Creme #F3E3CA, Schrift #2B2621, ca. 42 px hoch, Schrift 14 px mittel (500).
   - Nebenknopf: Umriss 2 px Gold #C98A2A, Schrift Gold, Flaeche durchsichtig.
   - Links Gold #C98A2A, unterstrichen.
   „Alle erlauben“ und „Nur notwendige“ sehen GLEICH aus (Ablehnen genauso leicht wie Zustimmen, nicht abschwaechen).
   A1696 (Gregor: Braun wirkt schmutzig): Hintergrund = Seitenschwarz #0B0907, gemessen 04.11.2026 auf der
   Kajabi-Seite /betriebe (Kopf, Start, Fuss) und in formular.geldprofi.info/stil.css (--gp-buehne). Keine braunen
   Flaechen/Linien mehr; Linien und Kategorie-Kaesten als durchscheinendes Creme, Gold nur als Akzent.
   Geladen ueber laden.php mit ?v=Dateizeit: nach dem Hochladen sofort wirksam, Kajabi bleibt unveraendert. */
#cc-main {
  --cc-font-family: Satoshi, Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --cc-modal-border-radius: 0;
  --cc-btn-border-radius: 0;
  --cc-pm-toggle-border-radius: 4em;
  --cc-bg: #0B0907;
  --cc-primary-color: #F3E3CA;
  --cc-secondary-color: #F3E3CA;
  --cc-link-color: #C98A2A;
  --cc-btn-primary-bg: #F3E3CA;
  --cc-btn-primary-color: #2B2621;
  --cc-btn-primary-border-color: #F3E3CA;
  --cc-btn-primary-hover-bg: #FFFFFF;
  --cc-btn-primary-hover-color: #2B2621;
  --cc-btn-primary-hover-border-color: #FFFFFF;
  --cc-btn-secondary-bg: transparent;
  --cc-btn-secondary-color: #C98A2A;
  --cc-btn-secondary-border-color: #C98A2A;
  --cc-btn-secondary-hover-bg: rgba(201,138,42,.14);
  --cc-btn-secondary-hover-color: #E0A548;
  --cc-btn-secondary-hover-border-color: #E0A548;
  --cc-separator-border-color: rgba(243,227,202,.12);
  --cc-toggle-on-bg: #C98A2A;
  --cc-toggle-off-bg: #5C5C5C;
  --cc-toggle-on-knob-bg: #0B0907;
  --cc-toggle-off-knob-bg: #F3E3CA;
  --cc-toggle-enabled-icon-color: #0B0907;
  --cc-toggle-disabled-icon-color: #0B0907;
  --cc-toggle-readonly-bg: #3A3A3A;
  --cc-toggle-readonly-knob-bg: #9F9586;
  --cc-toggle-readonly-knob-icon-color: #3A3A3A;
  --cc-section-category-border: rgba(243,227,202,.12);
  --cc-cookie-category-block-bg: rgba(243,227,202,.04);
  --cc-cookie-category-block-border: rgba(243,227,202,.12);
  --cc-cookie-category-block-hover-bg: rgba(243,227,202,.07);
  --cc-cookie-category-block-hover-border: rgba(243,227,202,.12);
  --cc-cookie-category-expanded-block-bg: rgba(243,227,202,.04);
  --cc-cookie-category-expanded-block-hover-bg: rgba(243,227,202,.07);
  --cc-overlay-bg: rgba(5,5,5,.72);
  --cc-webkit-scrollbar-bg: #3A3A3A;
  --cc-webkit-scrollbar-hover-bg: #5C5C5C;
  --cc-footer-bg: #0B0907;
  --cc-footer-color: #9F9586;
  --cc-footer-border-color: rgba(243,227,202,.12);
}
/* Kasten eckig. Rand: feine Linie in der Seiten-Textfarbe Creme, damit er sich vom gleichen Schwarz abhebt */
#cc-main .cm, #cc-main .pm { border: 1px solid rgba(243,227,202,.22); border-radius: 0; box-shadow: 0 12px 40px rgba(0,0,0,.6); }
#cc-main .cm__title, #cc-main .pm__title { font-weight: 700; }

/* Knoepfe wie auf der Seite: eckig, 2 px Rand, Schrift 14 px mittel */
#cc-main .cm__btn, #cc-main .pm__btn {
  border-width: 2px;
  border-radius: 0;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  min-height: 42px;
}
#cc-main .cm__btn--secondary, #cc-main .pm__btn--secondary {
  background: transparent;
  color: #C98A2A;
  border-color: #C98A2A;
}
#cc-main .pm__close-btn { border-radius: 0; border-width: 2px; }
#cc-main .pm__section, #cc-main .pm__section--toggle, #cc-main .pm__section-title,
#cc-main .pm__section--toggle .pm__section-desc-wrapper { border-radius: 0; }

/* Links Gold und unterstrichen wie auf der Seite (auch in der Fusszeile des Hinweises) */
#cc-main a, #cc-main .cc__link, #cc-main .cm__footer a, #cc-main .cm__link-group a {
  color: #C98A2A;
  font-weight: 500;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  background-image: none;
}
#cc-main a:hover, #cc-main .cc__link:hover { color: #E0A548; }
#cc-main a:focus-visible, #cc-main button:focus-visible { outline: 3px solid #C98A2A; outline-offset: 3px; }
#cc-main .gp-immer { font-size: .8em; font-weight: 500; color: #9F9586; margin-left: .4em; }

/* Handy: Knoepfe gross genug zum Tippen */
@media (max-width: 640px) {
  #cc-main .cm__btn, #cc-main .pm__btn { min-height: 44px; }
}

/* Ersatz-Zeile „Cookie-Einstellungen“, falls die Seite keinen eigenen Link hat */
.gp-cc-zeile { margin: 0; padding: 14px 20px; background: #050505; text-align: center; font: 14px/1.4 Satoshi, system-ui, sans-serif; }
.gp-cc-zeile a { color: #9F9586; text-underline-offset: 3px; }