/* Mediendatenbank (TVO, 13.11.2026): Trefferraster und Einzelansicht im Dialog (public/js/mediendatenbank.js) */
.mdb-raster { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; max-height: 60vh; overflow-y: auto; }
.mdb-kachel { display: flex; flex-direction: column; gap: 4px; padding: 0; border: 1px solid var(--linie, #ddd); border-radius: 6px; background: #fff; cursor: pointer; text-align: left; overflow: hidden; font: inherit; }
.mdb-kachel:hover, .mdb-kachel:focus-visible { border-color: var(--rot); outline: none; box-shadow: 0 0 0 2px var(--rot-hell, #eaf1f8); }
.mdb-kachel img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; background: #f2f2f2; }
.mdb-titel { font-size: 13px; padding: 0 8px; line-height: 1.3; max-height: 2.6em; overflow: hidden; }
.mdb-warn, .mdb-ok { padding: 0 8px 8px; display: flex; flex-wrap: wrap; gap: 4px; font-size: 12px; }
.mdb-ok { color: var(--gruen, #2e7d32); }
.mdb-einzeln { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: 18px; align-items: start; }
.mdb-einzeln > img { width: 100%; border-radius: 6px; display: block; }
.mdb-zeile { font-size: 14px; line-height: 1.4; }
@media (max-width: 720px) { .mdb-einzeln { grid-template-columns: 1fr; } }