/* De buitencontainer, navigatie, kleuren en knoppen komen uit /style.css. */
.dienst-jumps{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.dienst-jumps .btn{font-size:14px;padding:12px 16px}
.dienst-jumps svg,.dienst-action svg{width:18px;height:18px;flex-shrink:0}
.dienst-section{scroll-margin-top:90px}
.dienst-layout{display:grid;gap:32px;align-items:start}
.dienst-copy{max-width:68ch;min-width:0}
.dienst-copy p{color:var(--muted);line-height:1.85;margin:0 0 20px}
.dienst-copy .dienst-lead{font-size:18px;color:var(--text)}
.dienst-card{background:#213248;border:1px solid var(--line-strong);border-radius:var(--radius-lg);padding:clamp(24px,4vw,36px)}
.dienst-card h3{font-family:var(--font-head);font-size:25px;line-height:1.15;margin:0 0 18px}
.dienst-card .service__list{margin:0 0 24px}
.dienst-note{border-top:1px solid var(--line-strong);padding-top:20px;color:var(--muted);font-size:14px;line-height:1.7;margin:0 0 24px}
.dienst-action{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}
.dienst-next{margin-top:26px}
.dienst-contact p{max-width:60ch;color:var(--muted);line-height:1.8}
@media(min-width:900px){.dienst-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(32px,5vw,72px)}}