/* 2026-10-26 | VisionThinks | Über-uns R1–R3, seitenlokal (alte Fassung im Backup von R4). */
/*
| 2026-11-02 | Claude | Über uns R4: Achse, Bänder, Überschriften, Dachzeilen,
| Einleitung und Abschluss zentral (01-foundation/vt-axis.css,
| 02-layout/vt-band.css). Hier bleiben nur die Sonderelemente:
| Auftakt mit Bild und Zitat, Kacheln, Raster „Erfahrung“.
| 2026-11-02 | Claude | R4b: Fließtext-Regel per :where() abgeschwächt
| (Kacheltext war 17px mit Abstand statt 16px ohne).
*/

.vt-ueber-uns { width: 100%; }
.vt-ueber-uns * { box-sizing: border-box; }

/* Fließtext in den Bändern (Wert R1). R4b: :where(), damit Kachel-Regeln (0,2,1) greifen */
.vt-ueber-uns .vt-band :where(p:not([class])) { margin: 0 0 18px; font-size: 17px; line-height: 1.7; }

/* Auftakt (blaues Band): Bild links, Text rechts */
.vt-ueber-uns .vt-ueber-uns__auftakt-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: clamp(32px, 6vw, 96px); align-items: center; }
.vt-ueber-uns .vt-ueber-uns__bildrahmen { overflow: hidden; border-radius: var(--vt-radius-media, 14px); }
.vt-ueber-uns .vt-ueber-uns__bildrahmen img { display: block; width: 100%; height: clamp(260px, 27vw, 420px); object-fit: cover; object-position: center; }
.vt-ueber-uns .vt-ueber-uns__auftakt blockquote { margin: 22px 0 8px; padding: 0; border: 0; color: #ffffff; font-size: clamp(19px, 1.8vw, 23px); font-style: normal; line-height: 1.4; font-weight: 500; }   /* R4: kleiner als die Überschrift (30px), vorher bis 33px */
.vt-ueber-uns .vt-ueber-uns__zitatquelle { margin: 0 0 30px; color: #dcecff; font-size: 14px; }

/* Kacheln „VisionThinks heute“ */
.vt-ueber-uns .vt-ueber-uns__spalten { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; margin-top: 30px; }
.vt-ueber-uns .vt-ueber-uns__kachel { border: 1px solid #cbd8e7; border-radius: 12px; padding: 26px 24px; background: #f8fafd; }
.vt-ueber-uns .vt-ueber-uns__kachel--fokus { border-color: #318cb8; background: #edf5fc; }
.vt-ueber-uns .vt-ueber-uns__kachel h3 { margin: 0 0 14px; color: #0b1730; font-size: 20px; line-height: 1.3; text-transform: none; }
.vt-ueber-uns .vt-ueber-uns__kachel p { margin: 0; font-size: 16px; line-height: 1.7; }

/* Erfahrung: zwei Spalten */
.vt-ueber-uns .vt-ueber-uns__erfahrung-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 7vw, 110px); }

@media (max-width: 767px) {
    .vt-ueber-uns .vt-ueber-uns__auftakt-grid,
    .vt-ueber-uns .vt-ueber-uns__erfahrung-grid,
    .vt-ueber-uns .vt-ueber-uns__spalten { grid-template-columns: 1fr; }
    .vt-ueber-uns .vt-ueber-uns__spalten { gap: 16px; }
    .vt-ueber-uns .vt-ueber-uns__kachel { padding: 22px 20px; }
}