{"id":16,"date":"2026-04-29T16:07:43","date_gmt":"2026-04-29T16:07:43","guid":{"rendered":"https:\/\/runnari.net\/?page_id=16"},"modified":"2026-04-30T05:38:38","modified_gmt":"2026-04-30T05:38:38","slug":"etusivu","status":"publish","type":"page","link":"https:\/\/runnari.net\/","title":{"rendered":"Etusivu"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16\" class=\"elementor elementor-16\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a1bf661 e-flex e-con-boxed e-con e-parent\" data-id=\"a1bf661\" 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-32f8544 elementor-widget elementor-widget-html\" data-id=\"32f8544\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.runnari-page{\n  font-family: Georgia,\"Times New Roman\",serif;\n  background:#faf8f4;\n  color:#2f2a24;\n  margin:0;\n  padding:0;\n  line-height:1.6;\n}\n.runnari-page *{box-sizing:border-box;}\n\n.runnari-hero{\n  background:\n    linear-gradient(rgba(75,54,31,.25),rgba(75,54,31,.25)),\n    linear-gradient(135deg,#d8c4a7,#b89a74);\n  color:#fff;\n  padding:95px 25px;\n  text-align:center;\n  border-radius:0 0 38px 38px;\n}\n.runnari-hero h1{\n  font-size:58px;\n  margin:0 0 14px;\n  letter-spacing:3px;\n}\n.runnari-hero p{\n  font-size:22px;\n  max-width:780px;\n  margin:0 auto;\n}\n\n.runnari-wrap{\n  max-width:1180px;\n  margin:0 auto;\n  padding:55px 25px 25px;\n}\n.runnari-card{\n  background:#fff;\n  border:1px solid #e8dfd2;\n  border-radius:28px;\n  padding:38px;\n  box-shadow:0 12px 30px rgba(0,0,0,.07);\n  margin-bottom:34px;\n}\n.runnari-card h2{\n  color:#6f4f2e;\n  margin-top:0;\n  font-size:32px;\n}\n.runnari-lead{\n  font-size:19px;\n  color:#5c5043;\n}\n.runnari-quote{\n  font-style:italic;\n  background:#f8f3ea;\n  border-left:6px solid #b89a74;\n  padding:20px 24px;\n  border-radius:14px;\n  margin:26px 0;\n  font-size:20px;\n}\n\n.info-grid{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:22px;\n  margin-top:25px;\n}\n.info-box{\n  background:#fffaf3;\n  border:1px solid #e0cfb1;\n  border-radius:20px;\n  padding:24px;\n  text-align:center;\n}\n.info-box strong{\n  display:block;\n  color:#2f6239;\n  font-size:24px;\n  margin-bottom:6px;\n}\n\n.timeline{\n  position:relative;\n  padding-left:26px;\n  margin-top:20px;\n}\n.timeline:before{\n  content:\"\";\n  position:absolute;\n  left:6px;\n  top:5px;\n  bottom:5px;\n  width:3px;\n  background:#b89a74;\n  border-radius:99px;\n}\n.timeline-item{\n  position:relative;\n  margin-bottom:22px;\n}\n.timeline-item:before{\n  content:\"\";\n  position:absolute;\n  left:-26px;\n  top:8px;\n  width:15px;\n  height:15px;\n  background:#2f6239;\n  border-radius:50%;\n}\n.timeline-item strong{\n  color:#6f4f2e;\n}\n\n\/* SUKUPUU *\/\n.tree-area{\n  width:100%;\n  padding:10px 20px 45px;\n  overflow-x:auto;\n}\n.tree{\n  max-width:1300px;\n  min-width:1080px;\n  margin:0 auto;\n  position:relative;\n  text-align:center;\n}\n.tree:before{\n  content:\"\";\n  position:absolute;\n  left:50%;\n  top:210px;\n  transform:translateX(-50%);\n  width:760px;\n  height:620px;\n  background:\n    radial-gradient(circle at 25% 30%,#9ebc6c 0 11%,transparent 12%),\n    radial-gradient(circle at 42% 18%,#adc77a 0 13%,transparent 14%),\n    radial-gradient(circle at 58% 24%,#91b363 0 13%,transparent 14%),\n    radial-gradient(circle at 74% 38%,#a7c174 0 12%,transparent 13%),\n    radial-gradient(circle at 36% 55%,#8ead5d 0 14%,transparent 15%),\n    radial-gradient(circle at 60% 58%,#a4bf70 0 14%,transparent 15%);\n  opacity:.13;\n  border-radius:45%;\n  z-index:0;\n}\n.tree:after{\n  content:\"\";\n  position:absolute;\n  left:50%;\n  top:390px;\n  transform:translateX(-50%);\n  width:110px;\n  height:440px;\n  background:#9a7048;\n  opacity:.13;\n  border-radius:70px 70px 20px 20px;\n  z-index:0;\n}\n.tree-content{\n  position:relative;\n  z-index:2;\n}\n.row{\n  display:flex;\n  justify-content:center;\n  align-items:flex-start;\n  gap:34px;\n}\n.top-row{margin-bottom:24px;}\n.main-branches{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:70px;\n  align-items:start;\n  margin-top:22px;\n}\n.branch{\n  position:relative;\n  padding-top:22px;\n}\n.branch-title{\n  display:inline-block;\n  background:#fff7eb;\n  border:2px solid #d7c09f;\n  border-radius:999px;\n  padding:7px 22px;\n  color:#76522f;\n  font-size:17px;\n  font-weight:700;\n  margin-bottom:18px;\n}\n.children-row{\n  display:flex;\n  justify-content:center;\n  align-items:flex-start;\n  gap:22px;\n  margin-top:24px;\n}\n.grandchildren-row{\n  display:flex;\n  justify-content:center;\n  gap:18px;\n  margin-top:20px;\n}\n.v-line{\n  width:2px;\n  height:28px;\n  background:#3f6f3f;\n  margin:0 auto;\n}\n.h-line{\n  height:2px;\n  background:#3f6f3f;\n  margin:0 auto;\n}\n.root-line{\n  width:62%;\n  max-width:760px;\n}\n.branch-line{\n  width:80%;\n  max-width:520px;\n  margin:14px auto 0;\n}\n.small-line{\n  width:125px;\n  margin-top:12px;\n}\n.family-card{\n  display:flex;\n  background:#fffaf2;\n  border:2px solid #3f6f3f;\n  border-radius:14px;\n  overflow:hidden;\n  box-shadow:0 7px 16px rgba(0,0,0,.06);\n}\n.single-card{\n  width:126px;\n  background:#fffaf2;\n  border:2px solid #3f6f3f;\n  border-radius:14px;\n  padding:10px 8px;\n  text-align:center;\n  box-shadow:0 7px 16px rgba(0,0,0,.06);\n}\n.person{\n  width:132px;\n  padding:10px 8px;\n  text-align:center;\n}\n.divider{\n  width:1px;\n  background:#dac7ad;\n  position:relative;\n}\n.divider:after{\n  content:\"\";\n  position:absolute;\n  top:50%;\n  left:50%;\n  width:8px;\n  height:8px;\n  background:#c8564c;\n  transform:translate(-50%,-50%) rotate(45deg);\n}\n.avatar{\n  width:42px;\n  height:42px;\n  border-radius:50%;\n  background:#edc88e;\n  border:2px solid #d5ab71;\n  margin:0 auto 7px;\n  position:relative;\n}\n.avatar:before{\n  content:\"\";\n  position:absolute;\n  top:7px;\n  left:12px;\n  width:16px;\n  height:17px;\n  background:#d8c3a3;\n  border-radius:50%;\n}\n.avatar:after{\n  content:\"\";\n  position:absolute;\n  bottom:6px;\n  left:9px;\n  width:22px;\n  height:13px;\n  background:#3e6f98;\n  border-radius:16px 16px 6px 6px;\n}\n.avatar.female:after{background:#b85d7a;}\n.avatar.child:after{background:#6c9b49;}\n.avatar.deceased{opacity:.72;}\n\n.name{\n  display:block;\n  font-size:16px;\n  line-height:1.1;\n  font-weight:700;\n  color:#111;\n}\n.role{\n  display:block;\n  margin-top:5px;\n  font-size:12px;\n  line-height:1.25;\n  color:#6f5d49;\n}\n.note{\n  display:block;\n  margin-top:4px;\n  font-size:11px;\n  color:#8a6439;\n}\n.juha-branch{\n  border-left:1px solid rgba(63,111,63,.25);\n  padding-left:28px;\n}\n\n.contact-box{\n  max-width:680px;\n  margin:38px auto 0;\n  background:#fff7eb;\n  border:2px solid #d7c09f;\n  border-radius:10px;\n  padding:12px 20px;\n  text-align:center;\n  color:#734f2d;\n  font-size:17px;\n}\n.contact-box strong{color:#2f6239;}\n.runnari-footer{\n  text-align:center;\n  color:#8b7a67;\n  font-size:14px;\n  padding:18px 0 30px;\n}\n\n@media(max-width:800px){\n  .runnari-hero h1{font-size:38px;}\n  .runnari-hero p{font-size:17px;}\n  .runnari-card{padding:24px;}\n  .info-grid{grid-template-columns:1fr;}\n  .tree{min-width:1020px;}\n}\n<\/style>\n\n<div class=\"runnari-page\">\n\n<section class=\"runnari-hero\">\n  <h1>Runnarin suku<\/h1>\n  <p>Suvun historiaa, sukupuu ja muistoja nimen synnyst\u00e4<\/p>\n<\/section>\n\n<div class=\"runnari-wrap\">\n\n  <div class=\"runnari-card\">\n    <h2>Runnarin historia<\/h2>\n\n    <p class=\"runnari-lead\">\n      Runnarin suvun tarina juontaa juurensa Hinnerjoen Vaalijoenkyl\u00e4\u00e4n,\n      \u201cKaupunginp\u00e4\u00e4n\u201d seudulle. Suvun nimen taustalla on kertomus\n      ty\u00f6nteosta, liikkeest\u00e4 ja ajasta, jolloin kuorma-auto oli maaseudulla\n      viel\u00e4 harvinainen n\u00e4ky.\n    <\/p>\n\n    <p>\n      Suvun esi-is\u00e4 on Frans Lunden Hinnerjoen Vaalijoenkyl\u00e4n \u201cKaupunginp\u00e4\u00e4st\u00e4\u201d.\n      Perim\u00e4tiedon mukaan Frans Johannes Lunden hankki ensimm\u00e4isen\u00e4\n      kuorma-auton Hinnerjoelle ja ajoi muun muassa puutavaraa Rauman ja\n      Uudenkaupungin satamiin.\n    <\/p>\n\n    <p>\n      1900-luvun alkupuolella kuorma-autoilu oli uutta ja vaativaa ty\u00f6t\u00e4.\n      Kuljetuksia tehtiin pitki\u00e4 p\u00e4ivi\u00e4, usein aikaisin aamulla ja my\u00f6h\u00e4\u00e4n\n      y\u00f6h\u00f6n. Auto toi mukanaan uusia mahdollisuuksia, mutta my\u00f6s paljon\n      vastuuta ja ty\u00f6t\u00e4.\n    <\/p>\n\n    <div class=\"runnari-quote\">\n      \u201cAika Runnari, kun runnoo y\u00f6kaudet sill\u00e4 autollaan.\u201d\n    <\/div>\n\n    <p>\n      T\u00e4st\u00e4 sanonnasta sai alkunsa nimi, joka j\u00e4i el\u00e4m\u00e4\u00e4n suvussa.\n      Frans Lunden muutti ruotsinkielisen sukunimens\u00e4 Runnariksi, ja nimi\n      my\u00f6s suojattiin. Runnarin nimi on kulkenut suvussa sukupolvelta toiselle\n      muistuttaen sitkeydest\u00e4, yritteli\u00e4isyydest\u00e4 ja omasta tiest\u00e4.\n    <\/p>\n\n    <div class=\"info-grid\">\n      <div class=\"info-box\"><strong>Hinnerjoki<\/strong>suvun juuria<\/div>\n      <div class=\"info-box\"><strong>Runnari<\/strong>nimi ty\u00f6nteosta<\/div>\n      <div class=\"info-box\"><strong>Rauma &amp; Uusikaupunki<\/strong>kuljetusten satamia<\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"runnari-card\">\n    <h2>Nimen tarina aikajanalla<\/h2>\n\n    <div class=\"timeline\">\n      <div class=\"timeline-item\">\n        <strong>Hinnerjoen Vaalijoenkyl\u00e4<\/strong><br>\n        Suvun juuret liittyv\u00e4t Hinnerjoen Vaalijoenkyl\u00e4n \u201cKaupunginp\u00e4\u00e4n\u201d\n        seutuun.\n      <\/div>\n\n      <div class=\"timeline-item\">\n        <strong>Ensimm\u00e4inen kuorma-auto<\/strong><br>\n        Frans Johannes Lunden hankki perim\u00e4tiedon mukaan ensimm\u00e4isen\u00e4\n        kuorma-auton Hinnerjoelle.\n      <\/div>\n\n      <div class=\"timeline-item\">\n        <strong>Y\u00f6kausien ajot<\/strong><br>\n        Puutavaraa ajettiin Rauman ja Uudenkaupungin satamiin, ja ty\u00f6p\u00e4iv\u00e4t\n        venyiv\u00e4t usein pitkiksi.\n      <\/div>\n\n      <div class=\"timeline-item\">\n        <strong>Runnarin nimi<\/strong><br>\n        Sanonnasta \u201cAika Runnari...\u201d syntyi nimi, joka my\u00f6hemmin suojattiin\n        ja j\u00e4i suvun k\u00e4ytt\u00f6\u00f6n.\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<div class=\"tree-area\">\n  <div class=\"tree\">\n    <div class=\"tree-content\">\n\n      <div class=\"row top-row\">\n        <div class=\"family-card\">\n\n          <div class=\"person\">\n            <div class=\"avatar\"><\/div>\n            <span class=\"name\">Frans Runnari \u2020<\/span>\n            <span class=\"role\">Valven is\u00e4<\/span>\n          <\/div>\n\n          <div class=\"divider\"><\/div>\n\n          <div class=\"person\">\n            <div class=\"avatar female\"><\/div>\n            <span class=\"name\">Anna Runnari \u2020<\/span>\n            <span class=\"role\">Valven \u00e4iti<\/span>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n      <div class=\"v-line\"><\/div>\n\n      <div class=\"row top-row\">\n        <div class=\"family-card\">\n\n          <div class=\"person\">\n            <div class=\"avatar deceased\"><\/div>\n            <span class=\"name\">Valve J.<br>Runnari \u2020<\/span>\n            <span class=\"role\">Vuokon entinen puoliso<\/span>\n          <\/div>\n\n          <div class=\"divider\"><\/div>\n\n          <div class=\"person\">\n            <div class=\"avatar female\"><\/div>\n            <span class=\"name\">Vuokko<br>Reijonen<\/span>\n            <span class=\"role\">Valven entinen puoliso<\/span>\n            <span class=\"note\">my\u00f6h. uudessa avioliitossa<\/span>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n      <div class=\"v-line\"><\/div>\n      <div class=\"h-line root-line\"><\/div>\n\n      <div class=\"main-branches\">\n\n        <div class=\"branch\">\n          <div class=\"branch-title\">Jarin perhe<\/div>\n\n          <div class=\"row\">\n            <div class=\"family-card\">\n\n              <div class=\"person\">\n                <div class=\"avatar\"><\/div>\n                <span class=\"name\">Jari<br>Runnari<\/span>\n                <span class=\"role\">Valve ja Vuokon poika<\/span>\n              <\/div>\n\n              <div class=\"divider\"><\/div>\n\n              <div class=\"person\">\n                <div class=\"avatar female\"><\/div>\n                <span class=\"name\">Anneli<br>Runnari<\/span>\n                <span class=\"role\">Jarin puoliso<\/span>\n              <\/div>\n\n            <\/div>\n          <\/div>\n\n          <div class=\"v-line\"><\/div>\n          <div class=\"h-line branch-line\"><\/div>\n\n          <div class=\"children-row\">\n\n            <div>\n              <div class=\"family-card\">\n\n                <div class=\"person\">\n                  <div class=\"avatar\"><\/div>\n                  <span class=\"name\">Juho<br>Runnari<\/span>\n                  <span class=\"role\">Jarin ja Annelin poika<\/span>\n                <\/div>\n\n                <div class=\"divider\"><\/div>\n\n                <div class=\"person\">\n                  <div class=\"avatar female\"><\/div>\n                  <span class=\"name\">Minni<br>Runnari<\/span>\n                  <span class=\"role\">Juhon puoliso<\/span>\n                <\/div>\n\n              <\/div>\n\n              <div class=\"v-line\"><\/div>\n              <div class=\"h-line small-line\"><\/div>\n\n              <div class=\"grandchildren-row\">\n                <div class=\"single-card\">\n                  <div class=\"avatar child\"><\/div>\n                  <span class=\"name\">Leevi<br>Runnari<\/span>\n                  <span class=\"role\">Juhon ja Minnin poika<\/span>\n                <\/div>\n\n                <div class=\"single-card\">\n                  <div class=\"avatar child\"><\/div>\n                  <span class=\"name\">Viljo<br>Runnari<\/span>\n                  <span class=\"role\">Juhon ja Minnin poika<\/span>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <div>\n              <div class=\"family-card\">\n\n                <div class=\"person\">\n                  <div class=\"avatar\"><\/div>\n                  <span class=\"name\">Joel<br>Runnari<\/span>\n                  <span class=\"role\">Jarin ja Annelin poika<\/span>\n                <\/div>\n\n                <div class=\"divider\"><\/div>\n\n                <div class=\"person\">\n                  <div class=\"avatar female\"><\/div>\n                  <span class=\"name\">Milena<br>Runnari<\/span>\n                  <span class=\"role\">Joelin puoliso<\/span>\n                <\/div>\n\n              <\/div>\n            <\/div>\n\n            <div class=\"single-card\">\n              <div class=\"avatar\"><\/div>\n              <span class=\"name\">Janne<br>Runnari<\/span>\n              <span class=\"role\">Jarin ja Annelin poika<\/span>\n            <\/div>\n\n          <\/div>\n        <\/div>\n\n        <div class=\"branch juha-branch\">\n          <div class=\"branch-title\">Juhan perhe<\/div>\n\n          <div class=\"row\">\n            <div class=\"family-card\">\n\n              <div class=\"person\">\n                <div class=\"avatar\"><\/div>\n                <span class=\"name\">Juha<br>Runnari<\/span>\n                <span class=\"role\">Valve ja Vuokon poika<\/span>\n              <\/div>\n\n              <div class=\"divider\"><\/div>\n\n              <div class=\"person\">\n                <div class=\"avatar female\"><\/div>\n                <span class=\"name\">Jaana<br>Runnari<\/span>\n                <span class=\"role\">Juhan puoliso<\/span>\n              <\/div>\n\n            <\/div>\n          <\/div>\n\n          <div class=\"v-line\"><\/div>\n\n          <div class=\"children-row\">\n            <div>\n\n              <div class=\"family-card\">\n\n                <div class=\"person\">\n                  <div class=\"avatar child\"><\/div>\n                  <span class=\"name\">Roope<br>Forsten<\/span>\n                  <span class=\"role\">Juhan ja Jaanan poika<\/span>\n                <\/div>\n\n                <div class=\"divider\"><\/div>\n\n                <div class=\"person\">\n                  <div class=\"avatar female\"><\/div>\n                  <span class=\"name\">Noora<br>Roponen<\/span>\n                  <span class=\"role\">Roopen avopuoliso<\/span>\n                <\/div>\n\n              <\/div>\n\n              <div class=\"v-line\"><\/div>\n\n              <div class=\"grandchildren-row\">\n                <div class=\"single-card\">\n                  <div class=\"avatar child\"><\/div>\n                  <span class=\"name\">Aatos<br>Forsten<\/span>\n                  <span class=\"role\">Roopen ja Nooran poika<\/span>\n                <\/div>\n              <\/div>\n\n            <\/div>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n      <div class=\"contact-box\">\n        <strong>Yll\u00e4pit\u00e4j\u00e4n yhteystiedot<\/strong> \u2013 s\u00e4hk\u00f6postiosoite:\n        <strong>juha@runnari.net<\/strong>\n      <\/div>\n\n      <div class=\"runnari-footer\">runnari.net<\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\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>Runnarin suku Suvun historiaa, sukupuu ja muistoja nimen synnyst\u00e4 Runnarin historia Runnarin suvun tarina juontaa juurensa Hinnerjoen Vaalijoenkyl\u00e4\u00e4n, \u201cKaupunginp\u00e4\u00e4n\u201d seudulle. Suvun nimen taustalla on kertomus ty\u00f6nteosta, liikkeest\u00e4 ja ajasta, jolloin kuorma-auto oli maaseudulla viel\u00e4 harvinainen n\u00e4ky. Suvun esi-is\u00e4 on Frans Lunden Hinnerjoen Vaalijoenkyl\u00e4n \u201cKaupunginp\u00e4\u00e4st\u00e4\u201d. Perim\u00e4tiedon mukaan Frans Johannes Lunden hankki ensimm\u00e4isen\u00e4 kuorma-auton Hinnerjoelle ja ajoi &#8230; <a title=\"Etusivu\" class=\"read-more\" href=\"https:\/\/runnari.net\/\" aria-label=\"Lue lis\u00e4\u00e4 aiheesta Etusivu\">Lue lis\u00e4\u00e4<\/a><\/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-16","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/runnari.net\/index.php\/wp-json\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/runnari.net\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/runnari.net\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/runnari.net\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/runnari.net\/index.php\/wp-json\/wp\/v2\/comments?post=16"}],"version-history":[{"count":33,"href":"https:\/\/runnari.net\/index.php\/wp-json\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":77,"href":"https:\/\/runnari.net\/index.php\/wp-json\/wp\/v2\/pages\/16\/revisions\/77"}],"wp:attachment":[{"href":"https:\/\/runnari.net\/index.php\/wp-json\/wp\/v2\/media?parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}