.ffl{--ffl-g: #27622f;--ffl-o: #f26724;--ffl-cta: #c94712;--ffl-text: #2b332d;--ffl-grau: #5b655e;--ffl-creme: #fbf6ec;--ffl-linie: #e7dccb;background:#fff;color:var(--ffl-text);padding:44px 0 48px}.ffl__wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}.ffl__bild{margin:0;border-radius:24px;overflow:hidden;aspect-ratio:16 / 9;background:var(--ffl-creme)}.ffl__bild img{display:block;width:100%;height:100%;object-fit:cover;object-position:72% 60%}.ffl .ffl__h,.ffl .ffl__napf-h{margin:0 0 18px;font-family:var(--font-heading-family);font-weight:500;font-size:clamp(2.8rem,6vw,4.2rem);line-height:1.15;color:var(--ffl-g)!important;letter-spacing:0;text-wrap:balance}.ffl__schritte{list-style:none;margin:0;padding:0;display:grid;gap:4px}.ffl__schritte li{display:flex;gap:16px;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--ffl-linie)}.ffl__schritte li:last-child{border-bottom:0}.ffl__schritte svg{flex:0 0 36px;width:36px;height:36px;padding:6px;border-radius:12px;background:var(--ffl-creme);box-sizing:content-box}.ffl__schritte h3{margin:2px 0 4px;font-family:var(--font-body-family, Poppins, sans-serif);font-size:1.8rem;font-weight:700;line-height:1.35;color:var(--ffl-text);letter-spacing:0}.ffl__schritte p{margin:0;font-size:1.6rem;line-height:1.55;color:var(--ffl-grau);text-wrap:pretty}.ffl__schritte a{color:var(--ffl-g);font-weight:600;text-decoration:underline;text-underline-offset:3px}.ffl__napf{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;margin-top:12px;padding:26px 18px;background:#f2f8f4;border:1px solid #dcebe0;border-radius:28px}.ffl__dach{margin:0 0 8px;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ffl-cta)}.ffl .ffl__napf-h{margin-bottom:10px}.ffl__napf-text{margin:0 0 16px;font-size:1.6rem;line-height:1.55}.ffl__kg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.ffl__kg button{min-height:48px;border:1px solid #dcebe0;border-radius:14px;background:#fff;color:var(--ffl-g);font:inherit;font-size:1.5rem;font-weight:700;white-space:nowrap;padding:0;cursor:pointer;transition:background-color .2s,color .2s}.ffl__kg button[aria-checked=true]{background:var(--ffl-g);border-color:var(--ffl-g);color:#fff}.ffl__kg button:focus-visible,.ffl__uebernehmen:focus-visible,.ffl__napfcheck:focus-visible{outline:3px solid var(--ffl-o);outline-offset:2px}.ffl__napf-ergebnis{display:flex;flex-direction:column;gap:14px;padding:22px 18px;background:#fff;border-radius:22px;box-shadow:0 16px 40px #27622f14}.ffl__napf-titel{margin:0;text-align:center;font-size:1.5rem;color:var(--ffl-grau)}.ffl__werte{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ffl__wert{padding:14px 8px;background:var(--ffl-creme);border-radius:16px;text-align:center}.ffl__zahl{margin:0;font-family:var(--font-heading-family);font-size:2.2rem;font-weight:500;line-height:1.2;color:var(--ffl-g)}.ffl__einheit{margin:4px 0 0;font-size:13px;line-height:1.4;color:var(--ffl-grau)}.ffl__hinweis{margin:0;font-size:12px;line-height:1.5;color:#626a64;text-align:center}.ffl__knoepfe{display:grid;gap:10px}.ffl__uebernehmen{min-height:50px;border:0;border-radius:14px;background:var(--ffl-g);color:#fff;font:inherit;font-size:1.6rem;font-weight:700;cursor:pointer}.ffl__uebernehmen[hidden]{display:none}.ffl .ffl__napfcheck{display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;border:2px solid var(--ffl-g);border-radius:14px;background:#fff;color:var(--ffl-g);font-size:1.6rem;font-weight:700;text-decoration:none}.ffl .ffl__napfcheck svg{width:18px;height:18px}.ffl__ok{margin:0;font-size:14px;line-height:1.45;color:var(--ffl-g);font-weight:600;text-align:center}.ffl__anker{display:block;height:0;scroll-margin-top:90px}@media screen and (min-width:750px){.ffl__kg{grid-template-columns:repeat(8,minmax(0,1fr))}.ffl__knoepfe{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-ff-modus=einmal] .ffl__knoepfe{grid-template-columns:minmax(0,1fr)}}@media screen and (min-width:990px){.ffl{padding:80px 0}.ffl__wrap{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);column-gap:64px;row-gap:48px;align-items:center}.ffl__bild{aspect-ratio:3 / 2;border-radius:32px}.ffl__napf{grid-column:1 / -1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:48px;align-items:center;padding:40px;margin-top:0}.ffl__kg{grid-template-columns:repeat(4,minmax(0,1fr))}.ffl__napf-ergebnis{padding:26px}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.ffl__bild,.ffl__schritte li,.ffl__napf{animation:ffl-rein linear both;animation-timeline:view();animation-range:entry 0% entry 60%}@keyframes ffl-rein{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}}}@media screen and (max-width:359px){.ffl__zahl{font-size:2rem}.ffl__kg{gap:6px}.ffl__kg button{font-size:1.4rem}.ffl__napf{padding:22px 14px}.ffl__napf-ergebnis{padding:18px 12px}}
/*# sourceMappingURL=/cdn/shop/t/71/assets/ff-xxl-abo-ablauf.css.map */