@charset "UTF-8";
/*
"grid-1-big-3-small" => "1 iso + 3 pientä ",
"grid-2-med-2-med" => "2 puolikasta + 2 puolikasta",
"grid-1-big-2-med-3-small" => "1 iso + 2 puolikasta + 3 pientä",
"3-small" => "3 pientä ",
*/
#footer {
  display: block;
  float: left;
  box-sizing: border-box;
  color: #fff;
  padding: 80px 0px 50px 0px;
  margin: 0;
  width: 100%;
  margin-top: 0;
  background: #495f71;
}
#footer h3 {
  font-weight: bold;
  margin: 0px 0px 10px 0px;
  color: #fff;
}
#footer h2 {
  font-size: 1.1em;
  font-weight: bold;
  line-height: 1.3;
  margin: 0px 0px 10px 0px;
  color: #fff;
}
#footer p {
  font-size: 0.9412em;
  line-height: 1.5;
  color: #fff;
}
#footer strong,
#footer b {
  color: #fff;
}
#footer .footer-column {
  display: block;
  float: left;
  width: 100%;
  padding-top: 30px;
}
#footer #footer-logo-column {
  padding-top: 0;
}
#footer ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#footer ul li {
  margin: 0;
  padding: 0;
  font-size: 0.9412em;
  line-height: 1.6;
}
#footer ul li::before {
  display: none !important;
}
#footer ul li:after {
  display: none !important;
}
#footer a {
  color: #fff;
}
#footer a:hover {
  text-decoration: underline !important;
}
#footer a:focus {
  outline: 2px dashed #fff;
}
#footer a.external-link::after {
  background: url(icons/link-external.svg);
  opacity: 0.6;
  width: 13px;
  height: 13px;
  top: 5px;
}
#footer a.external-link:hover::after {
  opacity: 0.8;
}
#footer .container {
  width: 100%;
  margin: 0 auto;
  display: grid;
  grid-template: 1fr/3fr 8fr;
  grid-gap: 32px;
  margin-bottom: 32px;
}
#footer .container #footer-contact-and-some {
  grid-row: span 1;
  grid-column: span 1;
}
#footer .container #footer-menu {
  grid-row: span 1;
  grid-column: span 1;
  display: grid;
  grid-template: 1fr/1fr 1fr 1fr 1fr;
  grid-gap: 32px;
}
#footer .container #footer-menu .contentarea li a {
  text-decoration: none;
}
#footer .container .logo {
  margin: 0 auto;
  display: block;
  float: none;
  z-index: 10;
  width: 100%;
}
@media only screen and (min-width: 800px) and (max-width: 1100px) {
  #footer .container {
    grid-template: 1fr/4fr 8fr;
  }
  #footer .container #footer-menu {
    grid-template: 1fr/1fr 1fr;
  }
}
@media only screen and (min-width: 420px) and (max-width: 800px) {
  #footer .container {
    grid-template: 1fr/1fr;
  }
  #footer .container #footer-menu {
    grid-template: 1fr/1fr 1fr;
  }
  #footer .container #footer-contact-and-some h2, #footer .container #footer-contact-and-some h3, #footer .container #footer-contact-and-some p, #footer .container #footer-contact-and-some li {
    text-align: center;
  }
  #footer .container #footer-contact-and-some .logo {
    width: 164px;
  }
}
@media only screen and (max-width: 420px) {
  #footer .container {
    grid-template: 1fr/1fr;
  }
  #footer .container h2, #footer .container h3, #footer .container p, #footer .container li {
    text-align: center;
  }
  #footer .container #footer-menu {
    grid-template: 1fr/1fr;
  }
  #footer .container .logo {
    width: 164px;
  }
}

#footer_column_1_content .external-link {
  padding-right: 0;
}
#footer_column_1_content .external-link::after {
  background: none !important;
  opacity: 0.6;
  width: 13px;
  height: 13px;
  top: 5px;
}
#footer_column_1_content .external-link:hover::after {
  opacity: 0.8;
}

html.kontrasti #front-top-cards .card-grid-card:after {
  background-color: #235a13;
}/*# sourceMappingURL=footer.css.map */