.online-content { padding:2cqw 1.5cqw 7cqw; font:400 clamp(16px,1.7cqw,21px)/1.5 "news-gothic-std",Arial,sans-serif; }
.online-kicker { margin:0 0 14px; font:700 14px/1.4 "news-gothic-std",Arial,sans-serif; letter-spacing:.08em; }
.online-intro { padding:0 0 5cqw; max-width:900px; }
.online-intro h1 { margin:0 0 3cqw; font:400 clamp(32px,5.2cqw,62px)/1.05 "tondu",Arial,sans-serif; }
.online-intro p:not(.online-kicker) { max-width:64ch; }
.online-cta,.online-teaser a { display:inline-block; padding:12px 0; color:var(--ink); font:400 clamp(17px,2cqw,24px)/1.3 "tondu",sans-serif; text-underline-offset:.2em; overflow-wrap:anywhere; }
.online-services { display:grid; grid-template-columns:1fr 1fr; gap:4cqw 3cqw; }
.online-service { min-width:0; }
.online-service figure { margin:0; aspect-ratio:1.65; overflow:hidden; border-radius:10px; }
.online-service img { display:block; width:100%; height:100%; object-fit:cover; }
.online-service h2,.online-process h2,.online-files h2 { font:400 clamp(24px,3cqw,36px)/1.1 "tondu",sans-serif; margin:24px 0 14px; }
.service-gear { font-size:.85em; border-top:1px solid #20211e40; padding-top:12px; }
.online-process { margin-top:5cqw; padding-block:3cqw; border-block:1px solid #20211e50; }
.online-process ol { display:grid; grid-template-columns:1fr 1fr; gap:2cqw 5cqw; padding-left:28px; }
.online-process li { padding-left:8px; }
.online-process h3 { font:400 22px/1.2 "tondu",sans-serif; margin:12px 0; }
.online-files { padding-top:3cqw; max-width:70ch; }
.online-files li { margin-bottom:10px; }
.online-teaser { margin:0 1.5cqw; padding:4cqw 0 6cqw; border-top:1px solid #20211e50; font:400 clamp(16px,1.7cqw,21px)/1.5 "news-gothic-std",Arial,sans-serif; }
.online-teaser h2 { font:400 clamp(34px,5cqw,60px)/1 "tondu",sans-serif; margin:12px 0; }
.online-teaser p:not(.online-kicker) { max-width:52ch; }
.online-page .content-paper { position:relative; }
.online-page .content-paper::before { content:""; position:absolute; left:0; right:0; top:-14cqw; height:14cqw; background:#b8b5a5; pointer-events:none; }
@media(max-width:600px) {
.online-content { padding:3cqw 3cqw 8cqw; font-size:16px; }
.online-services,.online-process ol { grid-template-columns:1fr; gap:6cqw; }
.online-teaser { margin-inline:3cqw; padding-block:7cqw; }
.online-process { margin-top:8cqw; }
}

/* Liten inramad avsändaretikett i stället för den tidigare spärrade raden. */
.online-intro .online-kicker, .online-teaser .online-kicker {
  display:inline-block; max-width:100%; margin:0 0 24px; padding:8px 12px;
  border:1px solid currentColor; border-radius:3px;
  font:400 clamp(14px,1.5cqw,18px)/1.3 "news-gothic-std",Arial,sans-serif;
  letter-spacing:.01em; text-transform:none;
}

/* REMOTE: tjänster, arbetsgång och en enkel mejlförfrågan. */
.remote-section-title,.remote-enquiry h2 { font:400 clamp(26px,3.5cqw,42px)/1.1 "tondu",sans-serif; margin:0 0 3cqw; }
.online-service { display:flex; flex-direction:column; padding-bottom:2cqw; border-bottom:1px solid #20211e50; }
.online-service h3 { font:400 clamp(23px,2.7cqw,32px)/1.1 "tondu",sans-serif; margin:22px 0 8px; }
.online-service .service-gear { margin-top:auto; }
.remote-other { margin:24px 0 0; }
.remote-other a { color:inherit; text-underline-offset:.2em; }
.online-process ol { list-style:none; counter-reset:remote-step; padding:0; gap:24px 4cqw; }
.online-process li { counter-increment:remote-step; padding:0 0 0 48px; position:relative; }
.online-process li::before { content:counter(remote-step,decimal-leading-zero); position:absolute; left:0; top:9px; font:400 27px/1 "tondu",sans-serif; color:#a62c1c; }
.online-process h3 { font-size:clamp(19px,2cqw,24px); }
.online-files { max-width:none; padding-bottom:4cqw; }
.online-files ul { display:grid; grid-template-columns:1fr 1fr; gap:12px 4cqw; list-style:none; padding:0; }
.online-files li { margin:0; padding:10px 0 10px 23px; position:relative; border-bottom:1px solid #20211e30; }
.online-files li::before { content:"✓"; position:absolute; left:0; }
.remote-enquiry { border-top:1px solid #20211e50; padding-top:4cqw; scroll-margin-top:140px; }
.remote-enquiry>p { max-width:60ch; }
.remote-fields { display:grid; grid-template-columns:1fr 1fr; gap:22px 24px; margin-top:28px; }
.remote-field { min-width:0; }
.remote-field-wide { grid-column:1/-1; }
.remote-field label { display:block; margin-bottom:7px; font-weight:700; }
.remote-field label span { font-weight:400; font-size:.85em; }
.remote-field :is(input,select,textarea) { box-sizing:border-box; width:100%; min-height:46px; border:1px solid #20211e80; border-radius:4px; padding:10px 12px; background:#eee8d966; color:var(--ink); font:inherit; }
.remote-field textarea { resize:vertical; }
.remote-field small { display:block; margin-top:5px; font-size:.85em; }
.remote-field :is(input,select,textarea):focus-visible,.remote-form button:focus-visible { outline:2px solid var(--ink); outline-offset:3px; }
.remote-form button { cursor:pointer; border:1px solid var(--ink); border-radius:4px; background:var(--orange,#d42f19); color:var(--ink); padding:14px 20px; font:400 clamp(19px,2cqw,24px)/1.2 "tondu",sans-serif; }
.remote-form-note { font-size:.85em; max-width:65ch; margin-top:26px; }
.remote-form-status:empty { display:none; }
@media(max-width:600px) {
 .remote-fields,.online-files ul { grid-template-columns:1fr; }
 .remote-section-title,.remote-enquiry h2 { margin-bottom:22px; }
 .online-service { padding-bottom:20px; }
 .online-process,.online-files,.remote-enquiry { padding-block:24px; }
 .online-process ol { gap:14px; }
 .remote-enquiry { scroll-margin-top:90px; }
}

.remote-honeypot { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.remote-form button:disabled { opacity:.65; cursor:wait; }

/* Läs steg 1–3 nedåt i vänsterspalten, sedan 4–5 i högerspalten. */
@media(min-width:601px) {
 .online-process ol { grid-template-rows:repeat(3,auto); grid-auto-flow:column; position:relative; }
 .online-process ol::after { content:""; position:absolute; top:0; bottom:0; left:50%; border-left:1px solid #20211e40; }
}
.remote-form button { padding-top:11px; padding-bottom:17px; }
@media(min-width:601px) {
 .online-process ol { display:block; columns:2; column-gap:4cqw; column-rule:1px solid #20211e40; }
 .online-process ol::after { content:none; }
 .online-process li { break-inside:avoid; margin-bottom:24px; }
}
@media(min-width:601px) { .online-process li:nth-child(4) { break-before:column; } }