/* A38 – Gratis-Leseproben: schmaler Hinweisstreifen unter den drei Welten
   Ruhige Optik (Creme/Salbei), kein Banner, kein Rabatt-Ton. */

.hb-free-strip{
  background:#EFF2EA;                 /* blasses Salbei */
  border-top:1px solid var(--jh-line, #E3DBCD);
  border-bottom:1px solid var(--jh-line, #E3DBCD);
}
.hb-free-strip .hb-wrap{ padding-top:0; padding-bottom:0; }
.hb-free-strip-link{
  display:flex; align-items:center; justify-content:center; gap:10px;
  padding:11px 0;
  font-size:14px; line-height:1.45; color:var(--jh-navy, #1F2A37);
  text-align:center;
}
.hb-free-strip-text{ font-weight:500; }
.hb-free-strip-arrow{
  color:var(--jh-sage, #7C8F7A);
  font-size:15px; line-height:1;
  transition:transform .15s ease;
}
.hb-free-strip-link:hover .hb-free-strip-text,
.hb-free-strip-link:focus-visible .hb-free-strip-text{
  text-decoration:underline;
  text-decoration-color:var(--jh-sage, #7C8F7A);
  text-underline-offset:3px;
}
.hb-free-strip-link:hover .hb-free-strip-arrow,
.hb-free-strip-link:focus-visible .hb-free-strip-arrow{ transform:translateX(3px); }
.hb-free-strip-link:focus-visible{ outline:2px solid var(--jh-sage, #7C8F7A); outline-offset:3px; }

@media (max-width:600px){
  .hb-free-strip-link{ padding:10px 0; font-size:13px; gap:8px; }
  .hb-free-strip-text{ text-align:left; }
}