.lp-schritte .sec-head{max-width:760px;margin-bottom:var(--s5)}.lp-schritte .sec-head.center{text-align:center}.lp-schritte .sec-head .h2{margin-bottom:var(--s2)}.lp-schritte .sec-head .lead{max-width:var(--text-max);margin-left:auto;margin-right:auto}.lp-schritte .eyebrow{display:inline-flex;align-items:center;font:600 12px/1.4 var(--font-display);letter-spacing:.12em;text-transform:uppercase!important;color:var(--muted);background:var(--accent-light);border-radius:var(--r-pill);padding:5px 14px;margin-bottom:var(--s2)}.lp.lp-schritte.bg-f6 .eyebrow,.lp.lp-schritte.bg-f10 .eyebrow,.lp.lp-schritte.bg-f14 .eyebrow,.lp.lp-schritte.bg-f20 .eyebrow,.lp.lp-schritte.bg-light .eyebrow{background:var(--surface)}.lp.lp-schritte.bg-focus .eyebrow{background:var(--surface);color:var(--focus)}.lp.lp-schritte.bg-ink .eyebrow{background:var(--on-dark);color:var(--ink)}.lp-schritte .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:12px 26px;border:0;border-radius:var(--r-pill);background:var(--ink);color:var(--on-dark);font:600 15px/1.2 var(--font-display);letter-spacing:.01em;text-align:center;text-decoration:none;cursor:pointer;transition:transform var(--fast) var(--ease),opacity var(--fast) var(--ease)}.lp-schritte .btn:hover{transform:translateY(-1px);color:var(--on-dark)}.lp-schritte .btn:active{transform:none;opacity:.92}.lp-schritte .btn--block{display:flex;width:100%}.lp-schritte .btn .btn-p{flex:0 0 auto;background:var(--on-dark);color:var(--ink);border-radius:var(--r-pill);padding:5px 10px;font-size:14px;white-space:nowrap}.lp-schritte .btn .btn-l{white-space:nowrap}.lp.lp-schritte.bg-focus .btn,.lp.lp-schritte.bg-ink .btn{background:var(--on-dark);color:var(--ink)}.lp.lp-schritte.bg-focus .btn .btn-p,.lp.lp-schritte.bg-ink .btn .btn-p{background:var(--ink);color:var(--on-dark)}@media(max-width:374px){.lp-schritte .btn{padding-left:18px;padding-right:18px}}.lp-schritte .cta-row{margin-top:var(--s4)}.lp-schritte .cta-row.center{display:flex;flex-direction:column;align-items:center;gap:8px}@media(min-width:768px){.lp-schritte .cta-row .btn--block{width:auto;display:inline-flex}}@media(prefers-reduced-motion:reduce){.lp-schritte .btn{transition:none}}.lp-schritte .ic{width:20px;height:20px;flex:0 0 20px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.lp-schritte .ic-ok{color:var(--focus)}.lp-schritte .schritte{display:grid;gap:var(--s3)}@media(min-width:768px){.lp-schritte .schritte{grid-template-columns:repeat(var(--lp-schritte-n,3),1fr)}}.lp-schritte .schritt{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden}.lp-schritte .schritt .bild{background:var(--focus-60);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;gap:4%;position:relative}.lp-schritte .schritt .bild .ikon{width:42%;height:auto;aspect-ratio:1;object-fit:contain}.lp-schritte .schritt .bild .fl-frei{height:62%;width:auto;background:var(--surface);border-radius:var(--r-card);padding:6px;box-shadow:0 6px 18px color-mix(in srgb,var(--ink) 12%,transparent);object-fit:contain}.lp-schritte .schritt .nr{position:absolute;bottom:-15px;left:50%;transform:translate(-50%);background:var(--ink);color:var(--on-dark);border-radius:var(--r-pill);padding:7px 16px;font:600 12px/1 var(--font-display);letter-spacing:.12em;text-transform:uppercase!important;white-space:nowrap;z-index:2}.lp-schritte .schritt .txt{padding:30px 20px 22px;text-align:center}.lp-schritte .schritt .bild.foto{background:var(--surface);padding:0}.lp-schritte .schritt .bild.foto img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.lp-schritte .schritt .h3{margin-bottom:8px}.lp-schritte .schritt p{font-size:15px;line-height:1.55}@media(max-width:767px){.lp-schritte .schritt{display:grid;grid-template-columns:112px 1fr}.lp-schritte .schritt .bild{aspect-ratio:auto;min-height:100%;flex-direction:column}.lp-schritte .schritt .bild .ikon{width:64px}.lp-schritte .schritt .bild.foto{min-height:132px}.lp-schritte .schritt:has(.bild.foto){grid-template-columns:1fr}.lp-schritte .schritt .bild.foto{aspect-ratio:4/3;min-height:0}.lp-schritte .schritt .bild .fl-frei{height:64px;padding:4px}.lp-schritte .schritt .nr{bottom:auto;top:8px;left:8px;transform:none;padding:5px 10px}.lp-schritte .schritt .txt{padding:16px;text-align:left}}.lp-schritte .tipp{display:flex;gap:12px;align-items:flex-start;background:var(--focus-10);color:var(--ink);border-radius:var(--r-card);padding:16px 18px;margin:var(--s4) auto 0;font-size:15px;max-width:var(--text-max)}.lp-schritte .tipp span{max-width:640px}.lp.lp-schritte.bg-f10 .tipp{background:var(--surface)}
/*# sourceMappingURL=/cdn/shop/t/228/assets/lp-schritte.css.map */