/* ==========================================================================
   HausChat — Pressebereich: Karten zum Herunterladen (Logo und Bilder)
   Wird nur von presse.html nach css/recht.css geladen. Jede Karte zeigt
   eine Vorschau, einen Namen und die Dateien als kleine Knöpfe.
   ========================================================================== */

.prose .medien{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:14px 0 30px;padding:0;list-style:none}
.prose .medien--fotos{grid-template-columns:repeat(2,minmax(0,1fr))}
/* Das erste Bild (Fenster-H) steht groß über beiden Spalten. */
.prose .medien--fotos .medium:first-child{grid-column:1/-1}
.prose .medien li{margin:0;padding:0}
.prose .medien li::before{content:none}
.medium{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--hairline);border-radius:16px;background:var(--card)}

/* Vorschau: Logos mit Luft auf hell oder dunkel, Fotos randlos. */
.medium__bild{display:grid;place-items:center;aspect-ratio:16/9;background:var(--page)}
.medium__bild img{display:block;width:100%;height:100%;object-fit:cover}
.medium__bild--logo{padding:0 12%}
.medium__bild--logo img{height:auto;object-fit:contain}
.medium__bild--zeichen img{width:30%;height:auto}
.medium__bild--dunkel{background:var(--teal-900)}

.medium__text{display:flex;flex-direction:column;gap:2px;padding:14px 16px 0;font-size:14px;line-height:1.45;color:var(--body)}
.medium__text strong{font-size:15px}
.medium__dateien{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding:12px 16px 16px}
.prose .medium__dateien a{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border:1px solid var(--hairline);
  border-radius:var(--radius-pill);background:var(--card);font-size:13.5px;line-height:1.2;color:var(--ink);text-decoration:none;
  transition:var(--transition-control)}
.prose .medium__dateien a:hover{border-color:var(--teal-300);color:var(--teal-700)}
.medium__dateien .icon{width:15px;height:15px;color:var(--teal-500)}

/* Hinweis bei den KI-Bildern: fällt auf, ohne zu schreien. */
.prose .ki-hinweis{padding:14px 18px;border-radius:14px;background:var(--teal-50);font-size:15px;line-height:1.6}

@media (max-width:760px){
  .prose .medien,.prose .medien--fotos{grid-template-columns:1fr}
}