/* ---- Seitenspezifisch [4/5]: ram-gmbh-pqmex.html, ram-gmbh-pqmex-technik.html, ram-gmbh-dokumentation.html ----
   Seitenmodule (Subhero, Breadcrumb, Sektionen) inkl. eigener Breakpoints. */
  
  .i40{display:inline-flex;align-items:center;gap:.5em;background:var(--signal);color:#fff;font-family:"IBM Plex Mono";font-size:.62rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:6px 12px;margin-bottom:18px}
  .heroimg{position:relative;border:1px solid var(--line-d);background:#141414;overflow:hidden}
  .heroimg img{width:100%;display:block}
  .heroimg .cap{position:absolute;left:14px;bottom:12px;font-family:"IBM Plex Mono";font-size:.6rem;letter-spacing:.08em;color:#fff;background:rgba(20,20,20,.55);padding:4px 8px}
  .heroimg .corner-tick{position:absolute;width:14px;height:14px;border:2px solid var(--signal)}
  .ct-tl{top:10px;left:10px;border-right:none;border-bottom:none}.ct-br{bottom:10px;right:10px;border-left:none;border-top:none}
  .ov{display:grid;grid-template-columns:1.1fr .9fr;gap:46px;align-items:center;margin-top:30px}
  .ov p{color:var(--muted);margin-bottom:16px}
  .ov .res{border-left:3px solid var(--brand);padding:14px 20px;background:var(--paper-2);color:var(--ink);font-weight:500;margin-top:6px}
  .prodphoto{position:relative;border:1px solid var(--line);overflow:hidden;background:var(--ink)}
  .prodphoto img{width:100%;display:block}
  .prodphoto .cap{position:absolute;left:14px;bottom:12px;font-family:"IBM Plex Mono";font-size:.6rem;letter-spacing:.08em;color:#fff;background:rgba(20,20,20,.6);padding:4px 8px}
  .bgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(184px,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:42px}
  .bc{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 22px;background:var(--paper-2)}
  .bc .bi{width:30px;height:30px;color:var(--brand);margin-bottom:14px}
  .bc h4,
  .bc h3.hx{font-family:"Archivo";font-size:1.02rem;font-weight:700;letter-spacing:0;margin-bottom:6px}
  .bc p{color:var(--muted);font-size:.86rem}
  .feat{display:grid;grid-template-columns:repeat(2,1fr);gap:0 44px;margin-top:40px}
  .fi{display:flex;gap:16px;padding:22px 0;border-top:1px solid var(--line)}
  .fi .fic{width:26px;height:26px;color:var(--brand);flex:none;margin-top:2px}
  .fi h4,
  .fi h3.hx{font-family:"Archivo";font-size:1.05rem;font-weight:700;letter-spacing:0;margin-bottom:4px}
  .fi p{color:var(--muted);font-size:.9rem}
  .minigrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}
  .minigrid.two{grid-template-columns:repeat(2,1fr)}
  .mini{border:1px solid var(--line);background:var(--paper-2);padding:28px 26px;transition:.3s var(--ease)}
  .mini:hover{box-shadow:0 14px 36px rgba(8,8,8,.08);transform:translateY(-3px)}
  .mini .mt{font-family:"IBM Plex Mono";font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--brand);margin-bottom:12px}
  .mini .mi{width:30px;height:30px;color:var(--brand);margin-bottom:14px}
  .mini h4,
  .mini h3.hx{font-family:"Archivo";font-size:1.18rem;font-weight:800;letter-spacing:0;margin-bottom:8px}
  .mini p{color:var(--muted);font-size:.92rem}
  .grades{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}
  .grade{border:1px solid var(--line);background:var(--paper-2);padding:30px 28px;position:relative;overflow:hidden}
  .grade .gl{font-family:"Archivo";font-weight:900;font-size:3rem;font-stretch:120%;color:var(--brand);line-height:1}
  .grade h4,
  .grade h3.hx{font-family:"Archivo";font-size:1.2rem;font-weight:800;letter-spacing:0;margin:10px 0 8px}
  .grade p{color:var(--muted);font-size:.9rem}
  .spec{margin-top:38px;border:1px solid var(--line);background:var(--paper-2)}
  .spec .grp{background:var(--ink);color:#fff;font-family:"IBM Plex Mono";font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;padding:11px 24px}
  .spec .r{display:grid;grid-template-columns:280px 1fr;border-top:1px solid var(--line)}
  .spec .k{padding:14px 24px;font-family:"IBM Plex Mono";font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);border-right:1px solid var(--line)}
  .spec .v{padding:14px 24px;font-size:.95rem;color:var(--ink)}
  @media(max-width:980px){.ov{grid-template-columns:1fr;gap:32px}.feat{grid-template-columns:1fr;gap:0}.minigrid{grid-template-columns:1fr}.grades{grid-template-columns:1fr}}
  @media(max-width:680px){.spec .r{grid-template-columns:1fr}.spec .k{border-right:none}}

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

/* ==== Technikseite: zusaetzliche Bausteine ==== */
.subhero-actions{margin-top:30px;display:flex;gap:14px;flex-wrap:wrap}
.btn-line-light{
  display:inline-flex;align-items:center;gap:.7em;padding:14px 24px;
  border:1px solid rgba(255,255,255,.32);color:#fff;
  font-family:"IBM Plex Mono",monospace;font-size:.78rem;font-weight:500;
  letter-spacing:.1em;text-transform:uppercase;
  transition:border-color .3s var(--ease),background .3s var(--ease)
}
.btn-line-light:hover{border-color:var(--signal);background:rgba(200,0,16,.12)}
.btn-line-light .arr{transition:transform .3s var(--ease)}
.btn-line-light:hover .arr{transform:translateX(4px)}

.spec .v.mono{font-family:"IBM Plex Mono",monospace;font-size:.82rem;letter-spacing:.02em}

.tech-note{
  margin-top:22px;max-width:78ch;color:var(--muted);
  font-size:.82rem;line-height:1.7
}

.checkblock{margin-top:46px;border:1px solid var(--line);padding:32px 34px;background:var(--paper)}
.checkblock h3{
  font-family:"Archivo",sans-serif;font-size:1.25rem;font-weight:800;
  letter-spacing:-.01em;margin-bottom:12px
}
.checkblock>p{color:var(--muted);font-size:.93rem;max-width:80ch}
.checklist{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:13px}
.checklist li{
  position:relative;padding-left:34px;font-size:.93rem;line-height:1.65;max-width:96ch
}
.checklist li::before{
  content:"";position:absolute;left:0;top:.45em;
  width:15px;height:9px;border-left:2px solid var(--brand);border-bottom:2px solid var(--brand);
  transform:rotate(-45deg)
}
.cl-foot{margin-top:24px;padding-top:20px;border-top:1px solid var(--line);
  color:var(--muted);font-size:.85rem;line-height:1.7;max-width:88ch}

.notebox{
  margin-top:34px;border-left:3px solid var(--brand);
  background:var(--paper);padding:24px 28px;display:grid;gap:14px
}
.notebox p{color:var(--muted);font-size:.88rem;line-height:1.75;max-width:92ch}

@media(max-width:680px){
  .checkblock{padding:24px 20px}
  .notebox{padding:20px 18px}}

/* ==== Technikseite: dreispaltige Intervalltabelle ==== */
.ivtable .grp3{
  display:grid;grid-template-columns:1.15fr 1.6fr .85fr;gap:20px;
  background:var(--ink);color:#fff;padding:11px 18px;
  font-family:"IBM Plex Mono",monospace;font-size:.68rem;
  letter-spacing:.16em;text-transform:uppercase
}
.ivtable .r3{
  display:grid;grid-template-columns:1.15fr 1.6fr .85fr;gap:20px;
  padding:14px 18px;border-bottom:1px solid var(--line);align-items:baseline
}
.ivtable .r3:last-child{border-bottom:0}
.ivtable .r3 .k{font-weight:600;font-size:.88rem;color:var(--ink)}
.ivtable .r3 .v{font-size:.88rem;line-height:1.6}
.ivtable .r3 .z{
  font-family:"IBM Plex Mono",monospace;font-size:.75rem;
  color:var(--muted);line-height:1.6
}
@media(max-width:820px){
  .ivtable .grp3{grid-template-columns:1fr;gap:0}
  .ivtable .grp3 span:not(:first-child){display:none}
  .ivtable .r3{grid-template-columns:1fr;gap:5px;padding:16px 16px}
  .ivtable .r3 .z::before{content:"→ "}}

/* ==== Dokumentationsseite: vierspaltige Dokumententabelle ==== */
.doctable .grp4{
  display:grid;grid-template-columns:1.7fr 1.25fr .5fr .45fr;gap:18px;
  background:var(--ink);color:#fff;padding:11px 18px;
  font-family:"IBM Plex Mono",monospace;font-size:.68rem;
  letter-spacing:.16em;text-transform:uppercase
}
.doctable .r4{
  display:grid;grid-template-columns:1.7fr 1.25fr .5fr .45fr;gap:18px;
  padding:15px 18px;border-bottom:1px solid var(--line);align-items:baseline
}
.doctable .r4:last-child{border-bottom:0}
.doctable .r4 .k{display:flex;flex-direction:column;gap:3px}
.doctable .dtt{font-weight:600;font-size:.93rem;line-height:1.3;color:var(--ink)}
.doctable .dd{font-size:.79rem;color:var(--muted);line-height:1.5}
.doctable .r4 .v{font-size:.78rem;line-height:1.5;color:var(--brand)}
.doctable .r4 .z{
  font-family:"IBM Plex Mono",monospace;font-size:.74rem;color:var(--muted)
}
@media(max-width:820px){
  .doctable .grp4{grid-template-columns:1fr;gap:0}
  .doctable .grp4 span:not(:first-child){display:none}
  .doctable .r4{grid-template-columns:1fr;gap:5px;padding:16px}
  .doctable .r4 .z{display:inline-block;margin-right:14px}}

/* Schemazeichnungen */
.schema{margin:0}
.schema img{width:100%;height:auto;display:block}
.schema figcaption{
  margin-top:18px;padding-top:16px;border-top:1px solid var(--line);
  color:var(--muted);font-size:.85rem;line-height:1.7;max-width:96ch
}
.sec-lead{margin-top:16px;color:var(--muted);font-size:.95rem;line-height:1.75;max-width:74ch}
@media(max-width:820px){
  .schema{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .schema img{min-width:820px}
  .schema figcaption{min-width:0}}

/* PQMex: kundenspezifische Güteklasse und Materialien (2026-09-30) */
.gk-custom{margin-top:44px;padding-top:36px;border-top:1px solid var(--line)}
.gk-custom h3{font-family:"Archivo",sans-serif;font-size:1.35rem;font-weight:800;margin-bottom:12px}
.gk-custom>p{color:var(--muted);max-width:72ch;line-height:1.7}
.gk-table-wrap{overflow-x:auto;margin:22px 0 14px;border:1px solid var(--line);background:var(--paper-2)}
.gk-table{width:100%;min-width:620px;border-collapse:collapse;font-size:.88rem}
.gk-table caption{caption-side:top;text-align:left;padding:12px 16px;font-family:"IBM Plex Mono",monospace;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line)}
.gk-table th,.gk-table td{padding:10px 14px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}
.gk-table thead th{font-family:"IBM Plex Mono",monospace;font-size:.72rem;font-weight:500;color:var(--muted)}
.gk-table tbody th{text-align:left;font-weight:600}
.gk-table tbody tr:last-child{background:rgba(227,6,19,.05)}
.gk-table tbody tr:last-child th,.gk-table tbody tr:last-child td{border-bottom:none;font-weight:700}
.gk-note{font-size:.9rem;color:var(--muted);max-width:72ch}
.pq-materials{margin-top:26px;color:var(--muted);max-width:72ch;line-height:1.7}

/* PQMex: Flussdiagramm Qualitätssortierung (2026-09-30) */
.flow-fig{margin:40px 0 36px;border:1px solid var(--line);background:var(--paper-2)}
.flow-scroll{overflow-x:auto;padding:22px 18px 10px}
.fc-svg{display:block;width:100%;max-width:880px;min-width:600px;height:auto;margin:0 auto}
.flow-fig figcaption{padding:12px 18px 16px;border-top:1px solid var(--line);font-size:.86rem;line-height:1.55;color:var(--muted)}
.fc-box{fill:#fff;stroke:var(--brand);stroke-width:1.6}
.fc-side{fill:#faf7f7}
.fc-pill{fill:#fbe9ea;stroke:var(--brand);stroke-width:1.6}
.fc-out{fill:#fbe9ea}
.fc-cust{fill:#f7dcde}
.fc-rework{fill:#f4f4f4;stroke:var(--muted)}
.fc-dia{fill:#fff;stroke:var(--brand);stroke-width:1.6}
.fc-line{fill:none;stroke:var(--ink);stroke-width:1.6}
.fc-dash{stroke-dasharray:5 5}
.fc-head{fill:var(--ink)}
.fc-t{font-family:"IBM Plex Sans",system-ui,sans-serif;font-size:13px;fill:var(--ink)}
.fc-t1{font-weight:600}
.fc-tb{font-family:"Archivo",sans-serif;font-size:13.5px;font-weight:800;fill:var(--ink)}
.fc-q{font-family:"Archivo",sans-serif;font-size:12.5px;font-weight:700;fill:var(--ink)}
.fc-lab{font-family:"IBM Plex Mono",monospace;font-size:11.5px;font-weight:600;fill:var(--brand);text-transform:uppercase;letter-spacing:.04em}
.flow-hint{display:none;margin:0;padding:10px 18px 0;font-family:"IBM Plex Mono",monospace;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
@media(max-width:680px){.flow-hint{display:block}}

/* Technik: Serienausstattung und Optionen (2026-10-01, Liste Rev. 1.0) */
.equip-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:36px}
.equip{border:1px solid var(--line);background:#fff;padding:24px 26px}
.equip h3{font-family:"IBM Plex Mono",monospace;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--signal);margin-bottom:14px}
.equip ul{list-style:none;margin:0;padding:0}
.equip li{padding:9px 0;border-top:1px solid var(--line);font-size:.93rem;line-height:1.55;color:var(--muted)}
.equip li:first-child{border-top:0;padding-top:0}
.equip li strong{color:var(--ink);font-weight:600}
@media(max-width:820px){.equip-grid{grid-template-columns:1fr}}

/* Dokumente nach System (2026-10-05) */
.docnav{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 8px}
.docnav-a{font-family:"IBM Plex Mono",monospace;font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;padding:8px 12px;border:1px solid var(--line);background:#fff;color:var(--ink);text-decoration:none;min-height:36px;display:inline-flex;align-items:center}
.docnav-a:hover{border-color:var(--brand);color:var(--brand)}
.docsys{margin-top:44px;scroll-margin-top:110px}
.docsys-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin-bottom:12px}
.docsys-h h3{font-family:"Archivo",sans-serif;font-size:1.45rem;font-weight:800;letter-spacing:-.01em;margin:0}
.docsys-s{color:var(--muted);font-size:.95rem}
.docsys-l{margin-left:auto;font-family:"IBM Plex Mono",monospace;font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--brand);text-decoration:none}
.docsys-l:hover{text-decoration:underline}
.docsys .doctable{margin-top:0}
.r4-pend .k .dtt{color:var(--muted)}
.pend-badge{display:inline-block;font-family:"IBM Plex Mono",monospace;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border:1px dashed var(--brand);color:var(--brand);white-space:nowrap}
.docsys-note{margin-top:10px;color:var(--muted);font-size:.9rem}