/* Viva Blocks – [viva_ueber_geschichte]  Nur Layout; Werte aus core.css. */
.vk-history { position: relative; overflow: hidden; }
.vk-history::before { content: ""; position: absolute; left: -160px; bottom: -160px; width: 460px; height: 460px; border-radius: 50%; background: radial-gradient(circle, rgba(var(--vb-primary-rgb), .18), transparent 70%); pointer-events: none; }
.vk-history .vb-inner { position: relative; }
.vk-history__num { display: flex; align-items: baseline; gap: 14px; margin: 28px 0 0 !important; }
.vk-history__num strong { font-family: var(--vb-font-heading); font-size: calc(var(--vb-fs-h1) * 1.3); line-height: 1; color: var(--vb-primary); }
.vk-history__num span { max-width: 160px; font-size: var(--vb-fs-small); line-height: 1.4; color: rgba(255, 255, 255, .75); }
.vk-history__video { aspect-ratio: 16 / 9; }
.vk-history__video::before { background: rgba(0, 0, 0, .35); transition: background .3s; }
.vk-history__video:hover::before { background: rgba(0, 0, 0, .2); }
.vk-history__play { display: inline-flex; align-items: center; justify-content: center; width: 88px; height: 88px; padding: 0; border: 0; border-radius: 50%; background: var(--vb-primary); color: var(--vb-on-primary); cursor: pointer; box-shadow: 0 0 0 0 rgba(var(--vb-primary-rgb), .6); animation: vk-pulse 2.2s infinite; transition: transform .25s var(--vb-ease); }
.vk-history__play:hover { transform: scale(1.08); }
.vk-history__play svg { width: 36px; height: 36px; margin-left: 5px; fill: currentColor; }
@keyframes vk-pulse { 70% { box-shadow: 0 0 0 22px rgba(var(--vb-primary-rgb), 0); } 100% { box-shadow: 0 0 0 0 rgba(var(--vb-primary-rgb), 0); } }
@media (prefers-reduced-motion: reduce) { .vk-history__play { animation: none; } }