/* Das Handbuch - dieselbe Seite in zwei Rahmen.

   Sie steht angemeldet im Menue der Software und ohne Anmeldung auf
   der Homepage. Deshalb bringt sie ihre Stile selbst mit: auf der
   Homepage gibt es `.karte` gar nicht, und dort saehe sie sonst aus
   wie ein Textdokument ohne Form (20.09.2026). */

.an-seite { max-width: 900px; margin: 0 auto; padding: 24px 18px 40px; }
.an-seite h1 { font-size: 30px; margin: 0 0 6px; }
.an-seite .an-vorspann { margin: 0 0 22px; opacity: .75; }
.an-knoepfe { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 26px; }
.an-knopf {
  display: inline-block; padding: 9px 16px; border-radius: 9px;
  border: 1px solid currentColor; text-decoration: none;
  font-size: 14px; font-weight: 600; background: none; cursor: pointer;
  color: inherit;
}
.an-knopf.haupt { background: #4f8ff0; border-color: #4f8ff0; color: #fff; }
.an-block {
  border: 1px solid rgba(128, 140, 160, .28); border-radius: 14px;
  padding: 20px 22px; margin-bottom: 18px;
}
.an-inhalt { margin: 0; padding-left: 22px; line-height: 1.9; }
.an-inhalt span { display: block; margin-top: -4px; }
.an-kapitel h2 { display: flex; align-items: center; gap: 12px; }
.an-nummer {
  display: inline-flex; align-items: center; justify-content: center;
  width: 30px; height: 30px; border-radius: 50%;
  background: var(--akzent-hell); color: var(--akzent);
  font-size: 15px; font-weight: 700; flex: none;
}
.an-wozu { margin-top: 0; color: var(--schrift-matt); }
.an-schritt { margin: 18px 0; padding-left: 14px; border-left: 2px solid var(--rand); }
.an-schritt h3 { margin: 0 0 6px; font-size: 15.5px; }
.an-schritt p { margin: 0; }
.an-weg { font-family: ui-monospace, Consolas, monospace; font-size: 12.5px; }
.an-mehr { margin-top: 22px; padding-top: 16px; border-top: 1px solid var(--rand); }
.an-mehr h3 { font-size: 14px; text-transform: uppercase; letter-spacing: .05em;
              color: var(--schrift-matt); margin: 0 0 10px; }
.an-detail { padding: 8px 0; border-bottom: 1px solid var(--rand); }
.an-detail summary { cursor: pointer; }
.an-detail p { margin: 8px 0 0; color: var(--schrift-matt); }

@media print {
  .an-detail[open] summary ~ p, .an-detail p { display: block; }
  .an-seite { max-width: none; }
}