/* Startseite neu (Andrin #8240, 08.11.2026): klare Gliederung Apps · Website · Vorlagen · Rechner */
.h-wahl{display:grid;gap:10px;margin:22px 0 0;padding:0;list-style:none}
.h-wahl a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--linie-stark,#c9d1e0);border-radius:12px;background:var(--flaeche,#fff);color:var(--ink,#0d1b3d);text-decoration:none;min-height:48px}
.h-wahl a:hover,.h-wahl a:focus-visible{border-color:var(--akzent-text,#2747c8)}
.h-wahl span{flex:1}
.h-wahl b{white-space:nowrap;color:var(--akzent-text,#2747c8)}
@media(min-width:760px){.h-wahl{grid-template-columns:1fr 1fr}}
.h-nr{display:inline-block;min-width:2em;padding:2px 8px;margin-right:6px;border-radius:999px;background:var(--ink,#0d1b3d);color:#fff;font-size:.8em;text-align:center}
.h-apps{display:grid;gap:18px;margin-top:8px}
@media(min-width:860px){.h-apps{grid-template-columns:1fr 1fr}}
.h-app{display:flex;flex-direction:column;gap:10px;padding:22px;border:2px solid var(--linie-stark,#c9d1e0);border-radius:16px;background:var(--flaeche,#fff)}
.h-app h3{margin:0;font-size:1.5em}
.h-app .h-fuer{margin:0;font-weight:600}
.h-app ul{margin:0;padding-left:1.2em}
.h-app li{margin:4px 0}
.h-preis{margin:4px 0 0;font-size:1.35em;font-weight:700}
.h-preis small{font-size:.65em;font-weight:400}
.h-knoepfe{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.h-knoepfe .btn{flex:1 1 200px;text-align:center;justify-content:center}
.h-klein{margin:0;font-size:.9em;opacity:.85}
.h-klein a,a[href*="/demo/?von=start"]{display:inline-block;min-height:44px;line-height:44px;padding:0 4px;box-sizing:border-box}
.h-beide{margin-top:18px;padding:16px 20px;border:1px dashed var(--linie-stark,#c9d1e0);border-radius:12px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.h-beide p{margin:0}
.h-schritte{display:grid;gap:12px;margin:18px 0 0;padding:0;list-style:none;counter-reset:s}
@media(min-width:760px){.h-schritte{grid-template-columns:repeat(3,1fr)}}
.h-schritte li{padding:14px 16px;border-radius:12px;background:rgba(39,71,200,.06)}
.h-schritte b{display:block;margin-bottom:4px}
.h-art{display:inline-block;margin-bottom:6px;padding:2px 10px;border-radius:999px;font-size:.8em;font-weight:600;background:rgba(39,71,200,.1);color:var(--akzent-text,#2747c8)}
.h-dienst{display:grid;gap:16px;align-items:start}
@media(min-width:860px){.h-dienst{grid-template-columns:2fr 1fr}}
/* Andrin #8315: angemeldete Abonnenten sehen oben «Ihr LeZo Büro öffnen» (start-abo.js) */
.h-meinabo{margin:22px 0 0;padding:16px 18px;border:2px solid var(--marke,#5b3df5);border-radius:14px;background:#fff;display:grid;gap:12px}
.h-meinabo p{margin:0;font-weight:600}
.h-meinabo .h-meinabo-knoepfe{display:flex;flex-wrap:wrap;gap:10px}
.h-meinabo .btn{flex:1 1 220px;text-align:center}