/* =========================================================
   rp-ueber.css: Über uns (Team, Philosophie) und die übernommenen Startseiten-Blöcke
   auf Über uns und Vermarktung. Schritt 68, Stand 27.09.2026.
   ========================================================= */

/* ---------- Übernommene Startseiten-Blöcke ---------- */
/* Webflow-Fehler «Unser Geschäftsprinzip» (wie rp-start.css): 480 bis 767 px Text in der schmalen Spalte */
@media screen and (max-width: 767px) {
  .rpu-inhalt .grid-2-columns.small-title-and-paragraph-grid { grid-template-columns: 1fr; }
  .rpu-inhalt .grid-2-columns.small-title-and-paragraph-grid > * { grid-column: 1 / -1 !important; }
}
.rpu-cybertour img.rpu-objektbild { object-position: 42% 50%; }
.rpu-inhalt .rpv-eyebrow,
.rpu-team .rpv-eyebrow,
.rpu-werte .rpv-eyebrow { font-size: 14px; }

/* ---------- Team ---------- */
.rpu-team {
  padding: clamp(64px, 8vw, 112px) 0;
  background: #f5f6f8;
  /* Nicolas 30.09.2026: «der Abstand ist nicht gut … Dieser graue Bereich kommt ja direkt im Bild an»: weisse Luft
     zwischen Titelbild und grauer Fläche wie bei den übrigen Abschnitten */
  margin-top: clamp(56px, 7vw, 96px);
}
/* Luft zwischen den übernommenen Blöcken wie auf der Startseite (Section-Abstand 112 px statt 148 px) */
.rpu-inhalt .section-17.pd-148px { padding-top: clamp(32px, 4vw, 56px); }
/* Vermarktung: Titel des Bern-Abschnitts in zwei statt drei Zeilen */
#immobilie-verkaufen-bern .inner-container._468px { max-width: 560px; }
#immobilie-verkaufen-bern .rpv-eyebrow + h2 { max-width: none; }
.rpu-klasse > .section-14 { padding-top: clamp(24px, 3vw, 40px); padding-bottom: clamp(24px, 3vw, 40px); }
.rpu-kopf { max-width: 760px; margin-bottom: clamp(40px, 5vw, 64px); }
.rpu-kopf .rpv-eyebrow + h2 { max-width: none; }
.rpu-lead {
  margin: 20px 0 0;
  max-width: 60ch;
  color: #4d464a;
  font-size: 19px;
  line-height: 1.6;
}
.rpu-liste {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(28px, 3.2vw, 48px);
}
.rpu-person { display: flex; flex-direction: column; margin: 0; }
.rpu-bild {
  display: block;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  border-radius: 14px;
  background: #e6ebf0;
}
.rpu-bild img { display: block; width: 100%; height: 100%; object-fit: cover; }
.rpu-text { padding-top: 24px; }
.rpu-rolle {
  margin: 0 0 10px;
  color: #194963;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .08em;
  line-height: 1.4;
  text-transform: uppercase;
}
.rpu-name {
  margin: 0;
  color: #151314;
  font-size: 26px;
  font-weight: 500;
  letter-spacing: -.01em;
  line-height: 1.25;
}
.rpu-titel { margin: 6px 0 0; color: #52697a; font-size: 17px; line-height: 1.5; }
.rpu-bio { margin: 16px 0 0; color: #4d464a; font-size: 17px; line-height: 1.65; }
.rpu-kontakt {
  list-style: none;
  display: grid;
  gap: 2px;
  margin: 22px 0 0;
  padding: 16px 0 0;
  border-top: 1px solid #d9dee4;
}
.rpu-kontakt a {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  color: #151314;
  font-size: 17px;
  font-weight: 500;
  text-decoration: none;
}
.rpu-kontakt svg { flex: none; width: 20px; height: 20px; color: #194963; }
.rpu-kontakt a span {
  padding-bottom: 2px;
  background: linear-gradient(currentColor, currentColor) 0 100% / 0 1px no-repeat;
  transition: background-size .35s cubic-bezier(.22, 1, .36, 1);
}
.rpu-kontakt a:hover span { background-size: 100% 1px; }
.rpu-kontakt a:focus-visible { outline: 2px solid #194963; outline-offset: 3px; border-radius: 4px; }

/* Tablet und kleine Laptops: Nicolas als breite Karte, die Partner darunter nebeneinander
   (bei 1024 px waren drei Spalten zu schmal, 32 Zeichen pro Zeile) */
@media (min-width: 600px) and (max-width: 1199px) {
  .rpu-liste { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rpu-person:first-child {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 32px;
    align-items: end;
  }
  .rpu-person:first-child .rpu-text { padding-top: 0; }
}
@media (max-width: 599px) {
  .rpu-liste { grid-template-columns: 1fr; gap: 56px; }
  .rpu-lead { font-size: 18px; }
  .rpu-name { font-size: 24px; }
}

/* ---------- Philosophie ---------- */
.rpu-werte { padding: clamp(64px, 8vw, 112px) 0; }
.rpu-werte-raster {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(40px, 6vw, 96px);
}
.rpu-werte .rpv-eyebrow + h2 { max-width: 520px; }
.rpu-werte-text { margin: 24px 0 0; color: #4d464a; font-size: 18px; line-height: 1.7; }
.rpu-h3 { margin: 0; color: #151314; font-size: 28px; font-weight: 500; letter-spacing: -.01em; line-height: 1.3; }
.rpu-werte-raster > div:last-child { padding-top: 34px; }
.rpu-haken { list-style: none; margin: 28px 0 0; padding: 0; }
.rpu-haken li {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 14px 0;
  border-top: 1px solid #e3e6ea;
  color: #151314;
  font-size: 18px;
  line-height: 1.5;
}
@media (min-width: 992px) {
  .rpu-werte-text { font-size: 19px; }
}
.rpu-haken li:last-child { border-bottom: 1px solid #e3e6ea; }
.rpu-haken svg { flex: none; width: 20px; height: 20px; margin-top: 2px; color: #194963; }
@media (max-width: 991px) {
  .rpu-werte-raster { grid-template-columns: 1fr; }
  .rpu-werte-raster > div:last-child { padding-top: 0; }
}
@media (max-width: 479px) {
  .rpu-h3 { font-size: 24px; }
}

/* Google-Rezensionen auf Über uns: Der Container ist ein 12-Spalten-Raster von Webflow; die Regel, die den Block über
   alle Spalten spannt (#w-node-…), gilt nur ab 992 px. Darunter landete er in einer Spalte (Handy 7 px breit, Tablet
   36 px, auch live). Gefunden 28.09.2026. */
.bewertungen.uber-uns > .rpr-huelle { grid-column: 1 / -1; min-width: 0; }