.followswiss-how-it-works{width:100%;background:var(--fs-bg, #0b0d11);padding:var(--fs-pad-top, 96px) 16px var(--fs-pad-bottom, 96px);box-sizing:border-box}.followswiss-how-it-works__inner{max-width:var(--fs-container-width, 1240px);margin:0 auto;text-align:center}.followswiss-how-it-works__eyebrow{margin:0 0 10px;font-size:var(--fs-eyebrow-size, 13px);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--fs-eyebrow, #e0263f)}.followswiss-how-it-works__heading{margin:0 0 clamp(36px,5vw,64px);font-family:Manrope,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:var(--fs-heading-size, 40px);font-weight:var(--fs-heading-weight, 700);line-height:1.15;color:var(--fs-heading, #ffffff)}.followswiss-how-it-works__steps{display:flex;align-items:flex-start;justify-content:center;list-style:none;margin:0;padding:0}.followswiss-how-it-works__step{display:flex;flex-direction:column;align-items:center;flex:1 1 0;max-width:320px;padding:0 12px;--fs-reveal-y: 0px;opacity:1;transform:translateY(var(--fs-reveal-y));transition:opacity var(--fs-reveal-duration, .6s) ease,transform var(--fs-reveal-duration, .6s) cubic-bezier(.22,1,.36,1)}.followswiss-how-it-works[data-fs-animate=true] .followswiss-how-it-works__step{--fs-reveal-y: var(--fs-reveal-distance, 20px);opacity:0}.followswiss-how-it-works[data-fs-animate=true] .followswiss-how-it-works__step.is-revealed{--fs-reveal-y: 0px;opacity:1}.followswiss-how-it-works__connector{flex:1 1 72px;max-width:140px;align-self:flex-start;margin-top:calc(var(--fs-badge-overlap, 11px) + (var(--fs-icon-size, 76px) / 2) - 1px);border-top:2px dotted var(--fs-accent, #e0263f);opacity:.85}.followswiss-how-it-works__icon-wrap{position:relative;display:inline-flex;margin-bottom:20px}.followswiss-how-it-works__badge{position:absolute;top:calc(-1 * var(--fs-badge-overlap, 11px));left:calc(-1 * var(--fs-badge-overlap, 11px));width:var(--fs-badge-size, 34px);height:var(--fs-badge-size, 34px);display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--fs-accent, #e0263f);color:var(--fs-badge-text, #ffffff);font-size:calc(var(--fs-badge-size, 34px) * .44);font-weight:700;box-shadow:0 6px 16px -4px color-mix(in srgb,var(--fs-accent, #e0263f) 55%,transparent);transition:box-shadow .25s ease;z-index:2}.followswiss-how-it-works__icon-box{width:var(--fs-icon-size, 76px);height:var(--fs-icon-size, 76px);display:flex;align-items:center;justify-content:center;border-radius:var(--fs-icon-radius, 20px);background:var(--fs-glass-bg, rgba(255, 255, 255, .06));border:1px solid var(--fs-glass-border, rgba(255, 255, 255, .12));backdrop-filter:blur(var(--fs-glass-blur, 14px));-webkit-backdrop-filter:blur(var(--fs-glass-blur, 14px));box-shadow:0 1px #ffffff14 inset,0 16px 32px -16px #0009;transition:transform .25s ease,box-shadow .25s ease}.followswiss-how-it-works__icon{width:56%;height:56%;display:flex}.followswiss-how-it-works__icon svg{width:100%;height:100%;transition:transform .25s ease}.followswiss-how-it-works__title{margin:0 0 8px;font-size:var(--fs-title-size, 22px);font-weight:600;color:var(--fs-title, #ffffff);line-height:1.25}.followswiss-how-it-works__description{margin:0;font-size:var(--fs-desc-size, 16px);line-height:1.55;color:var(--fs-desc, #d3d6db)}@media(hover:hover)and (pointer:fine){.followswiss-how-it-works__step:hover{transform:translateY(-4px);transition:transform .25s ease 0s}.followswiss-how-it-works__step:hover .followswiss-how-it-works__icon-box{box-shadow:0 1px #ffffff1a inset,0 22px 40px -16px #000000b3}.followswiss-how-it-works__step:hover .followswiss-how-it-works__icon svg{transform:scale(1.1)}.followswiss-how-it-works__step:hover .followswiss-how-it-works__badge{box-shadow:0 8px 22px -3px color-mix(in srgb,var(--fs-accent, #e0263f) 80%,transparent)}}@media(max-width:899px){.followswiss-how-it-works__connector{flex-basis:40px}.followswiss-how-it-works__step{padding:0 6px}}@media(max-width:640px){.followswiss-how-it-works{padding:var(--fs-pad-top-mobile, 48px) 14px var(--fs-pad-bottom-mobile, 48px)}.followswiss-how-it-works__steps{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:6px}.followswiss-how-it-works__step{flex:1;max-width:none;padding:0 2px}.followswiss-how-it-works__connector{flex:0 0 18px;display:block;margin-top:calc(var(--fs-badge-overlap, 11px) + (var(--fs-icon-size-mobile, 54px) / 2) - 1px)}.followswiss-how-it-works__icon-box{width:var(--fs-icon-size-mobile, 54px);height:var(--fs-icon-size-mobile, 54px);border-radius:var(--fs-icon-radius-mobile, 14px)}.followswiss-how-it-works__badge{width:var(--fs-badge-size-mobile, 26px);height:var(--fs-badge-size-mobile, 26px);font-size:calc(var(--fs-badge-size-mobile, 26px) * .46)}.followswiss-how-it-works__title{font-size:var(--fs-title-size-mobile, 14px);margin-top:8px}.followswiss-how-it-works__description{font-size:var(--fs-desc-size-mobile, 11px);line-height:1.35}.followswiss-how-it-works__heading{font-size:var(--fs-heading-size-mobile, 30px)}}.followswiss-how-it-works__icon-box--no-blur{background:#1e2026eb}@media(prefers-reduced-motion:reduce){.followswiss-how-it-works[data-fs-animate=true] .followswiss-how-it-works__step{opacity:1!important;transform:none!important}.followswiss-how-it-works__step,.followswiss-how-it-works__icon-box,.followswiss-how-it-works__icon svg,.followswiss-how-it-works__badge{transition:none!important}}.followswiss-how-it-works__step:focus-visible{outline:2px solid var(--fs-accent, #e0263f);outline-offset:6px;border-radius:12px}
/*# sourceMappingURL=/cdn/shop/t/23/assets/followswiss-warum-wir.css.map */