/* Gezielte Video-Ergänzung: vorhandene Farben, Rahmen und Einflüge wiederverwenden. */
.video-bereich { display: grid; grid-template-columns: minmax(0,.82fr) minmax(0,1.18fr); gap: clamp(36px,6vw,76px); align-items: center; }
.video-bereich h2 { font-size: clamp(1.9rem,3.6vw,3.2rem); }
.video-bereich .video-copy > p:not(.eyebrow) { margin-top: 18px; color: var(--muted-text); }
.video-bereich .video-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 26px; }
.video-bereich .video-frame { padding: clamp(10px,1.5vw,16px); border: 1px solid var(--line); border-radius: 30px; background: var(--white); box-shadow: var(--shadow); }
.video-bereich video { display: block; width: 100%; aspect-ratio: 16 / 9; border-radius: 20px; background: var(--paper); }
.video-bereich .video-meta { color: var(--muted-text); font-size: .8rem; margin-top: 12px; }
.video-bereich .video-copy .affiliate-hinweis { font-size: .85rem; }
@media (max-width: 860px) { .video-bereich { grid-template-columns: 1fr; gap: 36px; } }
@media (max-width: 640px) { .video-bereich .video-actions { align-items: stretch; flex-direction: column; } .video-bereich .video-actions .btn { width: 100%; } }