/* DFM Service – Über
   Page-spezifische Layout-Erweiterungen.
   Erbt vom V2-Tokenset.
*/

/* ---------- Editorial-Grid Variante: Bild rechts (für Mission) ---------- */
.v2 .editorial-grid.editorial-grid-flip {
  grid-template-columns: 1.4fr 1fr;
}
@media (max-width: 900px) {
  .v2 .editorial-grid.editorial-grid-flip {
    grid-template-columns: 1fr;
  }
}
/* On small viewports, restore natural order (text first) */
@media (min-width: 901px) {
  .v2 .editorial-grid.editorial-grid-flip > .editorial-side {
    order: 2;
  }
  .v2 .editorial-grid.editorial-grid-flip > .editorial-body {
    order: 1;
  }
}

/* ---------- Werte: Header-Bereich (Headline + Grafik nebeneinander) ---------- */
.v2 .ueber-werte-head {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 56px;
  align-items: end;
}
@media (max-width: 1000px) {
  .v2 .ueber-werte-head {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}
.v2 .ueber-werte-art .editorial-art {
  max-width: 420px;
  margin-left: auto;
}

/* ---------- Werte-Karten (5er-Grid → 3+2 oder 2x3 / 1) ---------- */
.v2 .ueber-values {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0;
  border-top: 1px solid var(--line);
}
@media (max-width: 1280px) {
  .v2 .ueber-values { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 800px) {
  .v2 .ueber-values { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 520px) {
  .v2 .ueber-values { grid-template-columns: 1fr; }
}

.v2 .ueber-value {
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  padding: 32px 24px 36px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 280px;
}
.v2 .ueber-value:last-child { border-right: none; }

@media (max-width: 1280px) {
  .v2 .ueber-value:nth-child(3n) { border-right: none; }
  .v2 .ueber-value:last-child    { border-right: 1px solid var(--line); }
}
@media (max-width: 800px) {
  .v2 .ueber-value { border-right: 1px solid var(--line); }
  .v2 .ueber-value:nth-child(3n) { border-right: 1px solid var(--line); }
  .v2 .ueber-value:nth-child(2n) { border-right: none; }
  .v2 .ueber-value:last-child:nth-child(odd) {
    /* lonely last card: span both cols */
    grid-column: span 2;
    border-right: none;
  }
}
@media (max-width: 520px) {
  .v2 .ueber-value,
  .v2 .ueber-value:nth-child(2n),
  .v2 .ueber-value:nth-child(3n),
  .v2 .ueber-value:last-child:nth-child(odd) {
    border-right: none;
    grid-column: auto;
  }
}

.v2 .ueber-value-num {
  font-family: var(--font-editorial);
  font-style: italic;
  font-size: clamp(2.6rem, 4vw, 3.6rem);
  line-height: 0.9;
  color: var(--navy);
  letter-spacing: -0.02em;
}
.v2 .ueber-value-tag {
  font-family: var(--font-mono);
  font-size: 0.66rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--navy-soft);
}
.v2 .ueber-value .ed-h3 {
  margin-top: 6px;
}
.v2 .ueber-value .ed-body {
  margin: 0;
  max-width: none;
  font-size: 0.9rem;
}