/* Wegklick-Kästchen zur kostenlosen Sammlung (19.09.2026)
   Machart von der Agentur-Startseite übernommen: unten links, erscheint nach
   neun Sekunden oder sobald jemand ein gutes Stück gescrollt hat, und muss
   aktiv weggeklickt werden. Weggeklickt oder angeklickt bleibt es für diese
   Sitzung weg (sessionStorage endet mit dem Tab, kein Cookie).
   Rechts stehen Kanal-Leiste und Chat, deshalb bleibt am Handy dort Platz. */
.bib-hinweis{
  position:fixed; left:18px; bottom:18px; z-index:58;
  width:min(370px, calc(100vw - 36px));
  background:#0c1626; border:1px solid #27445e; border-radius:16px;
  box-shadow:0 14px 40px rgba(0,0,0,.55); padding:18px 20px;
  opacity:0; transform:translateY(22px); visibility:hidden;
  transition:opacity .55s ease, transform .7s cubic-bezier(.2,.8,.2,1), visibility 0s .7s;
}
.bib-hinweis.da{opacity:1; transform:none; visibility:visible; transition-delay:0s}
.bib-hinweis::before{content:""; position:absolute; left:20px; right:20px; top:0; height:2px;
  background:linear-gradient(90deg,#2fd4c0,#c9a24b); border-radius:2px}
.bib-hinweis .bh-label{display:block; font-size:.72rem; letter-spacing:.14em; text-transform:uppercase;
  color:#c9a24b; margin-bottom:8px}
.bib-hinweis h3{margin:0 0 8px; font-size:1.08rem; line-height:1.3; color:#fff; padding-right:26px}
.bib-hinweis p{margin:0 0 14px; color:#8fa6b4; font-size:.93rem; line-height:1.55}
.bib-hinweis .knopf{display:block; text-align:center; padding:10px 16px; font-size:.95rem}
.bib-zu{
  position:absolute; top:8px; right:10px; background:none; border:0; cursor:pointer;
  color:#8fa6b4; font-size:1.5rem; line-height:1; padding:6px 10px; border-radius:8px;
  min-width:36px; min-height:36px;
}
.bib-zu:hover,.bib-zu:focus-visible{color:#fff; background:rgba(255,255,255,.06)}
@media(max-width:900px){
  .bib-hinweis{left:12px; right:72px; width:auto; bottom:calc(14px + env(safe-area-inset-bottom, 0px))}
}
@media(prefers-reduced-motion:reduce){ .bib-hinweis{transition:none} }