/* 07-ueber-uns — Familie auf Hell (Besitzer: Über-uns-Agent; nicht im Template).
   Neu aufgebaut 16.09.2026 abends (Kundenwunsch „mehr Balance“): Kopf mit Eyebrow + h2 links und einer Intro-Zeile rechts
   auf der h2-Grundlinie; darunter zwei gleich breite, OBEN ausgerichtete Spalten (Foto | Text) — vorher war das Raster
   vertikal zentriert, dadurch schwebte das Foto tief unter der Überschrift; zum Schluss die Kennzahlen als eigene Zeile
   über die volle Breite (Zähler, 07-ueber-uns.js). Team-Liste und Badge sind entfallen (Unterseite folgt). */

/* Kopf: Intro rechts, auf der Grundlinie der h2, begrenzt und in Ruhe */
.rad-about__intro{margin:0;align-self:end;flex-shrink:1;min-width:0;max-width:24em;padding-bottom:.35em;
  font:400 var(--vn-text-base)/1.65 var(--vn-font-body);color:var(--vn-color-muted);text-wrap:pretty}

/* Raster: zwei gleich breite Spalten, oben bündig */
.rad-about__grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}

/* Foto in der Kartensprache: randlos, Radius, weicher Schatten; Verhältnis = Datei (1400×926), nichts wird beschnitten */
.rad-about__photo{margin:0;border-radius:var(--vn-radius-xl);overflow:hidden;aspect-ratio:1400/926;background:var(--vn-color-surface-light);box-shadow:var(--rad-card-shadow)}
.rad-about .rad-about__photo img{width:100%;height:100%;object-fit:cover;object-position:center}
.rad-about__note{margin-top:14px;font:400 var(--vn-text-xs)/1.5 var(--vn-font-body);color:var(--vn-color-muted)}


/* Text: h3 + drei Absätze + Textlink; Absatzmaß 40em */
.rad-about__copy h3{font:var(--rad-w-h3) var(--rad-fs-h3)/var(--rad-lh-h3) var(--vn-font-display);letter-spacing:var(--rad-ls-h3);color:var(--vn-color-fg)}
.rad-about__copy>p{margin-top:16px;max-width:40em;font:400 var(--vn-text-base)/var(--rad-lh-body) var(--vn-font-body);color:var(--vn-color-fg)}
.rad-about__copy h3+p{margin-top:20px}
.rad-about__link{margin-top:22px;color:var(--vn-color-fg)}

/* Kennzahlen: eigene Zeile, vier Spalten zwischen zwei Hairlines; Ziffern groß in Gold, tabellarisch (Zähler springt nicht) */
.rad-about__facts{margin:72px 0 0;padding:36px 0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;border-top:1px solid var(--vn-color-line);border-bottom:1px solid var(--vn-color-line)}
.rad-about__fact{display:flex;flex-direction:column;gap:8px;min-width:0}
.rad-about__num{font:var(--rad-w-display) clamp(2rem,calc(44 * var(--rad-dpx)),2.75rem)/1.05 var(--vn-font-display);letter-spacing:-.02em;color:var(--vn-color-accent-text);font-variant-numeric:tabular-nums}
.rad-about__label{font:400 var(--vn-text-sm)/1.4 var(--vn-font-body);color:var(--vn-color-muted)}

/* ≤1000: einspaltig, Intro unter der h2, Kennzahlen 2×2 */
@media(max-width:1000px){
  .rad-about__head{flex-direction:column;align-items:start;gap:16px}
  .rad-about__intro{align-self:start;padding-bottom:0}
  .rad-about__grid{grid-template-columns:1fr;gap:38px}
  .rad-about__facts{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px;margin-top:56px}
}
/* ≤650: Foto flacher, Kennzahlen kompakter */
@media(max-width:650px){
  .rad-about__photo{aspect-ratio:1.5}
  .rad-about__facts{padding:28px 0;gap:20px}
  .rad-about__num{font-size:1.75rem}
}

/* Startseite „Grosse Aussage“ (Kundenwahl 30.09.2026, ersetzt „Vom Keller nach Wolfsberg“): Foto links breiter, rechts
   die h2 klein als Kopfzeile in Gold, darunter ein grosser Satz, die kurze Geschichte, drei Kennzahlen und der Link. */
.rad-about--aussage .rad-about__grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px;align-items:center}
.rad-about--aussage .rad-about__photo{box-shadow:none}
.rad-about--aussage .rad-about__eyebrow{margin:0;font:600 var(--vn-text-xs)/1.4 var(--vn-font-body);letter-spacing:var(--rad-ls-eyebrow,.08em);text-transform:uppercase;color:var(--vn-color-accent-text)}
.rad-about--aussage .rad-about__aussage{margin:16px 0 0;font:var(--rad-w-display) clamp(1.625rem,calc(36 * var(--rad-dpx)),2.25rem)/1.2 var(--vn-font-display);letter-spacing:-.02em;color:var(--vn-color-fg);text-wrap:balance}
.rad-about--aussage .rad-about__story{margin:20px 0 0;max-width:34em;font:400 var(--vn-text-base)/1.7 var(--vn-font-body);color:var(--vn-color-muted)}
.rad-about--aussage .rad-about__facts{margin:32px 0 0;padding:26px 0 0;border-bottom:0;display:flex;flex-wrap:wrap;gap:20px 40px}
.rad-about--aussage .rad-about__num{font-size:clamp(1.75rem,calc(36 * var(--rad-dpx)),2.25rem)}
.rad-about--aussage .rad-about__link{display:inline-flex;margin-top:30px}
@media(max-width:1000px){
  .rad-about--aussage .rad-about__grid{grid-template-columns:1fr;gap:32px}
}
@media(max-width:650px){
  .rad-about--aussage .rad-about__facts{gap:18px 28px}
}

/* Zeitleiste auf /ueber-uns/ (Kundenwunsch 30.09.2026, ersetzt „Vom Keller nach Wolfsberg“): vier Stationen an einer
   goldenen Linie, das Jahr gross in Gold. Das Familienfoto bleibt beim Lesen stehen (sticky), am Handy im Fluss. */
.rad-about__grid:has(.rad-about__zeit) .rad-about__visual{position:sticky;top:calc(var(--rad-header-h-scrolled) + 32px)}
.rad-about__zeit{position:relative;margin:0;padding:0;list-style:none;display:grid;gap:40px}
.rad-about__zeit::before{content:"";position:absolute;left:5px;top:10px;bottom:10px;width:2px;border-radius:2px;
  background:linear-gradient(180deg,var(--vn-color-accent),color-mix(in srgb,var(--vn-color-accent) 20%,transparent))}
.rad-about__station{position:relative;padding-left:40px}
.rad-about__station::before{content:"";position:absolute;left:0;top:9px;width:12px;height:12px;border-radius:50%;
  background:var(--vn-color-accent);box-shadow:0 0 0 5px var(--vn-color-bg)}
.rad-about__jahr{display:block;font:var(--rad-w-display) clamp(1.5rem,calc(30 * var(--rad-dpx)),1.875rem)/1 var(--vn-font-display);letter-spacing:-.02em;color:var(--vn-color-accent-text)}
.rad-about__station h3{margin:10px 0 0;font:var(--rad-w-h3) 1.25rem/1.3 var(--vn-font-display);letter-spacing:var(--rad-ls-h3);color:var(--vn-color-fg)}
.rad-about__station p{margin:8px 0 0;max-width:34em;font:400 var(--vn-text-base)/1.65 var(--vn-font-body);color:var(--vn-color-muted)}
@media(max-width:1000px){
  .rad-about__grid:has(.rad-about__zeit) .rad-about__visual{position:static}
  .rad-about__zeit{gap:32px}
}

/* Auf /ueber-uns/ schliesst die Sektion direkt an den Seitenkopf an (Kundenwunsch 21.09.2026): Titel und
   Vorspann stehen dort schon oben, deshalb entfaellt hier die Kopfzeile — und mit ihr der Abstand darueber,
   sonst klafft zwischen Kopfbild und Foto eine leere Fläche. */
.rad-about--anschluss{padding-top:clamp(48px,5vw,80px)}