/* sylviafreygner.com V35 – 29.10.2026: Variante Schoko & Weiß (Manuela: „Schoko Weiß“, „darf ruhig peppig sein“).
   Wird als letztes Stylesheet geladen. Dunkelgrün ist in allen Dateien schon durch Schoko #3D1F16 ersetzt.
   Hier: Camel und Creme raus. Auf Weiß sind Akzente Schoko, auf Schoko sind Akzente Weiß.
   Abschluss-Blöcke Schoko mit weißer Schrift statt Camel. Knallig bleibt nur in Bildern und Kacheln. */
:root { --sch: #3D1F16; --sch2: #5A3324; --cam: var(--sch); --camf: var(--sch); --c31: #fff; --beige31: #fff; }
body.pg-index { --cam32: var(--sch); --camf32: var(--sch); --beige32: #fff; }

/* Creme-Grund der Unterseiten: Weiß */
body.v7:not(.pg-index) { --w: #fff; --w2: #F6F3F1; --cream: #fff; --cream2: #F6F3F1; --ivory: #fff; --soft7: #F6F3F1; background: #fff; }

/* ---------- Auf Schoko: Akzente, Claim und Schriftzug Weiß ---------- */
.cv12, .hero9, .ab8, .dm29, .nx8, .mx29:not(.mx29--t), .mnav, .fx9, .vm9, .nv9, body:not(.mt13) .qb9, .dp4, .ab9, .mh9,
.sec4--navy, .series4, .art13, .s29--stm, .ftr--sf2 {
  --cam: #fff; --cam32: #fff; --pink8: #fff; --pink11: #fff; --pink12: #fff; --bx13: #fff; --bx15: #fff; --p29: #fff; }
html body.v7 .cv12__mast { color: #fff; }
html body.v7 .cv12__claim { color: #fff !important; font-style: italic; }
html body.v7.pg-index .dm29__s { color: #fff; }
.ab8__img img { box-shadow: 22px 22px 0 var(--sch); }
html body.v7 .ab8 .ab8__img img { box-shadow: 22px 22px 0 #fff; }

/* Buttons auf Schoko: weiß mit Schoko-Schrift, Hover dreht um */
:is(.cv12, .hero9, .ab8, .dm29, .nx8, .mx29:not(.mx29--t), .nv9, .dp4, .ab9, .mh9, .art13) .btn7--pink {
  background: #fff !important; border-color: #fff !important; color: var(--sch) !important; }
:is(.cv12, .hero9, .ab8, .dm29, .nx8, .mx29:not(.mx29--t), .nv9, .dp4, .ab9, .mh9, .art13) .btn7--pink:hover {
  background: transparent !important; border-color: #fff !important; color: #fff !important; }

/* ---------- V37 · Kopf der Startseite: Sylvia im schwarzen Kleid freigestellt, aufgebaut wie die grüne Fassung (Manuela 29.10.) ----------
   Freisteller (Foto kleid-666) steht wie dort vor dem Schriftzug „FREYGNER“; Lage und Größe kommen aus sf12. */
@media (max-width: 1000px) {
  .cv12__fig.cv12__fig--frei { aspect-ratio: 957 / 1400; }
}

/* About-Seite: Freisteller im Nadelstreif auf Schoko, unten bündig */
.ph31__img--cut { background: var(--sch); }
.ph31__img--cut img { top: 7%; height: 93%; object-fit: contain; object-position: 50% 100%; }
@media (max-width: 900px) { .ph31__img--cut { aspect-ratio: 4 / 5; } }

/* About · Fakten-Leiste: „DACH“ raus (Manuela 29.10.), vier statt fünf Spalten */
.fx9 ul { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 1100px) { .fx9 ul { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .fx9 ul { grid-template-columns: minmax(0, 1fr); } }

/* Kennzeile auf den farbigen Vertiefungs-Kacheln war dunkel auf Blau/Pink: jetzt Weiß */
html body.v7.pg-index .dp8 .k7 { color: rgba(255, 255, 255, .82) !important; }
html body.v7.pg-index .dp8 .k7::before { background: #fff; }

/* Buttons auf Weiß: Schoko, Hover etwas heller */
.btn7--pink:hover { background: var(--sch2); border-color: var(--sch2); }

/* Executive-Mentoring-Band der Startseite: Schoko statt Creme, damit Hell und Dunkel wechseln */
html body.v7 .em8 { background: var(--sch); color: #fff; --cam: #fff; --cam32: #fff; }
html body.v7 .em8 .k7 { color: rgba(255, 255, 255, .78) !important; }
html body.v7 .em8 .p7 p { color: rgba(255, 255, 255, .86); }
html body.v7 .em8 :is(h2, h3), html body.v7 .em8 .q8 { color: #fff !important; }
html body.v7 .em8 .btn7--white { background: #fff !important; border-color: #fff !important; color: var(--sch) !important; }
html body.v7 .em8 .btn7--white:hover { background: transparent !important; color: #fff !important; }
html body.v7 .em8 :is(.btn7--line, .btn7--onc) { background: transparent !important; border-color: rgba(255, 255, 255, .7) !important; color: #fff !important; }
html body.v7 .em8 :is(.btn7--line, .btn7--onc):hover { background: #fff !important; border-color: #fff !important; color: var(--sch) !important; }

/* Philosophie und ruhige Bänder: Weiß, getrennt durch feine Schoko-Linie */
html body.v7.pg-index .why32 { background: #fff; border-top: 1px solid rgba(61, 31, 22, .14); }
body.pg-index .why32 .ac8 { border-top-color: rgba(61, 31, 22, .2); }
body.pg-index .why32 .ac8:last-child { border-bottom-color: rgba(61, 31, 22, .2); }
html body.v7 .s7--soft { background: #F6F3F1 !important; }
html body.v7 .qb9 { background: #fff !important; border-top: 1px solid rgba(61, 31, 22, .14); border-bottom: 1px solid rgba(61, 31, 22, .14); }
body.pg-index .do9 a:hover { background: #F6F3F1; }

/* ---------- Abschluss-Blöcke: Schoko statt Camel, Schrift Weiß ---------- */
html body.v7.pg-index .h5next, html body.v7 :is(.ct31, .ct9, .final4) { background: var(--sch) !important; color: #fff !important; }
html body.v7.pg-index .h5next :is(.k5, .h5next__h), html body.v7 :is(.ct31, .ct9, .final4) :is(h2, .h2-4, .h3-9) { color: #fff !important; }
html body.v7.pg-index .h5next p, html body.v7 :is(.ct31, .ct9, .final4) :is(p, .p7 p, .body4 p) { color: rgba(255, 255, 255, .86) !important; }
html body.v7.pg-index .h5next .k5::before, .ct31 .k31::before { background: #fff; }
html body.v7 :is(.ct31 .k31, .ct9 .k7, .final4 .k4) { color: #fff !important; }
html body.v7 :is(.ct31, .ct9, .final4) :is(b, a:not(.btn7):not(.b4)) { color: #fff !important; }
html body.v7.pg-index .h5next .b4, html body.v7 :is(.ct31, .ct9) .btn7, html body.v7 .final4 .b4:not(.b4--line) {
  background: #fff !important; border: 1px solid #fff !important; color: var(--sch) !important; }
html body.v7.pg-index .h5next .b4--line, html body.v7 .final4 .b4--line {
  background: transparent !important; border: 1px solid rgba(255, 255, 255, .7) !important; color: #fff !important; }
html body.v7.pg-index .h5next .b4:hover, html body.v7 :is(.ct31, .ct9) .btn7:hover, html body.v7 .final4 .b4:hover {
  background: transparent !important; border-color: #fff !important; color: #fff !important; }