/* =========================================================================
   Startseite 2 – Layout NACH "Modern Studio", in Anne/Emma-Noah-CI
   ========================================================================= */
.wrap{max-width:var(--container);margin:0 auto;padding:0 var(--gutter);}
:root{--tan:#D9CFBF;}
body.s2{overflow-x:hidden;}

/* Verschränkte Headline: Kursiv-Script überlappt Serife */
.mh{font-family:var(--font-display);font-weight:400;line-height:.82;display:inline-block;text-align:left;color:inherit;}
.mh__s{display:block;font-style:italic;font-weight:400;text-transform:none;letter-spacing:0;font-size:.62em;margin:0 0 .14em .18em;position:relative;z-index:2;}
.mh__m{display:block;text-transform:uppercase;font-weight:400;letter-spacing:-.02em;}
.lead{font-family:var(--font-mono);font-size:.8rem;line-height:1.85;color:#5c554e;max-width:62ch;}

/* Buttons */
.btn-solid{display:inline-block;font-family:var(--font-mono);font-size:.68rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;padding:1.05rem 2.2rem;background:var(--tan);color:var(--char);transition:background .35s var(--ease);}
.btn-solid:hover{background:var(--char);color:var(--cream);}

/* Bild-Basis: dünner schwarzer Rahmen (wie Muster) + kein Repeat */
.hero2__img,.services__item figure,.about2__img,.work2__img,.blog2__img{
  background-size:cover;background-position:center;background-repeat:no-repeat;filter:grayscale(1);
  border:1px solid var(--ink);
}
/* Hero: Ausschnitt aufs Gesicht (Kopf höher) + in Farbe (kein Graustufen-Filter) */
.hero2__img{background-position:50% 40%;filter:none;}

/* ---------- HERO (schmaler: feste Höhe wie Muster ~670px) ---------- */
.hero2{display:grid;grid-template-columns:1fr 1fr;height:clamp(540px,72vh,700px);position:relative;}
/* Scrim oben, damit die (global weiße) Nav auch über der hellen Bildhälfte lesbar ist – nur hier im Hero */
.hero2::before{content:'';position:absolute;top:0;left:0;right:0;height:170px;background:linear-gradient(to bottom,rgba(18,15,12,.62),rgba(18,15,12,.28) 45%,transparent);z-index:5;pointer-events:none;}
.hero2__panel{background:var(--char);color:var(--cream);display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,4vw,4rem) clamp(2rem,6vw,6.5rem);}
.hero2__title{font-size:clamp(2.8rem,5vw,5rem);margin-bottom:1.6rem;}
.hero2__title .mh__s{color:var(--rose);}
.hero2 .lead{color:#cfc7bf;margin-bottom:4.5rem;}

/* ---------- SERVICES (3 kleine Bilder + Label darunter) ---------- */
.services{background:#f6e9e7;padding:5rem 0 0;text-align:center;}
.services__title{font-size:clamp(2.4rem,5.5vw,4.6rem);}
.services__title .mh__s{color:var(--rose);}
.services__grid{display:grid;grid-template-columns:repeat(3,minmax(0,230px));justify-content:center;gap:clamp(1.8rem,5vw,5rem);margin:3.2rem auto 0;padding:0 var(--gutter);}
.services__item figure{aspect-ratio:2/3;transition:filter .5s var(--ease);}
.services__item:hover figure{filter:grayscale(0);}
.services__label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.28em;text-transform:uppercase;color:var(--char);margin-top:1.2rem;}
.booking{background:var(--rose);color:var(--char);text-align:center;padding:1.4rem;margin-top:5rem;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;}

/* ---------- ABOUT (Text links / Bild rechts) ---------- */
.about2{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,5vw,5rem);padding:5.5rem var(--gutter);max-width:var(--container);margin:0 auto;background:var(--cream);}
.about2__title{font-size:clamp(2.6rem,5vw,4.6rem);margin-bottom:1.8rem;}
.about2__title .mh__s{color:var(--rose);}
.about2__body .lead{margin-bottom:1.3rem;}
.about2__body .btn-solid{margin-top:.8rem;}
.about2__img{aspect-ratio:2/3;width:100%;max-width:380px;justify-self:center;}

/* ---------- WORK (Bild links / Display rechts, dunkel) ---------- */
.work2{background:var(--ink);color:var(--cream);padding:5.5rem var(--gutter);}
.work2__inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,5vw,5rem);max-width:var(--container);margin:0 auto;}
.work2__img{aspect-ratio:4/5;width:100%;max-width:440px;justify-self:center;}
.work2__display{font-family:var(--font-display);text-transform:uppercase;font-weight:400;line-height:.82;letter-spacing:-.02em;font-size:clamp(2.8rem,6vw,5.8rem);margin-bottom:2rem;}
.work2__display .scriptword{font-style:italic;text-transform:none;color:var(--rose);}

/* ---------- BLOG (Text links / Bild rechts) ---------- */
.blog2{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,5vw,5rem);padding:5.5rem var(--gutter);max-width:var(--container);margin:0 auto;background:var(--cream);}
.blog2__title{font-size:clamp(2.6rem,5vw,4.6rem);margin-bottom:1.6rem;}
.blog2__title .mh__s{color:var(--rose);}
.blog2__body .lead{margin-bottom:1.3rem;}
.blog2__img{aspect-ratio:2/3;width:100%;max-width:380px;justify-self:center;}

/* ---------- QUOTE (voller Streifen, dunkel) ---------- */
.quote2{background:var(--char);color:var(--cream);text-align:center;padding:clamp(4rem,9vw,7rem) var(--gutter);}
.quote2__inner{max-width:min(90%,42rem);margin:0 auto;}
.quote2 p{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:clamp(1.9rem,4vw,3.2rem);line-height:1.28;text-wrap:balance;}
.quote2 p em{font-style:italic;color:var(--rose);}
.quote2 cite{display:block;margin-top:2.2rem;font-family:var(--font-mono);font-style:normal;font-size:.68rem;letter-spacing:.28em;text-transform:uppercase;color:var(--rose);}

/* ---------- BUCH „Neue Wege" ---------- */
.book2{background:#f6e9e7;color:var(--ink);padding:clamp(4rem,8vw,6.5rem) var(--gutter);scroll-margin-top:5rem;}
.book2__inner{display:grid;grid-template-columns:minmax(0,340px) 1fr;align-items:center;gap:clamp(2.5rem,6vw,6rem);max-width:var(--container);margin:0 auto;}
.book2__cover{width:100%;box-shadow:0 22px 50px -30px rgba(43,39,36,.38);border:1px solid rgba(24,21,18,.12);}
.book2__eyebrow{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.28em;text-transform:uppercase;color:var(--rose);margin-bottom:1.3rem;}
.book2__title{font-family:var(--font-display);font-weight:400;line-height:.88;font-size:clamp(2.4rem,4.6vw,4rem);margin-bottom:1.7rem;}
.book2__title em{font-style:italic;color:var(--rose);}
.book2 .lead{color:#5c554e;margin-bottom:1.2rem;max-width:64ch;}
.book2__cta{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.7rem;align-items:center;}

/* ---------- ANGEBOTS-SEKTIONEN (Onlinekurs, Mentoring) – Bild/Text alternierend, Farbe alternierend ---------- */
.offer{padding:clamp(4rem,8vw,6.5rem) var(--gutter);scroll-margin-top:5rem;}
.offer--dark{background:var(--ink);color:var(--cream);}
.offer--light{background:#f6e9e7;color:var(--ink);}
.offer__inner{display:grid;grid-template-columns:minmax(0,420px) 1fr;align-items:center;gap:clamp(2.5rem,6vw,6rem);max-width:var(--container);margin:0 auto;}
.offer--img-right .offer__inner{grid-template-columns:1fr minmax(0,420px);}
.offer--img-right .offer__media{order:2;}
.offer--img-right .offer__body{order:1;text-align:right;}
.offer--img-right .offer__body .lead{margin-left:auto;}
.offer--img-right .offer__cta{justify-content:flex-end;}
.offer__media{width:100%;aspect-ratio:3/4;background-size:cover;background-position:center;background-repeat:no-repeat;border:1px solid var(--ink);}
.offer--dark .offer__media{border-color:var(--grey-line);}
.offer__eyebrow{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.28em;text-transform:uppercase;color:var(--rose);margin-bottom:1.3rem;}
.offer__title{font-family:var(--font-display);font-weight:400;line-height:.92;font-size:clamp(2.4rem,4.6vw,4rem);margin-bottom:1.7rem;}
.offer__title em{font-style:italic;color:var(--rose);}
.offer .lead{margin-bottom:1.2rem;max-width:58ch;}
.offer--dark .lead{color:#cfc7bf;}
.offer__cta{margin-top:1.7rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:center;}

/* Angebots-Karten anklickbar -> zur jeweiligen Sektion */
.services__item{display:block;color:inherit;text-decoration:none;}

/* ============ Buttons kontextabhängig einfärben ============ */
/* Gefüllte Buttons (btn-solid): dunkler Grund -> hell-rosé gefüllt, Hover: rosé Outline */
.offer--dark .btn-solid,.journal2 .btn-solid{background:#f6e9e7;border:1px solid #f6e9e7;color:var(--char);}
.offer--dark .btn-solid:hover,.journal2 .btn-solid:hover{background:transparent;color:#f6e9e7;}
/* Gefüllte Buttons: heller Grund -> dunkel gefüllt, Hover: dunkles Outline */
.book2 .btn-solid,.offer--light .btn-solid,.petra2 .btn-solid{background:var(--char);border:1px solid var(--char);color:#f6e9e7;}
.book2 .btn-solid:hover,.offer--light .btn-solid:hover,.petra2 .btn-solid:hover{background:transparent;color:var(--char);}
/* Outline-Buttons (pill): dunkler Grund -> rosé Outline, Hover: rosé gefüllt */
.hero2__panel .pill,.insta2 .pill,.offer--dark .pill{background:transparent;border:1px solid #f6e9e7;color:#f6e9e7;}
.hero2__panel .pill:hover,.insta2 .pill:hover,.offer--dark .pill:hover{background:#f6e9e7;color:var(--char);}
/* Outline-Buttons: heller Grund -> dunkles Outline, Hover: dunkel gefüllt */
.book2 .pill,.offer--light .pill{background:transparent;border:1px solid var(--char);color:var(--char);}
.book2 .pill:hover,.offer--light .pill:hover{background:var(--char);color:#f6e9e7;}

/* ---------- PETRA (Bild links / Text rechts) ---------- */
.petra2{padding:5.5rem var(--gutter);background:#f6e9e7;}
.petra2__inner{display:grid;grid-template-columns:minmax(0,340px) 1fr;align-items:center;gap:clamp(2rem,5vw,5rem);max-width:var(--container);margin:0 auto;}
.petra2__img{aspect-ratio:3/4;width:100%;background-size:cover;background-position:center top;background-repeat:no-repeat;filter:grayscale(1);border:1px solid var(--ink);}
.petra2__title{font-size:clamp(2.4rem,4.6vw,4rem);margin-bottom:1.6rem;}
.petra2__title .mh__s{color:var(--rose);}
.petra2 .lead{margin-bottom:1.3rem;}

/* ---------- JOURNAL (Artikel-Liste) ---------- */
.journal2{background:var(--ink);color:var(--cream);padding:clamp(4rem,7vw,6rem) var(--gutter);}
.journal2__inner{max-width:var(--container);margin:0 auto;}
.journal2__head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:1.2rem;margin-bottom:2.4rem;}
.journal2__title{font-size:clamp(2.4rem,5vw,4.2rem);}
.journal2__title .mh__s{color:var(--rose);}
.journal2__list{border-top:1px solid rgba(255,255,255,.16);}
.journal2__item{display:flex;align-items:baseline;gap:1.4rem;padding:1.55rem 0;border-bottom:1px solid rgba(255,255,255,.16);transition:padding-left .35s var(--ease),color .3s ease;color:var(--cream);}
.journal2__item:hover{padding-left:1rem;}
.journal2__num{font-family:var(--font-mono);font-size:.7rem;color:var(--rose);letter-spacing:.08em;flex:0 0 2.4rem;}
.journal2__name{font-family:var(--font-display);font-weight:400;font-size:clamp(1.25rem,2.5vw,1.95rem);line-height:1.14;}
.journal2__arrow{margin-left:auto;font-family:var(--font-mono);font-size:.8rem;color:var(--grey-mute);transition:transform .35s var(--ease),color .3s;}
.journal2__item:hover .journal2__arrow{color:var(--cream);transform:translateX(6px);}

/* ---------- INSTAGRAM ---------- */
.insta2{background:var(--char);color:var(--cream);text-align:center;padding:clamp(3.5rem,7vw,5.5rem) var(--gutter) 0;}
.insta2__inner{max-width:820px;margin:0 auto;}
.insta2__title{font-size:clamp(2.4rem,5vw,4.2rem);margin-bottom:.5rem;}
.insta2__title .mh__s{color:var(--rose);}
.insta2__handle{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.22em;color:var(--rose);margin-bottom:1.5rem;}
.insta2 .lead{color:#cfc7bf;margin:0 auto 2rem;text-align:center;}
/* Insta-Strip vollbreit (Full-Bleed über die Sektions-Ränder hinaus) */
.insta2 > a{display:block;width:100vw;max-width:100vw;margin:2.4rem calc(50% - 50vw) 0;}
.insta2__banner{display:block;width:100%;max-width:none;margin:0;border:0;border-top:1px solid var(--grey-line);border-bottom:1px solid var(--grey-line);filter:none;}

@media(max-width:820px){
  .hero2,.about2,.blog2,.work2__inner,.book2__inner,.petra2__inner{grid-template-columns:1fr;}
  .hero2{height:auto;}
  .hero2__img{min-height:52vh;}
  .services__grid{grid-template-columns:minmax(0,260px);}
  .about2__img,.blog2__img,.work2__img,.petra2__img{order:-1;}
  .petra2__img{max-width:340px;justify-self:center;}
  .book2__cover{max-width:260px;margin:0 auto;}
  .journal2__head{align-items:flex-start;}
  .offer__inner,.offer--img-right .offer__inner{grid-template-columns:1fr;}
  .offer__media,.offer--img-right .offer__media{order:-1;max-width:420px;justify-self:center;}
  .offer--img-right .offer__body{text-align:left;}
  .offer--img-right .offer__body .lead{margin-left:0;}
  .offer--img-right .offer__cta{justify-content:flex-start;}
}

/* ===== E-Book: zurueckhaltender Leseprobe-Link (sekundaer, Verkauf bleibt Fokus) ===== */
.book2__sample{display:inline-flex;align-items:center;gap:.5ch;margin-top:1.1rem;background:none;border:0;cursor:pointer;
  font-family:var(--font-mono);font-size:.8rem;letter-spacing:.02em;color:#8a7f76;padding:0;transition:color .25s ease;}
.book2__sample span{color:var(--char);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;text-decoration-color:rgba(43,39,36,.35);transition:color .25s ease,text-decoration-color .25s ease;}
.book2__sample:hover{color:var(--char);}
.book2__sample:hover span{color:var(--rose);text-decoration-color:var(--rose);}

/* ===== Leseprobe / Freebie Modal ===== */
.freebie-modal{position:fixed;inset:0;z-index:2000;display:none;}
.freebie-modal.is-open{display:block;}
.freebie-modal__backdrop{position:absolute;inset:0;background:rgba(24,21,18,.62);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;animation:fbFade .3s ease forwards;}
.freebie-modal__dialog{position:absolute;top:50%;left:50%;transform:translate(-50%,-46%);opacity:0;
  width:min(92vw,480px);max-height:88vh;background:#FFFBF7;border:1px solid rgba(43,39,36,.14);
  box-shadow:0 40px 90px -30px rgba(24,21,18,.6);animation:fbIn .35s cubic-bezier(.2,.7,.3,1) forwards;overflow:hidden;}
.freebie-modal__close{position:absolute;top:6px;right:12px;z-index:2;background:none;border:0;cursor:pointer;
  font-size:1.9rem;line-height:1;color:#8a7f76;padding:.2rem .45rem;transition:color .2s ease;}
.freebie-modal__close:hover{color:var(--char);}
.freebie-modal__frame{display:block;width:100%;height:min(78vh,600px);border:0;background:#FFFBF7;}
body.freebie-lock{overflow:hidden;}
@keyframes fbFade{to{opacity:1;}}
@keyframes fbIn{to{opacity:1;transform:translate(-50%,-50%);}}
@media (max-width:520px){ .freebie-modal__dialog{width:94vw;} .freebie-modal__frame{height:82vh;} }

/* ===== Buchungs-Modal (Kennenlerngespräch) ===== */
.book-modal{position:fixed;inset:0;z-index:2000;display:none;}
.book-modal.is-open{display:block;}
.book-modal__backdrop{position:absolute;inset:0;background:rgba(24,21,18,.62);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;animation:fbFade .3s ease forwards;}
.book-modal__dialog{position:absolute;top:50%;left:50%;transform:translate(-50%,-46%);opacity:0;width:min(94vw,540px);max-height:90vh;overflow:auto;background:#FFFBF7;border:1px solid rgba(43,39,36,.14);box-shadow:0 40px 90px -30px rgba(24,21,18,.6);animation:fbIn .35s cubic-bezier(.2,.7,.3,1) forwards;}
.book-modal__close{position:absolute;top:8px;right:14px;z-index:2;background:none;border:0;cursor:pointer;font-size:1.9rem;line-height:1;color:#8a7f76;padding:.2rem .45rem;transition:color .2s ease;}
.book-modal__close:hover{color:var(--char);}
body.book-lock{overflow:hidden;}
.bookw{padding:clamp(1.8rem,4vw,2.6rem);}
.bookw__eyebrow{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.28em;text-transform:uppercase;color:var(--rose);margin:0 0 .6rem;}
.bookw__title{font-family:var(--font-display);font-weight:500;font-size:clamp(1.7rem,4vw,2.2rem);line-height:1.1;color:var(--char);margin:0 0 .4rem;}
.bookw__sub{font-family:var(--font-mono);font-size:.85rem;color:#6b6259;margin:0 0 1.4rem;}
.bookw__msg{font-family:var(--font-mono);font-size:.9rem;color:#6b6259;padding:1.4rem 0;}
.bookw__slots{max-height:46vh;overflow-y:auto;padding-right:.4rem;}
.bookw__day{margin-bottom:1.1rem;}
.bookw__dayname{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--char);margin:0 0 .5rem;}
.bookw__times{display:flex;flex-wrap:wrap;gap:.5rem;}
.bookw__time{font-family:var(--font-mono);font-size:.82rem;color:var(--char);background:#fff;border:1px solid rgba(43,39,36,.2);border-radius:0;padding:.55rem .9rem;cursor:pointer;transition:border-color .2s ease,background .2s ease;}
.bookw__time:hover{border-color:var(--rose);background:#f6e9e7;}
.bookw__chosen{display:flex;justify-content:space-between;align-items:center;gap:1rem;background:#f6e9e7;padding:.8rem 1rem;margin:0 0 1.1rem;font-family:var(--font-mono);font-size:.85rem;color:var(--char);}
.bookw__back{background:none;border:0;color:var(--rose);font-family:var(--font-mono);font-size:.78rem;text-decoration:underline;cursor:pointer;}
.bookw__lbl{display:block;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;color:#6b6259;margin:.9rem 0 .3rem;}
.bookw__in{width:100%;box-sizing:border-box;font-family:var(--font-mono);font-size:.9rem;color:var(--char);background:#fff;border:1px solid rgba(43,39,36,.22);border-radius:0;padding:.7rem .85rem;transition:border-color .2s ease,box-shadow .2s ease;}
.bookw__in:focus{outline:none;border-color:var(--rose);box-shadow:0 0 0 3px rgba(236,163,156,.28);}
.bookw__check{display:flex;gap:.55rem;align-items:flex-start;font-family:var(--font-mono);font-size:.78rem;color:#6b6259;margin:1rem 0 0;line-height:1.5;}
.bookw__check input{accent-color:var(--rose);margin-top:.15rem;flex:none;}
.bookw__check a{color:var(--char);text-decoration:underline;}
.bookw__hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0;}
.bookw__submit{width:100%;margin-top:1.3rem;font-family:var(--font-mono);font-weight:500;font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:#f6e9e7;background:var(--char);border:1px solid var(--char);border-radius:0;padding:1.05rem;cursor:pointer;transition:background .3s ease,color .3s ease;}
.bookw__submit:hover{background:transparent;color:var(--char);}
.bookw__submit:disabled{opacity:.6;cursor:default;}
.bookw__err{font-family:var(--font-mono);font-size:.8rem;color:#b3261e;margin:.9rem 0 0;}
.bookw__done{text-align:center;padding:1rem 0;}
.bookw__check-ic{width:64px;height:64px;border-radius:50%;background:var(--rose);color:#fff;font-size:1.9rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;}
.bookw__done h4{font-family:var(--font-display);font-weight:500;font-size:1.7rem;color:var(--char);margin:0 0 .6rem;}
.bookw__done p{font-family:var(--font-mono);font-size:.88rem;line-height:1.6;color:#6b6259;margin:0 auto 1.2rem;max-width:36ch;}
.bookw__meet{display:inline-block;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:#f6e9e7;background:var(--char);padding:.9rem 1.8rem;text-decoration:none;}
button.btn-solid{cursor:pointer;font:inherit;}