/* Über dartera, Gestaltung des Seitenkörpers (20.10.2026).
   Die Seite lädt "stil: referenzen, ueber-uns". referenzen.css trägt Kopf,
   Team und Kennzahlkarten, aber nicht die Abschnitte dieser Seite: .rf-teil
   und .rf-entscheide hatten nirgends eine Regel. Gemessen am 20.10.2026: die
   Überschriften klebten am Absatz davor, in der Liste stand
   "Ansprechpartner.Antwort" ohne Abstand, das Bürofoto lief über die volle
   Breite, und auf dem Telefon blieb der Kopf zweispaltig (Text 180 Punkte
   schmal). Die Zahlen der Akquire-Karten waren unsichtbar: sie färben mit
   var(--fs-verlauf), das nur auf den Fallstudien definiert ist.
   Eigene Datei, damit referenzen.css (Fallstudien) unberührt bleibt. */

.dt-land .rf-teil {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  gap: 1rem clamp(2rem, 5vw, 5rem);
  padding-block: clamp(2rem, 4vw, 3rem);
  border-top: 1px solid var(--border-subtle);
}
.dt-land .rf-teil:first-child { border-top: 0; padding-top: 0; }
.dt-land .rf-teil > h2 {
  margin: 0;
  font-size: clamp(1.45rem, 2.2vw, 1.9rem);
  line-height: 1.15;
  letter-spacing: -.025em;
  color: var(--text-strong);
}
.dt-land .rf-teil > div > p,
.dt-land .rf-teil p { margin: 0 0 1rem; font-size: 1.06rem; line-height: 1.65; color: var(--text-muted); max-width: 62ch; }
.dt-land .rf-teil > div > p:last-child { margin-bottom: 0; }
.dt-land .rf-teil a:not(.ml-btn) { color: var(--color-blue); text-underline-offset: 3px; }

/* Wie wir arbeiten: die Zusage fett, die Erklärung darunter. */
.dt-land .rf-entscheide { margin: 0; padding: 0; list-style: none; counter-reset: rf-e; display: grid; gap: 1.25rem; }
.dt-land .rf-entscheide li { counter-increment: rf-e; display: grid; grid-template-columns: 2.2rem minmax(0, 1fr); column-gap: .6rem; }
.dt-land .rf-entscheide li::before {
  content: counter(rf-e, decimal-leading-zero);
  grid-row: 1 / span 2;
  padding-top: .2rem;
  font-family: var(--font-display); font-size: .85rem; font-weight: 600;
  color: var(--color-blue);
}
.dt-land .rf-entscheide b { display: block; font-family: var(--font-display); font-weight: 600; font-size: 1.08rem; color: var(--text-strong); }
.dt-land .rf-entscheide span { display: block; margin-top: .25rem; font-size: 1rem; line-height: 1.6; color: var(--text-muted); max-width: 62ch; }

/* Das Bürofoto in der Spalte, nicht über die ganze Seite. */
.dt-land .rf-teil .rf-buero { max-width: 40rem; }
.dt-land .rf-teil .rf-buero img { aspect-ratio: 16 / 9; object-fit: cover; }

/* Kennzahlen der Akquire-Karten: Markenfarbe statt des Verlaufs der Fallstudien. */
.dt-land .rf-teil .rf-wert b { background: none; -webkit-background-clip: border-box; background-clip: border-box; color: var(--color-blue); }

@media (max-width: 900px) {
  .dt-land .rf-kopf__raster { grid-template-columns: minmax(0, 1fr); }
  .dt-land .rf-kopf .rf-buero { max-width: 36rem; }
  .dt-land .rf-teil { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
  .dt-land .rf-teil .rf-werte { grid-template-columns: minmax(0, 1fr); }
}
