.shopify-section--bibi-lernen{position:relative;z-index:0}.section-bibi-lernen{--section-bibi-lernen-star-shape: polygon(50% 0, 61% 39%, 100% 50%, 61% 61%, 50% 100%, 39% 61%, 0 50%, 39% 39%);--section-bibi-lernen-sticky-offset: calc( var(--header-height, 0px) * var(--enable-sticky-header, 0) + var(--announcement-bar-height, 0px) * var(--enable-sticky-announcement-bar, 0) + 8px );position:relative;display:flex;justify-content:center;overflow:clip;padding:clamp(48px,6vw,88px) clamp(16px,4vw,40px);background:radial-gradient(ellipse at 15% 20%,var(--section-bibi-lernen-tint-1) 0%,var(--section-bibi-lernen-tint-1-clear) 40%),radial-gradient(ellipse at 85% 80%,var(--section-bibi-lernen-tint-2) 0%,var(--section-bibi-lernen-tint-2-clear) 45%),var(--section-bibi-lernen-base);color:var(--section-bibi-lernen-text);font-family:var(--text-font-family);line-height:normal;content-visibility:auto;contain-intrinsic-size:auto 1500px}.section-bibi-lernen__drift-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.section-bibi-lernen__drift{position:absolute;bottom:0;width:14px;height:14px;background:var(--section-bibi-lernen-yellow);clip-path:var(--section-bibi-lernen-star-shape);opacity:.7;animation:section-bibi-lernen-drift 12s linear infinite}.section-bibi-lernen__drift--1{left:6%}.section-bibi-lernen__drift--2{left:47%;background:var(--section-bibi-lernen-purple);animation-delay:-7s}.section-bibi-lernen__drift--3{left:90%;background:var(--section-bibi-lernen-orange);animation-delay:-9s}.section-bibi-lernen__inner{position:relative;display:flex;flex-direction:column;gap:clamp(24px,4vw,40px);width:100%;max-width:1220px}.section-bibi-lernen__header{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.section-bibi-lernen__eyebrow{color:var(--section-bibi-lernen-eyebrow);font-size:14px;font-weight:700;letter-spacing:.08em}.section-bibi-lernen__heading{margin:0;color:inherit;font-family:var(--text-font-family);font-size:clamp(28px,4.2vw,46px);font-weight:700;line-height:1.2;letter-spacing:normal;text-transform:none}.section-bibi-lernen__stack{display:flex;flex-direction:column;gap:16px}.section-bibi-lernen__card{position:sticky;top:calc(var(--section-bibi-lernen-sticky-offset) + var(--section-bibi-lernen-index, 0) * 16px);display:flex;flex-direction:column;align-items:center;gap:12px;padding:22px 22px 26px;border-radius:24px;background:var(--section-bibi-lernen-card-bg);box-shadow:0 -4px 22px #1248771f;text-align:center;transition:transform .3s cubic-bezier(.3,1.4,.5,1),box-shadow .3s ease}.section-bibi-lernen__card--link{color:inherit;text-decoration:none}.section-bibi-lernen__card--link:focus-visible{outline:2px solid currentColor;outline-offset:4px}.section-bibi-lernen__card:hover{transform:translateY(-8px)}@media(prefers-reduced-motion:no-preference){.section-bibi-lernen__card:hover .section-bibi-lernen__image{animation:section-bibi-lernen-hop .7s cubic-bezier(.3,1.6,.5,1)}}.section-bibi-lernen__art{position:relative;display:flex;align-items:flex-end;justify-content:center;width:240px;height:250px;margin-bottom:-70px;transform:scale(.72);transform-origin:top center}.section-bibi-lernen__halo{position:absolute;left:50%;top:50%;width:230px;height:230px;margin:-115px 0 0 -115px;border-radius:50%;background:conic-gradient(from 0deg,var(--section-bibi-lernen-yellow-clear),var(--section-bibi-lernen-yellow-55),var(--section-bibi-lernen-purple-35),var(--section-bibi-lernen-blue-45),var(--section-bibi-lernen-yellow-clear));filter:blur(18px);animation:section-bibi-lernen-orbit 9s linear infinite}.section-bibi-lernen__ring{position:absolute;left:50%;top:50%;width:250px;height:250px;margin:-125px 0 0 -125px;border:2px dashed var(--section-bibi-lernen-purple-35);border-radius:50%;animation:section-bibi-lernen-orbit 30s linear infinite}.section-bibi-lernen__spark,.section-bibi-lernen__star{width:18px;height:18px;background:var(--section-bibi-lernen-yellow);clip-path:var(--section-bibi-lernen-star-shape);animation:section-bibi-lernen-sparkle 2.6s ease-in-out infinite}.section-bibi-lernen__spark{position:absolute}.section-bibi-lernen__spark--1-1{left:18px;top:40px}.section-bibi-lernen__spark--1-2{right:22px;top:70px;width:14px;height:14px;background:var(--section-bibi-lernen-purple);animation-delay:-.8s}.section-bibi-lernen__spark--1-3{left:40px;bottom:60px;width:12px;height:12px;background:var(--section-bibi-lernen-blue);animation-delay:-1.6s}.section-bibi-lernen__spark--2-1{left:26px;top:30px;animation-delay:-.4s}.section-bibi-lernen__spark--2-2{left:16px;bottom:40px;width:14px;height:14px;background:var(--section-bibi-lernen-purple);animation-delay:-2s}.section-bibi-lernen__spark--3-1{right:30px;top:26px;width:22px;height:22px;animation-delay:-.2s}.section-bibi-lernen__spark--3-2{right:14px;bottom:70px;width:14px;height:14px;background:var(--section-bibi-lernen-green);animation-delay:-1.8s}.section-bibi-lernen__card--variant-2 .section-bibi-lernen__halo{animation-delay:-3s}.section-bibi-lernen__card--variant-2 .section-bibi-lernen__ring{animation-direction:reverse}.section-bibi-lernen__card--variant-3 .section-bibi-lernen__halo{animation-delay:-6s}.section-bibi-lernen__levitate{position:relative;animation:section-bibi-lernen-levitate 4.5s ease-in-out infinite}.section-bibi-lernen__card--variant-2 .section-bibi-lernen__levitate{animation-duration:3.4s}.section-bibi-lernen__card--variant-3 .section-bibi-lernen__levitate{animation-duration:5.2s}.section-bibi-lernen__image{display:block;width:auto;max-width:240px;height:220px;object-fit:contain}.section-bibi-lernen__image--placeholder{width:220px;fill:currentColor;opacity:.2}.section-bibi-lernen__badge-circle{position:absolute;right:0;top:0;z-index:2;width:50px;height:50px;border-radius:50%;box-shadow:0 6px #00000014;font-size:24px;font-weight:700}.section-bibi-lernen__badge-circle-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--section-bibi-lernen-badge-bg);color:var(--section-bibi-lernen-badge-text)}.section-bibi-lernen__badge-pill{position:absolute;left:0;top:12px;padding:7px 13px;border-radius:999px;background:var(--section-bibi-lernen-badge-bg);box-shadow:0 4px #0000001f;color:var(--section-bibi-lernen-badge-text);font-size:13px;font-weight:700;animation:section-bibi-lernen-floaty 5s ease-in-out infinite}.section-bibi-lernen__shapes{display:flex;align-items:center;gap:8px}.section-bibi-lernen__circle{width:26px;height:26px;border-radius:50%;background:var(--section-bibi-lernen-orange)}.section-bibi-lernen__triangle{width:0;height:0;border-right:14px solid transparent;border-bottom:24px solid var(--section-bibi-lernen-blue);border-left:14px solid transparent}.section-bibi-lernen__swap{position:relative;width:30px;height:30px}.section-bibi-lernen__swap-question{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border:2px dashed var(--section-bibi-lernen-purple);border-radius:8px;color:var(--section-bibi-lernen-purple);font-weight:700;animation:section-bibi-lernen-swap-a 4s ease-in-out infinite}.section-bibi-lernen__swap-answer{position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:50%;background:var(--section-bibi-lernen-orange);box-shadow:0 0 14px var(--section-bibi-lernen-yellow);animation:section-bibi-lernen-swap-b 4s ease-in-out infinite}.section-bibi-lernen__chain{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700}.section-bibi-lernen__chip{padding:6px 12px;border-radius:999px;background:var(--section-bibi-lernen-chip-bg);color:var(--section-bibi-lernen-chip-text)}.section-bibi-lernen__arrow{flex:none;fill:none;stroke:var(--section-bibi-lernen-orange);stroke-width:3}.section-bibi-lernen__arrow-dash{stroke-dasharray:6 6;animation:section-bibi-lernen-dash 1.4s linear infinite}.section-bibi-lernen__arrow-head{stroke-linecap:round;stroke-linejoin:round}.section-bibi-lernen__stars{display:flex;gap:6px}.section-bibi-lernen__star{position:relative;display:inline-block;width:24px;height:24px}.section-bibi-lernen__star:nth-child(2){animation-delay:-.6s}.section-bibi-lernen__star:nth-child(3){animation-delay:-1.2s}.section-bibi-lernen__title{margin:0;color:inherit;font-family:var(--text-font-family);font-size:22px;font-weight:700;line-height:normal;letter-spacing:normal;text-transform:none}.section-bibi-lernen__text{margin:0;font-size:16px;font-weight:500;line-height:1.55}@supports (animation-timeline: view()){.section-bibi-lernen__reveal{animation:section-bibi-lernen-reveal-up linear both;animation-timeline:view();animation-range:entry 0% entry 30%}}@media screen and (min-width:900px){.section-bibi-lernen{contain-intrinsic-size:auto 720px}.section-bibi-lernen__stack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.section-bibi-lernen__card{position:relative;top:auto;box-shadow:0 0 2px #0000001a}.section-bibi-lernen__art{margin-bottom:0;transform:none}}@keyframes section-bibi-lernen-drift{0%{opacity:0;transform:translateY(40px) rotate(0)}15%{opacity:.8}85%{opacity:.8}to{opacity:0;transform:translateY(-560px) rotate(360deg)}}@keyframes section-bibi-lernen-orbit{to{transform:rotate(360deg)}}@keyframes section-bibi-lernen-sparkle{0%,to{opacity:0;transform:scale(0) rotate(0)}40%{opacity:1;transform:scale(1) rotate(90deg)}70%{opacity:.7;transform:scale(.6) rotate(160deg)}}@keyframes section-bibi-lernen-levitate{0%,to{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-12px) rotate(1.5deg)}}@keyframes section-bibi-lernen-hop{0%{transform:translateY(0) scale(1)}40%{transform:translateY(-22px) scale(1.05) rotate(-3deg)}70%{transform:translateY(3px) scale(.98)}to{transform:none}}@keyframes section-bibi-lernen-floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes section-bibi-lernen-swap-a{0%,45%{opacity:1;transform:scale(1)}50%,95%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes section-bibi-lernen-swap-b{0%,45%{opacity:0;transform:scale(.4) rotate(-20deg)}55%,92%{opacity:1;transform:scale(1.15) rotate(0)}to{opacity:0;transform:scale(.4)}}@keyframes section-bibi-lernen-dash{to{stroke-dashoffset:-24}}@keyframes section-bibi-lernen-reveal-up{0%{opacity:0;transform:translateY(36px) scale(.97)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.section-bibi-lernen *{animation:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/248/assets/section-bibi-lernen.css.map */