/* sylviafreygner.com V24 – 28.10.2026: Bordeaux statt Pink, Mentoring-Unterseiten mit Kupferstichen.
   Wird nach sf12.css geladen. Pink ist im Build schon durch Bordeaux #E6007E ersetzt. */

:root { --green13: #3D1F16; --bx13: #E6007E; --tint13: #F4F2EE; }

/* ---------- Cover: auf Dunkelgrün trägt Weiß, Bordeaux nur im Schriftzug ---------- */
body.v7 .cv12__claim { color: #fff; opacity: .92; }

/* ---------- Mentoring-Unterseiten ---------- */
/* Einstieg auf Dunkelgrün wie die Startseite */
body.mt13 .mh9 { background: var(--green13); color: #fff; }
body.mt13 .mh9 h1 { color: #fff !important; }
body.mt13 .mh9 .q8 { color: rgba(255, 255, 255, .86) !important; }
body.mt13 .mh9 .hh8__k { color: rgba(255, 255, 255, .72) !important; }
body.mt13 .mh9 .btn7--line { color: #fff !important; border-color: rgba(255, 255, 255, .7) !important; background: transparent !important; }
body.mt13 .mh9 .btn7--line:hover { background: #fff !important; color: var(--green13) !important; }
body.mt13 .mh9__img img { aspect-ratio: 3 / 2; object-fit: cover; }

/* Bildband: erstes Zitat + Kupferstich der Seite */
.art13 { background: var(--green13); color: #fff; padding: clamp(64px, 8vw, 128px) 0; overflow: hidden; }
.art13__g { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: clamp(32px, 6vw, 110px); align-items: center; }
.art13--solo .art13__g { grid-template-columns: minmax(0, 1fr); justify-items: center; }
body.v7 .art13 .qb9__q { color: #fff !important; margin: 0; max-width: 22ch; text-align: left; font-size: clamp(28px, 3vw, 50px); line-height: 1.22; color: #fff; }
.art13 .qb9__by { margin: 28px 0 0; text-align: left; color: rgba(255, 255, 255, .7); }
.art13 .qb9__by::before { content: ""; display: inline-block; width: 36px; height: 1px; background: currentColor; vertical-align: middle; margin-right: 14px; }
.art13__fig { margin: 0; display: flex; justify-content: center; }
.art13__fig img { display: block; width: auto; max-width: 100%; max-height: min(620px, 70vh); height: auto; opacity: .94; }
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .art13__fig img { animation: art13-in linear both; animation-timeline: view(); animation-range: entry 0% cover 40%; }
  }
}
@keyframes art13-in { from { opacity: 0; transform: translateY(40px) scale(.97); } to { opacity: .94; transform: none; } }

/* weitere Zitate: hell und ruhig statt immer wieder dunkler Balken */
body.mt13 .qb9 { background: var(--tint13); color: var(--green13); }
body.mt13 .qb9 .mono7 { filter: none; opacity: .7; }
body.mt13 .qb9 .qb9__q { color: var(--green13) !important; }
body.mt13 .qb9 .qb9__by { color: var(--bx13); }

/* Textblöcke: größere Überschriften, angenehme Zeilenlänge */
body.mt13 .mb9 { padding: clamp(64px, 7.5vw, 120px) 0; }
body.mt13 .mb9 .h3-9 { font-size: clamp(28px, 2.6vw, 42px) !important; line-height: 1.14; letter-spacing: -.01em; color: var(--green13); }
body.mt13 .mb9 .p7 p { font-size: 17px; line-height: 1.75; max-width: 62ch; }
body.mt13 .k8 b { color: var(--bx13); }
body.mt13 .li9 li { font-size: 17px; }

/* Karten und Schritte: offener, ohne Kästchen */
body.mt13 .cd9 li, body.mt13 .st9 li { background: transparent; border: 0; border-top: 2px solid var(--green13); padding: 22px 4px 8px 0; }
body.mt13 .cd9__n { color: var(--bx13); }
body.v7.mt13 .st9__n { font-family: 'Bodoni Moda', Georgia, serif !important; color: var(--bx13); font-size: 46px; }
body.mt13 .cd9 h3, body.mt13 .st9 h3 { color: var(--green13); }

@media (max-width: 860px) {
  .art13__g { grid-template-columns: minmax(0, 1fr); }
  .art13__fig { order: -1; }
  .art13__fig img { max-height: 380px; }
}

/* Lesbarkeit auf dunklen Flächen: Bordeaux trägt dort nicht -> Weiß */
body.v7 .h5next__h span { color: #fff !important; font-style: italic; }
body.v7 .vm9 .k7 { color: rgba(255, 255, 255, .78) !important; }
body.v7 .final4 .b4--line { color: #fff !important; border-color: rgba(255, 255, 255, .7) !important; }
body.v7 .final4 .b4--line:hover { background: #fff !important; color: var(--green13) !important; }