/* ============================================================
   mahnbescheid - Presse (/presse/, page-presse.php)
   Nach ueber-uns.css geladen; die Seite nimmt deren Bausteine.
   Hier nur, was es dort nicht gibt: der Pressekontakt als Karte im
   Kopf und die Logo-Kacheln mit Vorschau.
   ============================================================ */

/* Pressekontakt rechts im Kopf: die hervorgehobene Karte von „Über uns". */
.presse .pr-kontakt p + p{ margin-top: 12px; }
.presse .pr-kontakt-wege{ color: var(--c-ink); }

/* Studien: eine Zeile je Studie, gebaut wie die Stellen auf /karriere/
   (karriere.css, .kar-stelle) - links Titel, Eckdaten, Anriss, rechts die
   Knöpfe auf Höhe des Titels; schmal darunter. */
.presse .pr-studien{ grid-template-columns: minmax(0, 1fr); gap: 16px; }
.presse .pr-studie{
  display: grid; grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 32px; row-gap: 14px; align-items: start;
}
.presse .pr-studie > :not(.pr-studie-fuss){ grid-column: 1; max-width: 72ch; }
.presse .pr-anriss{ font-size: 15px; line-height: 1.6; color: var(--c-ink-soft); margin: 0; }
.presse .pr-studie-fuss{
  grid-column: 2; grid-row: 1 / span 3;
  display: flex; flex-direction: column; align-items: stretch;
  gap: 12px; padding-top: 2px;
}
.presse .pr-studie-fuss .btn{ white-space: nowrap; justify-content: center; }
/* Der Titel ist der Link; der grüne Knopf ist für die Maus, wie auf /karriere/. */
.presse .pr-studie .erf-thema-titel a{ color: inherit; text-decoration: none; }
.presse .pr-studie .erf-thema-titel a:hover{ color: var(--c-primary-700); text-decoration: underline; }
.presse .pr-studie .erf-thema-titel a:focus-visible{ outline: 2px solid var(--c-primary); outline-offset: 2px; }
@media (max-width: 900px){
  .presse .pr-studie{ grid-template-columns: minmax(0, 1fr); }
  .presse .pr-studie-fuss{ grid-column: 1; grid-row: auto; flex-direction: row; flex-wrap: wrap; }
}
@media (max-width: 768px){
  .presse .pr-studie-fuss .btn{ width: 100%; }
}

/* Logo-Kacheln: Vorschau auf einer Fläche, darunter Name, Format, Knopf. */
.presse .pr-logo-flaeche{
  display: grid; place-items: center; aspect-ratio: 16 / 9;
  margin: 0 0 16px; padding: 16px;
  border: 1px solid var(--c-line-soft); background: var(--c-surface-2);
}
.presse .pr-logo-flaeche img{ display: block; max-width: 100%; max-height: 100%; height: auto; }
.presse .pr-logo h3{ margin-bottom: 4px; }
.presse .pr-logo .pr-logo-laden{ margin-top: 16px; }

/* Unter den Text gerutscht, mit dem Abstand des Bescheids auf „Über uns". */
@media (max-width: 1100px){
  .presse .pr-kontakt{ margin-top: 48px; max-width: 640px; }
}
@media (max-width: 768px){
  .presse .pr-kontakt{ margin-top: 32px; }
}

/* Die Studien haben keine Einleitung mehr: der Abstand, den sonst
   .uu-h2-lead hält (12 + 32 px, ueber-uns.css). */
.presse .uu-h2 + .pr-studien{ margin-top: 32px; }