/* Preis-Badge. Eigene Datei, damit Seiten es einbinden koennen,
   ohne die uebrigen Regeln von chatbot-refresh.css mitzunehmen. */
.offer-badge{position:relative;display:inline-flex;align-items:center;gap:13px;margin:0 0 24px;padding:9px 20px 9px 10px;border:1px solid #cfdcfb;border-radius:100px;background:linear-gradient(180deg,#fff,#f4f8ff);box-shadow:0 2px 5px rgba(20,40,90,.05),0 10px 26px rgba(40,100,240,.10);overflow:hidden}
.offer-badge:after{content:"";position:absolute;top:0;left:-60%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(40,100,240,.10),transparent);animation:offer-sheen 3.6s ease-in-out infinite;pointer-events:none}
@keyframes offer-sheen{0%,68%{left:-60%}100%{left:130%}}
.offer-badge-ico{flex:none;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#e6efff;color:#2864f0}
.offer-badge-ico svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.offer-badge-txt{display:inline-flex;flex-direction:column;line-height:1.15}
.offer-badge-txt span{color:#79879f;font-size:9.5px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.offer-badge-txt strong{margin-top:2px;color:#11131a;font-size:17px;font-weight:850;letter-spacing:-.03em}
.offer-badge-sep{flex:none;width:1px;height:24px;background:#dbe4f5}
.offer-badge-note{color:#59627a;font-size:12px;font-weight:750}
@media(max-width:600px){
  .offer-badge{gap:11px;padding:10px 16px 11px 10px;border-radius:20px;flex-wrap:wrap}
  .offer-badge-sep{display:none}
  .offer-badge-note{flex-basis:100%;padding-left:45px;margin-top:-2px}
}
@media(prefers-reduced-motion:reduce){.offer-badge:after{display:none}}