/* ---- Seitenspezifisch [4/5]: ram-gmbh-ueber-uns.html ----
   Seitenmodule (Subhero, Breadcrumb, Sektionen) inkl. eigener Breakpoints. */
  /* ===== subpage additions ===== */
  


  /* timeline */
  .timeline{margin-top:56px;position:relative}
  .tl-item{position:relative;display:grid;grid-template-columns:140px 1fr;gap:40px;padding:0 0 46px 0}
  .tl-left{position:relative;text-align:right;padding-right:34px}
  .tl-left::after{content:"";position:absolute;right:0;top:8px;bottom:-46px;width:1px;background:var(--line)}
  .tl-item:last-child .tl-left::after{display:none}
  .tl-year{font-family:"Archivo";font-weight:900;font-size:1.9rem;font-stretch:115%;color:var(--ink);line-height:1}
  .tl-dot{position:absolute;right:-6px;top:6px;width:13px;height:13px;background:var(--signal);border-radius:50%;box-shadow:0 0 0 4px var(--paper-2)}
  .tl-body{padding-top:1px}
  .tl-body h3{font-family:"Archivo";font-size:1.3rem;font-weight:700;letter-spacing:0;margin-bottom:10px}
  .tl-body p{color:var(--muted);font-size:1rem;max-width:62ch}

  /* mission / vision / values */
  .mv-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:50px}
  .mv-card{border:1px solid var(--line);background:var(--paper-2);padding:38px 34px;position:relative;overflow:hidden}
  .mv-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--signal)}
  .mv-card .tag{font-family:"IBM Plex Mono";font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--brand)}
  .mv-card h3{font-family:"Archivo";font-size:1.7rem;font-weight:800;margin:14px 0 12px;font-stretch:108%}
  .mv-card p{color:var(--muted);font-size:1.02rem}
  .values{display:grid;grid-template-columns:repeat(4,1fr);margin-top:20px;border-top:1px solid var(--line);border-left:1px solid var(--line)}
  .val{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 26px;background:var(--paper-2);transition:.35s var(--ease)}
  .val:hover{background:var(--paper)}
  .val .n{font-family:"IBM Plex Mono";font-size:.72rem;color:var(--brand);letter-spacing:.1em}
  .val h4,
  .val h3.hx{font-family:"Archivo";font-size:1.12rem;font-weight:700;margin:14px 0 8px;letter-spacing:0}
  .val p{color:var(--muted);font-size:.92rem}

  /* career */
  .career{display:grid;grid-template-columns:1.25fr 1fr;gap:40px;align-items:center;background:var(--ink);color:#fff;padding:54px 48px;position:relative;overflow:hidden}
  .career::after{content:"";position:absolute;top:-30%;right:-10%;width:42vw;height:42vw;background:radial-gradient(circle,rgba(227,6,19,.14),transparent 62%)}
  .career>*{position:relative;z-index:1}
  .career h3{font-family:"Archivo";font-size:clamp(1.6rem,3vw,2.3rem);font-weight:800;font-stretch:110%}
  .career p{color:#c2c6c8;margin-top:14px;max-width:46ch}
  .career .status{border:1px solid var(--line-d);padding:26px 28px;font-family:"IBM Plex Mono";font-size:.86rem;letter-spacing:.04em;color:#fff;text-align:center;display:flex;align-items:center;justify-content:center;gap:10px}
  .career .status .dot{width:8px;height:8px;border-radius:50%;background:var(--signal);box-shadow:0 0 8px var(--signal);flex:none}

  @media(max-width:980px){
    .mv-grid,.career{grid-template-columns:1fr}
    .values{grid-template-columns:1fr 1fr}}
  @media(max-width:680px){
    .tl-item{grid-template-columns:74px 1fr;gap:16px}
    .tl-year{font-size:1.4rem}
    .tl-left{padding-right:18px}
    .values{grid-template-columns:1fr}
    .career{padding:38px 22px}}

/* === nav-dropdown === */
.nav{position:relative}

/* Bilder im Zeitstrahl */
.tl-figure{margin:22px 0 0}
.tl-figure img{
  width:100%;max-width:560px;height:auto;display:block;
  border:1px solid var(--line)
}
.tl-figure figcaption{
  margin-top:10px;max-width:560px;
  font-family:"IBM Plex Mono",monospace;font-size:.72rem;letter-spacing:.04em;
  line-height:1.6;color:var(--muted)
}
@media(max-width:680px){
  .tl-figure{margin-top:18px}
  .tl-figure img,.tl-figure figcaption{max-width:100%}}

/* Zeitstrahl: Meilensteine 2025/2026 (2026-09-30) */
.tl-mile .tl-dot{background:var(--paper-2);border:3px solid var(--signal);width:15px;height:15px;right:-7px}
.tl-badge{display:inline-block;margin-bottom:10px;padding:4px 9px;background:var(--signal);color:#fff;font-family:"IBM Plex Mono",monospace;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}
.tl-facts{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:8px;max-width:62ch}
.tl-facts li{position:relative;padding-left:18px;font-size:.94rem;color:var(--ink)}
.tl-facts li::before{content:"";position:absolute;left:0;top:.6em;width:8px;height:2px;background:var(--signal)}
.tl-links{margin-top:14px!important}
.tl-links a{font-family:"IBM Plex Mono",monospace;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--brand);margin-right:18px;display:inline-block;margin-bottom:6px}