{"id":787,"date":"2026-08-21T08:40:19","date_gmt":"2026-08-21T08:40:19","guid":{"rendered":"https:\/\/vp-kuljetus.fi\/?page_id=787"},"modified":"2026-08-31T05:56:46","modified_gmt":"2026-08-31T05:56:46","slug":"tietosuojaseloste","status":"publish","type":"page","link":"https:\/\/vp-kuljetus.fi\/?page_id=787","title":{"rendered":"Tietosuojaseloste"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"787\" class=\"elementor elementor-787\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e78ed71 e-flex e-con-boxed e-con e-parent\" data-id=\"e78ed71\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d5771b1 elementor-widget elementor-widget-html\" data-id=\"d5771b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     VPK GLASS NAVIGATION WIDGET\n     ============================================================ -->\n\n<nav id=\"vpk-glass-nav\" class=\"vpk-nav theme-light\" aria-label=\"P\u00e4\u00e4valikko\">\n  <div class=\"vpk-nav__shell\">\n    \n    <!-- Branding \/ Logo -->\n    <a class=\"vpk-glass__brand\" href=\"https:\/\/vp-kuljetus.fi\/\" aria-label=\"Etusivu\">\n      <img decoding=\"async\" class=\"vpk-glass__brand-img\" src=\"https:\/\/vp-kuljetus.fi\/wp-content\/uploads\/2026\/07\/Asset-1-scaled.png\" alt=\"VP-Kuljetus Oy\">\n    <\/a>\n\n    <!-- Desktop Menu -->\n    <div class=\"vpk-nav__menu\">\n      \n      <!-- Single Link (No Dropdown) -->\n      <a href=\"https:\/\/vp-kuljetus.fi\/?page_id=754\" class=\"vpk-nav__link\">Yrityksest\u00e4<\/a>\n\n      <div class=\"vpk-nav__dropdown\">\n        <a href=\"\/#PALVELUT\" class=\"vpk-nav__link\" aria-expanded=\"false\">Palvelut<\/a>\n        <div class=\"vpk-nav__dropdown-panel\">\n          <a href=\"https:\/\/vp-kuljetus.fi\/?page_id=632\">Kuljetustoiminta<\/a>\n          <a href=\"https:\/\/vp-kuljetus.fi\/?page_id=735\">Terminaalit<\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"vpk-nav__dropdown vpk-nav__dropdown--cta\">\n        <a href=\"\/#YHT\" class=\"vpk-nav__link vpk-nav__btn\" aria-expanded=\"false\">Ota yhteytt\u00e4<\/a>\n        <div class=\"vpk-nav__dropdown-panel vpk-nav__dropdown-panel--right\">\n          <a href=\"\/#YHT\">Yhteydenotto<\/a>\n          <a href=\"\/avoin-hakemus\/\">Avoin hakemus<\/a>\n          <a href=\"\/tarjouspyynto\/\">Tarjouspyynt\u00f6<\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <!-- Mobile Burger -->\n    <button class=\"vpk-nav__burger\" aria-label=\"Valikko\">\n      <span><\/span><span><\/span><span><\/span>\n    <\/button>\n    \n  <\/div>\n\n  <!-- Mobile Menu -->\n  <div class=\"vpk-nav__mobile-panel\">\n    <div class=\"vpk-nav__mobile-inner\">\n      <div class=\"vpk-nav__mobile-group\">\n        <a href=\"https:\/\/vp-kuljetus.fi\/?page_id=754\">Yrityksest\u00e4<\/a>\n      <\/div>\n      <div class=\"vpk-nav__mobile-group\">\n        <a href=\"\/#PALVELUT\" class=\"vpk-nav__mobile-heading\">Palvelut<\/a>\n        <a href=\"https:\/\/vp-kuljetus.fi\/?page_id=632\">Kuljetustoiminta<\/a>\n        <a href=\"https:\/\/vp-kuljetus.fi\/?page_id=735\">Terminaalit<\/a>\n      <\/div>\n      <div class=\"vpk-nav__mobile-group\">\n        <a href=\"\/#YHT\" class=\"vpk-nav__mobile-heading\">Ota yhteytt\u00e4<\/a>\n        <a href=\"\/#YHT\">Yhteydenotto<\/a>\n        <a href=\"\/avoin-hakemus\/\">Avoin hakemus<\/a>\n        <a href=\"\/tarjouspyynto\/\">Tarjouspyynt\u00f6<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/nav>\n\n<style>\n\/* ============================================================\n   CSS VARIABLES & THEMING\n   ============================================================ *\/\n:root {\n  --vpk-ease: cubic-bezier(0.25, 1, 0.5, 1);\n  --vpk-blur: blur(24px) saturate(180%);\n}\n\n.vpk-nav.theme-light {\n  --nav-bg: rgba(255, 255, 255, 0.75);\n  --nav-border: rgba(47, 107, 82, 0.15);\n  --nav-text: #0f3b35; \/* Deep brand green *\/\n  --nav-text-hover: #2F6B52; \/* Dark mint *\/\n  --nav-btn-bg: #c7eb98; \/* Light green CTA *\/\n  --nav-btn-text: #0f3b35;\n  --nav-btn-bg-hover: #2F6B52;\n  --nav-btn-text-hover: #ffffff;\n  --nav-shadow: 0 12px 32px rgba(15, 59, 53, 0.08);\n  --nav-dropdown-bg: rgba(255, 255, 255, 0.9);\n  --nav-hover-bg: rgba(199, 235, 152, 0.25);\n}\n\n.vpk-nav.theme-dark {\n  --nav-bg: rgba(18, 18, 22, 0.55);\n  --nav-border: rgba(199, 235, 152, 0.1);\n  --nav-text: #ffffff;\n  --nav-text-hover: #c7eb98;\n  --nav-btn-bg: #c7eb98;\n  --nav-btn-text: #0f3b35;\n  --nav-btn-bg-hover: #ffffff;\n  --nav-btn-text-hover: #0f3b35;\n  --nav-shadow: 0 12px 32px rgba(0, 0, 0, 0.3);\n  --nav-dropdown-bg: rgba(25, 25, 30, 0.85);\n  --nav-hover-bg: rgba(199, 235, 152, 0.15);\n}\n\n\/* ============================================================\n   BASE STRUCTURE\n   ============================================================ *\/\n.vpk-nav {\n  position: fixed; \n  top: 24px;       \n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 9999;\n  width: max-content;\n  max-width: 90vw;\n  font-family: inherit;\n}\n\n.vpk-nav__shell {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  height: 68px;\n  padding: 0 8px 0 18px;\n  border-radius: 999px;\n  background: var(--nav-bg);\n  border: 1px solid var(--nav-border);\n  box-shadow: var(--nav-shadow);\n  backdrop-filter: var(--vpk-blur);\n  -webkit-backdrop-filter: var(--vpk-blur);\n  transition: background 0.4s, border-color 0.4s, box-shadow 0.4s;\n}\n\n\/* ============================================================\n   BRANDING \/ LOGO\n   ============================================================ *\/\n.vpk-glass__brand {\n  display: flex;\n  align-items: center;\n  margin-right: 28px;\n  text-decoration: none;\n  flex-shrink: 0; \n  height: 100%;\n}\n\n.vpk-glass__brand-img {\n  height: 22px;\n  width: auto;\n  display: block;\n  object-fit: contain;\n  filter: brightness(0);\n  transition: filter 0.4s;\n}\n\n.vpk-nav.theme-dark .vpk-glass__brand-img {\n  filter: brightness(0) invert(1);\n}\n\n\/* ============================================================\n   DESKTOP MENU\n   ============================================================ *\/\n.vpk-nav__menu {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  height: 100%;\n}\n\n.vpk-nav__dropdown {\n  position: relative;\n  height: 100%;\n  display: flex;\n  align-items: center;\n}\n\n.vpk-nav__link {\n  background: none;\n  border: none;\n  color: var(--nav-text);\n  font-size: 15px;\n  font-weight: 500;\n  cursor: pointer;\n  padding: 8px 14px;\n  border-radius: 99px;\n  transition: background 0.3s, color 0.3s;\n  text-decoration: none;\n  display: inline-block;\n}\n\n.vpk-nav__link:hover {\n  background: var(--nav-hover-bg);\n  color: var(--nav-text-hover);\n}\n\n.vpk-nav__btn {\n  background: var(--nav-btn-bg);\n  color: var(--nav-btn-text);\n  font-weight: 600;\n  padding: 10px 20px;\n  margin-left: 4px;\n  transition: background 0.3s, color 0.3s, transform 0.2s;\n}\n\n.vpk-nav__btn:hover {\n  background: var(--nav-btn-bg-hover);\n  color: var(--nav-btn-text-hover);\n  transform: scale(1.03); \n}\n\n\/* ============================================================\n   DROPDOWN PANELS\n   ============================================================ *\/\n.vpk-nav__dropdown-panel {\n  position: absolute;\n  top: calc(100% + 12px);\n  left: 50%;\n  transform: translateX(-50%) translateY(10px);\n  background: var(--nav-dropdown-bg);\n  backdrop-filter: var(--vpk-blur);\n  -webkit-backdrop-filter: var(--vpk-blur);\n  border: 1px solid var(--nav-border);\n  border-radius: 16px;\n  padding: 12px;\n  min-width: 200px;\n  opacity: 0;\n  visibility: hidden;\n  box-shadow: var(--nav-shadow);\n  transition: opacity 0.3s, transform 0.3s, visibility 0.3s;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.vpk-nav__dropdown-panel--right {\n  left: auto;\n  right: 0;\n  transform: translateX(0) translateY(10px);\n}\n\n.vpk-nav__dropdown:hover .vpk-nav__dropdown-panel {\n  opacity: 1;\n  visibility: visible;\n  transform: translateX(-50%) translateY(0);\n}\n\n.vpk-nav__dropdown.vpk-nav__dropdown--cta:hover .vpk-nav__dropdown-panel--right {\n  transform: translateX(0) translateY(0);\n}\n\n.vpk-nav__dropdown-panel a {\n  text-decoration: none;\n  color: var(--nav-text);\n  padding: 10px 14px;\n  border-radius: 8px;\n  font-size: 14px;\n  font-weight: 500;\n  transition: background 0.2s, color 0.2s;\n}\n\n.vpk-nav__dropdown-panel a:hover {\n  background: var(--nav-hover-bg);\n  color: var(--nav-text-hover);\n}\n\n\/* ============================================================\n   MOBILE BURGER & PANEL\n   ============================================================ *\/\n.vpk-nav__burger {\n  display: none;\n  background: none;\n  border: none;\n  cursor: pointer;\n  width: 44px;\n  height: 44px;\n  position: relative;\n  border-radius: 50%;\n  background: var(--nav-hover-bg);\n}\n\n.vpk-nav__burger span {\n  position: absolute;\n  left: 12px;\n  right: 12px;\n  height: 2px;\n  background: var(--nav-text);\n  border-radius: 2px;\n  transition: 0.3s var(--vpk-ease);\n}\n\n.vpk-nav__burger span:nth-child(1) { top: 14px; }\n.vpk-nav__burger span:nth-child(2) { top: 21px; }\n.vpk-nav__burger span:nth-child(3) { top: 28px; }\n\n.vpk-nav.mobile-open .vpk-nav__burger span:nth-child(1) { top: 21px; transform: rotate(45deg); }\n.vpk-nav.mobile-open .vpk-nav__burger span:nth-child(2) { opacity: 0; }\n.vpk-nav.mobile-open .vpk-nav__burger span:nth-child(3) { top: 21px; transform: rotate(-45deg); }\n\n.vpk-nav__mobile-panel {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  width: 100%;\n  margin-top: 16px;\n  opacity: 0;\n  visibility: hidden;\n  transform: translateY(-10px);\n  transition: opacity 0.4s var(--vpk-ease), transform 0.4s var(--vpk-ease), visibility 0.4s;\n}\n\n.vpk-nav.mobile-open .vpk-nav__mobile-panel {\n  opacity: 1;\n  visibility: visible;\n  transform: translateY(0);\n}\n\n.vpk-nav__mobile-inner {\n  background: var(--nav-dropdown-bg);\n  backdrop-filter: var(--vpk-blur);\n  -webkit-backdrop-filter: var(--vpk-blur);\n  border: 1px solid var(--nav-border);\n  border-radius: 24px;\n  padding: 24px;\n  box-shadow: var(--nav-shadow);\n  max-height: 70vh;\n  overflow-y: auto;\n}\n\n.vpk-nav__mobile-group {\n  margin-bottom: 24px;\n}\n\n.vpk-nav__mobile-group:last-child {\n  margin-bottom: 0;\n}\n\n.vpk-nav__mobile-heading {\n  font-size: 12px;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n  color: var(--nav-text);\n  opacity: 0.6;\n  margin-bottom: 8px;\n  padding-left: 12px;\n  text-decoration: none;\n  display: block;\n}\n\n.vpk-nav__mobile-group a:not(.vpk-nav__mobile-heading) {\n  display: block;\n  text-decoration: none;\n  color: var(--nav-text);\n  font-size: 16px;\n  font-weight: 500;\n  padding: 12px;\n  border-radius: 12px;\n  transition: background 0.2s, color 0.2s;\n}\n\n.vpk-nav__mobile-group a:not(.vpk-nav__mobile-heading):hover {\n  background: var(--nav-hover-bg);\n  color: var(--nav-text-hover);\n}\n\n\/* ============================================================\n   RESPONSIVE BREAKPOINTS\n   ============================================================ *\/\n@media (max-width: 1024px) {\n  .vpk-nav__menu { display: none; }\n  .vpk-nav__burger { display: block; }\n  .vpk-nav__shell { width: calc(100vw - 48px); max-width: none; }\n  .vpk-nav { width: calc(100vw - 48px); }\n  .vpk-glass__brand { margin-right: auto; }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n  const nav = document.getElementById('vpk-glass-nav');\n  const burger = nav.querySelector('.vpk-nav__burger');\n  const shell = nav.querySelector('.vpk-nav__shell');\n\n  \/\/ Prevent Elementor from hiding the fixed nav inside a section\n  if (nav.parentElement !== document.body) {\n    document.body.appendChild(nav);\n  }\n\n  \/\/ Mobile menu toggle\n  burger.addEventListener('click', () => {\n    nav.classList.toggle('mobile-open');\n  });\n\n  \/\/ Background Contrast Logic (Still checks the background color to swap dark\/light text)\n  const evaluateBackgroundLuminance = () => {\n    nav.style.pointerEvents = 'none';\n    \n    const rect = shell.getBoundingClientRect();\n    const samplePoints = [\n      { x: rect.left + 20, y: rect.top + (rect.height \/ 2) },\n      { x: rect.left + (rect.width \/ 2), y: rect.top + (rect.height \/ 2) },\n      { x: rect.right - 20, y: rect.top + (rect.height \/ 2) }\n    ];\n\n    let totalLuminance = 0;\n    let validSamples = 0;\n\n    samplePoints.forEach(point => {\n      const elementsUnder = document.elementsFromPoint(point.x, point.y);\n      for (let i = 0; i < elementsUnder.length; i++) {\n        const el = elementsUnder[i];\n        const bgColor = window.getComputedStyle(el).backgroundColor;\n        const rgbMatch = bgColor.match(\/\\d+\/g);\n        \n        if (rgbMatch && rgbMatch.length >= 3) {\n          const r = parseInt(rgbMatch[0]);\n          const g = parseInt(rgbMatch[1]);\n          const b = parseInt(rgbMatch[2]);\n          const a = rgbMatch[3] ? parseFloat(rgbMatch[3]) : 1;\n          \n          if (a > 0.1) {\n            totalLuminance += (0.299 * r + 0.587 * g + 0.114 * b);\n            validSamples++;\n            break;\n          }\n        }\n      }\n    });\n\n    nav.style.pointerEvents = '';\n\n    if (validSamples > 0) {\n      const averageLuminance = totalLuminance \/ validSamples;\n      if (averageLuminance < 128) {\n        nav.classList.remove('theme-light');\n        nav.classList.add('theme-dark');\n      } else {\n        nav.classList.remove('theme-dark');\n        nav.classList.add('theme-light');\n      }\n    }\n  };\n\n  \/\/ Run on scroll\n  let isScrolling;\n  window.addEventListener('scroll', () => {\n    window.clearTimeout(isScrolling);\n    isScrolling = setTimeout(evaluateBackgroundLuminance, 50);\n  });\n\n  \/\/ Run on load\n  setTimeout(evaluateBackgroundLuminance, 300);\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8b16ef7 e-flex e-con-boxed e-con e-parent\" data-id=\"8b16ef7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-af9101f elementor-widget elementor-widget-text-editor\" data-id=\"af9101f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div id=\"block-280903f7422fce2dcad1\" class=\"sqs-block html-block sqs-block-html\" data-block-type=\"2\" data-border-radii=\"{&quot;topLeft&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0},&quot;topRight&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0},&quot;bottomLeft&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0},&quot;bottomRight&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0}}\" data-sqsp-block=\"text\"><div class=\"sqs-block-content\"><div class=\"sqs-html-content\" data-sqsp-text-block-content=\"\"><h1>Tietosuojaselosteet<\/h1><\/div><\/div><\/div><div id=\"block-8f8ed4360602c33826b2\" class=\"sqs-block website-component-block sqs-block-website-component sqs-block-horizontalrule horizontalrule-block\" data-block-css=\"[&quot;https:\/\/definitions.sqspcdn.com\/website-component-definition\/static-assets\/website.components.horizontalrule\/0a954eaa-86be-42e4-8e16-8d60b751f592_213\/website.components.horizontalrule.styles.css&quot;]\" data-block-scripts=\"[&quot;https:\/\/definitions.sqspcdn.com\/website-component-definition\/static-assets\/website.components.horizontalrule\/0a954eaa-86be-42e4-8e16-8d60b751f592_213\/website.components.horizontalrule.visitor.js&quot;]\" data-block-type=\"1337\" data-definition-name=\"website.components.horizontalrule\" data-sqsp-block=\"line\" data-website-component-id=\"8f8ed4360602c33826b2\"><div class=\"sqs-block-content\"><div><hr \/><\/div><\/div><\/div><div id=\"block-6b6e8fb990af8ea477f3\" class=\"sqs-block html-block sqs-block-html\" data-block-type=\"2\" data-border-radii=\"{&quot;topLeft&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0},&quot;topRight&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0},&quot;bottomLeft&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0},&quot;bottomRight&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0}}\" data-sqsp-block=\"text\"><div class=\"sqs-block-content\"><div class=\"sqs-html-content\" data-sqsp-text-block-content=\"\"><p class=\"\">Jokaisella on oikeus tiet\u00e4\u00e4, mit\u00e4 tietoja h\u00e4nest\u00e4 on tallennettu eri rekistereihin.<\/p><p class=\"\">Tietojen tarkastusoikeudesta, tarkastusoikeuden toteuttamisesta ja tietojen korjaamisesta on s\u00e4\u00e4detty EU:n yleisell\u00e4 tietosuoja-asetuksella (2016\/679). VP-Kuljetus Oy:n k\u00e4yt\u00f6ss\u00e4\u00e4n olevat asiakas- ja kumppanuustietoja sis\u00e4lt\u00e4vien henkil\u00f6rekisterien tietosuojaselosteet ovat k\u00e4ytt\u00f6tarkoituksen mukaisesti jaoteltu eri henkil\u00f6rekistereihin.<\/p><p class=\"\">K\u00e4yt\u00f6ss\u00e4mme olevat rekisterit:<\/p><ul data-rte-list=\"default\"><li><p class=\"\"><a href=\"https:\/\/oma.easygdpr.fi\/file\/public\/privacy-policies\/1733d4e2-35e6-4e85-a498-85688470fd68\" target=\"_blank\" rel=\"noopener\">Ajoneuvo- ja mobiililaiterekisteri<\/a><\/p><\/li><li><p class=\"\"><a href=\"https:\/\/oma.easygdpr.fi\/file\/public\/privacy-policies\/f6610e96-845b-4959-842e-0c1b9f08d1f2\" target=\"_blank\" rel=\"noopener\">Asiakasrekisteri B2B<\/a><\/p><\/li><li><p class=\"\"><a href=\"https:\/\/oma.easygdpr.fi\/file\/public\/privacy-policies\/3858f898-9afa-4b21-8d0d-182e6f4e86a9\" target=\"_blank\" rel=\"noopener\">Asiakasrekisteri B2C<\/a><\/p><\/li><li><p class=\"\"><a href=\"https:\/\/oma.easygdpr.fi\/file\/public\/privacy-policies\/055fca03-1d32-476b-8cd6-955302386a25\" target=\"_blank\" rel=\"noopener\">Ilmoituskanavarekisteri<\/a><\/p><\/li><li><p class=\"\"><a href=\"https:\/\/oma.easygdpr.fi\/file\/public\/privacy-policies\/b20b266f-f0d7-4d6a-9348-b389b684f13e\" target=\"_blank\" rel=\"noopener\">Kameravalvontarekisteri<\/a><\/p><\/li><li><p class=\"\"><a href=\"https:\/\/oma.easygdpr.fi\/file\/public\/privacy-policies\/26163124-58b3-4852-b495-a4bfa0caad2e\" target=\"_blank\" rel=\"noopener\">Laskutusrekisteri<\/a><\/p><\/li><li><p class=\"\"><a href=\"https:\/\/oma.easygdpr.fi\/file\/public\/privacy-policies\/981b1631-f3c0-4379-80af-49ef53958ba2\" target=\"_blank\" rel=\"noopener\">Prospektit ja potentiaaliset asiakkaat<\/a><\/p><\/li><li><p class=\"\"><a href=\"https:\/\/oma.easygdpr.fi\/file\/public\/privacy-policies\/91dde167-800a-471d-8964-441a7acc44bf\" target=\"_blank\" rel=\"noopener\">Rekrytointirekisteri<\/a><\/p><\/li><li><p class=\"\"><a href=\"https:\/\/oma.easygdpr.fi\/file\/public\/privacy-policies\/42b56a04-0fa8-4588-95be-d6fb4d9afa42\" target=\"_blank\" rel=\"noopener\">Sopimusrekisteri<\/a><\/p><\/li><li><p class=\"\"><a href=\"https:\/\/xn--shkisen%20viestinnn%20rekisteri-qvcr01d\/\" target=\"_blank\" rel=\"noopener\">S\u00e4hk\u00f6isen viestinn\u00e4n rekisteri<\/a><\/p><\/li><li><p class=\"\"><a href=\"https:\/\/oma.easygdpr.fi\/file\/public\/privacy-policies\/4ef17e60-e333-4453-96cf-71f41f499b81\" target=\"_blank\" rel=\"noopener\">Verkkovierailurekisteri<\/a><\/p><\/li><\/ul><\/div><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-69efe8d e-flex e-con-boxed e-con e-parent\" data-id=\"69efe8d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0a1fc57 elementor-widget elementor-widget-html\" data-id=\"0a1fc57\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"custom-elementor-footer\">\n  <style>\n    \/* CSS reset and scope for Elementor *\/\n    .custom-elementor-footer {\n      font-family: inherit;\n      width: 100%;\n      padding: 60px 0 0 0; \n      box-sizing: border-box;\n      background-color: transparent; \n      overflow: hidden; \n    }\n    \n    .footer-container {\n      max-width: 1400px;\n      margin: 0 auto;\n      padding: 0 20px;\n    }\n\n    \/* --- Animation Classes --- *\/\n    .fade-up-element {\n      opacity: 0;\n      transform: translateY(25px);\n      transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), \n                  transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n    }\n\n    .fade-up-element.is-visible {\n      opacity: 1;\n      transform: translateY(0);\n    }\n\n    .delay-100 { transition-delay: 0.1s; }\n    .delay-200 { transition-delay: 0.2s; }\n    .delay-300 { transition-delay: 0.3s; }\n\n    \/* --- Top CTA Box --- *\/\n    .footer-cta-box {\n      background-color: #2F6B52;\n      border-radius: 14px;\n      padding: 48px 56px;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      gap: 40px;\n      margin-bottom: 60px; \n      box-shadow: 0 16px 35px rgba(15, 59, 53, 0.07);\n    }\n\n    .cta-content {\n      max-width: 50%;\n    }\n\n    .cta-content h2 {\n      color: #ffffff;\n      font-size: 32px;\n      font-weight: 600;\n      margin: 0 0 12px 0;\n      line-height: 1.2;\n      letter-spacing: -0.4px;\n    }\n\n    .cta-content p {\n      color: #8fa8a4;\n      font-size: 15px;\n      margin: 0 0 24px 0;\n      line-height: 1.6;\n    }\n\n    .cta-button {\n      display: inline-block;\n      background-color: #c7eb98;\n      color: #0f3b35;\n      text-decoration: none;\n      border-radius: 8px;\n      padding: 13px 28px;\n      font-weight: 600;\n      font-size: 14px;\n      transition: transform 0.2s ease, background-color 0.2s ease;\n    }\n\n    .cta-button:hover {\n      transform: translateY(-2px);\n      background-color: #d4f0b3;\n    }\n\n    \/* --- Quick Contact Block --- *\/\n    .cta-quick-contact {\n      display: flex;\n      align-items: center;\n      gap: 18px;\n      background: rgba(255, 255, 255, 0.05);\n      padding: 22px 28px;\n      border-radius: 14px;\n      border: 1px solid rgba(255, 255, 255, 0.08);\n      backdrop-filter: blur(10px);\n      transition: transform 0.3s ease, background 0.3s ease;\n    }\n    \n    .cta-quick-contact:hover {\n      transform: translateY(-3px);\n      background: rgba(255, 255, 255, 0.08);\n    }\n\n    .cta-quick-contact svg {\n      width: 32px;\n      height: 32px;\n      color: #c7eb98;\n      flex-shrink: 0;\n    }\n\n    .contact-text-group {\n      display: flex;\n      flex-direction: column;\n    }\n\n    .contact-title {\n      color: #8fa8a4;\n      font-size: 11px;\n      text-transform: uppercase;\n      letter-spacing: 0.1em;\n      font-weight: 600;\n      margin-bottom: 3px;\n    }\n\n    .contact-number {\n      color: #ffffff;\n      font-size: 24px;\n      font-weight: 700;\n      letter-spacing: -0.5px;\n      text-decoration: none;\n    }\n\n    \/* --- MAIN LAYOUT --- *\/\n    .single-layout {\n      max-width: 500px;\n      margin: 0 auto 60px 0; \n    }\n\n    \/* --- Left Side: Boxed Brand & Links Card --- *\/\n    .brand-card {\n      background: #f8fafc;\n      border: 1px solid #e2e8f0;\n      border-radius: 14px;\n      padding: 36px;\n      display: flex;\n      flex-direction: column;\n      gap: 32px;\n      transition: all 0.3s ease;\n    }\n\n    .brand-card:hover {\n      border-color: #cbd5e0;\n      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.02);\n    }\n\n    .brand-identity h3 {\n      font-size: 24px;\n      font-weight: 800;\n      color: #1a202c;\n      margin: 0 0 10px 0;\n      letter-spacing: -0.4px;\n    }\n\n    .brand-identity p {\n      color: #718096;\n      font-size: 14px;\n      line-height: 1.6;\n      margin: 0;\n    }\n\n    .links-cluster {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 20px;\n      border-top: 1px solid #e2e8f0;\n      padding-top: 24px;\n    }\n\n    .nav-col h4 {\n      color: #1a202c;\n      font-size: 11px;\n      text-transform: uppercase;\n      letter-spacing: 0.08em;\n      font-weight: 700;\n      margin: 0 0 12px 0;\n    }\n\n    .nav-col ul {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n\n    .nav-col ul li a {\n      color: #718096;\n      text-decoration: none;\n      font-size: 14px;\n      transition: color 0.2s ease;\n      display: inline-block;\n    }\n\n    .nav-col ul li a:hover {\n      color: #2F6B52;\n    }\n\n    \/* --- Maker's Note Bottom Bar --- *\/\n    .footer-bottom {\n      border-top: 1px solid #e2e8f0;\n      padding: 24px 0;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    .footer-bottom p {\n      margin: 0;\n      color: #a0aec0;\n      font-size: 13px;\n    }\n\n    .footer-bottom a {\n      color: #718096;\n      text-decoration: none;\n      font-weight: 600;\n      transition: color 0.2s ease;\n    }\n\n    .footer-bottom a:hover {\n      color: #1a202c;\n    }\n\n    \/* --- Responsive Enhancements --- *\/\n    @media (max-width: 1024px) {\n      .footer-cta-box {\n        padding: 40px;\n        gap: 30px;\n      }\n    }\n\n    @media (max-width: 900px) {\n      .footer-cta-box {\n        flex-direction: column;\n        align-items: flex-start;\n      }\n      .cta-content {\n        max-width: 100%;\n        width: 100%;\n        margin-bottom: 20px;\n      }\n      .cta-quick-contact {\n        width: 100%;\n        box-sizing: border-box;\n      }\n    }\n\n    @media (max-width: 600px) {\n      .custom-elementor-footer {\n        padding: 40px 0 0 0;\n      }\n      .footer-cta-box {\n        padding: 28px 22px;\n        margin-bottom: 40px;\n      }\n      .cta-content h2 {\n        font-size: 26px;\n      }\n      .brand-card {\n        padding: 28px 22px;\n      }\n      .links-cluster {\n        grid-template-columns: 1fr;\n        gap: 16px;\n      }\n      .footer-bottom {\n        flex-direction: column;\n        gap: 12px;\n        text-align: center;\n      }\n    }\n  <\/style>\n\n  <div class=\"footer-container\">\n    <!-- CTA Block -->\n    <div class=\"footer-cta-box fade-up-element delay-100\">\n      <div class=\"cta-content\">\n        <h2>Olemme luotettava kuljetuskumppanisi.<\/h2>\n        <p>Etsitk\u00f6 asiantuntevaa ja joustavaa kuljetuspalvelua? Ota yhteytt\u00e4, niin etsit\u00e4\u00e4n yhdess\u00e4 sinulle paras ratkaisu.<\/p>\n        <a href=\"\/#YHT\" class=\"cta-button\">Ota yhteytt\u00e4<\/a>\n      <\/div>\n      \n      <!-- Quick Contact Element -->\n      <div class=\"cta-quick-contact\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 002.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-2.896-1.596-5.48-4.18-7.076-7.076l1.293-.97c.362-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 00-1.091-.852H4.5A2.25 2.25 0 002.25 4.5v2.25z\" \/>\n        <\/svg>\n        <div class=\"contact-text-group\">\n          <span class=\"contact-title\">Soita suoraan<\/span>\n          <a href=\"tel:+358500552421\" class=\"contact-number\">0500 552 421<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Main Area -->\n    <div class=\"single-layout\">\n      \n      <!-- Boxed Brand & Links Card -->\n      <div class=\"brand-card fade-up-element delay-200\">\n        <div class=\"brand-identity\">\n          <h3>VP-Kuljetus Oy<\/h3>\n          <p>\n            J\u00e4nhi\u00e4l\u00e4ntie 28<br>\n            55300 Rauha\n          <\/p>\n        <\/div>\n        \n        <div class=\"links-cluster\">\n          <div class=\"nav-col\">\n            <h4>Sivut<\/h4>\n            <ul>\n              <li><a href=\"https:\/\/vp-kuljetus.fi\/\">Etusivu<\/a><\/li>\n              <li><a href=\"https:\/\/vp-kuljetus.fi\/?page_id=754\">Yritys<\/a><\/li>\n              <li><a href=\"\/#YHT\">Ota yhteytt\u00e4<\/a><\/li>\n            <\/ul>\n          <\/div>\n          <div class=\"nav-col\">\n            <h4>Legal<\/h4>\n            <ul>\n              <li><a href=\"https:\/\/vp-kuljetus.fi\/?page_id=787\">Tietosuojaseloste<\/a><\/li>\n              <li><a href=\"https:\/\/whistleblower.esalkku.fi\/vpkuljetus\">Whistleblowing-kanava<\/a><\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n      <\/div>\n      \n    <\/div>\n\n    <!-- Maker's Note -->\n    <div class=\"footer-bottom fade-up-element delay-300\">\n      <p>&copy; 2026 VP-Kuljetus Oy. Kaikki oikeudet pid\u00e4tet\u00e4\u00e4n.<\/p>\n      <p>Sivuston toteutti <a href=\"https:\/\/haikucreative.fi\" target=\"_blank\" rel=\"noopener\">Haiku Creative<\/a><\/p>\n    <\/div>\n  <\/div>\n\n  <!-- Intersection Observer Script for Animations -->\n  <script>\n    (() => {\n      const observerCallback = (entries, observer) => {\n        entries.forEach(entry => {\n          if (entry.isIntersecting) {\n            entry.target.classList.add('is-visible');\n            observer.unobserve(entry.target); \n          }\n        });\n      };\n\n      const observer = new IntersectionObserver(observerCallback, {\n        root: null,\n        rootMargin: '0px',\n        threshold: 0.15 \n      });\n\n      const animatedElements = document.querySelectorAll('.fade-up-element');\n      animatedElements.forEach(el => observer.observe(el));\n    })();\n  <\/script>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Yrityksest\u00e4 Palvelut Kuljetustoiminta Terminaalit Ota yhteytt\u00e4 Yhteydenotto Avoin hakemus Tarjouspyynt\u00f6 Yrityksest\u00e4 Palvelut Kuljetustoiminta Terminaalit Ota yhteytt\u00e4 Yhteydenotto Avoin hakemus Tarjouspyynt\u00f6 Tietosuojaselosteet Jokaisella on oikeus tiet\u00e4\u00e4, mit\u00e4 tietoja h\u00e4nest\u00e4 on tallennettu eri rekistereihin. Tietojen tarkastusoikeudesta, tarkastusoikeuden toteuttamisesta ja tietojen korjaamisesta on s\u00e4\u00e4detty EU:n yleisell\u00e4 tietosuoja-asetuksella (2016\/679). VP-Kuljetus Oy:n k\u00e4yt\u00f6ss\u00e4\u00e4n olevat asiakas- ja kumppanuustietoja sis\u00e4lt\u00e4vien henkil\u00f6rekisterien tietosuojaselosteet [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-787","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vp-kuljetus.fi\/index.php?rest_route=\/wp\/v2\/pages\/787","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vp-kuljetus.fi\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vp-kuljetus.fi\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vp-kuljetus.fi\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vp-kuljetus.fi\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=787"}],"version-history":[{"count":7,"href":"https:\/\/vp-kuljetus.fi\/index.php?rest_route=\/wp\/v2\/pages\/787\/revisions"}],"predecessor-version":[{"id":941,"href":"https:\/\/vp-kuljetus.fi\/index.php?rest_route=\/wp\/v2\/pages\/787\/revisions\/941"}],"wp:attachment":[{"href":"https:\/\/vp-kuljetus.fi\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=787"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}