/* Handänderungssteuer Bern (Schritt 27_handaenderungssteuer, 24.10.2026).
   Ergänzt rp-ggst.css (Rechner, Tabellen) und rp-ratgeber.css (Titelbild, Kopfzeile, Karten). */

/* Titelbild: Wohnhäuser der Matte und Münster im Ausschnitt, nicht nur Himmel */
.rpg-hero-bild.rpr-bild--hst img { object-position: 50% 64%; }

/* Rechner */
.rphst-kopfzeile { margin-bottom: clamp(20px, 2.5vw, 32px); }
.rphst .rpg-erg-innen { min-height: 0; }
.rphst-b-haupt { display: grid; gap: 22px; }
.rphst-b-haupt[hidden] { display: none; }
.rphst-revision { margin: 14px 0 0; padding-top: 14px; border-top: 1px solid rgba(255, 255, 255, .22); color: rgba(255, 255, 255, .9); font-size: 16px; line-height: 1.5; }
.rphst-revision strong { color: #fff; font-weight: 600; }
.rphst-revision[hidden] { display: none; }
.rphst-weg-revision { margin-top: 26px; }
.rphst-weg-revision caption { padding: 0 0 6px; color: var(--g-titel); font-size: 17px; font-weight: 600; line-height: 1.4; text-align: left; caption-side: top; }

/* Tabellen im Ratgeber: erste Spalte ist Text und darf umbrechen */
.rphst-beispiele th:first-child { white-space: normal; min-width: 15em; }
.rphst-beispiele thead th { white-space: nowrap; }
.rphst-vergleich th, .rphst-vergleich td { white-space: normal; text-align: left; vertical-align: top; }
.rphst-vergleich td { min-width: 11em; }

@media (max-width: 599px) {
  .rphst-beispiele thead, .rphst-vergleich thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .rphst-beispiele, .rphst-beispiele tbody, .rphst-vergleich, .rphst-vergleich tbody { display: block; width: 100%; }
  .rphst-beispiele tr { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px 12px; padding: 14px 0; border-bottom: 1px solid var(--g-linie); }
  .rphst-beispiele th { grid-column: 1 / -1; }
  .rphst-beispiele th, .rphst-beispiele td { display: block; min-width: 0; padding: 0; border: 0; text-align: left; white-space: normal; }
  .rphst-beispiele td { font-weight: 600; color: var(--g-titel); }
  .rphst-beispiele td::before { content: attr(data-titel); display: block; color: var(--g-leise); font-size: 14px; font-weight: 400; }
  .rphst-vergleich tr { display: block; padding: 14px 0; border-bottom: 1px solid var(--g-linie); }
  .rphst-vergleich th, .rphst-vergleich td { display: block; min-width: 0; padding: 2px 0; border: 0; }
  .rphst-vergleich th { color: var(--g-titel); font-weight: 600; }
  .rphst-vergleich td::before { content: attr(data-titel) ": "; color: var(--g-leise); font-weight: 600; }
}
@media print { .rphst-revision { color: #000; } }