.cb-bab{--bab-accent: #47b3f1;--bab-ink: #111;--bab-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--bab-font);padding:0 24px;margin:48px 0}.cb-bab__inner{position:relative;overflow:hidden;max-width:1360px;margin:0 auto;border-radius:24px;padding:64px 48px;display:grid;grid-template-columns:minmax(0,1fr);gap:40px;align-items:center}.cb-bab__text{position:relative;z-index:1;min-width:0}.cb-bab__eyebrow{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:999px;font:700 13px/1 var(--bab-font);letter-spacing:.04em;text-transform:uppercase;margin-bottom:20px}.cb-bab__title{margin:0 0 16px;font:800 clamp(32px,4.6vw,56px)/1.05 var(--bab-font);letter-spacing:-.03em}.cb-bab__title span{display:block}.cb-bab__sub{margin:0 0 30px;font-size:18px;line-height:1.55;max-width:640px}.cb-bab__actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.cb-bab__btn{display:inline-flex;align-items:center;gap:10px;height:58px;padding:0 30px;border-radius:999px;font:800 17px/1 var(--bab-font);text-decoration:none!important;transition:transform .15s,background .15s}.cb-bab__btn:hover{transform:translateY(-1px)}.cb-bab__fine{font-size:13px}.cb-bab--dunkel .cb-bab__inner{background:var(--bab-ink);color:#fff;text-align:center;padding:80px 48px}.cb-bab--dunkel .cb-bab__inner:before{content:"";position:absolute;left:50%;top:-280px;width:820px;height:820px;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle,#47b3f140,#47b3f100 62%);pointer-events:none}.cb-bab--dunkel .cb-bab__eyebrow{background:#47b3f129;color:var(--bab-accent)}.cb-bab--dunkel .cb-bab__title{color:#fff}.cb-bab--dunkel .cb-bab__title span{color:var(--bab-accent)}.cb-bab--dunkel .cb-bab__sub{color:#ffffffb8;margin-left:auto;margin-right:auto}.cb-bab--dunkel .cb-bab__actions{justify-content:center;flex-direction:column;gap:14px}.cb-bab--dunkel .cb-bab__btn{background:var(--bab-accent);color:#fff!important}.cb-bab--dunkel .cb-bab__btn:hover{background:#1f8fd0}.cb-bab--dunkel .cb-bab__fine{color:#ffffff80}.cb-bab--blau .cb-bab__inner{background:var(--bab-accent);color:var(--bab-ink);text-align:center;padding:80px 48px}.cb-bab--blau .cb-bab__inner:before,.cb-bab--blau .cb-bab__inner:after{content:"";position:absolute;border-radius:50%;border:2px solid rgba(255,255,255,.35);pointer-events:none}.cb-bab--blau .cb-bab__inner:before{width:520px;height:520px;left:-200px;bottom:-300px}.cb-bab--blau .cb-bab__inner:after{width:380px;height:380px;right:-120px;top:-200px}.cb-bab--blau .cb-bab__eyebrow{background:#ffffff40;color:var(--bab-ink)}.cb-bab--blau .cb-bab__title{color:var(--bab-ink)}.cb-bab--blau .cb-bab__title span{color:#fff}.cb-bab--blau .cb-bab__sub{color:#111111bf;margin-left:auto;margin-right:auto}.cb-bab--blau .cb-bab__actions{justify-content:center;flex-direction:column;gap:14px}.cb-bab--blau .cb-bab__btn{background:var(--bab-ink);color:#fff!important}.cb-bab--blau .cb-bab__fine{color:#1119}.cb-bab--mail .cb-bab__inner{background:var(--bab-ink);color:#fff;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:56px;padding:64px}.cb-bab--mail .cb-bab__inner:before{content:"";position:absolute;right:-160px;top:50%;width:640px;height:640px;transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle,#47b3f14d,#47b3f100 65%);pointer-events:none}.cb-bab--mail .cb-bab__eyebrow{background:#47b3f129;color:var(--bab-accent)}.cb-bab--mail .cb-bab__title{color:#fff}.cb-bab--mail .cb-bab__title span{color:var(--bab-accent)}.cb-bab--mail .cb-bab__sub{color:#ffffffb8}.cb-bab--mail .cb-bab__btn{background:var(--bab-accent);color:#fff!important}.cb-bab--mail .cb-bab__btn:hover{background:#1f8fd0}.cb-bab--mail .cb-bab__fine{color:#ffffff80}.cb-bab__mail{position:relative;z-index:1;background:#fff;color:var(--bab-ink);border-radius:18px;padding:18px;max-width:460px;justify-self:end;width:100%;box-shadow:0 30px 60px #00000059;transform:rotate(-1.5deg);min-width:0;box-sizing:border-box}.cb-bab__mail-head{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid #eee;font-size:13px;line-height:1.35}.cb-bab__mail-head strong{display:block;font-size:14px}.cb-bab__mail-head>div{flex:1;min-width:0}.cb-bab__mail-head span{color:#5f5f5f;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb-bab__mail-head em{margin-left:auto;font-style:normal;color:#8a8a8a;font-size:12px}.cb-bab__mail-from{flex:0 0 auto;width:36px;height:36px;border-radius:50%;background:var(--bab-accent);display:flex;align-items:center;justify-content:center}.cb-bab__mail-rad{display:grid;grid-template-columns:150px 1fr;gap:16px;padding-top:16px;align-items:center}.cb-bab__mail-rad img{width:100%;height:auto;border-radius:12px;background:#f4f6f8;display:block}.cb-bab__mail-rad strong{display:block;font-size:15px;line-height:1.3;margin-bottom:6px}.cb-bab__mail-preis{display:block;font-weight:800;font-size:18px;margin-bottom:4px}.cb-bab__mail-preis s{font-weight:500;font-size:12px;color:#8a8a8a}.cb-bab__mail-fakten{display:block;font-size:12px;color:#5f5f5f;margin-bottom:8px}.cb-bab__mail-link{font-size:13px;font-weight:700;text-decoration:underline}@media(max-width:960px){.cb-bab--mail .cb-bab__inner{grid-template-columns:minmax(0,1fr);padding:48px 32px}.cb-bab__mail{justify-self:center}}@media(max-width:640px){.cb-bab{padding:0 16px;margin:32px 0}.cb-bab__inner,.cb-bab--dunkel .cb-bab__inner,.cb-bab--blau .cb-bab__inner{padding:48px 22px;border-radius:20px}.cb-bab--mail .cb-bab__inner{padding:40px 20px}.cb-bab__sub{font-size:16px}.cb-bab__btn{width:100%;justify-content:center}.cb-bab__mail-rad{grid-template-columns:110px 1fr}.cb-bab__mail{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/cb-bike-alarm-banner.css.map */
