/* ============================================================
   Vorstellungsvideo (Startseite, unter dem Hero)
   ============================================================ */
.hero-video {
    margin-top: 1.5rem;
}

.video-card {
    border-radius: var(--radius);
    border: 1px solid var(--border);
    background: var(--surface);
    box-shadow: var(--shadow);
    overflow: hidden;
}

.video-card video {
    display: block;
    width: 100%;
    height: auto;
    background: var(--bg);
}

.video-card .video-quer { aspect-ratio: 16 / 9; }
.video-card .video-hoch { display: none; aspect-ratio: 9 / 16; }

@media (max-width: 640px) {
    .video-card .video-quer { display: none; }
    .video-card .video-hoch { display: block; }
}