/* ============================================================
   e-Widerruf – Doku-Bereich (/doku/)
   Ergaenzt styles.css nur um Doku-Bausteine: Inhaltsverzeichnis,
   Schritt-Liste, Tabellen, Tarif-Badges, Doku-Navigation.

   NACH JEDER AENDERUNG HIER: ?v= in den /doku/*.html-Links erhoehen
   (gleiche Cache-Lage wie styles.css, siehe dort).
   ============================================================ */

/* Doku-Navigation unter dem Header */
.doku-nav{border-bottom:1px solid var(--line);background:var(--surface)}
.doku-nav .wrap{display:flex;align-items:center;gap:1.25rem;height:3rem;overflow-x:auto}
.doku-nav .dn-label{font-family:var(--mono);font-size:.72rem;font-weight:600;
  letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3);flex:0 0 auto}
.doku-nav a{font-size:.92rem;font-weight:500;color:var(--ink-2);text-decoration:none;
  white-space:nowrap;padding:.35rem 0;border-bottom:2px solid transparent}
.doku-nav a:hover{color:var(--ink)}
.doku-nav a[aria-current="page"]{color:var(--brand-2);border-bottom-color:var(--brand);font-weight:600}

/* Inhaltsverzeichnis */
.toc{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);
  padding:1.1rem 1.4rem;margin:1.6em 0}
.toc .toc-titel{font-family:var(--mono);font-size:.72rem;font-weight:600;
  letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3);margin-bottom:.6rem}
.toc ol{margin:0 0 0 1.1em;columns:2;column-gap:2.5rem}
.toc li{margin-bottom:.35em;break-inside:avoid}
.toc a{text-decoration:none}
.toc a:hover{text-decoration:underline}
@media (max-width:600px){ .toc ol{columns:1} }

/* Nummerierte Schritt-Liste (Quick-Start) */
.schritte{list-style:none;margin:1.6em 0;padding:0;counter-reset:schritt}
.schritte>li{counter-increment:schritt;position:relative;padding:0 0 1.6em 3.25rem;margin:0}
.schritte>li::before{content:counter(schritt);position:absolute;left:0;top:-.15rem;
  width:2.25rem;height:2.25rem;border-radius:50%;background:var(--brand-tint);
  color:var(--brand-2);font-family:var(--mono);font-weight:600;font-size:.95rem;
  display:grid;place-items:center}
.schritte>li:not(:last-child)::after{content:"";position:absolute;left:calc(1.125rem - 1px);
  top:2.4rem;bottom:.3rem;width:2px;background:var(--line)}
.schritte h3{margin-top:0 !important}

/* Tabellen */
.dtab{width:100%;border-collapse:collapse;margin:1.2em 0 1.6em;font-size:.93rem}
.dtab th{font-family:var(--mono);font-size:.72rem;font-weight:600;letter-spacing:.1em;
  text-transform:uppercase;color:var(--ink-3);text-align:left;padding:.55rem .75rem;
  border-bottom:2px solid var(--line-2)}
.dtab td{padding:.6rem .75rem;border-bottom:1px solid var(--line);color:var(--ink-2);
  vertical-align:top}
.dtab td:first-child{color:var(--ink);font-weight:500}
.tabwrap{overflow-x:auto;margin:0 -.25rem;padding:0 .25rem}

/* Tarif-Badges: kennzeichnen, ab welchem Tarif eine Funktion verfuegbar ist */
.plan-b{display:inline-block;font-family:var(--mono);font-size:.68rem;font-weight:600;
  letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:.1rem .6rem;
  vertical-align:.12em;margin-left:.4rem;white-space:nowrap}
.plan-b.frei{background:var(--brand-tint);color:var(--brand-2)}
.plan-b.pro{background:#14233B;color:#fff}
.plan-b.business{background:#fff;color:#14233B;border:1.5px solid #14233B}

/* Tastatur-/UI-Pfade */
kbd.pfad{font-family:var(--mono);font-size:.86em;background:var(--paper);
  border:1px solid var(--line-2);border-radius:5px;padding:1px 7px;white-space:nowrap}

/* Screenshot-Platzhalter/Bilder in der Doku */
.doku-bild{margin:1.2em 0 1.6em}
.doku-bild img{width:100%;height:auto;display:block;border:1px solid var(--line);
  border-radius:var(--r-sm);box-shadow:var(--shadow-sm)}
.doku-bild figcaption{font-size:.84rem;color:var(--ink-3);margin-top:.6rem}