/* Hilfe – Anleitungen. Baut auf wissen.css auf (Rahmen, Artikel, Karten). */
.h-video{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:20px;background:var(--teal-900)}
.h-video video{display:block;width:100%;height:100%;object-fit:cover}
.h-video--bald{display:grid;place-items:center;background:var(--teal-50);border:1px dashed var(--teal-200)}
.h-video__hinweis{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:15px;line-height:1.5;color:var(--body);text-align:center}
.h-video__hinweis strong{font-size:17px;color:var(--ink)}
.h-video__play{display:grid;place-items:center;width:56px;height:56px;margin-bottom:6px;border-radius:50%;background:#FFFFFF;border:1px solid var(--teal-200);color:var(--teal-700)}

.h-schritte{display:flex;flex-direction:column;gap:26px;margin-top:24px !important;padding:0 !important;list-style:none;counter-reset:schritt}
.h-schritte>li{position:relative;padding-left:52px}
.h-schritte>li+li{margin-top:0}
.h-schritte>li::before{counter-increment:schritt;content:counter(schritt);position:absolute;left:0;top:-2px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--teal-900);color:#FFFFFF;font-size:14px;font-weight:var(--fw-bold)}
.h-schritte h3{margin:0 0 6px;font-size:18px}
.h-schritte p{margin:0}
.h-schritte p+p{margin-top:8px}
.h-schritte .w-meta{margin-top:8px}

/* Weg durch ein Menü, z. B. Einstellungen → Integrationen */
.h-weg{display:inline;padding:1px 7px;border:1px solid var(--hairline);border-radius:7px;background:#FFFFFF;font-family:var(--font-body);font-size:.94em;color:var(--ink);white-space:nowrap}

.hilfe .w-fragen{margin-top:16px}
.hilfe .w-text .w-kurz ul{padding-left:20px}
@media (max-width:600px){
  .h-schritte>li{padding-left:44px}
  .h-schritte>li::before{width:30px;height:30px;font-size:13px}
}

/* Bilder zu den Schritten */
.h-bild{margin:14px 0 4px;overflow:hidden;border:1px solid var(--hairline);border-radius:14px;background:#FFFFFF}
.h-bild img{display:block;width:100%;height:auto}
.h-bild--schmal{max-width:420px}
.h-schritte .h-bild+p{margin-top:16px}
.h-schritte li ul{margin:8px 0;padding-left:22px;list-style:disc}
.h-schritte li ul li+li{margin-top:4px}