/* Nur die Chronik-Szene: Außenraster und übrige Seiten bleiben unverändert. */
.unified-hero .company-scene{background:#f4f8fa;grid-template-columns:minmax(0,1fr) 112px;grid-template-rows:minmax(0,1fr) auto;gap:16px;padding:16px;align-content:stretch;min-height:420px}
.history-backdrop{position:absolute;inset:0;z-index:-1;pointer-events:none;background:#fff;overflow:hidden}
.history-backdrop img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .45s ease}
.history-backdrop img.is-visible{opacity:.55}
.unified-hero .company-scene .history-photo{align-self:start;width:min(100%,440px);margin-top:10px}
.unified-hero .company-scene #history-images{box-shadow:0 4px 18px #22374418}
.unified-hero .company-scene .history-photo figcaption{font-size:12px;line-height:1.4;background:#f8fbfcee}
.unified-hero .company-scene #history-years{gap:2px;align-self:start;max-height:none;overflow:visible}
.unified-hero .company-scene #history-years button{min-height:34px;gap:6px}
.unified-hero .company-scene .history-label{min-height:30px;height:auto;font-size:14px;padding:4px;white-space:nowrap;background:#f7fafbea;box-shadow:0 2px 7px #24394716}
.unified-hero .company-scene .history-point[aria-pressed=true] .history-label,
.unified-hero .company-scene .history-point:hover .history-label{background:var(--selected)}
.unified-hero .company-scene .scene-caption{font-size:12px;line-height:1.4;padding:6px 8px;text-align:left;background:#f8fbfce8;align-self:end}
@media(min-width:1800px){.unified-hero .company-scene #history-years{gap:6px}.unified-hero .company-scene #history-years button{min-height:38px}}
@media(max-width:700px){
 .unified-hero .company-scene{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;gap:16px;padding:16px;min-height:0;aspect-ratio:auto}
 .unified-hero .company-scene .history-photo{grid-column:1;grid-row:1;width:min(100%,440px);margin:0 0 24px}
 .unified-hero .company-scene #history-years{grid-column:1;grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px;max-width:300px;justify-self:end}
 .unified-hero .company-scene #history-years button{min-height:44px}
 .unified-hero .company-scene .history-label{min-height:36px}
 .unified-hero .company-scene .scene-caption{grid-column:1;grid-row:3}
 .history-backdrop img{object-position:center;object-fit:cover}
}
@media(prefers-reduced-motion:reduce){.history-backdrop img{transition:none}}

/* V53: längere Jahresleiste, klare Datumsfelder im vorhandenen Stil. */
.unified-hero .company-scene .history-label{font-family:"Segoe UI",Arial,sans-serif;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.015em;border:1px solid #b7dded;border-radius:3px;background:#f7fafbf2;box-shadow:0 2px 6px #24394712;padding:6px}
.unified-hero .company-scene .history-point:focus-visible .history-label{border-color:var(--blue)}
@media(min-width:701px){
 .unified-hero .company-scene #history-years{align-self:stretch;height:100%;gap:0;grid-template-rows:repeat(11,minmax(34px,1fr));padding-block:0}
 .unified-hero .company-scene #history-years:before{top:5%;bottom:5%;left:14px}
 .unified-hero .company-scene #history-years button{min-height:38px;gap:6px}
 .unified-hero .company-scene .history-dot{width:30px;height:30px}
 .unified-hero .company-scene .history-label{min-height:36px;font-size:14px}
}

/* V76: elf Meilensteine passen in die bestehende Szene. */
@media(min-width:701px){.unified-hero .company-scene #history-years button{min-height:34px}.unified-hero .company-scene .history-label{min-height:32px;padding:4px 6px}.unified-hero .company-scene .history-dot{width:28px;height:28px}.unified-hero .company-scene #history-years:before{left:13px}}