/* Kaufseite /abo/ (#3867, Live-Fassung #3930 ohne Testband). Eigene Datei, damit lezo-ui.css und style.css im Freeze unverändert bleiben. */
.abo-main{max-width:760px;margin:0 auto;padding:0 16px 40px}
.abo-plaene{display:grid;gap:16px;grid-template-columns:1fr;margin:16px 0}
@media (min-width:860px){.abo-main{max-width:1080px}.abo-plaene{grid-template-columns:repeat(3,1fr)}}
.abo-plan{display:flex;flex-direction:column;gap:10px;min-width:0}
.abo-plan h2{margin:0;font-size:1.25rem}
.abo-plan .leistung{margin:0}
.abo-wahl{display:flex;flex-direction:column;gap:6px;padding-top:10px;border-top:1px solid var(--linie,#dde)}
.abo-wahl .btn{width:100%;white-space:normal;font-size:1rem}
.abo-wahl .preis{margin:0;font-weight:700;font-size:1.05rem;color:var(--ink,#0d1b3d)}
.abo-wahl .verl{margin:0;font-size:1rem;color:var(--text,#222)}
.abo-wahl .marke-std{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:999px;background:var(--akzent-weich,#eef);color:var(--akzent-text,#2338a8);font-size:.85rem;font-weight:600;vertical-align:middle}
.abo-info{font-size:1rem}
.abo-info li{margin:4px 0}
.abo-links{display:flex;flex-wrap:wrap;gap:4px 16px;margin:12px 0}
.abo-links a{display:inline-flex;align-items:center;min-height:44px}
.abo-meldung,.abo-main .meldung,.abo-main .btn{font-size:1rem}
.abo-schritte li{margin:6px 0}
.abo-zurueck{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}
.abo-main h1{margin:20px 0 8px;line-height:1.2}
.abo-main .lead{font-size:1.1rem;max-width:62ch}
.abo-enthalten{padding:10px 14px;border-left:4px solid var(--akzent-text,#2338a8);background:var(--akzent-weich,#eef);border-radius:6px}
.abo-plan .leistung a{display:inline-flex;align-items:center;min-height:44px}
.abo-main h2:not(.abo-plan h2){margin-top:24px}
/* U2b: Tippfläche 44 px breit, Schrift mind. 16 px */
.abo-plan .leistung a{min-width:44px;justify-content:center}
.abo-wahl .marke-std{font-size:1rem}
.abo-main .small{font-size:1rem}
/* #8238: Hinweis «Sie haben schon ein Abo» statt Kaufübersicht */
.abo-schon{margin:16px 0;border:2px solid #5b3fd9}
.abo-schon h2{margin-top:0}
.abo-schon-knoepfe{display:flex;flex-wrap:wrap;gap:8px}
/* UXS-3 #9826: Kopf/Fuss/lz-basis.css, Kaufkasten über dem Falz (360x640) */
.abo-main h1{margin:16px 0 6px;font-size:1.5rem}
.abo-nutzen{margin:0 0 4px;color:var(--lz-mut,#4a5565)}
.abo-plaene{margin:8px 0 16px}
.abo-held{grid-column:1/-1;margin:0;display:flex;flex-direction:column;gap:8px}
.abo-held h2{margin:0;font-size:1.2rem}
.abo-held .lz-hinweis{margin:0}
@media (min-width:600px){.abo-held .lz-btn{align-self:flex-start}}
.lz-kopf .lz-konto{min-height:44px;display:inline-flex;align-items:center;padding:0 8px;color:var(--lz-fg,#1b2430);font-size:1rem;margin-left:auto}
.lz-kopf .lz-konto .konto-text{text-decoration:underline}
@media (max-width:400px){.lz-kopf-in{gap:0 4px}.lz-kopf .lz-konto{padding:0 4px;font-size:.95rem}}
.abo-mehr{margin-top:8px}
.lz-kopf .lz-konto .ikon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2}
.lz-kopf .lz-konto{gap:6px}
.vgl-zurueck{display:inline-flex;align-items:center;min-height:44px}
@media (max-width:380px){.lz-kopf .lz-nav a{padding:0 4px}.lz-kopf .lz-konto{padding:0 0 0 2px}.lz-kopf .lz-logo{font-size:1.15rem}}
.abo-held .marke-std{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:999px;background:var(--akzent-weich,#eef);color:var(--akzent-text,#2338a8);font-size:.85rem;font-weight:600;vertical-align:middle}