/* Mediathek (12.11.2026): jedes Homepage-Video mit Thema und Kundenfrage. */
.article.mediathek{max-width:1100px}
.mt-liste{list-style:none;padding:0!important;margin:0 0 10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px}
.mt-video{margin:0!important;display:flex;flex-direction:column;border:1px solid var(--line,#dce7e9);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 18px 40px -32px rgba(16,57,80,.7)}
.mt-video video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#0a1e2b}
.mt-video h3{margin:18px 20px 2px;font-size:20px;color:var(--navy,#103950)}
.mt-video p{margin:0 20px 12px;font-size:16px!important;line-height:1.6!important}
.mt-video .mt-de{font-size:13px!important;color:var(--muted,#526b77);margin-bottom:10px}
.mt-meta{margin-top:auto!important;padding:12px 0 18px;border-top:1px solid var(--line,#dce7e9);display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;font-size:14px!important}
.mt-meta span{color:var(--muted,#526b77)}
.mt-meta a{color:var(--blue,#0670b9);font-weight:700;text-decoration:none}
.mt-meta a:hover{text-decoration:underline}
.mt-video:target{outline:3px solid var(--green,#07835e);outline-offset:3px}
html[data-maki-theme="dark"] body .mt-video{background:#152437;border-color:#395068}
html[data-maki-theme="dark"] body .mt-meta{border-color:#395068}
html[data-maki-theme="dark"] body main .mediathek .mt-video .mt-meta a[href]{color:#8cc4f0;background:transparent!important}
@media(max-width:760px){.mt-liste{grid-template-columns:1fr}.mt-video h3{font-size:19px}}