.abo-section-header{text-align:center;margin-bottom:50px}.abo-section-subheading{font-size:14px;text-transform:uppercase;letter-spacing:3px;color:#22c55e;font-weight:700;margin-bottom:10px}.abo-section-heading{font-size:clamp(28px,5vw,48px);font-weight:800;color:var(--heading-color, #1a1a1a);letter-spacing:-.02em}.abo-hero{position:relative;width:100%;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--background, #FAFAFA);color:var(--text-color, #1a1a1a);font-family:var(--heading-font-family, sans-serif)}.abo-hero__grain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;opacity:.04;mix-blend-mode:overlay;background:url('data:image/svg+xml;utf8,<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.8" numOctaves="3" stitchTiles="stitch"/></filter><rect width="100%" height="100%" filter="url(%23n)"/></svg>')}.abo-hero__grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:.4;background-size:60px 60px;background-image:linear-gradient(to right,rgba(0,0,0,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.04) 1px,transparent 1px);mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%)}.gsap-reveal-hero{visibility:hidden}.abo-hero__text-wrapper{position:absolute;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;padding:0 20px}.abo-hero__subheading{font-size:14px;text-transform:uppercase;letter-spacing:4px;color:#22c55e;font-weight:700;margin-bottom:16px}.abo-hero__heading-line1{font-size:clamp(36px,7vw,96px);font-weight:800;letter-spacing:-.03em;line-height:1.05;margin:0;text-shadow:0 10px 30px rgba(0,0,0,.08)}.abo-hero__heading-line2{font-size:clamp(36px,7vw,96px);font-weight:900;letter-spacing:-.04em;line-height:1.05;margin:0;background:linear-gradient(180deg,currentColor 0%,rgba(0,0,0,.35) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.abo-hero__card-perspective{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;pointer-events:none;perspective:1500px}.abo-hero__main-card{position:relative;overflow:hidden;pointer-events:auto;width:92vw;height:85vh;border-radius:32px;background:linear-gradient(145deg,#0b4d2c,#0a1a0f);box-shadow:0 40px 100px -20px #000000e6,0 20px 40px -20px #000c,inset 0 1px 2px #ffffff26,inset 0 -2px 4px #000c;border:1px solid rgba(255,255,255,.04);display:flex;align-items:center;justify-content:center}@media(min-width:768px){.abo-hero__main-card{width:85vw;border-radius:40px}}.abo-hero__card-sheen{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:50;background:radial-gradient(800px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,255,255,.06) 0%,transparent 40%);mix-blend-mode:screen}.abo-hero__card-grid{position:relative;width:100%;height:100%;max-width:1200px;margin:0 auto;padding:24px 16px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;z-index:10}@media(min-width:1024px){.abo-hero__card-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:32px;padding:0 48px;align-items:center}}.abo-hero__card-left{text-align:center}@media(min-width:1024px){.abo-hero__card-left{text-align:left}}.abo-hero__card-heading{font-size:clamp(24px,3vw,40px);font-weight:800;color:#fff;letter-spacing:-.02em;margin-bottom:16px}.abo-hero__card-desc{font-size:16px;color:#fff9;line-height:1.7;display:none}@media(min-width:768px){.abo-hero__card-desc{display:block}}.abo-hero__mockup-wrapper{position:relative;display:flex;align-items:center;justify-content:center;height:300px}@media(min-width:1024px){.abo-hero__mockup-wrapper{height:500px}}.abo-hero__metric-circle{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center}@media(min-width:1024px){.abo-hero__metric-circle{width:280px;height:280px}}.abo-hero__metric-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.abo-hero__progress-ring{transform:rotate(-90deg);transform-origin:center;stroke-dasharray:502;stroke-dashoffset:502;stroke-linecap:round}.abo-hero__metric-inner{text-align:center;z-index:10;display:flex;flex-direction:column;align-items:center}.abo-hero__counter-val{font-size:64px;font-weight:900;color:#fff;letter-spacing:-.04em;line-height:1}.abo-hero__metric-unit{font-size:32px;font-weight:700;color:#22c55e}.abo-hero__metric-label{font-size:11px;color:#fff6;text-transform:uppercase;letter-spacing:2px;font-weight:700;margin-top:4px}.abo-hero__floating-badge{position:absolute;display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:16px;background:linear-gradient(135deg,#ffffff14,#ffffff03);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 0 0 1px #ffffff1a,0 25px 50px -12px #000c,inset 0 1px 1px #fff3;z-index:30}.abo-hero__floating-badge--top{top:20px;left:-10px}.abo-hero__floating-badge--bottom{bottom:30px;right:-10px}@media(min-width:1024px){.abo-hero__floating-badge--top{top:40px;left:-80px}.abo-hero__floating-badge--bottom{bottom:60px;right:-80px}}.abo-hero__badge-icon{width:40px;height:40px;border-radius:12px;background:#22c55e26;display:flex;align-items:center;justify-content:center;font-size:20px;border:1px solid rgba(34,197,94,.3)}.abo-hero__badge-title{color:#fff;font-size:14px;font-weight:700;margin:0}.abo-hero__badge-sub{color:#fff6;font-size:12px;margin:0}.abo-hero__card-right{text-align:center}@media(min-width:1024px){.abo-hero__card-right{text-align:right}}.abo-hero__brand-name{font-size:clamp(64px,10vw,128px);font-weight:900;letter-spacing:-.05em;line-height:.9;margin:0;background:linear-gradient(180deg,#fff,#a1a1aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.abo-hero__brand-sub{font-size:clamp(20px,3vw,36px);font-weight:700;color:#ffffff4d;letter-spacing:8px;text-transform:uppercase;margin:0}.abo-bundles{padding:80px 0}.abo-bundles__grid{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:640px){.abo-bundles__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.abo-bundles__grid{grid-template-columns:repeat(3,1fr)}}.abo-bundles__card{position:relative;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 24px #0000000f;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(0,0,0,.06)}.abo-bundles__card:hover{transform:translateY(-6px);box-shadow:0 12px 40px #0000001a}.abo-bundles__badge{position:absolute;top:16px;left:16px;background:#22c55e;color:#fff;padding:6px 14px;border-radius:99px;font-size:13px;font-weight:700;z-index:5}.abo-bundles__image{padding:20px 20px 0}.abo-bundles__img{width:100%;height:auto;border-radius:12px}.abo-bundles__info{padding:20px}.abo-bundles__title{font-size:18px;font-weight:700;margin:0 0 12px;color:#1a1a1a}.abo-bundles__prices{display:flex;gap:12px;align-items:center;margin-bottom:16px}.abo-bundles__price-old{font-size:16px;color:#a1a1aa;text-decoration:line-through}.abo-bundles__price-new{font-size:20px;font-weight:800;color:#22c55e}.abo-bundles__btn{display:inline-block;width:100%;text-align:center;padding:14px;background:#0a1a0f;color:#fff;border-radius:12px;font-weight:700;text-decoration:none;font-size:15px;transition:background .3s ease}.abo-bundles__btn:hover{background:#16a34a}.abo-configurator{padding:80px 0;background:#f7f7f7}.abo-configurator__layout{display:grid;grid-template-columns:1fr;gap:40px}@media(min-width:1024px){.abo-configurator__layout{grid-template-columns:1.6fr 1fr}}.abo-configurator__step-title{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;margin-bottom:24px;color:#1a1a1a}.abo-configurator__step-num{width:32px;height:32px;background:#22c55e;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;flex-shrink:0}.abo-configurator__product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(min-width:768px){.abo-configurator__product-grid{grid-template-columns:repeat(3,1fr)}}.abo-configurator__checkbox{display:none}.abo-configurator__product-card{cursor:pointer;display:block}.abo-configurator__product-inner{position:relative;background:#fff;border-radius:16px;padding:16px;text-align:center;border:2px solid transparent;transition:all .3s ease;box-shadow:0 2px 12px #0000000a}.abo-configurator__checkbox:checked+.abo-configurator__product-inner{border-color:#22c55e;box-shadow:0 0 0 4px #22c55e26,0 4px 16px #00000014}.abo-configurator__product-inner:hover{box-shadow:0 4px 20px #00000014}.abo-configurator__checkmark{position:absolute;top:10px;right:10px;width:28px;height:28px;border-radius:50%;background:#e5e5e5;display:flex;align-items:center;justify-content:center;color:transparent;transition:all .3s ease}.abo-configurator__checkbox:checked+.abo-configurator__product-inner .abo-configurator__checkmark{background:#22c55e;color:#fff}.abo-configurator__product-img img{width:100%;height:auto;border-radius:8px;margin-bottom:10px}.abo-configurator__product-name{font-size:14px;font-weight:600;color:#1a1a1a;margin:0 0 8px}.abo-configurator__product-prices{display:flex;gap:8px;justify-content:center;align-items:center}.abo-configurator__price-old{font-size:13px;color:#a1a1aa;text-decoration:line-through}.abo-configurator__price-new{font-size:15px;font-weight:700;color:#22c55e}.abo-configurator__summary{position:sticky;top:100px}.abo-configurator__summary-card{background:#fff;border-radius:20px;padding:32px;box-shadow:0 4px 24px #0000000f;border:1px solid rgba(0,0,0,.06)}.abo-configurator__summary-title{font-size:22px;font-weight:800;margin:0 0 20px;color:#1a1a1a}.abo-configurator__empty-msg{color:#a1a1aa;font-size:14px;font-style:italic;padding:20px 0}.abo-configurator__summary-divider{height:1px;background:#e5e5e5;margin:16px 0}.abo-configurator__summary-row{display:flex;justify-content:space-between;font-size:15px;color:#71717a;margin:8px 0}.abo-configurator__summary-row--discount{color:#22c55e;font-weight:600}.abo-configurator__summary-row--total{font-size:18px;font-weight:800;color:#1a1a1a}.abo-configurator__interval-title{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:700;margin:24px 0 12px;color:#1a1a1a}.abo-configurator__intervals{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.abo-configurator__interval{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#f7f7f7;border-radius:12px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s ease;border:2px solid transparent}.abo-configurator__interval:has(input:checked){border-color:#22c55e;background:#22c55e0d}.abo-configurator__interval input{accent-color:#22C55E}.abo-configurator__submit{width:100%;padding:18px;background:linear-gradient(180deg,#22c55e,#16a34a);color:#fff;font-size:16px;font-weight:700;border:none;border-radius:14px;cursor:pointer;box-shadow:0 4px 16px #22c55e4d;transition:all .3s ease}.abo-configurator__submit:disabled{opacity:.4;cursor:not-allowed}.abo-configurator__submit:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 24px #22c55e66}.abo-vorteile{padding:80px 0}.abo-vorteile__grid{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:640px){.abo-vorteile__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.abo-vorteile__grid{grid-template-columns:repeat(4,1fr)}}.abo-vorteile__card{text-align:center;padding:40px 24px;background:#fff;border-radius:20px;box-shadow:0 2px 16px #0000000a;border:1px solid rgba(0,0,0,.05);transition:transform .3s ease}.abo-vorteile__card:hover{transform:translateY(-4px)}.abo-vorteile__icon{font-size:40px;margin-bottom:16px}.abo-vorteile__title{font-size:18px;font-weight:700;margin:0 0 10px;color:#1a1a1a}.abo-vorteile__desc{font-size:14px;color:#71717a;line-height:1.6;margin:0}
/*# sourceMappingURL=/cdn/shop/t/7/assets/abo-landingpage.css.map */