/* Backup & Restore, Teil 1 (Grundlagen): Seitenbilder (/wissen/sql-server-backup-restore-grundlagen/ und /en/knowledge/sql-server-backup-restore-basics/, Stand 22.10.2026).
   Präfix bkr-g-, ergänzt bkr.css (Rahmen, Routen-Vokabular, --t/--x) und site.css; beide nicht ändern.
   Text: Plaene/Backup-Restore-Artikelreihe/Teil-1-Basics-DE.md, Bildplan: Seitenumsetzung-DE.md (Bild 0–10).
   Bewegung nur unter html.bkr-anim; ohne JS und bei reduzierter Bewegung steht überall der Endzustand.
   Scrollbilder (Bild 1, 4, 6, 7) rechnen aus --x (bkr.css: .bkr-x mit --a/--k). Interaktive Bilder setzen per JS
   Zustände über data-Attribute; das Markup trägt den statischen Endzustand. Druck: html.bkr-g-drucken druckt nur Bild 10. */

/* ---------------------------------------------------------------- gemeinsame Kleinteile */
.bkr-g-knopf{display:inline-flex;align-items:center;gap:8px;font:600 .86rem/1.2 var(--text);padding:9px 16px;border-radius:999px;border:1.5px solid var(--navy);background:var(--navy);color:#fff;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.bkr-g-knopf:hover{background:var(--blue);border-color:var(--blue)}
.bkr-g-knopf code{font:600 .8rem var(--mono);background:none;border:0;padding:0;color:inherit}
.bkr-g-knopf .bkr-i{width:1em;height:1em}
.bkr-g-knopf-leise{background:#fff;color:var(--ink);border-color:#9fb8ca}
.bkr-g-knopf-leise:hover{background:#fff;color:var(--blue);border-color:var(--blue)}
.bkr-g-knopf[disabled]{opacity:.38;cursor:not-allowed;background:var(--navy);border-color:var(--navy)}
.bkr-g-knopf[aria-pressed="true"]{background:var(--orange);border-color:var(--orange)}
.bkr-g-textknopf{background:none;border:0;padding:4px 2px;font:500 .78rem var(--mono);color:var(--blue);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.bkr-g-textknopf:hover{color:var(--orange-600)}
.bkr-artikel .bkr-g-textknopf:focus-visible,.bkr-artikel [role="button"]:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.bkr-g-pf{color:var(--muted);font-weight:700;font-size:.9rem;line-height:1}
.article .bkr-g-rueck{margin:12px 0 0;padding:10px 14px;border-radius:12px;background:var(--blue-50);border:1px solid var(--line);font-size:.92rem;line-height:1.5;color:var(--ink-2)}
.article .bkr-g-rueck:empty{display:none}
.bkr-g-rueck b{color:var(--ink)}
/* Werkzeugmeldung im englischen Original (Labbeleg), deutsche Erklärung steht daneben im Text */
.article .bkr-g-orig{margin:10px 0 0;font-size:.78rem;color:var(--muted)}
.bkr-g-orig > span{display:block;font:500 .62rem var(--mono);letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px}
.bkr-g-orig > span code{font-size:1em;text-transform:none}
.article .bkr-g-orig > code{display:block;font:.8rem/1.45 var(--mono);color:var(--ink);background:#f3f7fa;border:1px solid var(--line);border-radius:8px;padding:8px 11px;overflow-wrap:anywhere;white-space:normal}
@keyframes bkr-g-ein{from{opacity:0;transform:translateY(10px)}}
@keyframes bkr-g-stempel{from{opacity:0;transform:scale(1.8) rotate(-8deg)}}
@keyframes bkr-g-gross{from{opacity:0;transform:scale(2.4) rotate(-14deg)}}
@keyframes bkr-g-linie{from{transform:scaleY(0)}}
@keyframes bkr-g-puls{0%{box-shadow:0 0 0 0 rgba(240,125,26,.55)}100%{box-shadow:0 0 0 10px rgba(240,125,26,0)}}

/* ---------------------------------------------------------------- Hero */
.bkr-g-hero h1{font-size:clamp(2.3rem,4.6vw,4rem);max-width:12em}

/* Bild 0: Der Job ist grün. */
.bkr-g-k0{padding-bottom:54px}
.bkr-g-k0 code{font:.84em var(--mono);color:#fff;background:rgba(255,255,255,.1);border-radius:4px;padding:1px 5px}
.bkr-g-k0-liste{list-style:none;margin:0;padding:0 0 0 22px;display:grid;gap:8px;position:relative}
.bkr-g-k0-liste::before{content:"";position:absolute;left:6px;top:14px;bottom:14px;width:2px;background:linear-gradient(#9ccbea,#9ccbea 55%,#f293ab);transform-origin:top}
.bkr-g-k0-z{position:relative;display:grid;grid-template-columns:minmax(0,9.6em) minmax(0,1fr);align-items:center;gap:4px 12px;padding:9px 12px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.bkr-g-k0-z::before{content:"";position:absolute;left:-22px;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:var(--navy);border:2.5px solid #9ccbea;box-sizing:border-box}
.bkr-g-k0-gruen::before{border-color:#7fd1a8;background:#7fd1a8}
.bkr-g-k0-rot::before{border-color:#f293ab;background:#f293ab}
.bkr-g-k0-l{font:500 .64rem/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#9fb7c8}
.bkr-g-k0-w{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;color:#fff;font-size:.95rem;min-width:0}
.bkr-g-k0-tag{font:600 .64rem/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:999px;border:1.5px solid #f7b27a;color:#f7b27a;white-space:nowrap}
.bkr-g-k0-zahl{font:700 1.45rem/1 var(--mono);color:#fff}
.bkr-g-k0-gruen{border-color:rgba(127,209,168,.45);background:rgba(127,209,168,.09)}
.bkr-g-k0-rot{border-color:rgba(242,147,171,.55);background:rgba(242,147,171,.1)}
.bkr-karte .bkr-erg-ok{--c:#7fd1a8;--h:rgba(127,209,168,.12)}
.bkr-karte .bkr-erg-fehler{--c:#f7a3b8;--h:rgba(242,147,171,.12)}
.bkr-g-k0-stempel{margin:16px 0 0;text-align:center}
.bkr-g-k0-stempel span{display:inline-block;font:700 1.05rem/1.2 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:#ffb070;border:2.5px solid var(--orange);border-radius:10px;padding:8px 16px;transform:rotate(-3deg);background:rgba(240,125,26,.1)}
.bkr-g-k0 .bkr-karte-fuss a{color:#9ccbea;white-space:nowrap}
.bkr-anim .bkr-lauf .bkr-g-k0-liste::before{animation:bkr-g-linie 2s linear .1s both}
.bkr-anim .bkr-lauf .bkr-g-k0-z{animation:bkr-g-ein .45s var(--ease) both;animation-delay:calc(.1s + var(--i) * .5s)}
.bkr-anim .bkr-lauf .bkr-g-k0-z::before{animation:bkr-g-stempel .35s var(--ease) both;animation-delay:calc(.15s + var(--i) * .5s)}
.bkr-anim .bkr-lauf .bkr-g-k0-z .bkr-erg,.bkr-anim .bkr-lauf .bkr-g-k0-tag{animation:bkr-g-stempel .4s var(--ease) both;animation-delay:calc(.42s + var(--i) * .5s)}
.bkr-anim .bkr-lauf .bkr-g-k0-stempel span{animation:bkr-g-gross .5s var(--ease) 2.25s both}
@media (max-width:560px){
  .bkr-g-k0{padding-bottom:16px}
  .bkr-g-k0-z{grid-template-columns:minmax(0,1fr)}
}

/* ---------------------------------------------------------------- Situationen */
.article .bkr-g-antwort{padding:14px 18px;border-radius:14px;background:var(--blue-50);border:1px solid var(--line)}
.bkr-g-zitate{list-style:none;margin:10px 0 18px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.bkr-g-zitate li{padding:13px 16px 13px 18px;border-left:3px solid var(--orange);background:#fff8f1;border-radius:0 12px 12px 0;color:var(--ink-2);font-size:.95rem;line-height:1.5}
@media (max-width:640px){.bkr-g-zitate{grid-template-columns:minmax(0,1fr)}}
.bkr-g-legende-route{margin:4px 0 6px}

/* ---------------------------------------------------------------- Bild 1: RPO und RTO */
.bkr-g-zl{--stand:27%;--stoer:38%;position:relative;margin:22px 0 6px}
.bkr-g-zl-achse{position:relative}
.bkr-g-zl-rto{margin-top:16px}
.article .bkr-g-zl-k{position:relative;z-index:3;display:inline-flex;align-items:center;gap:8px;margin:0 0 6px;padding-right:8px;background:#fff;font-size:.88rem;color:var(--ink-2)}
.bkr-g-zl-k b{font:700 .7rem var(--mono);letter-spacing:.06em;background:var(--navy);color:#fff;padding:3px 9px;border-radius:999px}
.bkr-g-zl-bahn{position:relative}
.bkr-g-zl-rpo .bkr-g-zl-bahn{height:74px}
.bkr-g-zl-gesichert{position:absolute;left:0;width:var(--stand);top:32px;height:16px;border-radius:8px 0 0 8px;background:var(--bkr-full);transform-origin:left center;transform:scaleX(var(--x))}
.bkr-g-zl-luecke{position:absolute;left:var(--stand);width:calc(var(--stoer) - var(--stand));top:32px;height:16px;box-sizing:border-box;border:2px dashed var(--orange-600);border-left:0;background:repeating-linear-gradient(135deg,rgba(240,125,26,.55) 0 4px,#fff4ea 4px 8px);transform-origin:left center;transform:scaleX(var(--x))}
.bkr-g-zl-marke{position:absolute;left:var(--stand);top:2px;height:50px;border-left:2.5px solid var(--ink);opacity:var(--x)}
.bkr-g-zl-standtext{position:absolute;left:0;top:0;width:calc(var(--stand) - 8px);height:30px;display:flex;align-items:flex-end;justify-content:flex-end;text-align:right;font:600 .74rem/1.2 var(--text);color:var(--ink);opacity:var(--x)}
.bkr-g-zl-wert{font:700 .74rem/1.2 var(--mono);color:var(--orange-600);white-space:nowrap;opacity:var(--x)}
.bkr-g-zl-wert-rpo{position:absolute;top:54px;right:calc(100% - var(--stoer) + 8px);text-align:right}
.bkr-g-zl-stoertext{position:absolute;left:calc(var(--stoer) + 8px);top:31px;display:inline-flex;align-items:center;gap:4px;font:700 .72rem var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--bkr-fehler);white-space:nowrap;opacity:var(--x)}
.bkr-g-zl-stoer{position:absolute;left:var(--stoer);top:0;bottom:0;z-index:2;border-left:2.5px dashed var(--bkr-fehler);opacity:var(--x)}
.bkr-g-zl-rto .bkr-g-zl-bahn{padding-left:var(--stoer);padding-top:18px}
.bkr-g-zl-phasen{list-style:none;margin:0;padding:0;display:flex}
.bkr-g-zl-phasen li{flex:var(--w) 1 0;min-width:0;display:flex;flex-direction:column;justify-content:center;min-height:50px;padding:5px 6px;box-sizing:border-box;border-right:2px solid #fff;background:#3c6e91;color:#fff;font:600 .72rem/1.2 var(--text);-webkit-hyphens:auto;hyphens:auto;clip-path:inset(0 calc((1 - var(--x)) * 100%) 0 0)}
.bkr-g-zl-phasen li:nth-child(2),.bkr-g-zl-phasen li:nth-child(4){background:#2b5674}
.bkr-g-zl-phasen li:first-child{border-radius:8px 0 0 8px}
.bkr-g-zl-phasen li:last-child{border-radius:0 8px 8px 0;border-right:0}
.bkr-g-zl-phasen .bkr-g-zl-restore{background:var(--orange)}
.bkr-g-zl-phasen small{display:block;font:500 .6rem/1.2 var(--mono);opacity:.92;margin-top:2px}
.bkr-g-zl-wert-rto{position:relative;display:block;margin-top:9px;padding-top:7px;border-top:2px solid var(--ink);text-align:center;color:var(--ink);white-space:normal}
.bkr-g-zl-wert-rto::before,.bkr-g-zl-wert-rto::after{content:"";position:absolute;top:-8px;width:2px;height:8px;background:var(--ink)}
.bkr-g-zl-wert-rto::before{left:0}.bkr-g-zl-wert-rto::after{right:0}
@media (max-width:640px){
  .bkr-g-zl{--stand:60%;--stoer:100%}
  .bkr-g-zl-luecke{border-right:0}
  .bkr-g-zl-stoer{display:none}
  .bkr-g-zl-stoertext{left:auto;right:0;top:4px}
  .bkr-g-zl-wert-rpo{right:0}
  .bkr-g-zl-rto{margin-top:6px}
  .bkr-g-zl-rto .bkr-g-zl-bahn{padding:4px 0 0}
  .bkr-g-zl-phasen{flex-direction:column;gap:3px}
  .bkr-g-zl-phasen li{min-height:34px;border-right:0;border-radius:8px !important;flex:none;width:calc(48% + var(--w) * 2.2%)}
  .bkr-g-zl-phasen small{display:inline;margin:0 0 0 6px}
  .bkr-g-zl-wert-rto{border-top:0;border-left:2px solid var(--ink);text-align:left;padding:2px 0 0 10px;margin-top:6px}
  .bkr-g-zl-wert-rto::before,.bkr-g-zl-wert-rto::after{display:none}
}

/* ---------------------------------------------------------------- Bild 3: Routenplaner */
.bkr-g-rp-steuer{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 18px;margin:12px 0 0}
.bkr-g-rp-steuer .bkr-wahl{margin:0;grid-row:span 2}
.bkr-g-rp-label{font-size:.9rem;color:var(--ink-2)}
.bkr-g-rp-label b{font-family:var(--display);font-weight:600;font-size:1.35rem;color:var(--ink);font-variant-numeric:tabular-nums}
.bkr-artikel .bkr-g-rp-steuer input[type="range"]{margin:0}
@media (max-width:700px){.bkr-g-rp-steuer{grid-template-columns:minmax(0,1fr)}.bkr-g-rp-steuer .bkr-wahl{grid-row:auto;justify-self:start}}
.bkr-g-rp{margin:18px 0 0;padding:0 24px}
.bkr-g-rp-feld{position:relative;height:160px}
.bkr-g-rp-sich{position:absolute;left:0;right:0;top:24px;height:44px}
.bkr-g-rp-sich .bkr-b{position:absolute;top:0;height:auto;padding:5px 9px;transform:translateX(-50%)}
.bkr-g-rp-f{left:0}.bkr-g-rp-d{left:50%}
.bkr-g-rp-logs{position:absolute;left:0;right:0;top:76px;height:26px;display:grid;grid-template-columns:repeat(96,minmax(0,1fr));transition:opacity .3s}
.bkr-g-rp-logs i{position:relative;display:block}
.bkr-g-rp-logs i::after{content:"";position:absolute;right:-1px;top:5px;bottom:5px;width:2px;border-radius:1px;background:#d9dcef}
.bkr-g-rp-logs i.an::after{background:var(--bkr-log);top:0;bottom:0;width:3px;right:-1.5px}
.bkr-g-rp-logs i.aus::after{background:#c3c7e2}
.bkr-g-rp-simple{display:none;position:absolute;left:0;right:0;top:78px;margin:0;text-align:center;font:600 .7rem/22px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-top:1.5px dashed #c3c7e2;border-bottom:1.5px dashed #c3c7e2}
.bkr-g-rp[data-modell="SIMPLE"] .bkr-g-rp-logs{opacity:0}
.bkr-g-rp[data-modell="SIMPLE"] .bkr-g-rp-simple{display:block}
.bkr-g-rp-route{position:absolute;left:0;top:102px;width:100%;height:52px;overflow:visible}
.bkr-g-rp-route path{fill:none;vector-effect:non-scaling-stroke}
.bkr-g-rp-pfad{stroke:var(--bkr-ziel);stroke-width:6;stroke-linecap:round;stroke-linejoin:round}
.bkr-g-rp-fluss{display:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-dasharray:0 14}
.bkr-anim .bkr-g-rp-fluss{display:inline;animation:bkr-g-fluss .8s linear infinite}
@keyframes bkr-g-fluss{to{stroke-dashoffset:-14}}
.bkr-g-rp-aus{stroke:#8193a1;stroke-width:3;stroke-dasharray:5 6}
.bkr-g-rp-lab{position:absolute;left:calc(var(--p) * 100%);transform:translateX(-50%);font:700 .66rem/1.2 var(--mono);letter-spacing:.03em;color:var(--orange-600);white-space:nowrap;pointer-events:none}
.bkr-g-rp-lab-diff{top:126px;color:var(--bkr-diff)}
.bkr-g-rp-lab-logs{top:145px;background:#fff;padding:0 4px}
.bkr-g-rp-lab-nicht{color:var(--muted)}
.bkr-g-rp-ziel{position:absolute;left:calc(var(--p) * 100%);top:0;bottom:6px;border-left:2px dashed var(--bkr-ziel);z-index:2;pointer-events:none}
.bkr-g-rp-ziel .bkr-ziel{position:absolute;top:0;left:0;transform:translateX(calc(var(--p) * -100%));background:#fff;padding:1px 4px;font-size:.74rem}
.bkr-g-rp-ziel-nicht{border-left-color:#8193a1}
.bkr-g-rp-ziel-nicht .bkr-ziel{color:var(--muted)}
.bkr-g-rp-ziel-nicht .bkr-ziel::before{background:#8193a1;border-color:#8193a1}
.bkr-g-rp .bkr-g-rp-skala{margin:0;height:24px}
.bkr-g-rp-erg{display:flex;align-items:center;gap:18px;margin:12px 0 4px;padding:14px 16px;border-radius:14px;background:var(--blue-50);border:1px solid var(--line)}
.article .bkr-g-rp-zahl{margin:0;display:flex;flex-direction:column;align-items:center;min-width:88px;text-align:center}
.bkr-g-rp-zahl b{font-family:var(--display);font-weight:600;font-size:2.5rem;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.bkr-g-rp-zahl span{font:500 .66rem/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:3px}
.bkr-g-rp-erg-nicht .bkr-g-rp-zahl b{color:var(--bkr-fehler)}
.bkr-g-rp-text{min-width:0}
.article .bkr-g-rp-kette{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 6px}
.bkr-g-rp-kette .bkr-b{--s:.82}
.bkr-g-rp-nicht{font:700 .7rem var(--mono);color:var(--muted);border:1.5px dashed #8193a1;border-radius:6px;padding:4px 8px;white-space:nowrap}
.article .bkr-g-rp-satz{margin:0;font-size:.92rem;line-height:1.5}
.bkr-g-rp-leg-log{display:inline-block;width:3px;height:16px;border-radius:1px;background:#c3c7e2}
.bkr-g-rp-leg-an{background:var(--bkr-log)}
@media (max-width:560px){
  .bkr-g-rp{padding:0 18px}
  .bkr-g-rp-sich .bkr-b{--s:.86}
  .bkr-g-rp-erg{flex-direction:column;align-items:flex-start;gap:8px}
  .article .bkr-g-rp-zahl{flex-direction:row;align-items:baseline;gap:8px;min-width:0}
  .bkr-g-rp-logs i::after,.bkr-g-rp-logs i.an::after{width:1.5px;right:-.75px}
}

/* ---------------------------------------------------------------- Bild 2: Mittwoch-Diff */
.bkr-g-mi{position:relative;margin:12px 0 4px;padding-top:66px}
.bkr-g-mi-boegen{position:absolute;left:0;top:10px;width:100%;height:56px;overflow:visible}
.bkr-g-mi-boegen path{fill:none;stroke:var(--bkr-diff);stroke-width:2;stroke-dasharray:5 4;vector-effect:non-scaling-stroke;opacity:.8}
.article .bkr-g-mi-basis{position:absolute;top:0;right:0;margin:0;font:600 .66rem var(--mono);letter-spacing:.04em;color:var(--bkr-diff)}
.bkr-g-mi-reihe{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.bkr-g-mi-d{display:flex;flex-direction:column;align-items:center;gap:7px;padding:10px 4px 8px;border-radius:14px;border:1.5px solid transparent;text-align:center;min-width:0;transition:opacity .3s,border-color .2s,background .2s}
.bkr-g-mi-tag{font:500 .64rem var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.bkr-g-mi .bkr-b{height:auto;padding:6px 8px}
.bkr-g-mi .bkr-b-diff{min-width:min(100%,calc(46px * var(--g,1)))}
.bkr-g-mi-st{font:600 .62rem/1.25 var(--mono);letter-spacing:.03em;text-transform:uppercase;min-height:2.6em;color:var(--muted)}
.bkr-g-mi[data-zustand="tipp"] .bkr-g-mi-d{cursor:pointer;border-color:var(--line);background:#fff}
.bkr-g-mi[data-zustand="tipp"] .bkr-g-mi-d:hover{border-color:var(--blue)}
.bkr-g-mi[data-zustand="tipp"] .bkr-g-mi-st{visibility:hidden}
.bkr-g-mi[data-zustand="tipp"] .bkr-g-mi-d[aria-pressed="true"]{border-color:var(--orange);background:#fff8f1}
.bkr-g-mi[data-zustand="tipp"] .bkr-g-mi-d[aria-pressed="true"] .bkr-b{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--bkr-ziel)}
.bkr-g-mi[data-zustand="tipp"] .bkr-g-mi-d[aria-pressed="true"] .bkr-g-mi-st{visibility:visible;color:var(--orange-600)}
.bkr-g-mi[data-zustand="tipp"] .bkr-g-mi-d[aria-pressed="true"] .bkr-g-mi-st::before{content:"Ihr Tipp"}
.bkr-g-mi[data-zustand="tipp"] .bkr-g-mi-d[aria-pressed="true"] .bkr-g-mi-st{font-size:0}
.bkr-g-mi[data-zustand="tipp"] .bkr-g-mi-d[aria-pressed="true"] .bkr-g-mi-st::before{font-size:.62rem}
.bkr-g-mi[data-zustand="geloest"] .bkr-g-mi-noetig .bkr-b{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--bkr-ziel)}
.bkr-g-mi[data-zustand="geloest"] .bkr-g-mi-noetig .bkr-g-mi-st{color:var(--bkr-ok)}
.bkr-g-mi[data-zustand="geloest"] .bkr-g-mi-unnoetig > .bkr-b,.bkr-g-mi[data-zustand="geloest"] .bkr-g-mi-unnoetig > .bkr-g-mi-tag{opacity:.35;filter:saturate(.35)}
.bkr-g-mi[data-zustand="geloest"] .bkr-g-mi-tipp{border-color:#f6cfa9;border-style:dashed}
.bkr-anim .bkr-g-mi[data-zustand="geloest"] .bkr-g-mi-st{animation:bkr-g-stempel .4s var(--ease) both}
.bkr-anim .bkr-g-mi[data-zustand="geloest"] .bkr-g-mi-d:nth-child(2) .bkr-g-mi-st{animation-delay:.08s}
.bkr-anim .bkr-g-mi[data-zustand="geloest"] .bkr-g-mi-d:nth-child(3) .bkr-g-mi-st{animation-delay:.16s}
.bkr-anim .bkr-g-mi[data-zustand="geloest"] .bkr-g-mi-d:nth-child(4) .bkr-g-mi-st{animation-delay:.24s}
.bkr-g-mi-steuer{margin:12px 0 0}
@media (max-width:560px){.bkr-g-mi-reihe{gap:4px}.bkr-g-mi-d{padding:8px 2px}.bkr-g-mi .bkr-b{--s:.86;padding:5px 5px}.bkr-g-mi-st{font-size:.56rem}}

/* ---------------------------------------------------------------- Tabelle der Sicherungsarten */
.bkr-g-arten td:first-child{white-space:nowrap}
.bkr-g-arten .bkr-b{--s:.7;margin-right:6px;vertical-align:middle}

/* ---------------------------------------------------------------- Recovery-Modelle als Karten */
.bkr-g-rm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 18px}
.bkr-g-rm-k{border:1px solid var(--line);border-radius:16px;padding:14px 16px;background:#fff;min-width:0}
.article .bkr-g-rm-t{margin:0 0 10px;font:700 .92rem var(--mono);letter-spacing:.03em;color:var(--ink)}
.article .bkr-g-rm-arten{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 10px}
.bkr-g-rm-arten .bkr-b{--s:.78}
.article .bkr-g-rm-k p:last-child{font-size:.88rem;line-height:1.5;margin:0}
.bkr-g-rm-nein{display:inline-flex;align-items:center;gap:6px;height:26px;box-sizing:border-box;padding:0 8px;border:2px dashed #8193a1;border-radius:5px;font:700 .64rem/1 var(--mono);color:var(--muted)}
.bkr-g-rm-nein small{font:600 .56rem/1.1 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--bkr-fehler)}
.bkr-g-rm-bulk{background:repeating-linear-gradient(90deg,var(--bkr-log) 0 7px,#9a9ed2 7px 10px)}
@media (max-width:860px){.bkr-g-rm{grid-template-columns:minmax(0,1fr)}}

/* ---------------------------------------------------------------- Bild 4: MOVE */
.bkr-g-mv{display:grid;grid-template-columns:minmax(0,1fr) minmax(64px,.5fr) minmax(0,1.3fr);gap:10px 0;align-items:center;margin:16px 0 6px}
.article .bkr-g-mv-k{margin:0;font:500 .66rem/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.bkr-g-mv-k small{display:block;text-transform:none;letter-spacing:0;font-size:.95em}
.bkr-g-mv-k code{font-size:1em;text-transform:none}
.bkr-g-mv-k-mitte{text-align:center}
.bkr-g-mv-k-mitte code{background:none;border:0;color:var(--ink-2);font-weight:600}
.bkr-g-mv-q,.bkr-g-mv-z{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;border:1.5px solid var(--bkr-full);background:var(--bkr-full-h);font-size:.84rem;line-height:1.3;min-width:0}
.bkr-g-mv-q small,.bkr-g-mv-z small{font:500 .64rem var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2)}
.article .bkr-g-mv code{background:none;border:0;padding:0;font-size:.84rem;color:var(--ink);overflow-wrap:anywhere}
.bkr-g-mv-z{border-color:var(--bkr-ziel);background:#fff8f1;opacity:calc(.2 + var(--x) * .8);transform:translateX(calc((1 - var(--x)) * 10px))}
.bkr-g-mv-opt{border-style:dashed;border-color:#8193a1;background:#fff;color:var(--muted)}
.bkr-g-mv-z.bkr-g-mv-opt{border-color:#8193a1}
.bkr-g-mv-pf{position:relative;height:3px;margin:0 10px}
.bkr-g-mv-pf i{position:absolute;inset:0;background:var(--ink-2);border-radius:2px;transform-origin:left center;transform:scaleX(var(--x))}
.bkr-g-mv-pf::after{content:"";position:absolute;right:-2px;top:50%;margin-top:-6px;border:6px solid transparent;border-left:9px solid var(--ink-2);border-right:0;opacity:var(--x)}
.bkr-g-mv-pf-opt i{background:repeating-linear-gradient(90deg,#8193a1 0 6px,transparent 6px 10px)}
.bkr-g-mv-pf-opt::after{border-left-color:#8193a1}
@media (max-width:560px){
  .bkr-g-mv{grid-template-columns:minmax(0,1fr);gap:0}
  .bkr-g-mv-k{display:none}
  .bkr-g-mv-q::before,.bkr-g-mv-z::before{font:500 .6rem var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
  .bkr-g-mv-q::before{content:"logischer Name aus FILELISTONLY"}
  .bkr-g-mv-z::before{content:"neuer Zielpfad"}
  .bkr-g-mv-pf{height:26px;width:3px;margin:2px auto}
  .bkr-g-mv-pf i{transform-origin:center top;transform:scaleY(var(--x))}
  .bkr-g-mv-pf::after{right:auto;left:50%;top:auto;bottom:-3px;margin:0 0 0 -6px;border:6px solid transparent;border-top:9px solid var(--ink-2);border-bottom:0}
  .bkr-g-mv-pf-opt::after{border-top-color:#8193a1;border-left-color:transparent}
  .bkr-g-mv-z{margin-bottom:12px;transform:translateY(calc((1 - var(--x)) * 8px))}
}

/* ---------------------------------------------------------------- Bild 5: NORECOVERY/RECOVERY-Spiel */
.bkr-g-nr{margin:14px 0 4px}
.bkr-g-nr-folge{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.bkr-g-nr-dat{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:64px;padding:9px 10px 7px;border-radius:12px;border:1.5px solid var(--line);background:#fff;transition:opacity .25s,border-color .25s,background .25s}
.bkr-g-nr-dat small{font:500 .6rem var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.bkr-g-nr-dat::after{position:absolute;top:-8px;right:-8px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font:700 .66rem/1 var(--text);color:#fff}
.bkr-g-nr-ok{border-color:#9fd3b5;background:var(--bkr-ok-h)}
.bkr-g-nr-ok::after{content:"✓";background:var(--bkr-ok)}
.bkr-g-nr-jetzt{border-color:var(--orange);background:#fff8f1}
.bkr-anim .bkr-g-nr-jetzt{animation:bkr-g-puls 1.2s ease-out infinite}
.bkr-g-nr-offen{opacity:.55}
.bkr-g-nr-weg{border:1.5px dashed var(--bkr-fehler);background:var(--bkr-fehler-h)}
.bkr-g-nr-weg > .bkr-b{opacity:.45}
.bkr-g-nr-weg::after{content:"✕";background:var(--bkr-fehler)}
.bkr-g-nr-db{border-radius:14px;padding:12px 16px;background:var(--navy);color:#d4e6f3;margin:0 0 12px;transition:background .3s}
.bkr-g-nr[data-zustand="erfolg"] .bkr-g-nr-db{background:#0b3d2c}
.article .bkr-g-nr-name{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 4px}
.article .bkr-g-nr-name code{background:rgba(255,255,255,.1);border:0;color:#fff}
.article .bkr-g-nr-text{margin:0;color:#d4e6f3;font-size:.92rem;line-height:1.5}
.bkr-g-nr-text b{color:#fff}
.article .bkr-g-nr-text code{background:rgba(255,255,255,.12);border:0;color:#fff}
.bkr-g-nr-st{display:inline-block;font:700 .66rem/1.2 var(--mono);letter-spacing:.06em;padding:4px 9px;border-radius:999px;border:1.5px solid currentColor;white-space:nowrap}
.bkr-g-nr-db .bkr-g-nr-st[data-st="restoring"]{color:#f7c66b}
.bkr-g-nr-db .bkr-g-nr-st[data-st="online"]{color:#7fd1a8}
.bkr-g-nr-db .bkr-g-nr-st[data-st="leer"]{color:#9fb7c8}
.bkr-anim .bkr-g-nr-db .bkr-g-nr-st{animation:bkr-g-stempel .35s var(--ease) both}
.article .bkr-g-nr-frage{margin:0 0 8px;font-size:.92rem}
.bkr-g-nr-frage b{font-family:var(--mono)}
.bkr-g-nr-log{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:6px;counter-reset:n}
.bkr-g-nr-log:empty{display:none}
.bkr-g-nr-log li{counter-increment:n;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:8px 12px;border-radius:10px;background:#f6f8fa;border:1px solid var(--line);font-size:.84rem;line-height:1.35}
.bkr-g-nr-log li::before{content:counter(n);font:600 .68rem var(--mono);color:var(--muted);min-width:1em}
.article .bkr-g-nr-log code{background:none;border:0;padding:0;font-size:.78rem;color:var(--ink);overflow-wrap:anywhere}
.bkr-g-nr-log .bkr-g-nr-st[data-st="restoring"]{color:#8a5a00;background:#fff4dc}
.bkr-g-nr-log .bkr-g-nr-st[data-st="online"]{color:var(--bkr-ok);background:var(--bkr-ok-h)}
.bkr-g-nr-log .bkr-g-nr-st[data-st="abgewiesen"]{color:var(--bkr-fehler);background:#fff}
.bkr-g-nr-lt{color:var(--ink-2);font-size:.82rem}
.bkr-g-nr-log li.bkr-g-nr-abgewiesen{background:var(--bkr-fehler-h);border-color:#e7b9b9}
.bkr-anim .bkr-g-nr-log li.bkr-g-nr-neu{animation:bkr-g-ein .35s var(--ease) both}

/* ---------------------------------------------------------------- Bild 6: Belegstufen und Labversuch */
.bkr-g-bs{list-style:none;margin:16px 0 18px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-items:end}
.bkr-g-bs li{position:relative;display:flex;flex-direction:column;gap:5px;min-height:calc(92px + var(--n) * 24px);padding:12px 12px 14px;box-sizing:border-box;border-radius:12px;background:var(--blue-50);border:1px solid var(--line);border-top:5px solid #9fb8ca;opacity:calc(.12 + var(--x) * .88);transform:translateY(calc((1 - var(--x)) * 16px))}
.bkr-g-bs li:nth-child(2){border-top-color:var(--blue-300)}
.bkr-g-bs li:nth-child(3){border-top-color:var(--blue)}
.bkr-g-bs li:nth-child(4){border-top-color:var(--navy);background:#eaf1f7}
.bkr-g-bs-nr{font:700 .68rem var(--mono);color:var(--muted)}
.bkr-g-bs li b{font-family:var(--display);font-weight:600;font-size:1.02rem;line-height:1.15;color:var(--ink)}
.bkr-g-bs li b code{font-size:.84em}
.bkr-g-bs li > span:last-child{font-size:.8rem;line-height:1.4;color:var(--ink-2)}
@media (max-width:640px){
  .bkr-g-bs{grid-template-columns:minmax(0,1fr);gap:6px}
  .bkr-g-bs li{min-height:0;margin-left:calc((var(--n) - 1) * 14px)}
}
.bkr-g-bs-x{border-top:1px solid var(--line);padding-top:14px}
.article .bkr-g-bs-x p{font-size:.94rem}
.bkr-g-bs-tipp{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0 0 12px}
.bkr-g-bs-tipp .bkr-wahl{margin:0}
.bkr-g-bs-vs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:8px 0 14px}
.bkr-g-bs-v{border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:#fff;min-width:0}
.article .bkr-g-bs-vk{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 10px;font-size:.9rem}
.bkr-g-bs-vk .bkr-b{--s:.8}
.bkr-g-bs-mini{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.bkr-g-bs-mini li{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;font-size:.84rem;line-height:1.3;color:var(--ink-2)}
.bkr-g-bs-mn{width:22px;height:22px;border-radius:6px;background:#eef2f5;display:grid;place-items:center;font:700 .64rem var(--mono);color:var(--ink-2)}
.bkr-g-bs-mini .bkr-erg{font-size:.66rem;white-space:normal;text-align:right;justify-self:end}
.bkr-g-bs-nicht{opacity:.62}
.article .bkr-g-bs-mt code{font-size:.78rem}
.bkr-anim .bkr-g-bs-zeigen .bkr-g-bs-mini li{animation:bkr-g-ein .4s var(--ease) both;animation-delay:calc(.1s + var(--i) * .22s)}
.bkr-anim .bkr-g-bs-zeigen .bkr-g-bs-mini .bkr-erg{animation:bkr-g-stempel .38s var(--ease) both;animation-delay:calc(.3s + var(--i) * .22s)}
.bkr-anim .bkr-g-bs-zeigen .bkr-g-bs-v + .bkr-g-bs-v .bkr-g-bs-mini li{animation-delay:calc(.25s + var(--i) * .22s)}
.bkr-anim .bkr-g-bs-zeigen .bkr-g-bs-v + .bkr-g-bs-v .bkr-g-bs-mini .bkr-erg{animation-delay:calc(.45s + var(--i) * .22s)}
@media (max-width:640px){.bkr-g-bs-vs{grid-template-columns:minmax(0,1fr)}}

/* ---------------------------------------------------------------- Ola: Einstiegsschritte */
.bkr-g-schritte{list-style:none;margin:10px 0 18px;padding:0;counter-reset:s;display:grid;gap:8px}
.bkr-g-schritte li{counter-increment:s;position:relative;padding:4px 0 4px 44px;color:var(--ink-2);line-height:1.55}
.bkr-g-schritte li::before{content:counter(s);position:absolute;left:0;top:2px;width:30px;height:30px;border-radius:9px;background:var(--navy);color:#fff;font:700 .8rem var(--mono);display:grid;place-items:center}

/* ---------------------------------------------------------------- Bild 7: Ola über den nativen Funktionen */
.bkr-g-ola{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.44fr);gap:16px;margin:16px 0 6px;align-items:start}
.bkr-g-ola-ebene{position:relative;border-radius:14px;padding:10px 12px 12px;background:var(--blue-50);border:1px solid var(--line);opacity:calc(.12 + var(--x) * .88);transform:translateY(calc((1 - var(--x)) * 12px))}
.bkr-g-ola-e2{background:#fff8f1;border-color:#f6cfa9}
.bkr-g-ola-e3{background:var(--navy);border-color:var(--navy)}
.article .bkr-g-ola-en{display:flex;align-items:center;gap:7px;margin:0 0 8px;font:600 .64rem/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.bkr-g-ola-en span{width:18px;height:18px;border-radius:5px;display:grid;place-items:center;background:var(--navy);color:#fff;font-size:.62rem;letter-spacing:0}
.bkr-g-ola-e3 .bkr-g-ola-en{color:#9fb7c8}
.bkr-g-ola-e3 .bkr-g-ola-en span{background:#fff;color:var(--navy)}
.bkr-g-ola-box{position:relative;display:flex;flex-direction:column;gap:3px;min-width:0;padding:8px 10px;border-radius:10px;background:#fff;border:1.5px solid var(--line)}
.bkr-g-ola-box b{font:600 .84rem/1.2 var(--mono);color:var(--ink);overflow-wrap:anywhere}
.bkr-g-ola-box small{font-size:.74rem;line-height:1.35;color:var(--ink-2)}
.bkr-g-ola-reihe{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.bkr-g-ola-reihe2{grid-template-columns:repeat(2,minmax(0,1fr))}
.bkr-g-ola-e2 .bkr-g-ola-box{border-color:#f0b37c}
.bkr-g-ola-db::after,.bkr-g-ola-ce::after{content:"→";position:absolute;right:-12px;top:50%;transform:translate(50%,-50%);z-index:1;font:700 1rem/1 var(--text);color:var(--orange-600)}
.bkr-g-ola-nativ{background:#0f2a3d;border-color:#2b4d66}
.article .bkr-g-ola-nativ code{display:block;background:none;border:0;padding:0;font-size:.78rem;color:#9ccbea;overflow-wrap:anywhere}
.bkr-g-ola-nativ small{color:#9fb7c8}
.bkr-g-ola-gang{position:relative;height:80px;opacity:var(--x)}
.bkr-g-ola-spur{position:absolute;top:0;bottom:0;width:0}
.bkr-g-ola-ab{left:50%}
.bkr-g-ola-auf{left:83.3%}
.bkr-g-ola-linie{position:absolute;left:-1.5px;top:0;bottom:0;width:3px;border-radius:2px;background:var(--ink-2);transform-origin:center top;transform:scaleY(var(--x))}
.bkr-g-ola-g1 > .bkr-g-ola-linie{left:calc(16.6% - 1.5px)}
.bkr-g-ola-auf .bkr-g-ola-linie{background:var(--bkr-ok);transform-origin:center bottom}
.bkr-g-ola-gl{position:absolute;left:34px;top:50%;transform:translateY(-50%);font:600 .62rem var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.bkr-g-ola-g1 > .bkr-g-ola-gl{left:calc(16.6% + 34px)}
.bkr-g-ola-ab .bkr-g-ola-gl{left:auto;right:30px}
.bkr-g-ola-auf .bkr-g-ola-gl{left:auto;right:30px;color:var(--bkr-ok)}
.bkr-g-ola-pk{display:none;position:absolute;left:0;top:0;transform:translate(-50%,-50%);font:700 .56rem/1 var(--mono);letter-spacing:.04em;padding:4px 6px;border-radius:6px;background:var(--orange);color:#fff;box-shadow:0 4px 10px rgba(240,125,26,.35);z-index:2;white-space:nowrap}
.bkr-g-ola-g1 > .bkr-g-ola-pk{left:16.6%;background:var(--blue)}
.bkr-g-ola-pk-erg{background:var(--bkr-ok);box-shadow:0 4px 10px rgba(11,122,78,.3);font-size:.7rem;padding:3px 6px}
.bkr-anim .bkr-g-ola-lauf .bkr-g-ola-pk{display:block;animation:bkr-g-ab 2.8s linear infinite;animation-delay:var(--d,0s)}
.bkr-anim .bkr-g-ola-lauf .bkr-g-ola-auf .bkr-g-ola-pk{animation-name:bkr-g-auf}
@keyframes bkr-g-ab{0%{top:0;opacity:0}12%{opacity:1}86%{opacity:1}100%{top:100%;opacity:0}}
@keyframes bkr-g-auf{0%{top:100%;opacity:0}12%{opacity:1}86%{opacity:1}100%{top:0;opacity:0}}
.bkr-g-ola-rt{display:flex;flex-direction:column;gap:6px;border-radius:14px;padding:10px 12px 12px;border:2px dashed var(--bkr-ziel);background:#fff;opacity:calc(.12 + var(--x) * .88);transform:translateY(calc((1 - var(--x)) * 12px))}
.article .bkr-g-ola-en-rt{color:var(--orange-600);margin-bottom:2px}
.bkr-g-ola-rtb{border-color:var(--bkr-ziel);background:#fff8f1}
.bkr-g-ola-rtp{text-align:center;color:var(--bkr-ziel);font-weight:700;line-height:1}
@media (max-width:820px){.bkr-g-ola{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){
  .bkr-g-ola-reihe{grid-template-columns:minmax(0,1fr);gap:16px}
  .bkr-g-ola-reihe2{gap:8px}
  .bkr-g-ola-db::after,.bkr-g-ola-ce::after{content:"↓";right:50%;top:auto;bottom:-15px;transform:translateX(50%)}
  .bkr-g-ola-ab{left:30%}
  .bkr-g-ola-auf{left:70%}
  .bkr-g-ola-g1 > .bkr-g-ola-linie{left:calc(50% - 1.5px)}
  .bkr-g-ola-g1 > .bkr-g-ola-gl{left:calc(50% + 34px)}
  .bkr-g-ola-g1 > .bkr-g-ola-pk{left:50%}
  .bkr-g-ola-g2 .bkr-g-ola-gl{display:none}
}

/* ---------------------------------------------------------------- Bild 8: Grüner Job, fehlende Abdeckung */
.bkr-g-ab-teil + .bkr-g-ab-teil{border-top:1px solid var(--line);margin-top:18px;padding-top:4px}
.article .bkr-g-ab-k{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 10px;font-weight:650;font-size:.95rem;color:var(--ink)}
.bkr-g-ab{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.bkr-g-ab-sp{border:1px solid var(--line);border-radius:14px;padding:10px 12px 12px;background:#fff;min-width:0}
.article .bkr-g-ab-sk{margin:0 0 8px;font:600 .68rem/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}
.bkr-g-ab-sk small{display:block;font:400 .76rem var(--text);letter-spacing:0;text-transform:none;color:var(--muted)}
.bkr-g-ab-liste{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.bkr-g-ab-liste li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;min-height:30px}
.bkr-g-ab-liste li small{font:600 .6rem var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--orange-600)}
.bkr-g-ab-liste .bkr-erg{font-size:.66rem;white-space:normal}
.bkr-g-ab-db{display:inline-grid;place-items:center;width:30px;height:30px;box-sizing:border-box;border-radius:8px;background:var(--bkr-full);color:#fff;font:700 .8rem var(--mono)}
.bkr-g-ab-leer{background:transparent;color:var(--muted);border:2px dashed #8193a1}
.bkr-g-ab-job{background:var(--bkr-ok-h);border-color:#b9dcc6}
.article .bkr-g-ab-status{margin:0}
.article .bkr-g-ab-lauf{display:flex;align-items:center;gap:8px;margin:10px 0 0;font:500 .62rem var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.bkr-g-ab-lauf i{position:relative;flex:1;height:5px;border-radius:3px;background:#cfe6d8;overflow:hidden}
.bkr-g-ab-lauf i::after{content:"";position:absolute;inset:0;background:var(--bkr-ok);transform-origin:left center}
.bkr-g-ab[data-c="nein"] .bkr-g-ab-c{display:none}
.bkr-anim .bkr-g-ab-laeuft .bkr-g-ab-lauf i::after{animation:bkr-g-balken .9s ease-in-out .25s both}
@keyframes bkr-g-balken{from{transform:scaleX(0)}}
.bkr-anim .bkr-g-ab-laeuft .bkr-g-ab-sp:first-child .bkr-g-ab-c{animation:bkr-g-ein .4s var(--ease) both}
.bkr-anim .bkr-g-ab-laeuft .bkr-g-ab-status .bkr-erg{animation:bkr-g-stempel .4s var(--ease) 1.1s both}
.bkr-anim .bkr-g-ab-laeuft .bkr-g-ab-sp:last-child .bkr-g-ab-c{animation:bkr-g-ein .4s var(--ease) 1.15s both}
.article .bkr-g-ab-abgleich{margin:10px 0 0;padding:10px 14px;border-radius:12px;font-size:.9rem;line-height:1.5;background:var(--bkr-fehler-h);border:1px solid #e7b9b9;color:#5b1f1f}
.article .bkr-g-ab-abgleich.bkr-g-ab-ok{background:var(--bkr-ok-h);border-color:#b9dcc6;color:#123d2a}
.bkr-g-ab-steuer{margin:10px 0 0}
.bkr-g-ab-tab td:first-child{width:auto}
.bkr-g-ab-tab .bkr-erg{white-space:normal}
.article .bkr-g-ab-nativ{font-size:.9rem;margin:2px 0 0}
@media (max-width:640px){
  .bkr-g-ab{grid-template-columns:minmax(0,1fr)}
  .bkr-g-ab-tab thead{display:none}
  .bkr-g-ab-tab,.bkr-g-ab-tab tbody,.bkr-g-ab-tab tr,.bkr-g-ab-tab td{display:block}
  .bkr-g-ab-tab tr{border:1px solid var(--line);border-radius:12px;padding:6px 12px;margin-bottom:8px}
  .bkr-table.bkr-g-ab-tab td{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:5px 0;border-bottom:1px dashed var(--line);text-align:right}
  .bkr-g-ab-tab td:last-child{border-bottom:0}
  .bkr-g-ab-tab td::before{content:attr(data-k);font:500 .62rem var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-align:left}
  .bkr-g-ab-tab .bkr-zeile-max td{background:none}
  .bkr-g-ab-tab .bkr-zeile-max{background:#fff8f1;box-shadow:inset 4px 0 0 var(--orange)}
  .bkr-g-ab-tab .bkr-zeile-max td:first-child{box-shadow:none}
}

/* ---------------------------------------------------------------- Vertiefung: Scheduler */
.bkr-g-sched{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0 16px}
.bkr-g-sched-k{border:1px solid var(--line);border-radius:16px;padding:14px 16px;background:#fff}
.article .bkr-g-sched-t{margin:0 0 6px;font:600 .74rem var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}
.article .bkr-g-sched-k p:last-child{margin:0;font-size:.92rem}
@media (max-width:640px){.bkr-g-sched{grid-template-columns:minmax(0,1fr)}}

/* ---------------------------------------------------------------- Best Practices */
.bkr-g-bp{list-style:none;margin:12px 0 10px;padding:0;border-top:1px solid var(--line)}
.bkr-g-bp li{position:relative;padding:11px 0 11px 30px;border-bottom:1px solid var(--line);color:var(--ink-2);line-height:1.55}
.bkr-g-bp li::before{content:"";position:absolute;left:4px;top:19px;width:11px;height:7px;border-left:2.5px solid var(--orange);border-bottom:2.5px solid var(--orange);transform:rotate(-45deg)}
.bkr-g-bp li b{color:var(--ink)}

/* ---------------------------------------------------------------- Bild 9: Ausfallbereiche */
.bkr-g-af{display:grid;grid-template-columns:minmax(0,1.5fr) 64px minmax(0,1fr);gap:10px;align-items:stretch;margin:14px 0 6px}
.bkr-g-af-bereich{position:relative;display:grid;gap:8px;align-content:start;padding:12px;border:2px dashed #8193a1;border-radius:16px;background:#fff;transition:background .35s,border-color .35s}
.article .bkr-g-af-bk{margin:0;font:600 .64rem/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.bkr-g-af-ding{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;background:#fff;border:1.5px solid var(--bkr-full);transition:opacity .35s,filter .35s,border-color .35s}
.bkr-g-af-ding b{font-size:.92rem;color:var(--ink)}
.bkr-g-af-ding small{font-size:.76rem;line-height:1.35;color:var(--muted)}
.bkr-g-af-st{margin-top:4px;font:700 .64rem/1.2 var(--mono);letter-spacing:.05em;text-transform:uppercase}
.bkr-g-af-ja,.bkr-g-af-ja2{color:var(--bkr-ok)}
.bkr-g-af-ja::before,.bkr-g-af-ja2::before{content:"✓ "}
.bkr-g-af-nein{color:var(--bkr-fehler)}
.bkr-g-af-nein::before{content:"✕ "}
.bkr-g-af-nein,.bkr-g-af-ja2{display:none}
.bkr-g-af-getrennt .bkr-g-af-ding{border-color:var(--bkr-ok)}
.article .bkr-g-af-blitz{display:none;position:absolute;top:-12px;right:12px;margin:0;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;background:var(--bkr-fehler);color:#fff;font:700 .64rem/1.2 var(--mono);letter-spacing:.05em;text-transform:uppercase}
.bkr-g-af-kopie{position:relative;display:flex;align-items:center;justify-content:center}
.bkr-g-af-kopie::before{content:"";position:absolute;left:0;right:6px;top:50%;height:2.5px;background:var(--ink-2)}
.bkr-g-af-kopie::after{content:"";position:absolute;right:0;top:50%;margin-top:-6px;border:6px solid transparent;border-left:9px solid var(--ink-2);border-right:0}
.bkr-g-af-kopie span{position:relative;z-index:1;background:#fff;padding:2px 4px;font:600 .6rem var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-2)}
.bkr-g-af[data-ausfall="ja"] .bkr-g-af-server{background:var(--bkr-fehler-h);border-color:var(--bkr-fehler)}
.bkr-g-af[data-ausfall="ja"] .bkr-g-af-server .bkr-g-af-ding{opacity:.6;filter:grayscale(1);border-style:dashed;border-color:#8193a1}
.bkr-g-af[data-ausfall="ja"] .bkr-g-af-server .bkr-g-af-ja{display:none}
.bkr-g-af[data-ausfall="ja"] .bkr-g-af-server .bkr-g-af-nein{display:inline}
.bkr-g-af[data-ausfall="ja"] .bkr-g-af-blitz{display:inline-flex}
.bkr-g-af[data-ausfall="ja"] .bkr-g-af-getrennt{border-color:var(--bkr-ok);border-style:solid;background:var(--bkr-ok-h)}
.bkr-g-af[data-ausfall="ja"] .bkr-g-af-getrennt .bkr-g-af-ja{display:none}
.bkr-g-af[data-ausfall="ja"] .bkr-g-af-getrennt .bkr-g-af-ja2{display:inline}
.bkr-anim .bkr-g-af[data-ausfall="ja"] .bkr-g-af-blitz{animation:bkr-g-stempel .4s var(--ease) both}
.bkr-anim .bkr-g-af[data-ausfall="ja"] .bkr-g-af-ja2{display:inline-block;animation:bkr-g-stempel .4s var(--ease) .25s both}
@media (max-width:640px){
  .bkr-g-af{grid-template-columns:minmax(0,1fr)}
  .bkr-g-af-kopie{height:40px}
  .bkr-g-af-kopie::before{left:50%;right:auto;top:0;bottom:6px;width:2.5px;height:auto}
  .bkr-g-af-kopie::after{right:auto;left:50%;top:auto;bottom:0;margin:0 0 0 -6px;border:6px solid transparent;border-top:9px solid var(--ink-2);border-bottom:0}
}

/* ---------------------------------------------------------------- Bild 10: Restore-Prüfkarte */
.bkr-g-pk{margin:14px 0 12px;padding:18px 20px 14px;border:2px solid var(--navy);border-radius:16px;background:#fff}
.bkr-g-pk-kopf{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px 20px;margin-bottom:12px;padding-bottom:10px;border-bottom:3px solid var(--orange)}
.article .bkr-g-pk-titel{margin:0;font-family:var(--display);font-weight:600;font-size:1.4rem;line-height:1.1;color:var(--ink)}
.bkr-g-pk-raster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;margin-bottom:14px}
.bkr-g-pk-breit{grid-column:1 / -1}
.bkr-g-pk-feld{display:flex;flex-direction:column;gap:2px;min-width:0}
.bkr-g-pk-feld > span{font:600 .62rem/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}
.bkr-g-pk-feld > span small{font:400 .72rem var(--text);letter-spacing:0;text-transform:none;color:var(--muted);margin-left:6px}
.bkr-g-pk-feld > span code{font-size:1em;background:none;border:0;padding:0}
.bkr-artikel .bkr-g-pk input{width:100%;box-sizing:border-box;min-width:0;padding:7px 2px 5px;border:0;border-bottom:1.5px solid #9fb8ca;border-radius:0;background:transparent;font:400 .94rem var(--text);color:var(--ink)}
.bkr-artikel .bkr-g-pk input:focus{outline:none;border-bottom-color:var(--orange);background:#fffaf5}
.bkr-g-pk-klein{width:min(220px,100%)}
.bkr-g-pk-zeiten{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px 12px;margin:0 0 14px;padding:8px 12px 12px;border:1px solid var(--line);border-radius:12px}
.bkr-g-pk-zeiten legend{padding:0 6px;font:600 .64rem var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}
.article .bkr-g-pk-fuss{margin:4px 0 0;font-size:.74rem;color:var(--muted)}
.bkr-g-pk-steuer{margin:4px 0 0}
@media (max-width:640px){
  .bkr-g-pk{padding:14px 14px 12px}
  .bkr-g-pk-raster{grid-template-columns:minmax(0,1fr)}
  .bkr-g-pk-zeiten{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ---------------------------------------------------------------- Verständnisfrage: Karte zum Umdrehen */
.bkr-g-vf{margin:14px 0 6px}
.bkr-g-vf-innen{display:grid}
.bkr-g-vf-vorn,.bkr-g-vf-hinten{border-radius:18px;padding:20px 22px}
.bkr-g-vf-vorn{background:#fff;border:1.5px solid #c9d7e2;box-shadow:0 10px 24px rgba(5,28,44,.06)}
.bkr-g-vf-hinten{margin-top:10px;background:var(--navy);color:#d4e6f3}
.article .bkr-g-vf-hinten p{color:#d4e6f3}
.bkr-g-vf-hinten b{color:#fff}
.bkr-g-vf-hinten a{color:#9ccbea}
.article .bkr-g-vf-k{margin:0 0 10px;font:600 .68rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--orange-600)}
.bkr-g-vf-hinten .bkr-g-vf-k{color:#f7b27a}
.article .bkr-g-vf-route{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 22px}
.bkr-g-vf-route .bkr-b{height:auto;padding:5px 9px}
.article .bkr-g-vf-text{margin:0;font-size:1rem;line-height:1.55}
.bkr-g-vf-dreh{margin-top:12px}
.bkr-g-vf-js .bkr-g-vf-innen{perspective:1300px}
.bkr-g-vf-js .bkr-g-vf-innen{transform-style:preserve-3d;transition:transform .6s var(--ease)}
.bkr-g-vf-js .bkr-g-vf-vorn,.bkr-g-vf-js .bkr-g-vf-hinten{grid-area:1 / 1;margin:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;flex-direction:column;justify-content:center}
.bkr-g-vf-js .bkr-g-vf-hinten{transform:rotateY(180deg)}
.bkr-g-vf-js.bkr-g-vf-um .bkr-g-vf-innen{transform:rotateY(180deg)}
.bkr-g-vf-js .bkr-g-vf-innen{cursor:pointer}
html:not(.bkr-anim) .bkr-g-vf-js .bkr-g-vf-innen{transition:none}

/* ---------------------------------------------------------------- Kontakt */
.article .art-cta .bkr-g-cta-hinweis{margin-top:12px;font-size:.9rem;color:#bcd3e3}

/* ---------------------------------------------------------------- Druck */
@media print{
  .bkr-g-rp-steuer,.bkr-g-mi-steuer,.bkr-g-nr-steuer,.bkr-g-bs-tipp,.bkr-g-ab-steuer,.bkr-g-af-wahl,.bkr-g-pk-steuer,.bkr-g-vf-dreh{display:none !important}
  .bkr-g-vf-js .bkr-g-vf-innen{transform:none !important}
  .bkr-g-vf-js .bkr-g-vf-vorn,.bkr-g-vf-js .bkr-g-vf-hinten{grid-area:auto;transform:none;backface-visibility:visible}
  .bkr-g-ola-pk,.bkr-g-rp-fluss{display:none !important}
  /* Knopf „Karte drucken“: nur die Prüfkarte */
  html.bkr-g-drucken body > :not(main){display:none !important}
  html.bkr-g-drucken main > :not(.bkr-haupt){display:none !important}
  html.bkr-g-drucken .bkr-haupt{padding:0 !important}
  html.bkr-g-drucken .bkr-layout{display:block}
  html.bkr-g-drucken .bkr-artikel > :not(#todo),html.bkr-g-drucken #todo > :not(#bild-10),html.bkr-g-drucken #bild-10 > :not(.bkr-g-pk){display:none !important}
  html.bkr-g-drucken #todo,html.bkr-g-drucken #bild-10{margin:0;padding:0;border:0}
  html.bkr-g-drucken .bkr-g-pk{margin:0;border-width:1.5pt;break-inside:avoid;box-shadow:none}
  html.bkr-g-drucken .bkr-g-pk input{border-bottom-color:#555;height:2.1em}
  html.bkr-g-drucken .bkr-g-pk-raster{gap:16pt 20pt}
  html.bkr-g-drucken .bkr-g-pk-zeiten{grid-template-columns:repeat(5,minmax(0,1fr))}
}