/* ══════════════════════════════════════════════════════════════
   DATENHOHEIT — „Wo überall liegt dieser eine Vertrag?"
   WELT   eine forensische Herkunftskarte
   HELD   EINE Information (Kundenvertrag Müller GmbH.pdf)
   KAMERA der Spur einer einzelnen Datei folgen
   MOMENT ein Anbieter verschwindet — Teile der Karte gehen aus

   Abgrenzung zu eigene-cloud: dort die Portabilität des AUFBAUS,
   hier die Spur EINER Information und was sie überlebt.
══════════════════════════════════════════════════════════════ */
.reg{--rg-bg:#0a0d11;--rg-panel:#12171d;--rg-ink:#e6ecf2;--rg-mut:#7a8794;
  --rg-line:rgba(255,255,255,.09);--rg-in:#5f9ea0;--rg-out:#c9603f;--rg-dead:#3a4048;
  --rg-e:cubic-bezier(.22,.9,.24,1);
  position:relative;width:100vw;margin-left:calc(50% - 50vw);background:var(--rg-bg);color:var(--rg-ink);overflow-x:clip}
.reg-in{width:min(1220px,92vw);margin-inline:auto}
.reg-slug{padding:clamp(4.5rem,9vh,7rem) 0 clamp(1.2rem,3vh,1.8rem)}
.reg-slug__k{font-family:var(--font-heading);font-size:.66rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--rg-in)}
.reg-slug__h{font-family:var(--font-heading);font-weight:800;letter-spacing:-.033em;font-size:clamp(1.45rem,3.2vw,2.35rem);margin:.6rem 0 .5rem;max-width:24ch}
.reg-slug__c{margin:0;color:var(--rg-mut);font-size:.93rem;line-height:1.62;max-width:58ch}

.reg-file{display:inline-flex;align-items:center;gap:.6rem;border:1px solid var(--rg-line);border-radius:9px;
  padding:.55rem .9rem;background:var(--rg-panel);margin-bottom:1rem;font-family:var(--font-heading);font-weight:700;font-size:.86rem}
.reg-file__i{width:1.5rem;height:1.9rem;border-radius:2px;
  background:linear-gradient(160deg,#2c343d,#1b2129);border:1px solid rgba(255,255,255,.12);flex:none}
.reg-file__s{display:block;font-weight:600;font-size:.7rem;color:var(--rg-mut)}

.reg-map{border:1px solid var(--rg-line);border-radius:12px;background:var(--rg-panel);padding:clamp(1rem,2.6vw,1.5rem)}
.reg-map__k{font-family:var(--font-heading);font-size:.6rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--rg-mut);margin:0 0 .9rem}
.reg-trace{display:grid;gap:.4rem}
.reg-n{display:grid;grid-template-columns:auto 1fr auto;gap:.7rem;align-items:center;
  border:1px solid var(--rg-line);border-radius:9px;padding:.6rem .8rem;background:rgba(255,255,255,.022);
  transition:opacity .5s var(--rg-e),border-color .5s var(--rg-e),background .5s var(--rg-e)}
.reg-n__dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--rg-in);flex:none}
.reg-n--out .reg-n__dot{background:var(--rg-out)}
.reg-n__t{font-family:var(--font-heading);font-weight:700;font-size:.83rem}
.reg-n__s{display:block;font-weight:600;font-size:.71rem;color:var(--rg-mut);line-height:1.45}
.reg-n__w{font-size:.63rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;border-radius:999px;
  padding:.2rem .6rem;white-space:nowrap;border:1px solid rgba(255,255,255,.14);color:var(--rg-mut)}
.reg-n--out .reg-n__w{color:#f0b39d;border-color:rgba(201,96,63,.4);background:rgba(201,96,63,.1)}
.reg-n--in .reg-n__w{color:#a6d8d9;border-color:rgba(95,158,160,.35);background:rgba(95,158,160,.1)}
/* Der Anbieter verschwindet */
.reg.is-gone .reg-n.is-lost{opacity:.32;border-color:rgba(255,255,255,.06);background:transparent}
.reg.is-gone .reg-n.is-lost .reg-n__dot{background:var(--rg-dead)}
.reg.is-gone .reg-n.is-lost .reg-n__w{color:var(--rg-dead);border-color:rgba(255,255,255,.08);background:transparent}
.reg-n__lost{display:none;font-size:.63rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;
  color:#f0b39d;border:1px solid rgba(201,96,63,.4);background:rgba(201,96,63,.12);border-radius:999px;padding:.2rem .6rem;white-space:nowrap}
.reg.is-gone .reg-n.is-lost .reg-n__w{display:none}
.reg.is-gone .reg-n.is-lost .reg-n__lost{display:inline-block}

.reg-act{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-top:1rem}
.reg-kill{appearance:none;cursor:pointer;font:inherit;font-family:var(--font-heading);font-weight:800;font-size:.85rem;
  border:none;border-radius:999px;padding:.65rem 1.3rem;background:var(--rg-out);color:#1b0a05;transition:transform .2s var(--rg-e)}
.reg-kill:hover{transform:translateY(-2px)}
.reg-kill:focus-visible{outline:2px solid #fff;outline-offset:3px}
.reg.is-gone .reg-kill{background:transparent;color:var(--rg-mut);border:1px solid var(--rg-line)}
.reg-count{font-size:.8rem;color:var(--rg-mut)}
.reg-count b{color:var(--rg-ink)}
.reg-say{margin:.9rem 0 0;font-size:.87rem;color:var(--rg-mut);line-height:1.62;max-width:64ch}
.reg-say b{color:var(--rg-ink)}

.reg-read{padding:clamp(3.5rem,9vh,6rem) 0 clamp(4rem,10vh,7rem);border-top:1px solid var(--rg-line);margin-top:clamp(2.5rem,6vh,4rem)}
.reg-read__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(1.6rem,5vw,4rem);align-items:start}
@media(max-width:880px){.reg-read__grid{grid-template-columns:1fr}}
.reg-read__lead{font-size:clamp(1.02rem,1.5vw,1.16rem);line-height:1.66;margin:0 0 1rem}
.reg-read__p{font-size:.93rem;line-height:1.72;color:var(--rg-mut);margin:0 0 .9rem;max-width:62ch}
.reg-read__p b{color:var(--rg-ink)}
.reg-read__p a,.reg-qa__a a,.reg-rel a{color:var(--rg-in);text-underline-offset:3px}
.reg-qa{border-left:1px solid var(--rg-line);padding-left:clamp(.9rem,2vw,1.6rem)}
@media(max-width:880px){.reg-qa{border-left:none;border-top:1px solid var(--rg-line);padding:1.4rem 0 0}}
.reg-qa__h{font-family:var(--font-heading);font-size:.62rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--rg-mut);margin:0 0 1rem}
.reg-qa__i{margin:0 0 1.1rem}
.reg-qa__q{font-family:var(--font-heading);font-weight:700;font-size:.86rem;margin:0 0 .28rem}
.reg-qa__a{font-size:.82rem;line-height:1.62;color:var(--rg-mut);margin:0}
.reg-close{margin-top:clamp(2rem,5vh,3rem);padding-top:1.4rem;border-top:1px solid var(--rg-line)}
.reg-close__t{font-family:var(--font-heading);font-weight:800;letter-spacing:-.028em;font-size:clamp(1.15rem,2.3vw,1.6rem);margin:0 0 .9rem;max-width:32ch}
.reg-go{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--font-heading);font-weight:700;font-size:.88rem;
  color:#06201f;background:var(--rg-in);text-decoration:none;padding:.68rem 1.25rem;border-radius:999px;transition:transform .22s var(--rg-e)}
.reg-go:hover{transform:translateY(-2px)}
.reg-go--q{background:transparent;color:var(--rg-ink);border:1px solid var(--rg-line)}
.reg-rel{margin:1.1rem 0 0;font-size:.82rem;color:var(--rg-mut)}
@media(prefers-reduced-motion:reduce){.reg-n{transition:none}}