/* ANGEBOT-POP-UP (Christian Knoll, 24.09.2026) — unten links, der Chatbot sitzt rechts */
.angebot-popup{position:fixed;left:clamp(14px,2vw,28px);bottom:clamp(64px,8vh,84px);z-index:60;
  width:min(360px,calc(100vw - 28px));background:var(--papier);color:var(--tinte);
  border-radius:14px;box-shadow:0 22px 60px rgba(13,18,13,.28),0 2px 8px rgba(13,18,13,.12);
  overflow:hidden;opacity:0;transform:translateY(22px);transition:opacity .45s ease,transform .45s cubic-bezier(.2,.8,.2,1)}
.angebot-popup.sichtbar{opacity:1;transform:none}
.angebot-bild{display:block;width:100%;aspect-ratio:16/8;object-fit:cover}
.angebot-inhalt{padding:1.1rem 1.25rem 1.25rem}
.angebot-marke{display:inline-block;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;
  color:#fff;background:var(--oliv);padding:.28rem .6rem;border-radius:3px;margin-bottom:.7rem}
.angebot-popup h3{margin:0 0 .3rem;font-size:1.25rem;font-weight:500;line-height:1.25;color:var(--tinte)}
.angebot-zeit{margin:0 0 .6rem;font-size:.86rem;color:var(--text-leise)}
.angebot-text{margin:0 0 1rem;font-size:.92rem;line-height:1.55;color:var(--text)}
.angebot-fuss{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.angebot-preis{font-size:.86rem;color:var(--text-leise)}
.angebot-preis b{font-size:1.35rem;font-weight:500;color:var(--oliv)}
.angebot-los{display:inline-block;background:var(--oliv);color:#fff;text-decoration:none;
  padding:.62rem 1.1rem;border-radius:3px;font-size:.86rem;letter-spacing:.04em}
.angebot-los:hover,.angebot-los:focus-visible{background:var(--tinte)}
.angebot-zu{position:absolute;top:.55rem;right:.55rem;width:32px;height:32px;border-radius:50%;
  border:0;background:rgba(255,255,255,.92);color:var(--tinte);font-size:1.15rem;line-height:1;cursor:pointer}
.angebot-zu:hover,.angebot-zu:focus-visible{background:#fff}