/* OG MotoWorks huisstijl 2026-10 (preview): zwart met rood, Montserrat, ronde logobadge. Laadt na og.css. */
@font-face{font-family:Montserrat;src:url('/assets/og/177d25f2f90a25a0.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Montserrat;src:url('/assets/og/d1661bc847518225.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Montserrat;src:url('/assets/og/9571ea1392242e0f.woff2') format('woff2');font-weight:800;font-style:italic;font-display:swap}
:root{--og-red:#e10600;--og-red-hi:#ff2a1f;--og-black:#0a0a0b;--og-panel:#121214;--og-line:#26262b}
body{background:var(--og-black);font-family:Montserrat,Arial,sans-serif;font-weight:500;font-size:15.5px}
b,strong{font-weight:700}
.eyebrow{color:var(--og-red);font-family:Montserrat,Arial,sans-serif;font-weight:700;letter-spacing:2.4px;display:inline-flex;align-items:center;gap:10px}
.eyebrow:before{content:'';display:inline-block;width:3px;height:1.25em;background:var(--og-red)}
/* header */
.header{background:#000000f2;border-bottom:3px solid var(--og-red)}
.brand img{width:58px;height:58px;border-radius:50%;box-shadow:0 0 0 2px var(--og-red),0 4px 14px #0009}
.brand span,.brand b{font:italic 800 22px/1 Montserrat,Arial,sans-serif;color:var(--og-red);letter-spacing:.2px;text-shadow:0 1px 0 #000,0 0 1px #000}
.nav a{font-family:Montserrat,Arial,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:12.5px;color:#d9d9dc;padding:6px 0;border-bottom:2px solid transparent}
.nav a:hover,.nav a[aria-current=page]{color:#fff;border-bottom-color:var(--og-red)}
.nav a.langlink{border:1px solid #3a3a40;border-radius:3px;padding:4px 8px}
/* knoppen */
.btn{font-family:Montserrat,Arial,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.07em;font-size:14px;background:var(--og-red);border:2px solid var(--og-red);border-radius:4px;box-shadow:0 6px 18px #e1060033}
.btn:hover{background:var(--og-red-hi);border-color:var(--og-red-hi)}
.btn.secondary{background:#000;border:2px solid var(--og-red);color:#fff;box-shadow:none}
.btn.secondary:hover{background:#1a0605}
.btn.text{box-shadow:none;text-transform:none;letter-spacing:0}
.burger{background:#000;border:2px solid var(--og-red);border-radius:4px}
.chip{background:#140707;border-color:var(--og-red)}
:focus-visible{outline-color:var(--og-red)}
/* paginakop, panelen, formulieren (ook contact via og-app.js / og-app-en.js) */
.pagehead{border-bottom:3px solid var(--og-red)}
.panel{background:var(--og-panel);border:1px solid var(--og-line);border-left:3px solid var(--og-red);border-radius:6px}
input,select,textarea{border-radius:4px}
input:focus,select:focus,textarea:focus{border-color:var(--og-red)}
.og-kaart iframe{border:1px solid var(--og-line);border-top:3px solid var(--og-red);border-radius:6px}
/* homepage diensten met iconen uit de huisstijl */
.home-diensten-list a{background:var(--og-panel);border:1px solid var(--og-line);border-left:3px solid var(--og-red);border-radius:6px}
.home-diensten-list a:hover{border-color:var(--og-red)}
.home-diensten-list .hd-winter a{border-left-color:#5aa9e6}
.hs-ico{display:inline-flex;vertical-align:-5px;width:24px;height:24px;margin-right:10px;color:var(--og-red)}
.hs-ico img{width:24px;height:24px}
/* footer */
.footer{background:#000;border-top:3px solid var(--og-red)}
.footer .brand img{width:52px;height:52px}
.footlinks a:hover{color:var(--og-red)}
@media(max-width:720px){.headrow{gap:8px}.brand{gap:8px}.brand img{width:40px;height:40px}.brand span,.brand b{font-size:14px;letter-spacing:0}.nav a{font-size:13px}.header .btn{font-size:12px;letter-spacing:.03em;padding:10px 11px;min-height:44px;box-shadow:none}.burger{padding:7px 10px}}
@media(max-width:374px){.brand img{width:34px;height:34px}.brand span,.brand b{font-size:12px}.header .btn{padding:10px 9px}}