/* Kundenbereich (Nextcloud), 20.10.2026 */
.nav-kunden { display: inline-flex; align-items: center; gap: 6px; }
.nav-kunden .schloss { fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; flex: none; }
.kunden-schritte { list-style: none; counter-reset: schritt; margin: 0; padding: 0; display: grid; gap: 18px; }
.kunden-schritte li { counter-increment: schritt; position: relative; padding-left: 52px; }
.kunden-schritte li::before { content: counter(schritt); position: absolute; left: 0; top: 0; width: 36px; height: 36px; border-radius: 50%; background: var(--marine); color: #fff; font: 600 1rem var(--sans); display: grid; place-items: center; }
.kunden-schritte b { display: block; font: 500 1.2rem var(--serif); color: var(--marine); margin-bottom: 2px; }
.kunden-anmeldung { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin: 28px 0 8px; }
.kunden-anmeldung .knopf-hinweis { color: var(--text-leise, var(--anthrazit)); font-size: .92rem; }
/* Zwischen Tablet und breitem Bildschirm nur das Schloss zeigen, damit die Leiste einzeilig bleibt */
@media (min-width: 861px) and (max-width: 1240px) {
  .nav-kunden .nav-kunden-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .nav-kunden .schloss { width: 18px; height: 18px; }
}
@media (max-width: 860px) { .nav li a.nav-kunden { display: flex; } }