.kos-cat-header{padding:3.6rem 2rem 2.8rem;border-radius:1.2rem;margin:0 auto 2.4rem;max-width:var(--page-width);text-align:center}.kos-cat-header__icon{font-size:3.6rem;line-height:1;margin-bottom:.6rem}.kos-cat-header__title{margin:0 0 .4rem;font-size:2.2rem;font-weight:700;color:rgb(var(--color-foreground));font-family:var(--font-heading-family)}.kos-cat-header__sub{margin:0;font-size:1.25rem;color:rgba(var(--color-foreground),.55)}.kos-cat-header--kristalle{background:linear-gradient(135deg,#fef3c7,#fde68a,#fcd34d)}.kos-cat-header--spray{background:linear-gradient(135deg,#dbeafe,#bfdbfe,#93c5fd)}.kos-cat-header--spezial{background:linear-gradient(135deg,#e0e7ff,#c7d2fe,#a5b4fc)}@media screen and (max-width:749px){.kos-cat-header{padding:2.8rem 1.6rem 2.2rem}.kos-cat-header__title{font-size:1.8rem}.kos-cat-header__icon{font-size:3rem}}.kos-teaser{max-width:var(--page-width);margin:0 auto;padding:0 1.5rem}.kos-teaser__panel{background:linear-gradient(135deg,#e0f2fe,#bae6fd,#7dd3fc);border-radius:1.2rem;padding:4rem 3rem;text-align:center;transition:transform .25s,box-shadow .25s}.kos-teaser__panel:hover{transform:translateY(-4px);box-shadow:0 12px 32px #1f29371f}.kos-teaser__icon{font-size:3.6rem;line-height:1;margin-bottom:.8rem}.kos-teaser__tag{display:inline-block;background:#1313131f;color:#121212;font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.3rem 1rem;border-radius:10rem;margin-bottom:1rem}.kos-teaser__title{font-size:2rem;font-weight:700;margin:0 0 .8rem;line-height:1.25;color:#121212;font-family:var(--font-heading-family)}.kos-teaser__desc{font-size:1.15rem;color:#121212b8;margin:0 auto 2rem;max-width:56rem;line-height:1.55}.kos-teaser__actions{display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:center}.kos-teaser__btn{display:inline-block;font-weight:700;font-size:1.15rem;padding:1rem 2.2rem;border-radius:.8rem;text-decoration:none;transition:transform .2s,background .2s,color .2s,opacity .2s}.kos-teaser__btn--solid{background:#121212;color:#fff}.kos-teaser__btn--solid:hover{transform:translateY(-2px);opacity:.88}.kos-teaser__btn--ghost{background:transparent;color:#121212;border:.2rem solid #121212}.kos-teaser__btn--ghost:hover{background:#121212;color:#fff}@media screen and (min-width:750px){.kos-teaser{padding:0 5rem}}@media screen and (max-width:749px){.kos-teaser__panel{padding:2.8rem 1.8rem}.kos-teaser__title{font-size:1.6rem}.kos-teaser__icon{font-size:3rem}.kos-teaser__btn{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/kos-home.css.map */