/* sylviafreygner.com v9 – Feedback 25.10.2026:
   mehr Weiß statt Beige, Einstieg „Wer bin ich“ mit großem Foto, Mentoring-Seiten, About mit klarer Aussage.
   Wird nach sf7.css geladen. Fotos immer im eigenen Seitenverhältnis (kein Beschnitt). */

/* ---------- Weiß statt Beige: Flächen weiß, Wechselflächen neutrales Hellgrau ---------- */
:root { --soft9: #f5f5f5; --line9: #e5e5e5; }
body.v7, body.v7:not(.pg-index) {
  --w: #fff; --w2: var(--soft9); --cream: #fff; --cream2: var(--soft9); --ivory: #fff; --soft7: var(--soft9);
  --line7: var(--line9); --line4: var(--line9); --line: var(--line9); --dna-w: #fff;
  background: #fff;
}
body.v7 .hdr--sf2, body.v7 .v4 .hdr--sf2, body.v7.v4 .hdr--sf2 { background: rgba(255, 255, 255, .98) !important; }
body.v7 .drop, body.v7 .mnav { background: #fff; }
body.v7 .drop a:hover { background: var(--soft9); }
body.v7 .edc__mast, body.v7 .hm__t, body.v7 .kz__c, body.v7 .en-note { background: var(--soft9); }

/* ---------- Buttons ---------- */
.btn7--onc { color: #fff !important; border-color: rgba(255, 255, 255, .8); }
.btn7--onc:hover { background: #fff; color: var(--ink7) !important; }
.btns7 { display: flex; flex-wrap: wrap; gap: 12px; }

/* ---------- Startseite: Einstieg „Wer bin ich“ ---------- */
.hero9 { position: relative; background: #2A140D; color: #fff; }
.hero9__img { margin: 0; }
.hero9__img img { display: block; width: 100%; height: auto; }
.hero9::after { content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(90deg, rgba(6, 36, 26, .78) 0%, rgba(6, 36, 26, .55) 26%, rgba(6, 36, 26, 0) 46%); }
.hero9__txt { position: absolute; z-index: 1; left: var(--pad7); top: clamp(110px, 17vw, 330px); width: min(33vw, 540px); }
.hero9__k { font-size: 13px; letter-spacing: .26em; text-transform: uppercase; margin: 0 0 18px; color: #fff; font-weight: 400 !important; }
.hero9__h { font-weight: 800; font-size: clamp(40px, 4.3vw, 82px); line-height: 1; letter-spacing: -.015em; margin: 0 0 22px; color: #fff; }
.hero9__p { font-size: clamp(17px, 1.25vw, 20px); line-height: 1.55; margin: 0 0 28px; color: rgba(255, 255, 255, .92); }
@media (max-width: 1000px) {
  .hero9 { background: #fff; color: var(--ink7); }
  .hero9::after { display: none; }
  .hero9__txt { position: static; width: auto; padding: 30px var(--pad7) 10px; }
  .hero9__k { color: var(--pink8); }
  .hero9__h { color: var(--ink7); font-size: clamp(38px, 9vw, 60px); }
  .hero9__p { color: var(--ink7b); }
  .hero9 .btn7--white { background: transparent; border-color: var(--ink7); }
  .hero9 .btn7--white:hover { background: var(--ink7); color: #fff !important; }
}

/* Was ich mache – vier Felder direkt unter dem Foto */
.do9 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); background: #fff; border-bottom: 1px solid var(--line9); }
.do9 a { display: flex; flex-direction: column; gap: 8px; padding: clamp(24px, 2.6vw, 40px) clamp(20px, 2.4vw, 40px); color: var(--ink7); text-decoration: none; border-right: 1px solid var(--line9); transition: background .2s; }
.do9 a:first-child { padding-left: var(--pad7); }
.do9 a:last-child { border-right: 0; }
.do9 a:hover { background: var(--soft9); }
.do9__n { font-size: 13px; font-weight: 700; letter-spacing: .1em; color: var(--pink8); }
.do9 b { font-weight: 700; font-size: clamp(20px, 1.6vw, 25px); line-height: 1.15; }
.do9 span:last-child { font-size: 15px; line-height: 1.45; color: var(--ink7b); font-weight: 300; }
@media (max-width: 1000px) { .do9 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .do9 a { border-bottom: 1px solid var(--line9); } .do9 a:nth-child(2) { border-right: 0; } .do9 a:nth-child(3) { padding-left: var(--pad7); } }
@media (max-width: 560px) { .do9 { grid-template-columns: minmax(0, 1fr); } .do9 a { border-right: 0; padding-left: var(--pad7) !important; } }

/* bisheriger Einstieg ist jetzt H2 */
.hh8 .hh8__h { font-weight: 800 !important; font-size: clamp(44px, 4.9vw, 92px); line-height: .98; letter-spacing: -.02em; text-transform: uppercase; color: var(--ink7); margin: 0 0 24px; }
.hh8 .hh8__h span { color: var(--pink8); }
.pg-index .hh8 { border-top: 1px solid var(--line9); }

/* ---------- Gemeinsame Bausteine v9 ---------- */
.h3-9 { font-weight: 700; font-size: clamp(27px, 2.4vw, 40px); line-height: 1.12; letter-spacing: -.005em; margin: 0 0 18px; color: inherit; }
body.v7 .cd9 blockquote p, body.v7 .st9__n { font-family: var(--pf8) !important; }
body.v7 .hero9__h.pf8, body.v7 .mh9 h1.pf8, body.v7 .ab9 h1.pf8 { font-weight: 800 !important; }
body.v7 .qb9__q.pf8 { font-weight: 400 !important; }

/* Kopfbereich Mentoring-Seiten: Text links, Foto rechts im eigenen Format */
.mh9 { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); align-items: center; background: #fff; }
.mh9__txt { padding: clamp(36px, 4vw, 70px) clamp(24px, 3.4vw, 64px) clamp(36px, 4vw, 70px) var(--pad7); }
.mh9 h1 { font-weight: 800 !important; font-size: clamp(32px, 4.2vw, 76px); line-height: 1; letter-spacing: -.02em; margin: 0 0 20px; color: var(--ink7); hyphens: auto; -webkit-hyphens: auto; }
.mh9 .q8 { color: var(--ink7b); }
.mh9 .p7 { margin: 0 0 22px; }
.mh9__img { margin: 0; }
.mh9__img img { display: block; width: 100%; height: auto; }

/* Themen-Leiste */
.mn9 { border-top: 1px solid var(--line9); border-bottom: 1px solid var(--line9); background: #fff; position: relative; z-index: 2; }
.mn9 .w7 { display: flex; flex-wrap: wrap; gap: 8px 22px; align-items: center; padding-top: 16px; padding-bottom: 16px; }
.mn9 span { font-size: 12px; letter-spacing: .26em; text-transform: uppercase; color: var(--pink8); font-weight: 700; margin-right: 6px; }
.mn9 a { font-size: 15px; color: var(--ink7); text-decoration: none; padding: 4px 0; border-bottom: 1px solid transparent; font-weight: 300; }
.mn9 a:hover, .mn9 a[aria-current] { border-bottom-color: var(--pink8); }
.mn9 a[aria-current] { font-weight: 700; }

/* Inhaltsblöcke */
.mb9 { padding: clamp(56px, 6.5vw, 96px) 0; background: #fff; border-top: 1px solid var(--line9); }
.mb9--cont { border-top: 0; padding-top: 0; }
.mb9__g { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(28px, 5vw, 90px); align-items: start; }
.mb9__g--top { margin-bottom: clamp(30px, 3.4vw, 50px); }
.mb9__g--top .p7 p:last-child { margin-bottom: 0; }
.mb9 .h3-9 { margin-bottom: 0; }
.mb9 .mb9__g > div:first-child .p7 { margin-top: 20px; }
.mb9--stm { text-align: center; }
.stm9 { font-weight: 700; font-style: italic; font-size: clamp(26px, 2.6vw, 42px); line-height: 1.25; max-width: 30ch; margin: 0 auto; color: var(--ink7); }
.li9 { list-style: none; margin: 0 0 10px; padding: 0; border-top: 1px solid var(--line9); }
.li9 li { position: relative; padding: 15px 0 15px 34px; border-bottom: 1px solid var(--line9); font-size: 17px; line-height: 1.5; font-weight: 300; }
.li9 li::before { content: ""; position: absolute; left: 2px; top: 23px; width: 16px; height: 2px; background: var(--pink8); }

/* Karten und Schritte */
.cd9, .st9 { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(var(--n, 3), minmax(0, 1fr)); gap: clamp(14px, 1.6vw, 24px); }
.cd9 li, .st9 li { background: #fff; border: 1px solid var(--line9); padding: clamp(24px, 2.4vw, 36px); display: flex; flex-direction: column; }
.st9 li { border-top: 3px solid var(--navy8); }
.cd9__n, .st9__n { font-size: 13px; font-weight: 700; letter-spacing: .1em; color: var(--pink8); margin: 0 0 14px; }
.st9__n { font-family: var(--pf8) !important; font-size: 40px; letter-spacing: 0; color: var(--navy8); line-height: 1; }
.cd9 h3, .st9 h3 { font-size: 20px; line-height: 1.3; font-weight: 700; margin: 0 0 10px; color: var(--ink7); }
.cd9 p, .st9 p { font-size: 16px; line-height: 1.55; margin: 0; color: var(--ink7b); }
.cd9 blockquote { margin: 18px 0 0; padding: 14px 0 0; border-top: 1px solid var(--line9); }
.cd9 blockquote p { font-family: var(--pf8) !important; font-style: italic; color: var(--ink7); }
.cd9 cite { display: block; margin-top: 6px; font-size: 12px; letter-spacing: .2em; text-transform: uppercase; font-style: normal; color: var(--mute7); }
@media (max-width: 1100px) { .cd9, .st9 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .cd9, .st9 { grid-template-columns: minmax(0, 1fr); } }

/* Zitat-Band */
.qb9 { background: var(--navy8); color: #fff; padding: clamp(56px, 6vw, 96px) 0; text-align: center; }
.qb9 .mono7 { filter: invert(1); opacity: .85; margin: 0 auto 20px; display: block; height: 52px; width: auto; }
.qb9__q { font-style: italic; font-weight: 400; font-size: clamp(23px, 2.2vw, 36px); line-height: 1.4; max-width: 36ch; margin: 0 auto; color: #fff; }
.qb9__by { margin: 20px 0 0; font-size: 12px; letter-spacing: .3em; text-transform: uppercase; color: rgba(255, 255, 255, .7); }

/* Nächster Schritt – pinke Fläche */
.ct9 { background: var(--pink8); color: #fff; padding: clamp(56px, 6vw, 96px) 0; }
.ct9__g { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(28px, 5vw, 90px); align-items: start; }
.ct9 .k7 { color: rgba(255, 255, 255, .85); }
.ct9 .p7 p { color: #fff; }
.ct9 a:not(.btn7) { color: #fff; text-decoration: underline; }
.ct9 .btns7 { margin-top: 10px; }

/* Themen-Kacheln */
.mt9s { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(14px, 1.6vw, 24px); }
.mt9 { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--line9); color: var(--ink7); text-decoration: none; transition: border-color .2s, transform .2s; }
.mt9:hover { border-color: var(--ink7); transform: translateY(-2px); }
.mt9__img { margin: 0; }
.mt9__img img { display: block; width: 100%; height: auto; }
.mt9__t { display: flex; flex-direction: column; gap: 8px; padding: 20px 22px 24px; flex: 1; }
.mt9__h { font-size: 22px; font-weight: 700; line-height: 1.2; }
.mt9__p { font-size: 15px; line-height: 1.5; color: var(--ink7b); font-weight: 300; }
.mt9 .cc8__more { margin-top: auto; padding-top: 6px; font-size: 13px; letter-spacing: .12em; text-transform: uppercase; font-weight: 700; color: var(--pink8); }
@media (max-width: 1100px) { .mt9s { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .mt9s { grid-template-columns: minmax(0, 1fr); } }

/* Krisennavigator-Band */
.nv9 { background: var(--navy8); color: #fff; }
.nv9__g { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: clamp(28px, 5vw, 80px); align-items: center; padding-top: clamp(40px, 5vw, 70px); padding-bottom: clamp(40px, 5vw, 70px); }
.nv9__img { margin: 0; }
.nv9__img img { display: block; width: 100%; height: auto; }
.nv9 .k7 { color: rgba(255, 255, 255, .7); }

/* ---------- About ---------- */
.ab9 { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); align-items: center; background: #fff; }
.ab9__img { margin: 0; }
.ab9__img img { display: block; width: 100%; height: auto; }
.ab9__txt { padding: clamp(36px, 4vw, 70px) var(--pad7) clamp(36px, 4vw, 70px) clamp(28px, 4vw, 70px); }
.ab9 h1 { font-weight: 800 !important; font-size: clamp(38px, 3.6vw, 66px); line-height: 1; letter-spacing: -.015em; margin: 0 0 16px; color: var(--ink7); }
.ab9 .caps7 { color: var(--ink7); margin: 0 0 22px; }
.ab9__lead { font-size: 18px; line-height: 1.6; color: var(--ink7b); margin: 0 0 28px; }
.fx9 { background: var(--navy8); color: #fff; }
.fx9 ul { list-style: none; margin: 0; padding: clamp(26px, 3vw, 40px) 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 20px; }
.fx9 li { display: flex; flex-direction: column; gap: 6px; padding-left: 16px; border-left: 2px solid var(--pink8); }
.fx9 b { font-size: clamp(19px, 1.5vw, 24px); font-weight: 700; }
.fx9 span { font-size: 14px; line-height: 1.45; color: rgba(255, 255, 255, .8); font-weight: 300; }
.rl9s { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(14px, 1.6vw, 24px); }
.rl9 { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--line9); padding: clamp(22px, 2.2vw, 32px); color: var(--ink7); text-decoration: none; }
a.rl9:hover { border-color: var(--ink7); }
.rl9 h3 { font-size: clamp(19px, 1.55vw, 22px); hyphens: manual; overflow-wrap: break-word; font-weight: 700; margin: 0 0 10px; line-height: 1.2; }
.rl9 p { font-size: 15px; line-height: 1.55; color: var(--ink7b); margin: 0 0 14px; }
.rl9 .cc8__more { margin-top: auto; font-size: 13px; letter-spacing: .12em; text-transform: uppercase; font-weight: 700; color: var(--pink8); }
.vm9 { background: var(--navy8); color: #fff; }
.vm9__g { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(30px, 5vw, 90px); padding-top: clamp(56px, 6vw, 96px); padding-bottom: clamp(56px, 6vw, 96px); }
.vm9 .k7 { color: var(--pink8); font-weight: 700; }
.vm9 p:not(.k7) { font-size: 18px; line-height: 1.6; color: rgba(255, 255, 255, .9); margin: 0 0 14px; }
@media (max-width: 1100px) { .rl9s { grid-template-columns: repeat(2, minmax(0, 1fr)); } .fx9 ul { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* ---------- Tablet / Mobil ---------- */
@media (max-width: 860px) {
  .mh9, .ab9, .mb9__g, .ct9__g, .nv9__g, .vm9__g { grid-template-columns: minmax(0, 1fr); }
  .mh9__img, .ab9__img { order: -1; }
  .mh9__txt, .ab9__txt { padding: 30px var(--pad7) 36px; }
  .mb9--cont { padding-top: 0; }
  .fx9 ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) { .rl9s, .fx9 ul { grid-template-columns: minmax(0, 1fr); } }

body.v7 .td__b { background: var(--soft9); }