/* =========================================================
   rp-start.css: Abschnitt "Aktuelle Immobilien" auf der Startseite
   Schritt 40 (schritte/40_startseite.py), Stand 25.09.2026
   Ergänzt rp-zeilen.css (Schritt 20, Klassen rpz-*) um den Kopf:
   linksbündig wie «Ein Blick auf unsere letzten Projekte», gleiche
   Schrift wie die übrigen Titel, Knopf «Alle Immobilien» oben rechts.
   ========================================================= */
#aktuelle-immobilien { padding-top: clamp(64px, 8vw, 112px); }
.rpa-kopf {
  box-sizing: border-box;
  width: min(1200px, 100% - 2 * clamp(1rem, 3.2vw, 1.5rem));   /* Rand wie alle Abschnitte (Schritt 85, 30.09.2026) */
  margin: 0 auto clamp(28px, 4vw, 48px);
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px 48px;
}
.rpa-kopf-text { flex: 1 1 520px; max-width: 680px; }
.rpa-eyebrow {
  margin: 0 0 12px;
  font-size: clamp(16px, .9rem + .35vw, 21px);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -.02em;
  color: #6e6e73;   /* 01.10.2026: #8a8a8e hatte nur 3.4:1 (Designsystem: Platzhalter/Vorzeile #6e6e73) */
}
#aktuelle-immobilien h2.rp-was-h1 {
  margin: 0;
  text-align: left;
  font-size: clamp(34px, 1.7rem + 1.4vw, 44px);
  font-weight: 500;
  line-height: 1.22;
  letter-spacing: -.02em;
  color: #151314;
}
.rpa-ein { margin: 16px 0 0; max-width: 640px; font-size: 17px; line-height: 1.4; color: #1d1d1f; }
.rpa-kopf .rpa-knoepfe { flex: none; margin: 0; }

/* Webflow-Fehler «Unser Geschäftsprinzip»: zwischen 480 und 767 px stand der
   Text in der schmalen ersten Spalte (1fr 2.25fr), die zweite blieb leer. */
@media screen and (max-width: 767px) {
  .grid-2-columns.small-title-and-paragraph-grid {
    grid-template-columns: 1fr;
  }
  .grid-2-columns.small-title-and-paragraph-grid > * {
    grid-column: 1 / -1 !important;
  }
}