/* Page-CSS datenschutz-impressum.html (ehem. <style>-Block; CSP-Externalisierung 11.07.2026;
   lädt NACH site.css – Kaskaden-Reihenfolge beibehalten!) */
/* ===== "So leben wir Datenschutz" – Zahlen-Band (page-scoped, tz-*) ===== */
.tz{background:linear-gradient(180deg,#ffffff,#f5f1e8);color:#3a3f45;border:1px solid #e6e0d2;border-radius:18px;padding:32px 30px 28px;margin:0 0 2.8em;box-shadow:var(--shadow)}
.tz-eyebrow{display:inline-block;color:var(--red);font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px}
.tz h2{margin:0 0 .3em}  /* Typo zentral: CD-Block in site.css – hier nur Layout */
.tz-intro{color:#5b6068;max-width:64ch;margin:0 0 24px;font-size:.98rem;line-height:1.6}
.tz kbd{background:#fff;border:1px solid #d9d3c4;border-bottom-width:2px;border-radius:5px;padding:1px 7px;font-family:ui-monospace,Consolas,monospace;font-size:.86em;color:#3a3f45}
/* Die sechs Nullen = rotes Beweis-Band (Serie: Kompetenzband der Leistungsseite) */
.tz-grid{display:grid;gap:0;grid-template-columns:repeat(3,1fr);position:relative;overflow:hidden;background:linear-gradient(135deg,#ea2730 0%,#c8121d 55%,#a90e18 100%);border-radius:16px;padding:10px 4px;box-shadow:0 16px 38px rgba(190,14,24,.26)}
.tz-grid::before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cg fill='none' stroke='rgba(255,255,255,0.13)' stroke-width='1'%3E%3Cpath d='M22 44 L118 96 L232 34 M118 96 L64 196 M118 96 L206 170 M64 196 L206 170'/%3E%3C/g%3E%3Cg fill='rgba(255,255,255,0.2)'%3E%3Ccircle cx='22' cy='44' r='2.6'/%3E%3Ccircle cx='118' cy='96' r='3.2'/%3E%3Ccircle cx='232' cy='34' r='2.6'/%3E%3Ccircle cx='64' cy='196' r='2.6'/%3E%3Ccircle cx='206' cy='170' r='2.6'/%3E%3C/g%3E%3C/svg%3E");opacity:.8;pointer-events:none}
.tz-stat{background:#fff;border:1px solid #e6e0d2;border-top:3px solid var(--red);border-radius:12px;padding:20px 14px 16px;text-align:center;box-shadow:0 6px 18px rgba(227,28,35,.06)}
.tz-stat b{display:block;font-size:2.05rem;line-height:1.1;color:var(--red);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.tz-stat span{display:block;margin-top:6px;font-size:.85rem;color:#6b7078;line-height:1.4}
.tz-grid .tz-stat{background:none;border:none;box-shadow:none;position:relative;padding:20px 16px 18px}
.tz-grid .tz-stat b{color:#fff;font-size:clamp(1.8rem,2.6vw,2.35rem);text-shadow:0 2px 10px rgba(0,0,0,.18)}
.tz-grid .tz-stat span{color:rgba(255,255,255,.85)}
.tz-grid .tz-stat sup{color:rgba(255,255,255,.9)}
.tz-grid .tz-stat:not(:nth-child(3n+1)){border-left:1px solid rgba(255,255,255,.22)}
.tz-grid .tz-stat:nth-child(n+4){border-top:1px solid rgba(255,255,255,.22)}
.tz-note{margin:16px 2px 0;font-size:.82rem;color:#8b8f97;line-height:1.5}
.tz-note a{color:var(--red)}
.tz-note sup{color:var(--red)}
.tz-live{margin-top:26px;padding-top:22px;border-top:1px solid #e6e0d2}
.tz-live h3{color:#191919;font-size:1.06rem;margin:0 0 14px;letter-spacing:.01em}
.tz-live-badge{display:inline-flex;align-items:center;gap:7px;vertical-align:2px;margin-left:10px;font-size:.7rem;letter-spacing:.09em;text-transform:uppercase;color:#b01f24;border:1px solid rgba(227,28,35,.35);background:#fff;border-radius:999px;padding:3px 10px;font-weight:700}
.tz-live-badge::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--red);animation:tzPulse 1.6s ease-out infinite}
@keyframes tzPulse{0%{box-shadow:0 0 0 0 rgba(227,28,35,.5)}70%,100%{box-shadow:0 0 0 7px rgba(227,28,35,0)}}
@media(prefers-reduced-motion:reduce){.tz-live-badge::before{animation:none}}
.tz-live-grid .tz-stat{border-top:none}
.tz-live-grid .tz-stat::before{content:"";display:block;height:3px;margin:-20px -14px 16px;background:linear-gradient(90deg,var(--red),#f0656b);border-radius:12px 12px 0 0}
.tz-live-grid{display:grid;gap:14px;grid-template-columns:repeat(4,1fr)}
.tz-live-note{margin:14px 2px 0;font-size:.84rem;color:#6b7078;line-height:1.55}
.tz-live-note strong{color:#191919}
@media (max-width:620px){
  .tz-grid,.tz-live-grid{grid-template-columns:1fr 1fr}
  .tz{padding:26px 18px 22px}
  .tz-grid .tz-stat{border-left:none;border-top:none}
  .tz-grid .tz-stat:nth-child(even){border-left:1px solid rgba(255,255,255,.22)}
  .tz-grid .tz-stat:nth-child(n+3){border-top:1px solid rgba(255,255,255,.22)}
}

/* ===== Site-Suchleiste (Werkbank-Variante: nur Suche; 08.07.2026) ===== */
.pf-spine{top:-54px}
.pf-spine::before{display:none}
.pf-fill{top:-54px;border-top:54px solid var(--red)}