/* ============================================================
   R.A.M. GmbH · assets/seiten/service.css  (Seite ram-gmbh-service.html)
   ============================================================ */
.svc-logo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#fff!important}
.svc-logo img{width:62%;max-width:300px;height:auto}
.svc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:36px}
.svc{border:1px solid var(--line);background:#fff;padding:24px 22px}
.svc-n{display:block;font-family:"IBM Plex Mono",monospace;font-size:.72rem;letter-spacing:.1em;color:var(--signal);margin-bottom:12px}
.svc h3{font-family:"Archivo",sans-serif;font-size:1.15rem;font-weight:800;margin-bottom:8px}
.svc p{color:var(--muted);font-size:.93rem;line-height:1.65}
.svc-note{margin-top:24px;color:var(--muted);font-size:.93rem;max-width:80ch}
.svc-note a{color:var(--brand);font-weight:600}
.svc-company{margin-top:30px;display:grid;grid-template-columns:auto 1fr;gap:20px 48px;align-items:start;padding:28px 30px;border:1px solid var(--line);background:#fff}
.svc-company img{width:240px;max-width:100%;height:auto}
.svc-company dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:8px 18px;font-size:.95rem}
.svc-company dt{font-family:"IBM Plex Mono",monospace;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding-top:3px}
.svc-company dd{margin:0}
.svc-company dd a{color:var(--brand)}
.svc-legal{grid-column:1/-1;margin-top:6px;font-size:.8rem;color:var(--muted)}
@media(max-width:980px){.svc-grid{grid-template-columns:repeat(2,1fr)}.svc-company{grid-template-columns:1fr}}
@media(max-width:600px){.svc-grid{grid-template-columns:1fr}.svc-company dl{grid-template-columns:1fr;gap:2px}.svc-company dd{margin-bottom:8px}}
.svc-logo-name{font-family:"Times New Roman",Times,serif;font-size:clamp(1rem,2vw,1.35rem);letter-spacing:.04em;color:#111}