/* ---- Seitenspezifisch [4/5]: ram-gmbh-news.html ----
   Seitenmodule (Subhero, Breadcrumb, Sektionen) inkl. eigener Breakpoints. */
  /* subpage hero */
  
  /* filters + cards */
  .filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 38px}
  .chip{font-family:"IBM Plex Mono";font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;padding:9px 16px;border:1px solid var(--line);background:var(--paper-2);color:var(--muted);cursor:pointer;transition:.25s}
  .chip:hover{border-color:var(--ink);color:var(--ink)}
  .chip.active{background:var(--ink);color:#fff;border-color:var(--ink)}
  .news-empty{font-family:"IBM Plex Mono";color:var(--muted);padding:24px 0}
  .post .thumb{background-size:cover;background-position:center}
  .post .excerpt{color:var(--muted);font-size:.94rem;margin:0 0 16px;line-height:1.55}
  .post.as-btn{cursor:pointer;text-align:left;font:inherit;width:100%}
  /* reader modal */
  .modal{position:fixed;inset:0;z-index:200;display:none;align-items:flex-start;justify-content:center;padding:5vh 20px;overflow-y:auto;background:rgba(8,8,8,.74);backdrop-filter:blur(5px)}
  .modal.open{display:flex}
  .modal-box{background:var(--paper-2);max-width:760px;width:100%;border:1px solid var(--line);position:relative;animation:modalin .4s var(--ease)}
  @keyframes modalin{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
  .modal-head{position:relative;aspect-ratio:16/7;background:var(--ink);background-size:cover;background-position:center;overflow:hidden}
  .modal-head .g{position:absolute;inset:0;background-image:linear-gradient(var(--line-d) 1px,transparent 1px),linear-gradient(90deg,var(--line-d) 1px,transparent 1px);background-size:28px 28px;opacity:.5}
  .modal-close{position:absolute;top:14px;right:14px;width:42px;height:42px;background:var(--ink);color:#fff;border:1px solid var(--line-d);cursor:pointer;display:grid;place-items:center;z-index:3;font-size:1.1rem;transition:.25s}
  .modal-close:hover{background:var(--brand);border-color:var(--brand)}
  .modal-body{padding:34px 40px 42px}
  .modal-body .meta{display:flex;gap:14px;align-items:center;font-family:"IBM Plex Mono";font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}
  .modal-body .rcat{color:var(--brand)}
  .modal-body .rdate{color:var(--muted)}
  .modal-body h2{font-family:"Archivo";font-size:clamp(1.5rem,3vw,2.1rem);font-weight:800;font-stretch:108%;line-height:1.08;margin-bottom:18px}
  .modal-body .content p{color:var(--ink);font-size:1.02rem;line-height:1.7;margin-bottom:16px;opacity:.86}
  
  @media(max-width:680px){.modal-body{padding:26px 22px 30px}}

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

/* Direktlink im Lesefenster */
.reader-link{
  display:inline-flex;align-items:center;gap:.5em;margin-top:26px;
  font-family:"IBM Plex Mono",monospace;font-size:.74rem;letter-spacing:.06em;
  color:var(--muted);border:1px solid var(--line);padding:9px 14px;
  transition:color .25s var(--ease),border-color .25s var(--ease)
}
.reader-link::before{content:"\1F517";font-size:.9em}
.reader-link:hover{color:var(--brand);border-color:var(--brand)}

/* Foto im Panel */
.panel .ph.ph-img{background:#000}
.panel .ph.ph-img img{width:100%;height:100%;object-fit:cover;display:block}
.panel .ph.ph-img .label{
  position:absolute;left:14px;bottom:12px;z-index:2;
  background:rgba(20,20,20,.6);padding:4px 8px
}

/* „Link kopieren“ ist seit 2026-10-02 eine Schaltfläche */
button.reader-link{background:none;font:inherit;cursor:pointer;-webkit-appearance:none;appearance:none}
/* Linkliste ohne JavaScript */
.news-static{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}
.news-static a{color:var(--brand)}