/* Farbwelt Hormone · eigene Datei, nur von den Probe-Seiten geladen (03.11.2026).
   Kommt erst nach Manfreds Ja auf die echten Hormon-Seiten. */
/* =========================================================
   Farbwelt Hormone (Probe 03.11.2026)
   Farben aus „Farbwelt Hormone: Frau und Mann“. Eigene Welt je
   Hormon-Seite, nur über body.hc und body.mn, damit der Rest der
   Website unverändert bleibt. Gold als Schrift nur groß, sonst Linien.
   ========================================================= */

/* ---------- Frauen: Creme, Bordeaux, Altrosa, Nachthimmel ---------- */
body.hc {
  --text: #4A4038; --anthrazit: #4A4038; --anthrazit-deep: #300C1C;
  --gold: #C9AC77; --gold-warm: #A6813F; --gold-soft: #D4B3AB;
  --gruen: #9CAF88; --creme: #F4EDE0; --creme-2: #F4EDE0; --weiss: #FCF8F2; --linie: #E8D2CB;
}
.hc section h1, .hc section h2, .hc section h3, .hc .hc-frage { color: #A02B52; }
.hc .nav a:hover, .hc .nav a.active { color: #A02B52; }
.hc .nav a.active::after { background: #A02B52; }
.hc .btn--gold { background: #A02B52; color: #fff; }
.hc .btn--gold:hover { background: #511830; color: #fff; }
.hc .btn--outline { border-color: #A02B52; color: #A02B52; }
.hc .btn--outline:hover { background: #A02B52; color: #fff; }
.hc .faq summary .plus::before, .hc .faq summary .plus::after { background: #A02B52; }
.hc .faq summary:hover { color: #A02B52; }
.hc .hc-kicker { color: #A02B52; }
.hc .eyebrow { color: #A02B52; }
.hc .eyebrow::before { background: #A6813F; }
.hc .hc-maenner a { color: #A02B52; }

/* Kopf als Nachthimmel mit Mond und Sternen */
.hc .hc-hero { background: radial-gradient(110% 90% at 80% 0%, #6b2240 0%, rgba(81,24,48,0) 55%), linear-gradient(180deg, #511830 0%, #300C1C 100%); }
.hc .hc-hero .hc-frage { color: #FCF8F2; }
.hc .hc-hero .hc-kicker { color: #C9AC77; }
.hc .hc-hero .hc-kicker::before { background: #C9AC77; }
.hc .hc-hero .lead { color: #E8D2CB; }
.hc .hc-hero .hc-frau, .hc .hc-hero .hc-sanft { color: #F4EDE0; }
.hc .hc-hero .hc-meta { color: #D4B3AB; }
.hc .hc-hero .btn--gold { background: #C9AC77; color: #300C1C; }
.hc .hc-hero .btn--gold:hover { background: #E8D2CB; color: #300C1C; }
.hc .hc-licht--gold { background: radial-gradient(closest-side, rgba(201,172,119,.26), rgba(201,172,119,0)); }
.hc .hc-licht--gruen { background: radial-gradient(closest-side, rgba(212,179,171,.18), rgba(212,179,171,0)); }
.hc .hc-o-mond { fill: #D4B3AB; fill-opacity: .2; }
.hc .hc-o-sterne circle { fill: #C9AC77; opacity: .9; }
.hc .hc-stop-leer { stop-color: #511830; }

/* Zarte Kästen in Blush und Altrosa */
.hc .hc-wunsch { background: linear-gradient(135deg, #FCF8F2 0%, #E8D2CB 100%); }
.hc .hc-themen li::before { border-color: #BE8C87; background: linear-gradient(90deg, #BE8C87 50%, transparent 50%); }
.hc .hc-schritt { background: #F4EDE0; }
.hc .hc-nr { background: #A02B52; color: #fff; box-shadow: 0 8px 20px rgba(160,43,82,.25); }
.hc .hc-phasen::before { background: linear-gradient(90deg, #D4B3AB, #A02B52, #9CAF88); }
.hc .hc-phase:nth-child(2) .hc-punkt { border-color: #A02B52; }
.hc .hc-phase:nth-child(2) .hc-punkt::after { background: #A02B52; }

/* Termin unten ebenfalls als Nachthimmel */
.hc .cta-band { background: radial-gradient(120% 140% at 50% 0%, #6b2240 0%, #300C1C 100%); color: #F4EDE0; }
.hc .cta-band h2 { color: #FCF8F2; }
.hc .cta-band p { color: #E8D2CB; }
.hc .cta-band .btn--outline { border-color: #C9AC77; color: #FCF8F2; }
.hc .cta-band .btn--outline:hover { background: #C9AC77; color: #300C1C; }
.hc .hc-kontakt a, .hc .hc-kontakt a:hover { color: #FCF8F2; }
.hc .hc-kontakt a:focus-visible { outline-color: #C9AC77; }
.hc .site-footer .footer-bottom { border-top-color: #511830; }

/* ---------- Männer: Creme, Tannengrün, Salbei, Gold ---------- */
body.mn {
  --text: #4A4038; --anthrazit: #2E3A2C; --anthrazit-deep: #2E3A2C;
  --gold: #C9AC77; --gold-warm: #A6813F; --gold-soft: #DCE4D0;
  --gruen: #9CAF88; --creme: #F4EDE0; --creme-2: #DCE4D0; --weiss: #FCF8F2; --linie: #DCE4D0;
}
.mn .nav a:hover, .mn .nav a.active { color: #2E3A2C; }
.mn .nav a.active::after { background: #6C8560; }
.mn .btn--gold { background: #2E3A2C; color: #F4EDE0; }
.mn .btn--gold:hover { background: #6C8560; color: #fff; }
.mn .eyebrow { color: #2E3A2C; }
.mn .eyebrow::before { background: #A6813F; }
.mn .card .tag, .mn .step .n { color: #2E3A2C; }
.mn .card { border-top: 3px solid #9CAF88; }
.mn .faq summary .plus::before, .mn .faq summary .plus::after { background: #6C8560; }
.mn .faq summary:hover { color: #6C8560; }

/* Kopf und KI-Band in Tannengrün */
.mn .hero { background: radial-gradient(120% 90% at 82% 8%, rgba(156,175,136,.30) 0%, rgba(46,58,44,0) 55%),
  radial-gradient(90% 80% at 6% 100%, rgba(20,28,19,.55) 0%, rgba(20,28,19,0) 55%), #2E3A2C; }
.mn .hero .btn--gold { background: #C9AC77; color: #2E3A2C; }
.mn .hero .btn--gold:hover { background: #DCE4D0; color: #2E3A2C; }
.mn .ki-band { background: radial-gradient(120% 140% at 50% 0%, #3b4a38 0%, #2E3A2C 70%); }

/* Termin unten in Salbei */
.mn .cta-band { background: radial-gradient(120% 140% at 50% 0%, #DCE4D0 0%, #9CAF88 100%); color: #2E3A2C; }
.mn .cta-band p { color: #2E3A2C; }
.mn .cta-band .btn--outline:hover { background: #2E3A2C; color: #F4EDE0; }
.mn .site-footer .footer-bottom { border-top-color: #43513f; }