/* Bandbreite · Essays zwischen Netz und Band
   Baut auf liebe.css auf: gleiche Bausteine, etwas ruhiger, weil die Texte länger sind. */
.bb .spule-klein{width:1em; height:1em; flex:none; animation:bb-dreh 6s linear infinite}
@keyframes bb-dreh{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.bb .spule-klein{animation:none}}
.bb .le-nummer{transform:rotate(-1.5deg)}
.bb .le-text p.bb-lead{font-weight:700; font-size:1.18em; line-height:1.6}
.bb .le-text p.bb-lead strong{font-weight:700}
.bb .le-text h2{margin-top:44px}
.bb-bild .le-rahmen{transform:rotate(-.8deg)}
.bb-signatur{font-weight:700; font-size:48px !important; line-height:1; color:var(--rot-text); transform:rotate(-3deg); margin-top:12px !important}
.bb-reihe-liste{grid-template-columns:minmax(0,420px) !important; justify-content:center}
.bb-folgt{margin:0; font-size:1rem; color:var(--grau); text-align:center}
/* Übersicht */
.bb .le-start img{aspect-ratio:1; object-fit:cover}
.bb .le-start .einleitung + .einleitung{margin-top:14px}
.bb-uebersicht .bild img{aspect-ratio:3/2; object-fit:cover}
.bb-zeit{font-size:.8rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--grau)}
.bb-bald{display:flex}
.bb-bald-in{flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; min-height:260px; padding:24px;
  border:2px dashed rgba(33,26,20,.35); border-radius:var(--radius); color:var(--grau); text-align:center; font-size:.95rem}
.bb-bald-in .hand{font-size:28px; font-weight:700; color:var(--rot-text); transform:rotate(-2deg)}
@media (max-width:600px){.bb-signatur{font-size:40px !important}}