{"id":21,"date":"2026-09-15T13:42:45","date_gmt":"2026-09-15T10:42:45","guid":{"rendered":"https:\/\/uutelaservicestore.fi\/?page_id=21"},"modified":"2026-09-24T22:24:13","modified_gmt":"2026-09-24T19:24:13","slug":"huolto-korjaus","status":"publish","type":"page","link":"https:\/\/uutelaservicestore.fi\/en\/huolto-korjaus\/","title":{"rendered":"SERVICE &amp; REPAIR"},"content":{"rendered":"<div class=\"uutela-huolto\">\n\n  <!-- ==========================================\n       HERO\n  =========================================== -->\n  <section class=\"uh-hero\">\n    <div class=\"uh-container uh-hero__inner\">\n\n      <div class=\"uh-hero__title\">\n        <h1>\n          <span>SERVICE &amp;<\/span>\n          <strong>REPAIR.<\/strong>\n        <\/h1>\n      <\/div>\n\n      <div class=\"uh-hero__content\">\n        <p>\n          Professional maintenance and repairs for cars and vans of all makes, backed by years of experience.\n        <\/p>\n\n        <a href=\"\/en\/#varaa-aika\" class=\"uh-button uh-button--red\">\n          <span>BOOK A SERVICE<\/span>\n          <span>\u2197<\/span>\n        <\/a>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n\n  <!-- ==========================================\n       SERVICES\n  =========================================== -->\n  <section class=\"uh-services\">\n    <div class=\"uh-container\">\n\n      <div class=\"uh-section-head\">\n\n        <h2>WHAT CAN WE DO<br>FOR YOUR CAR?<\/h2>\n\n        <p>\n          We service and repair cars and vans of all makes. Don\u2019t see the service you need? Just ask us.\n        <\/p>\n\n      <\/div>\n\n\n      <div class=\"uh-services__grid\">\n\n        <div class=\"uh-service\">\n          <span>01<\/span>\n          <h3>Scheduled Maintenance<\/h3>\n        <\/div>\n\n        <div class=\"uh-service\">\n          <span>02<\/span>\n          <h3>Air conditioning maintenance<\/h3>\n        <\/div>\n\n        <div class=\"uh-service\">\n          <span>03<\/span>\n          <h3>Oil changes<\/h3>\n        <\/div>\n\n        <div class=\"uh-service\">\n          <span>04<\/span>\n          <h3>Emission measurements<\/h3>\n        <\/div>\n\n        <div class=\"uh-service\">\n          <span>05<\/span>\n          <h3>Brake repairs<\/h3>\n        <\/div>\n\n        <div class=\"uh-service\">\n          <span>06<\/span>\n          <h3>Repair of shock absorbers<\/h3>\n        <\/div>\n\n        <div class=\"uh-service\">\n          <span>07<\/span>\n          <h3>Collision Repairs<\/h3>\n        <\/div>\n\n        <div class=\"uh-service\">\n          <span>08<\/span>\n          <h3>Engine repairs<\/h3>\n        <\/div>\n\n        <div class=\"uh-service\">\n          <span>09<\/span>\n          <h3>Drivetrain Repairs<\/h3>\n        <\/div>\n\n        <div class=\"uh-service\">\n          <span>10<\/span>\n          <h3>Diagnostic Code Reading<\/h3>\n        <\/div>\n\n        <div class=\"uh-service\">\n          <span>11<\/span>\n          <h3>Installation of accessories<\/h3>\n        <\/div>\n\n        <div class=\"uh-service\">\n          <span>12<\/span>\n          <h3>Engine Block Heaters &amp; Tow Bars<\/h3>\n        <\/div>\n\n        <!-- NEW SERVICE -->\n        <div class=\"uh-service uh-service--wide\">\n          <span>13<\/span>\n          <h3>Pre-Inspection Checks<\/h3>\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"uh-services__note\">\n\n        <span class=\"uh-services__plus\">+<\/span>\n\n        <p>\n          <strong>Didn't find the service you need?<\/strong>\n          Ask us about other maintenance and repair work.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n\n  <!-- ==========================================\n       EDITORIAL\n  =========================================== -->\n  <section class=\"uh-editorial\">\n\n    <div class=\"uh-container uh-editorial__inner\">\n\n      <div class=\"uh-editorial__heading\">\n\n        <h2>\n          MULTI-BRAND<br>\n          CAR REPAIR<br>\n          IN KOTKA.\n        <\/h2>\n\n      <\/div>\n\n\n      <div class=\"uh-editorial__content\">\n\n        <p class=\"uh-editorial__lead\">\n          Professional repairs using modern diagnostic equipment and high-quality spare parts.\n        <\/p>\n\n\n        <div class=\"uh-editorial__points\">\n\n          <div class=\"uh-point\">\n\n            <span>01<\/span>\n\n            <div>\n              <h3>Modern diagnostics<\/h3>\n\n              <p>\n                Our modern diagnostic equipment allows us to identify faults quickly and accurately.\n              <\/p>\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"uh-point\">\n\n            <span>02<\/span>\n\n            <div>\n              <h3>High-quality spare parts<\/h3>\n\n              <p>\n                We use high-quality, OE-equivalent spare parts for maintenance and repairs.\n              <\/p>\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"uh-point\">\n\n            <span>03<\/span>\n\n            <div>\n              <h3>Following Manufacturer Guidelines<\/h3>\n\n              <p>\n                Maintenance is carried out according to the vehicle manufacturer\u2019s guidelines to help maintain the manufacturer\u2019s warranty.\n              <\/p>\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- ==========================================\n       CTA\n  =========================================== -->\n  <section class=\"uh-cta\">\n\n    <div class=\"uh-container uh-cta__inner\">\n\n      <div class=\"uh-cta__content\">\n\n        <span class=\"uh-cta__label\">\n          BOOK A SERVICE\n        <\/span>\n\n        <h2>\n          DOES YOUR CAR<br>\n          NEED A SERVICE?\n        <\/h2>\n\n      <\/div>\n\n\n      <a href=\"\/en\/#varaa-aika\" class=\"uh-button uh-button--white\">\n        <span>BOOK A SERVICE<\/span>\n        <span>\u2197<\/span>\n      <\/a>\n\n    <\/div>\n\n  <\/section>\n\n<\/div>\n\n\n<style>\n\n\/* =========================================================\n   RESET\n========================================================= *\/\n\n.uutela-huolto,\n.uutela-huolto * {\n  box-sizing: border-box;\n}\n\n.uutela-huolto {\n  --red: #e30613;\n  --black: #0d0d0d;\n  --text: #111111;\n  --muted: #667085;\n  --line: #e4e7ec;\n  --light: #f5f5f3;\n\n  width: 100%;\n  max-width: 100%;\n\n  margin: 0;\n  padding: 0;\n\n  position: relative;\n  overflow: hidden;\n\n  color: var(--text);\n}\n\n\n\/* =========================================================\n   CONTAINER\n========================================================= *\/\n\n.uh-container {\n  width: min(1400px, calc(100% - 80px));\n\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.uh-hero {\n  width: 100%;\n\n  background: var(--black);\n  color: #fff;\n}\n\n.uh-hero__inner {\n  min-height: 480px;\n\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, 1.4fr)\n    minmax(300px, .65fr);\n\n  align-items: center;\n\n  gap: clamp(60px, 9vw, 160px);\n\n  padding-top: 90px;\n  padding-bottom: 90px;\n}\n\n.uh-hero h1 {\n  margin: 0;\n\n  font-size: clamp(68px, 7vw, 120px);\n\n  line-height: .79;\n\n  letter-spacing: -.075em;\n\n  font-weight: 500;\n}\n\n\n\/* HUOLTO & \u2014 WHITE *\/\n\n.uh-hero h1 span {\n  display: block;\n\n  color: #ffffff !important;\n}\n\n\n\/* KORJAUS \u2014 RED *\/\n\n.uh-hero h1 strong {\n  display: block;\n\n  color: var(--red) !important;\n\n  font-weight: 500;\n}\n\n.uh-hero__content {\n  max-width: 390px;\n}\n\n.uh-hero__content p {\n  margin: 0 0 34px;\n\n  color: rgba(255,255,255,.68);\n\n  font-size: 16px;\n  line-height: 1.7;\n}\n\n\n\/* =========================================================\n   BUTTONS\n========================================================= *\/\n\n.uh-button {\n  width: 190px;\n  min-height: 54px;\n\n  padding: 0 20px;\n\n  display: inline-flex;\n\n  align-items: center;\n  justify-content: space-between;\n\n  text-decoration: none !important;\n\n  font-size: 10px;\n\n  font-weight: 800;\n\n  letter-spacing: .1em;\n\n  transition:\n    transform .2s ease,\n    background .2s ease;\n}\n\n.uh-button:hover {\n  transform: translateY(-2px);\n}\n\n.uh-button--red {\n  background: var(--red);\n\n  color: #fff !important;\n}\n\n.uh-button--red:hover {\n  background: #b90510;\n}\n\n.uh-button--white {\n  background: #fff;\n\n  color: #111 !important;\n}\n\n\n\/* =========================================================\n   SERVICES\n========================================================= *\/\n\n.uh-services {\n  width: 100%;\n\n  background: var(--light);\n\n  padding: 105px 0 100px;\n}\n\n.uh-section-head {\n  margin-bottom: 55px;\n\n  display: grid;\n\n  grid-template-columns: 1.2fr .8fr;\n\n  gap: 80px;\n\n  align-items: end;\n}\n\n.uh-section-head h2 {\n  margin: 0;\n\n  color: var(--text);\n\n  font-size: clamp(70px, 7vw, 112px);\n\n  line-height: .76;\n\n  letter-spacing: -.075em;\n\n  font-weight: 600;\n}\n\n.uh-section-head p {\n  width: 100%;\n  max-width: 400px;\n\n  justify-self: end;\n\n  margin: 0 0 5px;\n\n  color: var(--muted);\n\n  font-size: 14px;\n\n  line-height: 1.7;\n}\n\n\n\/* =========================================================\n   SERVICES GRID\n========================================================= *\/\n\n.uh-services__grid {\n  display: grid;\n\n  grid-template-columns:\n    repeat(4, minmax(0, 1fr));\n\n  border-top: 1px solid var(--line);\n\n  border-left: 1px solid var(--line);\n\n  background: #fff;\n}\n\n.uh-service {\n  min-width: 0;\n\n  min-height: 150px;\n\n  padding: 23px 24px 25px;\n\n  display: flex;\n\n  flex-direction: column;\n\n  justify-content: space-between;\n\n  border-right: 1px solid var(--line);\n\n  border-bottom: 1px solid var(--line);\n\n  background: #fff;\n}\n\n.uh-service span {\n  color: var(--red);\n\n  font-size: 9px;\n\n  font-weight: 800;\n\n  letter-spacing: .1em;\n}\n\n.uh-service h3 {\n  margin: 30px 0 0;\n\n  color: #111;\n\n  font-size: 15px;\n\n  line-height: 1.15;\n\n  font-weight: 700;\n\n  letter-spacing: -.025em;\n\n  overflow-wrap: break-word;\n}\n\n\n\/* 13TH SERVICE \u2014 FULL WIDTH DESKTOP *\/\n\n.uh-service--wide {\n  grid-column: 1 \/ -1;\n}\n\n\n\/* NOTE *\/\n\n.uh-services__note {\n  margin-top: 25px;\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 15px;\n}\n\n.uh-services__plus {\n  width: 30px;\n  height: 30px;\n\n  flex: 0 0 30px;\n\n  border-radius: 50%;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  background: var(--red);\n\n  color: #fff;\n\n  font-size: 15px;\n}\n\n.uh-services__note p {\n  margin: 0;\n\n  color: var(--muted);\n\n  font-size: 12px;\n\n  line-height: 1.5;\n}\n\n.uh-services__note strong {\n  color: #111;\n}\n\n\n\/* =========================================================\n   EDITORIAL\n========================================================= *\/\n\n.uh-editorial {\n  width: 100%;\n\n  background: #fff;\n}\n\n.uh-editorial__inner {\n  min-height: 650px;\n\n  padding-top: 115px;\n  padding-bottom: 115px;\n\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, 1.05fr)\n    minmax(0, .95fr);\n\n  gap: clamp(80px, 10vw, 180px);\n\n  align-items: start;\n}\n\n\n\/* BIG LEFT TITLE *\/\n\n.uh-editorial__heading {\n  min-width: 0;\n}\n\n.uh-editorial__heading::before {\n  content: \"\";\n\n  display: block;\n\n  width: 38px;\n  height: 3px;\n\n  margin-bottom: 35px;\n\n  background: var(--red);\n}\n\n.uh-editorial__heading h2 {\n  margin: 0;\n\n  max-width: 700px;\n\n  color: #111;\n\n  font-size: clamp(65px, 6.5vw, 108px);\n\n  line-height: .78;\n\n  letter-spacing: -.075em;\n\n  font-weight: 600;\n}\n\n\n\/* RIGHT CONTENT *\/\n\n.uh-editorial__content {\n  min-width: 0;\n\n  padding-top: 38px;\n}\n\n.uh-editorial__lead {\n  max-width: 570px;\n\n  margin: 0 0 45px;\n\n  color: #111;\n\n  font-size: 23px;\n\n  line-height: 1.3;\n\n  font-weight: 600;\n\n  letter-spacing: -.025em;\n}\n\n\n\/* POINTS *\/\n\n.uh-editorial__points {\n  width: 100%;\n\n  max-width: 650px;\n\n  border-top: 1px solid var(--line);\n}\n\n.uh-point {\n  display: grid;\n\n  grid-template-columns: 42px 1fr;\n\n  gap: 20px;\n\n  padding: 24px 0;\n\n  border-bottom: 1px solid var(--line);\n}\n\n.uh-point > span {\n  color: var(--red);\n\n  font-size: 9px;\n\n  font-weight: 800;\n}\n\n.uh-point h3 {\n  margin: 0 0 7px;\n\n  color: #111;\n\n  font-size: 14px;\n\n  line-height: 1.25;\n\n  font-weight: 700;\n}\n\n.uh-point p {\n  margin: 0;\n\n  color: var(--muted);\n\n  font-size: 12px;\n\n  line-height: 1.55;\n}\n\n\n\/* =========================================================\n   CTA\n========================================================= *\/\n\n.uh-cta {\n  width: 100%;\n\n  background: var(--red);\n\n  color: #fff;\n}\n\n.uh-cta__inner {\n  min-height: 350px;\n\n  padding-top: 70px;\n  padding-bottom: 70px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: space-between;\n\n  gap: 80px;\n}\n\n.uh-cta__content {\n  min-width: 0;\n}\n\n.uh-cta__label {\n  display: block;\n\n  margin-bottom: 23px;\n\n  color: rgba(255,255,255,.72) !important;\n\n  font-size: 9px;\n\n  font-weight: 800;\n\n  letter-spacing: .18em;\n}\n\n.uh-cta h2 {\n  margin: 0;\n\n  color: #ffffff !important;\n\n  font-size: clamp(62px, 6vw, 100px);\n\n  line-height: .78;\n\n  letter-spacing: -.075em;\n\n  font-weight: 500;\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1000px) {\n\n  .uh-container {\n    width: calc(100% - 50px);\n  }\n\n  .uh-hero__inner {\n    grid-template-columns: 1fr;\n\n    min-height: auto;\n\n    gap: 45px;\n\n    padding-top: 80px;\n    padding-bottom: 80px;\n  }\n\n  .uh-hero__content {\n    max-width: 520px;\n  }\n\n  .uh-section-head {\n    grid-template-columns: 1fr;\n\n    gap: 35px;\n  }\n\n  .uh-section-head p {\n    justify-self: start;\n  }\n\n  .uh-services__grid {\n    grid-template-columns:\n      repeat(2, minmax(0, 1fr));\n  }\n\n  .uh-editorial__inner {\n    gap: 60px;\n  }\n\n  .uh-editorial__heading h2 {\n    font-size: clamp(60px, 8vw, 85px);\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 600px) {\n\n  .uh-container {\n    width: 100%;\n  }\n\n\n  \/* HERO *\/\n\n  .uh-hero__inner {\n    padding:\n      70px 34px\n      75px;\n\n    gap: 40px;\n  }\n\n  .uh-hero h1 {\n    font-size: clamp(54px, 15.2vw, 72px);\n\n    line-height: .82;\n\n    letter-spacing: -.065em;\n  }\n\n  .uh-hero__content {\n    max-width: 100%;\n  }\n\n  .uh-hero__content p {\n    font-size: 15px;\n  }\n\n  .uh-button {\n    width: 100%;\n\n    min-height: 58px;\n  }\n\n\n  \/* SERVICES *\/\n\n  .uh-services {\n    padding: 75px 34px;\n  }\n\n  .uh-section-head {\n    margin-bottom: 40px;\n  }\n\n  .uh-section-head h2 {\n    font-size: clamp(61px, 17vw, 78px);\n\n    line-height: .78;\n  }\n\n  .uh-section-head p {\n    font-size: 14px;\n  }\n\n  .uh-services__grid {\n    grid-template-columns:\n      repeat(2, minmax(0, 1fr));\n  }\n\n  .uh-service {\n    min-height: 135px;\n\n    padding: 18px 16px;\n  }\n\n  .uh-service h3 {\n    margin-top: 25px;\n\n    font-size: 13px;\n  }\n\n  \/* 13TH ITEM RETURNS TO NORMAL CARD WIDTH *\/\n\n  .uh-service--wide {\n    grid-column: auto;\n  }\n\n  .uh-services__note {\n    align-items: flex-start;\n  }\n\n\n  \/* EDITORIAL *\/\n\n  .uh-editorial__inner {\n    min-height: auto;\n\n    padding:\n      80px 34px\n      85px;\n\n    display: block;\n  }\n\n  .uh-editorial__heading::before {\n    width: 32px;\n\n    margin-bottom: 28px;\n  }\n\n  .uh-editorial__heading h2 {\n    font-size: clamp(48px, 13.5vw, 65px);\n\n    line-height: .82;\n\n    letter-spacing: -.065em;\n  }\n\n  .uh-editorial__content {\n    padding-top: 50px;\n  }\n\n  .uh-editorial__lead {\n    margin-bottom: 35px;\n\n    font-size: 18px;\n  }\n\n  .uh-point {\n    grid-template-columns: 30px 1fr;\n\n    gap: 10px;\n  }\n\n\n  \/* CTA *\/\n\n  .uh-cta__inner {\n    min-height: auto;\n\n    padding:\n      75px 34px\n      80px;\n\n    display: block;\n  }\n\n  .uh-cta h2 {\n    color: #fff !important;\n\n    font-size: clamp(47px, 13.2vw, 64px);\n\n    line-height: .84;\n\n    letter-spacing: -.06em;\n\n    word-break: normal;\n\n    overflow-wrap: normal;\n  }\n\n  .uh-cta .uh-button {\n    margin-top: 45px;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width: 380px) {\n\n  .uh-hero__inner,\n  .uh-services,\n  .uh-editorial__inner,\n  .uh-cta__inner {\n    padding-left: 24px;\n\n    padding-right: 24px;\n  }\n\n  .uh-hero h1 {\n    font-size: 50px;\n  }\n\n  .uh-section-head h2 {\n    font-size: 57px;\n  }\n\n  .uh-editorial__heading h2 {\n    font-size: 44px;\n  }\n\n  .uh-cta h2 {\n    font-size: 43px;\n  }\n\n}\n\n<\/style>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>","protected":false},"excerpt":{"rendered":"<p>HUOLTO &amp; KORJAUS. Henkil\u00f6- ja pakettiautojen huollot ja korjaukset kaikille automerkeille ammattitaidolla ja vuosien kokemuksella. VARAA AIKA \u2197 MIT\u00c4TEEMME? Huollamme ja korjaamme henkil\u00f6- ja pakettiautoja monipuolisesti. Kysy meilt\u00e4 my\u00f6s muista huolto- ja korjaust\u00f6ist\u00e4. 01 M\u00e4\u00e4r\u00e4aikaishuollot 02 Ilmastointihuollot 03 \u00d6ljynvaihdot 04 P\u00e4\u00e4st\u00f6mittaukset 05 Jarruremontit 06 Iskunvaimentimien korjaus 07 Kolarikorjaukset 08 Moottoriremontit 09 Voimansiirron korjaus 10 Vikakoodien [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-21","page","type-page","status-publish","hentry"],"blocksy_meta":{"has_hero_section":"disabled","page_structure_type":"type-4","content_style_source":"custom","vertical_spacing_source":"custom","content_area_spacing":"none","disable_footer":"no","styles_descriptor":{"styles":{"desktop":"[data-prefix=\"single_page\"] [class*=\"ct-container\"] > article[class*=\"post\"] {--has-boxed:var(--false);--has-wide:var(--true);}","tablet":"","mobile":""},"google_fonts":[],"version":8}},"_links":{"self":[{"href":"https:\/\/uutelaservicestore.fi\/en\/wp-json\/wp\/v2\/pages\/21","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/uutelaservicestore.fi\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/uutelaservicestore.fi\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/uutelaservicestore.fi\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/uutelaservicestore.fi\/en\/wp-json\/wp\/v2\/comments?post=21"}],"version-history":[{"count":16,"href":"https:\/\/uutelaservicestore.fi\/en\/wp-json\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":338,"href":"https:\/\/uutelaservicestore.fi\/en\/wp-json\/wp\/v2\/pages\/21\/revisions\/338"}],"wp:attachment":[{"href":"https:\/\/uutelaservicestore.fi\/en\/wp-json\/wp\/v2\/media?parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}