/* Buch-Hinweis rechts neben Blogbeiträgen (assets/js/blog-buch.js) */
main.c-wrap{ position:relative; }
.bb-spur{ display:none; }
@media (min-width:1100px){
  .bb-spur{ display:block; position:absolute; right:0; width:230px; pointer-events:none; }
  .bb-feld{ position:sticky; top:104px; pointer-events:auto; padding:22px 20px 20px;
    background:#0E1012; border:1px solid rgba(168,176,181,.18);
    opacity:0; transform:translateY(12px); transition:opacity .5s ease, transform .5s cubic-bezier(.16,1,.3,1); }
  .bb-spur.bb-an .bb-feld{ opacity:1; transform:none; }
  .bb-cover{ display:block; width:118px; margin:0 auto 18px; perspective:900px; }
  .bb-buch{ display:block; position:relative; aspect-ratio:760/1065; transform-style:preserve-3d;
    transform:rotateY(-24deg) rotateX(3deg); transition:transform .5s cubic-bezier(.16,1,.3,1); }
  .bb-feld:hover .bb-buch{ transform:rotateY(-12deg) rotateX(2deg); }
  .bb-front{ position:absolute; inset:0; transform:translateZ(5px);
    background:#8f9a9e url('/assets/cover-480.webp') center/cover no-repeat;
    box-shadow:0 18px 30px -12px rgba(0,0,0,.8), inset 0 0 0 1px rgba(0,0,0,.25); }
  .bb-front::before{ content:""; position:absolute; inset:0;
    background:linear-gradient(90deg, rgba(0,0,0,.4) 0, rgba(255,255,255,.24) 1.5%, rgba(0,0,0,.2) 3%, rgba(0,0,0,0) 7%); }
  .bb-seiten{ position:absolute; top:1%; bottom:1%; right:-5px; width:10px; transform:rotateY(90deg) translateZ(0);
    background:repeating-linear-gradient(90deg, #efe8da 0 1px, #cfc6b4 1px 2px); }
  .bb-augenbraue{ margin:0 0 6px; font-family:var(--font-mono); font-size:10px; letter-spacing:.22em; text-transform:uppercase; color:var(--blood-text, #E5554B); }
  .bb-titel{ margin:0 0 8px; font-family:var(--font-display); font-weight:800; font-size:24px; line-height:1.1; color:var(--cream); }
  .bb-titel span{ color:var(--blood); }
  .bb-text{ margin:0 0 10px; font-size:14px; line-height:1.55; color:var(--cream-dim); }
  .bb-preis{ margin:0 0 16px; font-family:var(--font-mono); font-size:10.5px; letter-spacing:.06em; color:var(--steel); }
  .bb-preis small{ display:block; margin-top:3px; font-size:10px; letter-spacing:.04em; color:var(--steel); }
  .bb-knopf{ display:block; text-align:center; padding:12px 10px; background:var(--blood); color:#fff; text-decoration:none;
    font-family:var(--font-mono); font-size:11px; letter-spacing:.18em; text-transform:uppercase; transition:background .2s; }
  .bb-knopf:hover{ background:#b82a22; }
  .bb-leise{ display:block; text-align:center; margin-top:10px; font-family:var(--font-mono); font-size:10.5px; letter-spacing:.14em;
    text-transform:uppercase; color:var(--steel); text-decoration:none; }
  .bb-leise:hover{ color:var(--cream); }
}
/* Leiste unten auf Handy und Tablet */
.bb-leiste{ display:none; }
@media (max-width:1099px){
  .bb-leiste{ display:flex; align-items:center; gap:12px; position:fixed; left:0; right:0; bottom:0; z-index:60;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom)) 14px; background:rgba(14,16,18,.97);
    border-top:1px solid rgba(168,176,181,.22); transform:translateY(110%); transition:transform .35s cubic-bezier(.16,1,.3,1); }
  .bb-leiste.bb-l-an{ transform:none; }
  .bb-l-cover{ flex:0 0 auto; width:30px; aspect-ratio:760/1065; background:#8f9a9e url('/assets/cover-480.webp') center/cover no-repeat; }
  .bb-l-text{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; line-height:1.2; color:var(--cream); font-size:14px; }
  .bb-l-text small{ font-family:var(--font-mono); font-size:10.5px; letter-spacing:.06em; color:var(--steel); }
  .bb-l-text .bb-l-mwst{ font-size:9.5px; letter-spacing:.02em; }
  .bb-l-knopf{ flex:0 0 auto; padding:11px 16px; background:var(--blood); color:#fff; text-decoration:none;
    font-family:var(--font-mono); font-size:11px; letter-spacing:.16em; text-transform:uppercase; }
  .bb-l-zu{ flex:0 0 auto; width:32px; height:32px; background:none; border:0; color:var(--steel); font-size:22px; line-height:1; cursor:pointer; }
}
@media (prefers-reduced-motion:reduce){
  .bb-leiste{ transition:none !important; }
  .bb-feld, .bb-buch{ transition:none !important; }
  .bb-spur .bb-feld{ opacity:1; transform:none; }
}