/* ================================================================
   Buchseite /buch – „Was die Maschine dir nicht nehmen kann.“
   Baut auf style.css (Tokens, Nav, Footer, Buttons, Consent) auf.
   ================================================================ */

body.buchseite-body{background:var(--navy)}
/* Ohne script.js gibt es keinen „scrolled“-Zustand: Navigation scrollt mit der Seite weg */
.buchseite-body .nav{position:absolute}

/* Navigation: rechts nur ein Link, auch mobil sichtbar */
.buchnav__link{
  font-weight:600;font-size:.92rem;color:var(--gold-light);
  border:1.5px solid rgba(193,163,85,.55);border-radius:var(--radius);
  padding:10px 18px;transition:all .25s var(--ease);white-space:nowrap
}
.buchnav__link:hover{background:var(--gold);border-color:var(--gold);color:var(--navy)}

/* Hero: geteilte Seite – links Cover, rechts Text */
.buchseite{
  position:relative;overflow:hidden;
  background:radial-gradient(120% 90% at 25% 10%,var(--navy-light),var(--navy) 65%);
  color:var(--stone-100);
  padding:150px 0 110px
}
.buchseite::before{
  content:"";position:absolute;left:-10%;top:12%;width:60%;height:80%;
  background:radial-gradient(closest-side,rgba(193,163,85,.16),transparent 70%);
  pointer-events:none
}
.buchseite__grid{
  position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);
  gap:clamp(40px,6vw,90px);align-items:center
}

.buchseite__cover{display:flex;justify-content:center}
.buchseite__cover picture,.buchseite__cover img{width:100%;max-width:440px}
.buchseite__cover img{
  height:auto;border-radius:4px;
  box-shadow:0 30px 70px rgba(0,0,0,.55),0 0 0 1px rgba(193,163,85,.25),0 0 90px rgba(193,163,85,.12)
}

.buchseite__text .kicker{margin-bottom:16px}
.buchseite__title{
  font-family:var(--ff-display);font-weight:700;color:var(--white);
  font-size:clamp(2.2rem,4vw,3.4rem);line-height:1.1;letter-spacing:-.01em
}
.buchseite__title em,.buchseite__gold{
  font-style:normal;
  background:linear-gradient(100deg,var(--gold-light),var(--gold));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent
}
.buchseite__sub{
  margin-top:16px;font-size:clamp(1.1rem,1.6vw,1.3rem);color:var(--stone-100)
}

.buchseite__copy{margin-top:36px;max-width:56ch}
.buchseite__copy p{font-size:1.05rem;line-height:1.7;color:var(--stone-300);margin-bottom:16px}
.buchseite__hook{color:var(--stone-100)!important;font-size:1.12rem!important}
.buchseite__list{list-style:none;margin:6px 0 22px;padding:0}
.buchseite__list li{
  position:relative;padding:10px 0 10px 30px;color:var(--stone-100);
  border-bottom:1px solid rgba(255,255,255,.08);line-height:1.5
}
.buchseite__list li:last-child{border-bottom:0}
.buchseite__list li::before{
  content:"";position:absolute;left:4px;top:19px;width:10px;height:10px;border-radius:50%;
  background:linear-gradient(135deg,var(--gold-light),var(--gold-dark))
}
.buchseite__claim{
  margin-top:26px!important;padding-left:18px;border-left:3px solid var(--gold);
  font-family:var(--ff-display);font-style:italic;font-size:1.3rem!important;line-height:1.45!important;
  color:var(--white)!important
}

.buchseite__release{
  margin-top:30px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px
}
.buchseite__badge{
  display:inline-flex;align-items:center;gap:10px;
  font-weight:600;font-size:.98rem;color:var(--gold-light);
  border:1.5px solid rgba(193,163,85,.6);border-radius:999px;padding:12px 22px
}
.buchseite__badge::before{
  content:"";width:8px;height:8px;border-radius:50%;background:var(--gold)
}
.buchseite__note{font-size:.92rem;line-height:1.45;color:var(--stone-300);margin:0}
.buchseite__release--end{margin-top:30px}
.buchseite__meta{margin-top:22px;font-size:.88rem;color:var(--stone-300);letter-spacing:.02em}
.buchseite__meta span+span::before{content:"·";margin:0 .6em;color:var(--stone-300)}
.buchseite__meta span{white-space:nowrap;display:inline-block}

/* Brücke zur Keynote */
.buchbruecke{background:var(--cream);padding:70px 0;text-align:center}
.buchbruecke p{font-family:var(--ff-display);font-size:clamp(1.25rem,2.2vw,1.6rem);color:var(--navy);line-height:1.4}
.buchbruecke a{margin-top:24px;white-space:normal;max-width:100%;text-align:center}

@media (max-width:900px){
  .buchseite{padding:120px 0 80px}
  .buchseite__grid{grid-template-columns:1fr;gap:44px}
  .buchseite__cover picture,.buchseite__cover img{max-width:300px}
  .buchseite__text{text-align:left}
}
@media (max-width:480px){
  .buchnav__link{padding:8px 12px;font-size:.85rem}
  .buchseite__cover picture,.buchseite__cover img{max-width:210px}
  .buchseite__release .btn{width:100%}
  .buchseite__meta span{display:block;margin-top:2px}
  .buchseite__meta span+span::before{content:none}
}

/* ================================================================
   Marketingteil unter Cover und Rückseitentext (21.10.2026)
   ================================================================ */
.buchfrage .h2,.buchautor .h2{text-align:left}
.buchfrage__lead{margin-top:26px;font-size:clamp(1.1rem,1.6vw,1.25rem);line-height:1.7;color:var(--stone-700);max-width:62ch}

.buchzitat{margin:40px 0 0;padding:4px 0 4px 26px;border-left:3px solid var(--gold)}
.buchzitat p{font-family:var(--ff-display);font-style:italic;font-size:clamp(1.25rem,2vw,1.55rem);line-height:1.5;color:var(--navy)}
.buchzitat cite,.buchautor__zitat cite,.buchende cite{display:block;margin-top:14px;font-style:normal;font-size:.85rem;font-weight:600;letter-spacing:.06em;color:var(--gold-dark)}
.buchzitat--karte{margin-top:16px;padding:28px 32px;background:#fff;border:1px solid var(--gold-pale);border-left:4px solid var(--gold);border-radius:var(--radius)}

.buchweg__schritte{list-style:none;padding:0;margin:0 auto;max-width:1080px;display:grid;grid-template-columns:repeat(4,1fr);counter-reset:schritt}
.buchweg__schritte li{counter-increment:schritt;padding:30px 26px;position:relative}
.buchweg__schritte li+li{border-left:1px solid var(--stone-100)}
.buchweg__schritte li::before{content:counter(schritt);display:block;font-family:var(--ff-display);font-size:.95rem;font-weight:700;color:var(--gold);margin-bottom:6px}
.buchweg__k{display:block;font-family:var(--ff-display);font-size:1.4rem;font-weight:700;color:var(--navy);margin-bottom:10px}
.buchweg__schritte p{color:var(--stone-700);font-size:1rem;line-height:1.6}
.buchweg__stimme{margin:56px auto 0}
.buchweg__ueberleitung{font-size:1.05rem;color:var(--stone-700)}

.buchautor__grid{display:grid;grid-template-columns:220px 1fr;gap:48px;align-items:center}
.buchautor__bild{width:220px;height:220px;object-fit:cover;object-position:50% 30%;border-radius:50%;box-shadow:0 0 0 4px #fff,0 0 0 5px var(--gold-pale),0 18px 40px rgba(10,22,40,.15)}
.buchautor__zitat p{font-family:var(--ff-display);font-weight:600;font-size:clamp(1.4rem,2.4vw,1.85rem);line-height:1.35;color:var(--navy)}
.buchautor__text{margin-top:22px;font-size:1.05rem;line-height:1.7;color:var(--stone-700)}

.buchende{text-align:center}
.buchende__scherer p{font-family:var(--ff-display);font-weight:700;font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.3;color:var(--white)}
.buchende__scherer cite{color:var(--gold-light)}
.buchende__versprechen{margin:56px auto 0;max-width:62ch}
.buchende__versprechen p{font-family:var(--ff-display);font-style:italic;font-size:clamp(1.1rem,1.6vw,1.3rem);line-height:1.65;color:var(--stone-100)}
.buchende__versprechen cite{color:var(--gold-light)}
.buchende__cta{margin-top:48px;display:flex;flex-direction:column;align-items:center;gap:14px}

@media (max-width:900px){
  .buchweg__schritte{grid-template-columns:1fr 1fr}
  .buchweg__schritte li:nth-child(3){border-left:0}
  .buchweg__schritte li:nth-child(n+3){border-top:1px solid var(--stone-100)}
}
@media (max-width:640px){
  .buchweg__schritte{grid-template-columns:1fr}
  .buchweg__schritte li{border-left:0!important;padding:24px 4px}
  .buchweg__schritte li+li{border-top:1px solid var(--stone-100)}
  .buchautor__grid{grid-template-columns:1fr;gap:28px;justify-items:start}
  .buchautor__bild{width:150px;height:150px}
  .buchzitat--karte{padding:22px 20px}
  .buchende__cta .btn{width:100%}
}