/* Gemeinsame Ergänzungen für überarbeitete Infoseiten.
   Das bestehende .info.-detail-Layout bleibt während der schrittweisen Migration
   führend; info-page-Klassen bilden nur die wiederverwendbare Struktur ab. */

.info-page__table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 15px;
}

.info-page__table th,
.info-page__table td {
  text-align: left;
  padding: 10px 12px;
  border-bottom: 1px solid var(--color-ambient-grey-light);
}

.info-page__table th {
  background: var(--color-ambient-mint-light);
}

.info-page__media-content {
  display: flow-root;
}

.info-page__media-image {
  float: left;
  width: 210px;
  margin-bottom: 20px;
}

.info-page__media-image--compact {
  width: 180px;
  margin-right: 15px;
  margin-left: 15px;
}

.info-page__download-link {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Sichtbare Textebene aus einem Guss: Aufklappzeilen, Einleitungssätze und Unterüberschriften
   auf 18px, wie der Eingangstext in der Papierkarte. Gilt für alle überarbeiteten Infoseiten. */
.info-page .disclosure__summary {
  font-size: 18px;
  font-weight: 400;
}

.info-page .info-page__section > p,
.info-page .info-page__section > h3 {
  font-size: 18px;
}

.info-page .disclosure__content {
  font-size: 16px;
}

/* Lead-Satz unter der Frage-Überschrift: kursiv, eng an der Überschrift und mit
   deutlichem Abstand zur Aufklappliste, sonst liest er sich wie eine Aufklappzeile.
   Trifft nur das eine <p> direkt nach der h2; CTA (h2 + h3) und FAQ bleiben unberührt. */
.info-page .info-page__section > h2:has(+ p) {
  margin-bottom: 6px;
}

.info-page .info-page__section > h2 + p {
  font-style: italic;
  margin-top: 0;
  margin-bottom: 38px;
}

/* Abstand nur, wenn nach einer Liste noch Inhalt folgt (z.B. Kurzzeitmiete-Schritte + Bitte). */
.info-page .disclosure__content ol:not(:last-child),
.info-page .disclosure__content ul:not(:last-child) {
  margin-bottom: 20px;
}