/* Buchseite /buch/ – ergänzt ads-landing.css (gemeinsame Bausteine: Hero, Karte, Button, Abschnitte, Fuß) */
body.buch .hero{background:radial-gradient(900px 420px at 12% 0%,rgba(242,145,95,.28),transparent 70%),radial-gradient(800px 460px at 92% 100%,rgba(213,73,64,.45),transparent 70%),linear-gradient(160deg,#3a0f0c 0%,#6d1a15 55%,#8f2a22 100%)}
.hero .eyebrow{margin:18px auto 14px;font:700 clamp(15px,1.6vw,18px)/1.5 var(--f-bold);letter-spacing:.01em;opacity:.95}
.hero h1{max-width:1000px;margin-bottom:44px}
.hero h1::after{margin-top:22px}
.hearts.checks li{grid-template-columns:34px 1fr;align-items:start;font-size:16px}
.hearts.checks li::before{content:"\2713";display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--primary);color:#fff;font:700 18px/1 var(--f-bold)}
.hearts.checks li span{padding-top:4px}

button.btn{width:100%;border:0;cursor:pointer;-webkit-appearance:none;appearance:none}
.strip-grid{grid-template-columns:1.15fr 1fr}
.strip .quote{grid-template-columns:96px 1fr;font-size:16px}
.strip .quote img{width:96px;height:96px;object-fit:cover}
.strip .quote p{font-style:italic}
.strip .cta .ask{margin-top:14px;font-size:15px}

h2.left{text-align:left;font-size:clamp(26px,2.8vw,34px);margin-bottom:28px}
h2.left::after{margin-left:0}
.sec h2.has-sub{margin-bottom:18px}
.sub{text-align:center;max-width:760px;margin:0 auto 48px}
.attention{grid-template-columns:1.35fr 1fr;align-items:center}
.cover{display:flex;justify-content:center}
.cover img{width:100%;max-width:300px;box-shadow:none;border-radius:0;filter:drop-shadow(0 24px 30px rgba(30,20,20,.35))}
.ticks{list-style:none;margin:0 0 1.3em;padding:0;display:grid;gap:10px}
.ticks li{position:relative;padding:14px 20px 14px 56px;background:var(--soft);border-radius:16px;font-size:17px;line-height:1.6}
.ticks li::before{content:"\2713";position:absolute;left:16px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--primary);color:#fff;font:700 15px/1 var(--f-bold)}

/* 8 Lektionen: erst linke, dann rechte Spalte (wie im Original) */
.lessons{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,auto);grid-auto-flow:column;gap:20px 28px}
.lesson{display:grid;grid-template-columns:72px 1fr;gap:20px;align-items:center;background:#fff;border-radius:20px;box-shadow:var(--shadow-sm);padding:22px 26px;transition:transform .3s ease,box-shadow .3s ease}
.lesson:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.lesson img{width:72px;height:72px;object-fit:contain}
.lesson h3{margin:0 0 4px;font:700 20px/1.3 var(--f-bold);color:var(--primary);letter-spacing:-.01em}
.lesson p{margin:0;font-size:16px;line-height:1.6}

.why{grid-template-columns:1fr 1fr;align-items:center}
.why.second{margin-top:56px}
.then{margin:0}
.then img{width:100%;max-width:420px;margin:0 auto}
.then figcaption{max-width:420px;margin:12px auto 0;font-size:14px;line-height:1.5;color:#555;text-align:center}
.why>img{width:100%;max-width:420px;margin:0 auto}

.readers figure>.avatar{width:117px;height:117px;aspect-ratio:auto;border-radius:50%;margin:28px auto 0;object-fit:cover;box-shadow:var(--shadow-sm)}
.readers figcaption{text-align:center;padding-top:14px}
.readers p{font-style:italic;text-align:center;color:#4a2d2b}
.reviews{margin-top:36px;align-items:start}
.reviews img{width:100%;height:auto;border-radius:16px;background:#fff;box-shadow:var(--shadow-sm);padding:6px}

.author-box{max-width:780px;margin:0 auto;text-align:center}
.avatar-lg{width:198px;height:198px;object-fit:cover;border-radius:50%;margin:0 auto 28px;box-shadow:var(--shadow-md)}
.photos img{max-width:none}
.photos.tv{margin-top:30px}
.final-text.center{text-align:center;max-width:820px;margin:0 auto 32px}
.final .cta{max-width:480px;margin:0 auto}

/* Bestell-Fenster */
.order{border:0;border-radius:24px;padding:36px 40px 40px;max-width:min(92vw,520px);width:100%;box-shadow:var(--shadow-md);text-align:center;color:var(--text);font-family:var(--f-body)}
.order::backdrop{background:rgba(30,10,8,.62);backdrop-filter:blur(3px)}
.order h2{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.order-h{margin:0 0 14px;font:700 19px/1.4 var(--f-bold);color:var(--primary)}
.order-links+.order-h{margin-top:26px}
.order-links{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;align-items:center}
.order-links a{display:block;padding:10px 16px;border-radius:14px;background:var(--soft);box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}
.order-links a:hover,.order-links a:focus-visible{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.order-links img{height:46px;width:auto;max-width:100%}
.order-x{position:absolute;right:14px;top:12px;width:38px;height:38px;border:0;border-radius:50%;background:var(--soft);font-size:26px;line-height:1;color:var(--heading);cursor:pointer}
.order-x:hover{background:#f0e6e4}

@media (max-width:900px){
  .attention,.why{grid-template-columns:1fr;gap:30px}
  .why.second{margin-top:40px}
  .why.second>img{order:2}
  .cover img{max-width:240px}
  .lessons{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row;gap:16px}
  .lesson{padding:18px 20px;grid-template-columns:56px 1fr;gap:16px}
  .lesson img{width:56px;height:56px}
  .strip-grid{grid-template-columns:1fr}
  h2.left{text-align:center}
  h2.left::after{margin-left:auto}
  .reviews{margin-top:26px}
  .photos img{max-width:100%}
  .order{padding:30px 22px 30px}
}
@media (prefers-reduced-motion:reduce){.lesson,.order-links a{transition:none}.lesson:hover,.order-links a:hover{transform:none}}

@media (max-width:480px){
  .strip .quote{grid-template-columns:1fr;justify-items:center;text-align:center;gap:14px}
}