.elementor-kit-6{--e-global-color-primary:#0B51A1;--e-global-color-secondary:#0A2A52;--e-global-color-text:#13233A;--e-global-color-accent:#0B51A1;--e-global-typography-primary-font-family:"TM Caslon";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"TM Barlow";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"TM Barlow";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"TM Barlow";--e-global-typography-accent-font-weight:600;background-color:#FFFFFF;font-family:"TM Barlow", Sans-serif;font-weight:400;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --tm-inkt:#13233A; --tm-blauw:#0B51A1; --tm-nacht:#0A2A52; --tm-link:#0B51A1; --tm-staal:#56677C; --tm-lijn:#C9D7EA; --tm-lucht:#E7EFF9; --tm-wit:#FFFFFF; --font-heading:TM Caslon; --font-body:TM Barlow; }
/* Start custom CSS *//* Autoservice Tiemco Maat: zelf gehoste fonts (latin) */
@font-face { font-family: 'TM Caslon'; font-style: normal; font-weight: 700; font-display: swap; src: url('/wp-content/uploads/fonts/libre-caslon-text-700-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'TM Barlow'; font-style: normal; font-weight: 400; font-display: swap; src: url('/wp-content/uploads/fonts/barlow-400-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'TM Barlow'; font-style: normal; font-weight: 500; font-display: swap; src: url('/wp-content/uploads/fonts/barlow-500-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'TM Barlow'; font-style: normal; font-weight: 600 700; font-display: swap; src: url('/wp-content/uploads/fonts/barlow-600-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'TM Barlow'; font-style: italic; font-weight: 400; font-display: swap; src: url('/wp-content/uploads/fonts/barlow-400-italic-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'TM Caslon Fallback'; src: local('Georgia'), local('Times New Roman'), local('DejaVu Serif'); size-adjust: 112%; ascent-override: 88%; descent-override: 26%; line-gap-override: 0%; }
@font-face { font-family: 'TM Barlow Fallback'; src: local('Arial'), local('Liberation Sans'), local('DejaVu Sans'); size-adjust: 92%; ascent-override: 106%; descent-override: 21%; line-gap-override: 0%; }
:root { --font-heading: 'TM Caslon', 'TM Caslon Fallback', Georgia, serif; --font-body: 'TM Barlow', 'TM Barlow Fallback', 'Segoe UI', sans-serif; }
body { background-color: #FFFFFF; color: #13233A; font-family: 'TM Barlow', 'TM Barlow Fallback', 'Segoe UI', sans-serif; -webkit-font-smoothing: antialiased; }
/* koppen: Libre Caslon 700, verwant aan het schreefwoordmerk; tekst en knoppen: Barlow (werkplaats en bewegwijzering) */
h1.e-heading-base, h2.e-heading-base, h3.e-heading-base, h4.e-heading-base { font-family: 'TM Caslon', 'TM Caslon Fallback', Georgia, serif !important; color: #13233A; font-weight: 700; letter-spacing: -0.01em; text-wrap: balance; }
h1.e-heading-base { font-size: clamp(2.2rem, 1.5rem + 2.2vw, 3.4rem); line-height: 1.1; } h2.e-heading-base { font-size: clamp(1.7rem, 1.35rem + 1.05vw, 2.3rem); line-height: 1.16; } h3.e-heading-base { font-size: 1.28rem; line-height: 1.28; }
.e-button-base, input, textarea, select, label { font-family: 'TM Barlow', 'TM Barlow Fallback', 'Segoe UI', sans-serif; }
p.e-paragraph-base, .e-paragraph-base { font-family: 'TM Barlow', 'TM Barlow Fallback', 'Segoe UI', sans-serif; color: #13233A; font-size: 1.14rem; line-height: 1.65; max-width: 68ch; text-wrap: pretty; }
/* links in lopende tekst: niet onderstreept; blauw en halfvet (7,3:1 op wit, 3,2:1 t.o.v. de tekst); lijn bij hover/focus */
.e-paragraph-base a { color: #0B51A1; font-weight: 600; text-decoration: none; box-shadow: inset 0 -2px 0 transparent; transition: color .2s ease, box-shadow .2s ease; } .e-paragraph-base a:hover, .e-paragraph-base a:focus-visible { color: #0A2A52; box-shadow: inset 0 -2px 0 #0B51A1; }
a.e-button-base, a.e-con, a.e-div-block-base { text-decoration: none !important; }
.e-paragraph-base:empty { display: none; } .tm-bel { white-space: nowrap; }
.e-button-base:active { transform: scale(.97); }
/* ===== header: het schaduwbord ===== */
.elementor-location-header { position: sticky; top: 0; z-index: 1000; } :root { --tm-header-h: 92px; } @media (max-width: 1099px) { :root { --tm-header-h: 76px; } } @media (max-width: 767px) { :root { --tm-header-h: 68px; } }
.tm-header { box-shadow: 0 1px 0 #C9D7EA; }
.tm-balk { transition: height .3s cubic-bezier(.23,1,.32,1) !important; } .tm-logolink { transition: width .3s cubic-bezier(.23,1,.32,1) !important; }
@media (min-width: 1100px) { .tm-gescrold .tm-balk { height: 76px !important; } .tm-gescrold .tm-logolink { width: 230px !important; } }
/* gaatjesbord: blauwe strook met donkere gaatjes; items als wit gereedschap; actieve pagina = gestippelde contour zoals op een schaduwbord */
.tm-bord { background: radial-gradient(circle, rgba(10,42,82,.55) 0 2.1px, transparent 2.6px) 9px 9px / 18px 18px, #0B51A1 !important; border-radius: 12px; }
.tm-menulink { position: relative; padding: 11px 15px !important; color: #FFFFFF !important; font-weight: 600 !important; font-size: 1.08rem !important; letter-spacing: .01em; white-space: nowrap; background: transparent !important; border-radius: 8px; }
.tm-menulink::after { content: ''; position: absolute; inset: 3px; border: 2px dashed rgba(255,255,255,.95); border-radius: 7px; opacity: 0; transform: scale(1.08); transition: opacity .2s ease, transform .25s cubic-bezier(.23,1,.32,1); pointer-events: none; }
@media (hover: hover) and (pointer: fine) { .tm-menulink:hover::after { opacity: .6; transform: none; } } .tm-menulink[aria-current=page]::after { opacity: 1; transform: none; }
.tm-menulink:focus { background-color: transparent !important; } .tm-menulink:focus-visible { outline: 3px solid #FFFFFF !important; outline-offset: -3px; }
.tm-bordknop { white-space: nowrap; border-radius: 8px !important; } .tm-bordknop:focus-visible { outline: 3px solid #FFFFFF !important; outline-offset: 2px; }
.tm-hdr-bel { white-space: nowrap; } .tm-hdr-bel svg { width: 18px !important; height: 18px !important; }
@media (max-width: 1279px) and (min-width: 1100px) { .tm-menulink { padding: 10px 11px !important; font-size: 1.04rem !important; } .tm-hdr-bel { display: none !important; } .tm-logolink { width: 230px !important; } }
@media (max-width: 1099px) { .tm-bordwrap { display: none !important; } } @media (min-width: 1100px) { .tm-menuknop { display: none !important; } }
@media (max-width: 1099px) { .tm-logolink { width: 230px !important; } } @media (max-width: 767px) { .tm-logolink { width: 190px !important; } } @media (max-width: 379px) { .tm-logolink { width: 160px !important; } }
/* menuknop: het steeksleutelkruis; open = gewoon kruis */
.tm-sleutelicoon { background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23FFFFFF' stroke-width='3.2' stroke-linecap='round'><path d='M8.5 8.5 L23.5 23.5'/><path d='M23.5 8.5 L8.5 23.5'/><circle cx='6.4' cy='6.4' r='3.6'/><circle cx='25.6' cy='25.6' r='3.6'/><path d='M23.2 4.2 a4.2 4.2 0 1 0 4.6 4.6 l-2.6 -0.4 l-1.6 -1.6 z' fill='%23FFFFFF' stroke='none'/><path d='M8.8 27.8 a4.2 4.2 0 1 1 -4.6 -4.6 l0.4 2.6 l1.6 1.6 z' fill='%23FFFFFF' stroke='none'/></svg>") center / contain no-repeat; transition: transform .3s cubic-bezier(.23,1,.32,1); } .tm-open .tm-sleutelicoon { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' stroke='%23FFFFFF' stroke-width='2.6' stroke-linecap='round'><path d='M4 4 L16 16 M16 4 L4 16'/></svg>"); transform: rotate(90deg); }
.tm-menuknop { position: relative; z-index: 1001; background: radial-gradient(circle, rgba(10,42,82,.55) 0 2.1px, transparent 2.6px) 9px 9px / 18px 18px, #0B51A1 !important; transition: transform .16s cubic-bezier(.23,1,.32,1) !important; } .tm-menuknop:active { transform: scale(.97); } .tm-menuknop p { color: #FFFFFF !important; }
/* ===== mobiel menu: nachtblauw vlak veegt diagonaal vanuit de hoek van de knop over het scherm; items gestaffeld ===== */
.tm-menu { position: fixed !important; inset: 0; z-index: 990; padding-top: var(--tm-header-h) !important; background: radial-gradient(circle, rgba(255,255,255,.07) 0 2.1px, transparent 2.6px) 9px 9px / 22px 22px, #0A2A52 !important; visibility: hidden; clip-path: polygon(100% 0, 100% 0, 100% 0); transition: clip-path .24s cubic-bezier(.23,1,.32,1), visibility 0s linear .24s; overflow-y: auto; overscroll-behavior: contain; }
@media (min-width: 1100px) { .tm-menu { display: none !important; } }
.tm-open .tm-menu { visibility: visible; clip-path: polygon(-110% 0, 100% 0, 100% 210%); transition: clip-path .38s cubic-bezier(.23,1,.32,1), visibility 0s; }
.tm-open .tm-balk { background-color: transparent; } .tm-open .tm-logolink { opacity: 0; pointer-events: none; } .tm-logolink { transition: width .3s cubic-bezier(.23,1,.32,1), opacity .2s ease !important; }
.tm-menuitem { border-bottom: 1px solid rgba(255,255,255,.14); } .tm-menuitem p { color: #FFFFFF !important; } .tm-menuitem[aria-current=page] p { text-decoration: none; box-shadow: inset 0 -3px 0 #FFFFFF; }
@media (hover: hover) and (pointer: fine) { .tm-menuitem:hover p { opacity: .8; } } .tm-menuitem:focus-visible { outline: 3px solid #FFFFFF !important; outline-offset: 2px; }
.tm-menu .tm-menuitem, .tm-menu .tm-menuonder { opacity: 0; transform: translateX(22px); transition: opacity .14s ease, transform .14s ease; }
.tm-open .tm-menu .tm-menuitem, .tm-open .tm-menu .tm-menuonder { opacity: 1; transform: none; transition: opacity .3s cubic-bezier(.23,1,.32,1), transform .4s cubic-bezier(.23,1,.32,1); }
.tm-open .tm-menuitems > :nth-child(1) { transition-delay: 105ms !important; } .tm-open .tm-menuitems > :nth-child(2) { transition-delay: 140ms !important; } .tm-open .tm-menuitems > :nth-child(3) { transition-delay: 175ms !important; } .tm-open .tm-menuitems > :nth-child(4) { transition-delay: 210ms !important; } .tm-open .tm-menuitems > :nth-child(5) { transition-delay: 245ms !important; } .tm-open .tm-menuitems > :nth-child(6) { transition-delay: 280ms !important; } .tm-open .tm-menuitems > :nth-child(7) { transition-delay: 315ms !important; } .tm-open .tm-menuitems > :nth-child(8) { transition-delay: 350ms !important; } .tm-open .tm-menuitems > :nth-child(9) { transition-delay: 385ms !important; } .tm-open .tm-menu .tm-menuonder { transition-delay: 380ms !important; }
.tm-lock, .tm-lock body { overflow: hidden; }
/* ===== hero: gevelfoto met de kentekenplaat op de onderrand ===== */
.tm-hero { position: relative; z-index: 2; isolation: isolate; overflow: visible !important; }
.tm-herofoto { position: absolute !important; inset: 0; width: 100% !important; height: 100% !important; z-index: -2; } .tm-herofoto img { width: 100% !important; height: 100% !important; object-fit: cover; object-position: 60% 30%; }
.tm-hero::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(100deg, rgba(10,42,82,.94) 0%, rgba(10,42,82,.86) 38%, rgba(10,42,82,.35) 68%, rgba(10,42,82,.1) 100%); }
@media (max-width: 767px) { .tm-hero::before { background: linear-gradient(180deg, rgba(10,42,82,.55) 0%, rgba(10,42,82,.92) 55%, rgba(10,42,82,.97) 100%); } }
.tm-herotekst h1, .tm-herotekst p { color: #FFFFFF !important; } .tm-herotekst .e-paragraph-base { max-width: 46ch; }
/* kentekenplaat-check (HTML uit de mu-plugin, %%tm:kenteken%%) */
.tm-apk { display: flex; flex-direction: column; gap: 14px; width: 100%; padding: 26px 28px 24px; border-radius: 14px; background: #0A2A52; color: #FFFFFF; }
.tm-apk--licht { background: #FFFFFF; color: #13233A; border: 2px solid #C9D7EA; }
.tm-apk h2, .tm-apk .tm-apk-titel { font-family: 'TM Caslon', 'TM Caslon Fallback', Georgia, serif; font-weight: 700; font-size: 1.42rem; line-height: 1.25; margin: 0; color: inherit; }
.tm-apk-rij { display: flex; flex-direction: row; gap: 12px; align-items: stretch; flex-wrap: wrap; }
.tm-plaat { position: relative; display: flex; align-items: stretch; flex: 1 1 260px; min-width: 0; height: 64px; border-radius: 9px; background: #FFFFFF; border: 3px solid #13233A; overflow: hidden; }
.tm-plaat-eu { flex: 0 0 38px; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; padding-bottom: 7px; background: #0B51A1; color: #FFFFFF; font: 700 .86rem/1 'TM Barlow', 'TM Barlow Fallback', 'Segoe UI', sans-serif; letter-spacing: .04em; }
.tm-plaat-eu::before { content: ''; width: 22px; height: 22px; margin-bottom: auto; margin-top: 7px; background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='%23FFFFFF'><circle cx='19.00' cy='11.00' r='1.25'/><circle cx='17.93' cy='15.00' r='1.25'/><circle cx='15.00' cy='17.93' r='1.25'/><circle cx='11.00' cy='19.00' r='1.25'/><circle cx='7.00' cy='17.93' r='1.25'/><circle cx='4.07' cy='15.00' r='1.25'/><circle cx='3.00' cy='11.00' r='1.25'/><circle cx='4.07' cy='7.00' r='1.25'/><circle cx='7.00' cy='4.07' r='1.25'/><circle cx='11.00' cy='3.00' r='1.25'/><circle cx='15.00' cy='4.07' r='1.25'/><circle cx='17.93' cy='7.00' r='1.25'/></svg>") center / contain no-repeat; }
.tm-plaat input { flex: 1 1 auto; min-width: 0; width: 100%; height: 100% !important; border: 0 !important; background: transparent !important; padding: 0 14px !important; margin: 0 !important; font: 600 clamp(1.5rem, 1.2rem + 1vw, 1.95rem)/1 'TM Barlow', 'TM Barlow Fallback', 'Segoe UI', sans-serif !important; letter-spacing: .1em; text-transform: uppercase; color: #13233A !important; text-align: center; box-shadow: none !important; outline: none !important; }
.tm-plaat input::placeholder { color: #7C8A9C; letter-spacing: .1em; } .tm-plaat:focus-within { box-shadow: 0 0 0 3px #FFFFFF, 0 0 0 6px #0B51A1; }
.tm-apk-knop { flex: 0 0 auto; min-height: 64px; padding: 0 24px; border: 0; border-radius: 9px; background: #FFFFFF; color: #0B51A1; font: 600 1.1rem/1.2 'TM Barlow', 'TM Barlow Fallback', 'Segoe UI', sans-serif; cursor: pointer; transition: background-color .2s ease, transform .16s cubic-bezier(.23,1,.32,1); }
.tm-apk--licht .tm-apk-knop { background: #0B51A1; color: #FFFFFF; } .tm-apk-knop:hover { background: #E7EFF9; } .tm-apk--licht .tm-apk-knop:hover { background: #0A2A52; } .tm-apk-knop:active { transform: scale(.97); } .tm-apk-knop:focus-visible { outline: 3px solid #FFFFFF; outline-offset: 3px; } .tm-apk--licht .tm-apk-knop:focus-visible { outline-color: #0B51A1; }
.tm-apk label { font-weight: 600; font-size: 1.04rem; }
.tm-apk-uitkomst { display: none; flex-direction: column; gap: 6px; padding: 16px 18px; border-radius: 10px; background: rgba(255,255,255,.1); border-left: 4px solid #FFFFFF; } .tm-apk--licht .tm-apk-uitkomst { background: #E7EFF9; border-left-color: #0B51A1; }
.tm-apk-uitkomst.tm-zichtbaar { display: flex; } .tm-apk-auto { font-weight: 600; font-size: 1.08rem; margin: 0; } .tm-apk-datum { font-size: 1.24rem; margin: 0; } .tm-apk-datum strong { font-weight: 700; } .tm-apk-advies { margin: 0; font-size: 1.04rem; }
.tm-apk-afspraak { align-self: flex-start; margin-top: 6px; display: inline-flex; align-items: center; min-height: 48px; padding: 10px 20px; border-radius: 9px; background: #FFFFFF; color: #0B51A1; font-weight: 600; font-size: 1.06rem; text-decoration: none; transition: background-color .2s ease, transform .16s cubic-bezier(.23,1,.32,1); }
.tm-apk--licht .tm-apk-afspraak { background: #0B51A1; color: #FFFFFF; } .tm-apk-afspraak:hover { background: #E7EFF9; } .tm-apk--licht .tm-apk-afspraak:hover { background: #0A2A52; } .tm-apk-afspraak:active { transform: scale(.97); }
.tm-apk-bron { margin: 0; font-size: .95rem; opacity: .85; } .tm-apk-fout { color: inherit; }
/* plaat op de onderrand: steekt half onder de foto uit (desktop) */
@media (min-width: 1100px) { .tm-plaatwrap { margin-bottom: -200px !important; position: relative; z-index: 2; } .tm-na-hero { padding-top: 236px !important; } }
/* ===== panelen, stappen, lijsten ===== */
.tm-panel .icon, .tm-panel svg { color: #0B51A1; } .tm-dienst { scroll-margin-top: calc(var(--tm-header-h) + 24px); }
.tm-stapnr { font-family: 'TM Caslon', 'TM Caslon Fallback', Georgia, serif; font-weight: 700; font-size: 1.05rem; line-height: 1; color: #FFFFFF; background: #0B51A1; width: 40px; height: 40px; border-radius: 50%; display: flex !important; align-items: center; justify-content: center; }
.tm-stappen { counter-reset: stap; } .tm-stap { border-top: 3px solid #0B51A1; }
.tm-vinkje { background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%230B51A1' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'><path d='M4.5 10.5 L8.5 14.5 L15.5 6'/></svg>") center / 14px no-repeat #FFFFFF; border-radius: 50%; }
.tm-citaat p { font-family: 'TM Caslon', 'TM Caslon Fallback', Georgia, serif !important; font-weight: 700; font-size: clamp(1.4rem, 1.1rem + 1vw, 1.9rem) !important; line-height: 1.3 !important; color: #0A2A52 !important; max-width: 30ch !important; }
.tm-portret img { border-radius: 14px; }
/* gaps die de V4-parser niet opslaat */ .tm-linkrij { gap: 8px 24px !important; } .tm-knoppen { gap: 14px 22px !important; } .tm-lijst { column-gap: 32px !important; } .tm-plaatsen { column-gap: 36px !important; } .tm-footgrid { gap: 28px 52px !important; }
@media (hover: hover) and (pointer: fine) { .tm-plaats:hover { background-color: #FFFFFF !important; } }
/* ===== footer: de werkorder ===== */
.tm-footer { background: radial-gradient(circle, rgba(255,255,255,.07) 0 2.1px, transparent 2.6px) 9px 9px / 22px 22px, #0A2A52 !important; }
.tm-footer-link { color: #DCE6F4 !important; } .tm-footer-link:hover, .tm-footer-link:focus-visible { color: #FFFFFF !important; box-shadow: inset 0 -2px 0 #FFFFFF; }
.tm-werkorder { position: relative; width: 100%; padding: 26px 28px 22px; border-radius: 6px; background: #E7EFF9; color: #13233A; font-family: 'TM Barlow', 'TM Barlow Fallback', 'Segoe UI', sans-serif; }
.tm-werkorder::before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 10px; border-radius: 6px 6px 0 0; background: radial-gradient(circle, #0A2A52 0 3px, transparent 3.5px) 10px 50% / 26px 10px repeat-x; opacity: .9; }
.tm-wo-kop { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 6px 0 12px; border-bottom: 2px solid #13233A; } .tm-wo-titel { font-family: 'TM Caslon', 'TM Caslon Fallback', Georgia, serif; font-weight: 700; font-size: 1.4rem; margin: 0; color: #13233A; } .tm-wo-nr { font-size: .98rem; color: #56677C; white-space: nowrap; }
.tm-wo-rij { display: grid; grid-template-columns: 8.5em 1fr; gap: 12px; align-items: baseline; padding: 9px 0; border-bottom: 1px dotted #8293A8; font-size: 1.04rem; line-height: 1.45; } .tm-wo-rij > span:first-child { color: #56677C; } .tm-wo-rij a { display: inline-block; min-height: 26px; padding: 3px 0; color: #0B51A1; font-weight: 600; text-decoration: none; } .tm-wo-rij a:hover, .tm-wo-rij a:focus-visible { box-shadow: inset 0 -2px 0 #0B51A1; }
.tm-wo-tijden { display: grid; grid-template-columns: auto auto; gap: 2px 18px; justify-content: start; } .tm-wo-tijden .tm-vandaag { font-weight: 600; }
.tm-wo-akkoord { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; padding-top: 16px; flex-wrap: wrap; } .tm-wo-handtekening { font-family: 'TM Caslon', 'TM Caslon Fallback', Georgia, serif; font-weight: 700; font-style: normal; font-size: 1.3rem; color: #0B51A1; border-bottom: 1px solid #13233A; padding: 0 18px 2px 0; } .tm-wo-motto { font-size: 1rem; color: #56677C; font-style: italic; margin: 0; }
@media (max-width: 767px) { .tm-werkorder { padding: 22px 18px 18px; } .tm-wo-rij { grid-template-columns: 1fr; gap: 2px; } }
/* ===== accordion ===== */
.e-accordion-item-icon { transition: transform .25s cubic-bezier(.23,1,.32,1), background-color .2s ease; } details[open] > summary .e-accordion-item-icon { transform: rotate(180deg); background-color: #E7EFF9 !important; }
.e-accordion-item-icon svg { width: 14px !important; height: 14px !important; }
@media (hover: hover) and (pointer: fine) { summary.e-accordion-item-header:hover h3 { color: #0B51A1 !important; } }
a.e-con, a.e-div-block-base { transition: background-color .2s cubic-bezier(.23,1,.32,1), transform .16s cubic-bezier(.23,1,.32,1) !important; }
/* ===== Pro-formulier (contact) ===== */
.tm-formwrap .elementor-field-group { margin-bottom: 16px !important; } .tm-formwrap .elementor-field-label { font-family: 'TM Barlow', 'TM Barlow Fallback', 'Segoe UI', sans-serif; font-weight: 600; font-size: 1.04rem; color: #13233A; margin-bottom: 6px; }
.tm-formwrap .elementor-field-textual, .tm-formwrap select.elementor-field { font-family: 'TM Barlow', 'TM Barlow Fallback', 'Segoe UI', sans-serif; font-size: 1.08rem !important; color: #13233A !important; background: #FFFFFF !important; border: 1.5px solid #6E7F95 !important; border-radius: 9px !important; min-height: 52px; padding: 12px 14px !important; }
.tm-formwrap textarea.elementor-field-textual { min-height: 140px; } .tm-formwrap .elementor-field-textual:focus { border-color: #0B51A1 !important; box-shadow: 0 0 0 3px rgba(11,81,161,.22) !important; outline: none !important; }
.tm-formwrap .elementor-field-textual::placeholder { color: #6E7F95; } .tm-formwrap .elementor-mark-required .elementor-field-label::after { color: #0B51A1; }
.tm-formwrap .elementor-button { font-family: 'TM Barlow', 'TM Barlow Fallback', 'Segoe UI', sans-serif; font-weight: 600; font-size: 1.1rem; min-height: 54px; border-radius: 10px; background: #0B51A1 !important; color: #FFFFFF !important; transition: background-color .2s ease, transform .16s cubic-bezier(.23,1,.32,1); } .tm-formwrap .elementor-button:hover { background: #0A2A52 !important; } .tm-formwrap .elementor-button:active { transform: scale(.97); }
.tm-formwrap .elementor-message { font-size: 1.06rem; padding: 14px 16px; border-radius: 10px; background: #E7EFF9; color: #13233A; } .tm-formwrap .elementor-message::before { display: none; } .tm-formwrap .elementor-field-type-acceptance label { font-size: 1rem; }
.tm-formwrap .elementor-field-subgroup .elementor-field-option label { font-size: 1.02rem; } .tm-formwrap input[type=checkbox] { accent-color: #0B51A1; width: 24px; height: 24px; vertical-align: middle; margin-right: 8px; } .tm-formwrap .elementor-field-option label { display: inline-block; min-height: 24px; padding: 2px 0; }
html { scrollbar-color: #56677C #E7EFF9; } ::selection { background: #E7EFF9; color: #13233A; } input, textarea { caret-color: #0B51A1; }
/* skip-link */
.tm-skip { position: absolute !important; left: -9999px !important; top: 8px; z-index: 2000; } .tm-skip:focus, .tm-skip:focus-visible { left: 16px !important; }
a:focus-visible, button:focus-visible, .e-button-base:focus-visible, summary:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible { outline: 3px solid #0B51A1 !important; outline-offset: 3px; }
footer a:focus-visible, .tm-hero a:focus-visible, .tm-apk a:focus-visible, .tm-menu a:focus-visible { outline-color: #FFFFFF !important; } .tm-apk--licht a:focus-visible { outline-color: #0B51A1 !important; }
.e-svg-base svg { display: block; } .tm-basis { align-items: baseline !important; } .tm-nowrap { white-space: nowrap !important; } .tm-rechts { text-align: right !important; }
.tm-knoppen .e-button-base { white-space: nowrap; } .tm-knoppen > .e-button-base { align-self: center !important; } .tm-plaats p:last-child { white-space: nowrap; }
html { scroll-behavior: smooth; scroll-padding-top: 116px; } @media (max-width: 1099px) { html { scroll-padding-top: 92px; } }
/* reduced motion: alleen beweging uit (kleur- en zichtbaarheidswissels blijven) */
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation: none !important; } .e-button-base:active, .tm-menuknop:active, .tm-apk-knop:active, .tm-apk-afspraak:active, .tm-formwrap .elementor-button:active { transform: none !important; } details[open] > summary .e-accordion-item-icon, .tm-open .tm-sleutelicoon { transform: none !important; } .tm-menu, .tm-open .tm-menu { clip-path: none !important; transition: visibility 0s, opacity .15s linear !important; opacity: 0; } .tm-open .tm-menu { opacity: 1; } .tm-menu .tm-menuitem, .tm-menu .tm-menuonder { transform: none !important; transition: opacity .15s linear !important; transition-delay: 0s !important; } .tm-menulink::after { transform: none !important; } .tm-balk, .tm-logolink { transition: none !important; } }/* End custom CSS */