/* ---------- Buchstaben-Kugel "Ihre Daten" (KI-Wissensdatenbank) ---------- */
.ksph { position: relative; height: 560px; border-radius: var(--radius); background: #000; overflow: hidden; text-align: left; box-shadow: var(--shadow); }
.ksph canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.ksph__txt { position: absolute; right: 6%; top: 50%; transform: translateY(-50%); text-align: right; color: #f3f1ea; pointer-events: none; }
.ksph__txt b { display: block; font-family: var(--display); font-weight: 800; font-size: clamp(48px, 2rem + 4.4vw, 112px); line-height: .92; letter-spacing: -.01em; text-transform: uppercase; }
.ksph__txt span { display: block; margin-top: 18px; font-size: 13px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--accent); }
.ksph + .flow { margin-top: -40px; }
@media (max-width: 700px) {
  .ksph { height: 460px; }
  .ksph__txt { right: auto; left: 50%; top: auto; bottom: 26px; transform: translateX(-50%); text-align: center; width: 100%; }
  .ksph__txt b { font-size: 44px; text-shadow: 0 2px 18px #000; }
  .ksph + .flow { margin-top: 18px; }
}