/* ---- Seitenspezifisch [4/5]: ram-gmbh-loesungen-schulung.html ----
   Seitenmodule (Subhero, Breadcrumb, Sektionen) inkl. eigener Breakpoints. */
  
  .courses{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:50px}
  .course{border:1px solid var(--line);background:var(--paper-2);display:flex;flex-direction:column;transition:.35s var(--ease)}
  .course:hover{box-shadow:0 18px 44px rgba(8,8,8,.1);transform:translateY(-5px)}
  .course .top{padding:26px 28px 0;display:flex;justify-content:space-between;align-items:flex-start}
  .course .lvl{font-family:"Archivo";font-weight:900;font-size:1.9rem;font-stretch:115%;color:var(--brand);line-height:1}
  .course .dur{font-family:"IBM Plex Mono";font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);padding:6px 10px;color:var(--ink);white-space:nowrap}
  .course .body{padding:16px 28px 28px;display:flex;flex-direction:column;flex:1}
  .course .eyebrow{font-family:"IBM Plex Mono";font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
  .course h3{font-family:"Archivo";font-size:1.24rem;font-weight:800;letter-spacing:0;margin-bottom:16px;line-height:1.12}
  .course .learn{list-style:none;margin:0 0 20px;padding:0}
  .course .learn li{display:flex;gap:10px;font-size:.9rem;color:var(--muted);padding:9px 0;border-top:1px solid var(--line);line-height:1.45}
  .course .learn li:first-child{border-top:none}
  .course .learn .ck{color:var(--brand);flex:none;margin-top:2px}
  .course .meta{font-family:"IBM Plex Mono";font-size:.7rem;letter-spacing:.03em;color:var(--muted);margin-bottom:20px;line-height:1.7}
  .course .meta b{color:var(--ink);font-weight:500}
  .course .cta-row{margin-top:auto}
  .course .cta-row .btn{width:100%;justify-content:center}
  @media(max-width:980px){.courses{grid-template-columns:1fr}}

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

/* 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
}