:root {
  --valkoinen: var(--nega);
  --lämmin-punainen: maroon;
  --valikon-korostus: #c2061433;
  --kcm-punainen: #c20614;
  --nega: white;
}

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

a {
  color: #333;
  width: auto;
  min-width: 200px;
  margin-top: 30px;
  margin-left: 467px;
  font-family: Skatta sans, sans-serif;
}

a.w--current {
  color: maroon;
  font-family: Skatta sans, sans-serif;
}

.body {
  background-color: #fff;
}

.slider {
  background-color: #0000;
  width: 720px;
  height: 585px;
}

.icon, .icon-2 {
  text-shadow: 1px 1px 6px #000;
  margin-top: 40px;
  padding-top: 0%;
}

.vinkki1_kuva {
  margin-bottom: 30px;
  margin-left: 30px;
  display: block;
  position: absolute;
  inset: auto auto 0% 0%;
}

.katso_resepti {
  margin-top: 535px;
  margin-left: 511px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.slide-nav {
  width: 100%;
  margin-top: -48px;
  margin-left: 0;
  position: relative;
  inset: auto auto 0%;
}

.sormi {
  margin-top: 494px;
  margin-left: 530px;
  position: absolute;
  inset: 0% auto auto 0%;
  transform: rotate(-106deg);
}

.right-arrow, .left-arrow {
  opacity: 0;
  height: 20%;
  margin-top: 458px;
}

.reseptilinkki1 {
  height: 398px;
}

.reseptikuva1 {
  margin-top: -305px;
  margin-left: 56px;
  padding-right: 41px;
  display: block;
  transform: rotate(0);
}

.otsikkolinkki {
  width: 720px;
  height: 180px;
  padding-right: 0;
}

.reseptikuva2 {
  margin-top: -293px;
  margin-left: 45px;
  padding-left: 0;
  display: block;
  transform: rotate(0);
}

.reseptilinkki2 {
  height: 398px;
  line-height: 20px;
}

.reseptilinkki3 {
  height: 398px;
}

.reseptikuva3 {
  margin-top: -266px;
  margin-left: 19px;
  display: block;
  transform: rotate(0);
}

.reseptikuva4 {
  margin: -401px 0 0 -37px;
  display: block;
  position: relative;
  inset: auto 0% 0% auto;
}

.reseptikuva5 {
  margin-bottom: -57px;
  margin-right: -21px;
  display: block;
  position: absolute;
  inset: auto 0% 0% auto;
  transform: rotate(11deg);
}

.reseptikuva6 {
  margin-bottom: -57px;
  margin-right: 0;
  display: block;
  position: absolute;
  inset: auto 0% 0% auto;
}

.reseptikuva7 {
  margin-bottom: -49px;
  margin-right: -41px;
  display: block;
  position: absolute;
  inset: auto 0% 0% auto;
}

.reseptikuva8 {
  margin-bottom: -92px;
  margin-right: -28px;
  display: block;
  position: absolute;
  inset: auto 0% 0% auto;
  transform: rotate(23deg);
}

.text-block {
  opacity: .8;
  text-shadow: 1px 1px 6px #000;
  margin-top: 85px;
  font-size: 12px;
  line-height: 12px;
}

.paaotsikko {
  z-index: 800;
  margin-top: 160px;
  margin-left: 383px;
  display: block;
  position: absolute;
  top: 11px;
  left: -24px;
  transform: rotate(0);
}

.reseptiotsikko1 {
  margin-top: 282px;
  margin-left: 519px;
}

.reseptiotsikko-2 {
  z-index: 997;
  margin-top: 252px;
  margin-left: 507px;
}

.reseptiotsikko-4 {
  margin-top: 345px;
  margin-left: 446px;
  position: relative;
}

.reseptiotsikko3 {
  margin-top: 252px;
  margin-left: 510px;
}

.reseptikuva2-copy {
  margin-bottom: -123px;
  margin-right: -188px;
  display: block;
  position: absolute;
  inset: auto 0% 0% auto;
  transform: rotate(63deg);
}

.reseptiotsikko2 {
  z-index: 998;
  margin-top: 272px;
  margin-left: 76px;
  position: relative;
}

.reseptikuva9 {
  margin-top: -309px;
  margin-left: 314px;
  display: block;
  position: relative;
  inset: 0 0% 0% 0;
}

.slide {
  margin-top: -17px;
  margin-left: -48px;
}

.otsikkolinkki-4 {
  width: 720px;
  height: 180px;
  padding-right: 0;
}

.reseptilinkki-4 {
  height: 398px;
}

.reseptiotsikko4 {
  margin-top: 242px;
  margin-left: 492px;
}

.reseptikuva-4 {
  margin-top: -395px;
  margin-left: 106px;
  display: block;
  transform: rotate(69deg);
}

.link-block {
  width: 300px;
  height: 150px;
  margin-top: -611px;
  margin-left: 403px;
}

.link-block-2 {
  z-index: 999;
  width: 300px;
  height: 200px;
  margin-top: 194px;
  margin-left: 382px;
  padding-top: 0;
  padding-bottom: 0;
  position: absolute;
}

.alue-body {
  max-width: 720px;
  overflow: hidden;
}

.valikkonappi {
  z-index: 2000;
  aspect-ratio: auto;
  background-color: var(--valkoinen);
  object-fit: fill;
  border-radius: 20px;
  width: 192px;
  min-width: 200px;
  height: 34px;
  margin-top: -544px;
  margin-left: 50px;
  padding: 9px 30px 10px 28px;
  font-family: Skatta sans, sans-serif;
  font-size: 14px;
  font-weight: 700;
  position: absolute;
  inset: 505px auto auto 27px;
}

.valikkonappi.w--open {
  background-color: var(--lämmin-punainen);
  min-width: 200px;
}

.image {
  position: absolute;
  inset: 380px auto auto 0%;
}

.rinkitausta {
  z-index: 1;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
  position: absolute;
  inset: 0% auto auto 0%;
}

.rinkituotekuva {
  z-index: 10;
  position: absolute;
  inset: 380px auto auto 0%;
}

.rinkituotekuva.rinkituotteet {
  opacity: 1;
  filter: blur(8px);
  margin-top: -692px;
  position: absolute;
  top: 693px;
}

.valikkoteksti {
  color: #c20614;
  margin-top: 0;
  margin-left: -23px;
  padding-top: 0;
  padding-left: 11px;
}

.valikkoikoni {
  color: #c20614;
  margin-top: 0;
  padding-top: 11px;
  padding-left: 0;
}

.aluevalikko {
  word-break: normal;
  mix-blend-mode: darken;
  background-color: #fff;
  border-radius: 0;
  min-width: 260px;
  max-width: 300px;
  min-height: 300px;
  max-height: 300px;
  margin-top: 73px;
  margin-bottom: 0;
  margin-left: 18px;
  padding: 45px 0 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  display: none;
  position: absolute;
  inset: auto;
}

.aluevalikko.w--open {
  background-color: #ffffffe6;
  background-image: linear-gradient(#ffffff80, #ffffff80);
  border-radius: 2px 2px 20px 20px;
  min-width: 200px;
  max-width: 300px;
  max-height: 550px;
  padding-bottom: 60px;
  inset: auto auto -545px 27px;
  overflow: auto;
  box-shadow: 1px 1px 12px -5px #00000080;
}

.valikkokohde {
  background-color: #0000;
  font-family: Skatta sans, sans-serif;
}

.valikkokohde:hover, .valikkokohde:focus {
  background-color: var(--valikon-korostus);
}

.dropdown-link {
  color: var(--lämmin-punainen);
}

.aluelinkki {
  background-color: #0000;
  margin-top: 0;
  font-size: 18px;
}

.aluelinkki:hover, .aluelinkki:focus {
  background-color: var(--valikon-korostus);
}

.aluelinkki:focus-visible {
  background-color: var(--valikon-korostus);
}

.aluelinkki[data-wf-focus-visible] {
  background-color: var(--valikon-korostus);
}

.aluelinkki.w--current {
  color: var(--lämmin-punainen);
}

.dropdown {
  min-width: 300px;
  max-width: 300px;
  max-height: 200px;
  margin-top: -43px;
  margin-left: -164px;
  margin-right: 0;
  padding-top: 0;
  padding-left: 15px;
  font-size: 16px;
  display: block;
  position: absolute;
  top: 196px;
  left: 472px;
}

.link-block-3 {
  min-width: 100px;
  min-height: 70px;
  margin-top: 582px;
  margin-left: 567px;
  padding-top: 0;
  position: fixed;
}

.link-block-8 {
  position: fixed;
}

.link-block-20 {
  min-width: 120px;
  min-height: 100px;
  margin-top: 21px;
  margin-left: 512px;
  position: relative;
}

.link-block-10 {
  margin-top: -1196px;
  margin-left: 477px;
  position: relative;
}

.link-block-11 {
  margin-top: -1197px;
  position: absolute;
}

.link-block-12 {
  margin-top: -1193px;
  margin-left: 255px;
  position: relative;
}

.link-block-13 {
  margin-top: -1193px;
  margin-left: 478px;
  position: relative;
}

.link-block-14 {
  margin-top: 622px;
  margin-left: 520px;
  padding-top: 0;
}

.link-block-15 {
  position: relative;
  top: 419px;
  left: 45px;
}

.link-block-20-copy {
  min-width: 120px;
  min-height: 100px;
  margin-top: 426px;
  margin-left: 557px;
  position: relative;
}

.valikkonappi-animoitu-nappi {
  z-index: 4;
  background-color: var(--kcm-punainen);
  object-fit: fill;
  border-radius: 20px;
  width: 192px;
  min-width: 200px;
  height: 34px;
  margin-top: -373px;
  margin-left: 395px;
  padding: 9px 30px 11px 21px;
  font-family: Skatta sans, sans-serif;
  font-size: 14px;
  font-weight: 700;
  position: absolute;
  inset: 505px auto auto 27px;
}

.valikkonappi-animoitu-nappi.w--open {
  background-color: var(--lämmin-punainen);
  min-width: 200px;
}

.aluesivutausta {
  z-index: 1;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
  position: absolute;
  inset: 0% auto auto 0%;
}

.image-2 {
  z-index: 3;
  margin-left: 0;
  position: fixed;
}

.ylaosa {
  z-index: 500;
  margin-left: 0;
  position: absolute;
}

.aluetuotekuva {
  z-index: 10;
  position: absolute;
  inset: 380px auto auto 0%;
}

.aluetuotekuva.aluetuotteet {
  opacity: 1;
  filter: blur(8px);
  margin-top: -693px;
  position: absolute;
  top: 693px;
}

.aluetuotekuva_kaakko {
  z-index: 10;
  position: absolute;
  inset: 380px auto auto 0%;
}

.aluetuotekuva_kaakko.aluetuotteet {
  opacity: 1;
  filter: blur(8px);
  margin-top: -693px;
  position: absolute;
  top: 693px;
}

.aluetuotekuva_kaakko.aluetuotteet_kaakko {
  opacity: 1;
  filter: blur();
  mix-blend-mode: normal;
  margin-top: -693px;
  position: absolute;
  top: 693px;
}

.aluetuotekuva_turku {
  z-index: 10;
  position: absolute;
  inset: 380px auto auto 0%;
}

.aluetuotekuva_turku.aluetuotteet, .aluetuotekuva_turku.aluetuotteet_kaakko {
  opacity: 1;
  filter: blur(8px);
  margin-top: -693px;
  position: absolute;
  top: 693px;
}

.aluetuotekuva_turku.aluetuotteet_turku {
  opacity: 1;
  filter: blur();
  margin-top: -693px;
  position: absolute;
  top: 693px;
}

.aluetuotekuva_savokarjala {
  z-index: 10;
  position: absolute;
  inset: 380px auto auto 0%;
}

.aluetuotekuva_savokarjala.aluetuotteet, .aluetuotekuva_savokarjala.aluetuotteet_kaakko, .aluetuotekuva_savokarjala.aluetuotteet_turku {
  opacity: 1;
  filter: blur(8px);
  margin-top: -693px;
  position: absolute;
  top: 693px;
}

.aluetuotekuva_savokarjala.aluetuotteet_savokarjala {
  opacity: 1;
  filter: blur();
  margin-top: -693px;
  position: absolute;
  top: 693px;
}

.aluetuotekuva_pohjoissuomi {
  z-index: 10;
  position: absolute;
  inset: 380px auto auto 0%;
}

.aluetuotekuva_pohjoissuomi.aluetuotteet, .aluetuotekuva_pohjoissuomi.aluetuotteet_kaakko, .aluetuotekuva_pohjoissuomi.aluetuotteet_turku, .aluetuotekuva_pohjoissuomi.aluetuotteet_savokarjala {
  opacity: 1;
  filter: blur(8px);
  margin-top: -693px;
  position: absolute;
  top: 693px;
}

.aluetuotekuva_pohjoissuomi.aluetuotteet_pohjoissuomi {
  opacity: 1;
  filter: blur();
  margin-top: -693px;
  position: absolute;
  top: 693px;
}

.aluetuotekuva_pohjanmaa {
  z-index: 10;
  position: absolute;
  inset: 380px auto auto 0%;
}

.aluetuotekuva_pohjanmaa.aluetuotteet, .aluetuotekuva_pohjanmaa.aluetuotteet_kaakko, .aluetuotekuva_pohjanmaa.aluetuotteet_turku, .aluetuotekuva_pohjanmaa.aluetuotteet_savokarjala, .aluetuotekuva_pohjanmaa.aluetuotteet_pohjoissuomi {
  opacity: 1;
  filter: blur(8px);
  margin-top: -693px;
  position: absolute;
  top: 693px;
}

.aluetuotekuva_pohjanmaa.aluetuotteet_pohjanmaa {
  opacity: 1;
  filter: blur();
  margin-top: -693px;
  position: absolute;
  top: 693px;
}

.aluetuotekuva_keskisuomi {
  z-index: 10;
  position: absolute;
  inset: 380px auto auto 0%;
}

.aluetuotekuva_keskisuomi.aluetuotteet, .aluetuotekuva_keskisuomi.aluetuotteet_kaakko, .aluetuotekuva_keskisuomi.aluetuotteet_turku, .aluetuotekuva_keskisuomi.aluetuotteet_savokarjala, .aluetuotekuva_keskisuomi.aluetuotteet_pohjoissuomi, .aluetuotekuva_keskisuomi.aluetuotteet_pohjanmaa {
  opacity: 1;
  filter: blur(8px);
  margin-top: -693px;
  position: absolute;
  top: 693px;
}

.aluetuotekuva_keskisuomi.aluetuotteet_keskisuomi {
  opacity: 1;
  filter: blur();
  margin-top: -693px;
  position: absolute;
  top: 693px;
}

.aluetuotekuva_pirkanmaa {
  z-index: 10;
  position: absolute;
  inset: 380px auto auto 0%;
}

.aluetuotekuva_pirkanmaa.aluetuotteet, .aluetuotekuva_pirkanmaa.aluetuotteet_kaakko, .aluetuotekuva_pirkanmaa.aluetuotteet_turku, .aluetuotekuva_pirkanmaa.aluetuotteet_savokarjala, .aluetuotekuva_pirkanmaa.aluetuotteet_pohjoissuomi, .aluetuotekuva_pirkanmaa.aluetuotteet_pohjanmaa, .aluetuotekuva_pirkanmaa.aluetuotteet_keskisuomi {
  opacity: 1;
  filter: blur(8px);
  margin-top: -693px;
  position: absolute;
  top: 693px;
}

.aluetuotekuva_pirkanmaa.aluetuotteet_pirkanmaa {
  opacity: 1;
  filter: blur();
  margin-top: -693px;
  position: absolute;
  top: 693px;
}

.aluetuotekuva_paijathame {
  z-index: 10;
  position: absolute;
  inset: 380px auto auto 0%;
}

.aluetuotekuva_paijathame.aluetuotteet, .aluetuotekuva_paijathame.aluetuotteet_kaakko, .aluetuotekuva_paijathame.aluetuotteet_turku, .aluetuotekuva_paijathame.aluetuotteet_savokarjala, .aluetuotekuva_paijathame.aluetuotteet_pohjoissuomi, .aluetuotekuva_paijathame.aluetuotteet_pohjanmaa, .aluetuotekuva_paijathame.aluetuotteet_keskisuomi, .aluetuotekuva_paijathame.aluetuotteet_pirkanmaa {
  opacity: 1;
  filter: blur(8px);
  margin-top: -693px;
  position: absolute;
  top: 693px;
}

.aluetuotekuva_paijathame.aluetuotteet_paijathame {
  opacity: 1;
  filter: blur();
  margin-top: -693px;
  position: absolute;
  top: 693px;
}

.aluetuotekuva_satakunta {
  z-index: 10;
  position: absolute;
  inset: 380px auto auto 0%;
}

.aluetuotekuva_satakunta.aluetuotteet, .aluetuotekuva_satakunta.aluetuotteet_kaakko, .aluetuotekuva_satakunta.aluetuotteet_turku, .aluetuotekuva_satakunta.aluetuotteet_savokarjala, .aluetuotekuva_satakunta.aluetuotteet_pohjoissuomi, .aluetuotekuva_satakunta.aluetuotteet_pohjanmaa, .aluetuotekuva_satakunta.aluetuotteet_keskisuomi, .aluetuotekuva_satakunta.aluetuotteet_pirkanmaa {
  opacity: 1;
  filter: blur(8px);
  margin-top: -693px;
  position: absolute;
  top: 693px;
}

.aluetuotekuva_satakunta.aluetuotteet_satakunta {
  opacity: 1;
  filter: blur();
  margin-top: -693px;
  position: absolute;
  top: 693px;
}

.aluetuotekuva_pks {
  z-index: 10;
  position: absolute;
  inset: 380px auto auto 0%;
}

.aluetuotekuva_pks.aluetuotteet, .aluetuotekuva_pks.aluetuotteet_kaakko, .aluetuotekuva_pks.aluetuotteet_turku, .aluetuotekuva_pks.aluetuotteet_savokarjala, .aluetuotekuva_pks.aluetuotteet_pohjoissuomi, .aluetuotekuva_pks.aluetuotteet_pohjanmaa, .aluetuotekuva_pks.aluetuotteet_keskisuomi, .aluetuotekuva_pks.aluetuotteet_pirkanmaa, .aluetuotekuva_pks.aluetuotteet_satakunta {
  opacity: 1;
  filter: blur(8px);
  margin-top: -693px;
  position: absolute;
  top: 693px;
}

.aluetuotekuva_pks.aluetuotteet_pks {
  opacity: 1;
  filter: blur();
  margin-top: -693px;
  position: absolute;
  top: 693px;
}

.aluetuotekuva_uusimaa {
  z-index: 10;
  position: absolute;
  inset: 380px auto auto 0%;
}

.aluetuotekuva_uusimaa.aluetuotteet, .aluetuotekuva_uusimaa.aluetuotteet_kaakko, .aluetuotekuva_uusimaa.aluetuotteet_turku, .aluetuotekuva_uusimaa.aluetuotteet_savokarjala, .aluetuotekuva_uusimaa.aluetuotteet_pohjoissuomi, .aluetuotekuva_uusimaa.aluetuotteet_pohjanmaa, .aluetuotekuva_uusimaa.aluetuotteet_keskisuomi, .aluetuotekuva_uusimaa.aluetuotteet_pirkanmaa, .aluetuotekuva_uusimaa.aluetuotteet_satakunta, .aluetuotekuva_uusimaa.aluetuotteet_pks {
  opacity: 1;
  filter: blur(8px);
  margin-top: -693px;
  position: absolute;
  top: 693px;
}

.aluetuotekuva_uusimaa.aluetuotteet_uusimaa {
  opacity: 1;
  filter: blur();
  margin-top: -693px;
  position: absolute;
  top: 693px;
}

.valikkonappi-animoitu-nappi-alue {
  z-index: 6;
  aspect-ratio: auto;
  background-color: var(--valkoinen);
  object-fit: fill;
  border-radius: 20px;
  width: 192px;
  min-width: 200px;
  height: 25px;
  margin-top: -361px;
  margin-left: 453px;
  padding: 9px 30px 10px 28px;
  font-family: Skatta sans, sans-serif;
  font-size: 14px;
  font-weight: 700;
  position: absolute;
  inset: 505px auto auto 27px;
  overflow: visible;
}

.valikkonappi-animoitu-nappi-alue.w--open {
  background-color: var(--lämmin-punainen);
  min-width: 200px;
}

.dropdown-rinki {
  min-width: 300px;
  max-width: 300px;
  max-height: 300px;
  margin-top: -24px;
  margin-left: -127px;
  padding-top: 0;
  padding-left: 15px;
  font-size: 16px;
  position: absolute;
  top: 196px;
  left: 472px;
}

.valikkonappi-alue {
  z-index: 2000;
  background-color: var(--kcm-punainen);
  object-fit: fill;
  border-radius: 20px;
  width: 192px;
  min-width: 200px;
  height: 34px;
  margin-top: -521px;
  margin-left: 149px;
  padding: 9px 30px 10px 28px;
  font-family: Skatta sans, sans-serif;
  font-size: 14px;
  font-weight: 700;
  position: absolute;
  inset: 505px auto auto 27px;
  overflow: visible;
}

.valikkonappi-alue.w--open {
  background-color: var(--lämmin-punainen);
  min-width: 200px;
}

.valikkoteksti-aluesivu {
  color: #fff;
  margin-top: 0;
  margin-left: -23px;
  padding-top: 0;
  padding-left: 11px;
}

.valikkoikoni-aluesivu {
  color: #fff;
  margin-top: 0;
  padding-top: 11px;
  padding-left: 0;
}

.ylaosa_alue {
  z-index: 500;
  margin-left: 0;
  position: absolute;
}

.image-3 {
  z-index: 5;
  max-width: 720px;
  position: absolute;
}

.rinkituotekuva_kaakko {
  z-index: 10;
  position: absolute;
  inset: 380px auto auto 0%;
}

.rinkituotekuva_kaakko.rinkituotteet {
  opacity: 1;
  filter: blur(8px);
  margin-top: -693px;
  position: absolute;
  top: 693px;
}

.rinkituotekuva-previkka {
  z-index: 10;
  position: absolute;
  inset: 380px auto auto 0%;
}

.rinkituotekuva-previkka.rinkituotteet {
  opacity: 1;
  filter: blur(8px);
  margin-top: -692px;
  position: absolute;
  top: 693px;
}

.rinkituotekuva-previkka.rinkituotteet-previkka {
  opacity: 1;
  filter: blur(8px);
  margin-top: -70px;
  position: absolute;
  top: 693px;
}

.aluesivutausta-2, .aluesivutausta2 {
  z-index: 1;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
  position: absolute;
  inset: 0% auto auto 0%;
}

.valikkonappi-animoitu-nappi-alue-copy {
  z-index: 6;
  background-color: var(--valkoinen);
  object-fit: fill;
  border-radius: 20px;
  width: 192px;
  min-width: 200px;
  height: 34px;
  margin-top: -491px;
  margin-left: 433px;
  padding: 9px 30px 10px 28px;
  font-family: Skatta sans, sans-serif;
  font-size: 14px;
  font-weight: 700;
  position: absolute;
  inset: 505px auto auto 27px;
}

.valikkonappi-animoitu-nappi-alue-copy.w--open {
  background-color: var(--lämmin-punainen);
  min-width: 200px;
}

.valikkonappi-animoitu-nappi-alue-2 {
  z-index: 6;
  background-color: var(--valkoinen);
  object-fit: fill;
  border-radius: 20px;
  width: 192px;
  min-width: 200px;
  height: 34px;
  margin-top: -376px;
  margin-left: 178px;
  padding: 9px 30px 10px 28px;
  font-family: Skatta sans, sans-serif;
  font-size: 14px;
  font-weight: 700;
  position: absolute;
  inset: 505px auto auto 27px;
}

.valikkonappi-animoitu-nappi-alue-2.w--open {
  background-color: var(--lämmin-punainen);
  min-width: 200px;
}

.dropdown-copy {
  min-width: 300px;
  max-width: 300px;
  max-height: 200px;
  margin-top: -138px;
  margin-left: -104px;
  padding-top: 0;
  padding-left: 15px;
  font-size: 16px;
  position: absolute;
  top: 196px;
  left: 472px;
}

.valikkonappi-alue-2 {
  z-index: 2000;
  background-color: var(--kcm-punainen);
  object-fit: fill;
  border-radius: 20px;
  width: 192px;
  min-width: 200px;
  height: 34px;
  margin-top: -553px;
  margin-left: -27px;
  padding: 9px 30px 10px 28px;
  font-family: Skatta sans, sans-serif;
  font-size: 14px;
  font-weight: 700;
  position: absolute;
  inset: 505px auto auto 27px;
}

.valikkonappi-alue-2.w--open {
  background-color: var(--lämmin-punainen);
  min-width: 200px;
}

.dropdown-2 {
  min-width: 300px;
  max-width: 300px;
  max-height: 200px;
  margin-top: -19px;
  margin-left: -267px;
  padding-top: 0;
  padding-left: 15px;
  font-size: 16px;
  position: absolute;
  top: 196px;
  left: 472px;
}

.aluetuotekuva_kaakko-2 {
  z-index: 10;
  position: absolute;
  inset: 380px auto auto 0%;
}

.aluetuotekuva_kaakko-2.aluetuotteet {
  opacity: 1;
  filter: blur(8px);
  margin-top: -693px;
  position: absolute;
  top: 693px;
}

.aluetuotekuva_kaakko-2.aluetuotteet_kaakko, .aluetuotekuva_kaakko-2.aluetuotteet_kaakko-2 {
  opacity: 1;
  filter: blur();
  mix-blend-mode: normal;
  margin-top: -693px;
  position: absolute;
  top: 693px;
}

.aluetuotekuva_turku-2 {
  z-index: 10;
  position: absolute;
  inset: 380px auto auto 0%;
}

.aluetuotekuva_turku-2.aluetuotteet, .aluetuotekuva_turku-2.aluetuotteet_kaakko {
  opacity: 1;
  filter: blur(8px);
  margin-top: -693px;
  position: absolute;
  top: 693px;
}

.aluetuotekuva_turku-2.aluetuotteet_turku, .aluetuotekuva_turku-2.aluetuotteet_turku-2 {
  opacity: 1;
  filter: blur();
  margin-top: -693px;
  position: absolute;
  top: 693px;
}

.aluetuotekuva_savokarjala-2 {
  z-index: 10;
  position: absolute;
  inset: 380px auto auto 0%;
}

.aluetuotekuva_savokarjala-2.aluetuotteet, .aluetuotekuva_savokarjala-2.aluetuotteet_kaakko, .aluetuotekuva_savokarjala-2.aluetuotteet_turku {
  opacity: 1;
  filter: blur(8px);
  margin-top: -693px;
  position: absolute;
  top: 693px;
}

.aluetuotekuva_savokarjala-2.aluetuotteet_savokarjala, .aluetuotekuva_savokarjala-2.aluetuotteet_savokarjala-2 {
  opacity: 1;
  filter: blur();
  margin-top: -693px;
  position: absolute;
  top: 693px;
}

.aluetuotekuva_pohjoissuomi-2 {
  z-index: 10;
  position: absolute;
  inset: 380px auto auto 0%;
}

.aluetuotekuva_pohjoissuomi-2.aluetuotteet, .aluetuotekuva_pohjoissuomi-2.aluetuotteet_kaakko, .aluetuotekuva_pohjoissuomi-2.aluetuotteet_turku, .aluetuotekuva_pohjoissuomi-2.aluetuotteet_savokarjala {
  opacity: 1;
  filter: blur(8px);
  margin-top: -693px;
  position: absolute;
  top: 693px;
}

.aluetuotekuva_pohjoissuomi-2.aluetuotteet_pohjoissuomi, .aluetuotekuva_pohjoissuomi-2.aluetuotteet_pohjoissuomi-2 {
  opacity: 1;
  filter: blur();
  margin-top: -693px;
  position: absolute;
  top: 693px;
}

.aluetuotekuva_pohjanmaa-2 {
  z-index: 10;
  position: absolute;
  inset: 380px auto auto 0%;
}

.aluetuotekuva_pohjanmaa-2.aluetuotteet, .aluetuotekuva_pohjanmaa-2.aluetuotteet_kaakko, .aluetuotekuva_pohjanmaa-2.aluetuotteet_turku, .aluetuotekuva_pohjanmaa-2.aluetuotteet_savokarjala, .aluetuotekuva_pohjanmaa-2.aluetuotteet_pohjoissuomi {
  opacity: 1;
  filter: blur(8px);
  margin-top: -693px;
  position: absolute;
  top: 693px;
}

.aluetuotekuva_pohjanmaa-2.aluetuotteet_pohjanmaa, .aluetuotekuva_pohjanmaa-2.aluetuotteet_pohjanmaa-2 {
  opacity: 1;
  filter: blur();
  margin-top: -693px;
  position: absolute;
  top: 693px;
}

.aluetuotekuva_keskisuomi-2 {
  z-index: 10;
  position: absolute;
  inset: 380px auto auto 0%;
}

.aluetuotekuva_keskisuomi-2.aluetuotteet, .aluetuotekuva_keskisuomi-2.aluetuotteet_kaakko, .aluetuotekuva_keskisuomi-2.aluetuotteet_turku, .aluetuotekuva_keskisuomi-2.aluetuotteet_savokarjala, .aluetuotekuva_keskisuomi-2.aluetuotteet_pohjoissuomi, .aluetuotekuva_keskisuomi-2.aluetuotteet_pohjanmaa {
  opacity: 1;
  filter: blur(8px);
  margin-top: -693px;
  position: absolute;
  top: 693px;
}

.aluetuotekuva_keskisuomi-2.aluetuotteet_keskisuomi, .aluetuotekuva_keskisuomi-2.aluetuotteet_keskisuomi-2 {
  opacity: 1;
  filter: blur();
  margin-top: -693px;
  position: absolute;
  top: 693px;
}

.aluetuotekuva_pirkanmaa-2 {
  z-index: 10;
  position: absolute;
  inset: 380px auto auto 0%;
}

.aluetuotekuva_pirkanmaa-2.aluetuotteet, .aluetuotekuva_pirkanmaa-2.aluetuotteet_kaakko, .aluetuotekuva_pirkanmaa-2.aluetuotteet_turku, .aluetuotekuva_pirkanmaa-2.aluetuotteet_savokarjala, .aluetuotekuva_pirkanmaa-2.aluetuotteet_pohjoissuomi, .aluetuotekuva_pirkanmaa-2.aluetuotteet_pohjanmaa, .aluetuotekuva_pirkanmaa-2.aluetuotteet_keskisuomi {
  opacity: 1;
  filter: blur(8px);
  margin-top: -693px;
  position: absolute;
  top: 693px;
}

.aluetuotekuva_pirkanmaa-2.aluetuotteet_pirkanmaa, .aluetuotekuva_pirkanmaa-2.aluetuotteet_pirkanmaa-2 {
  opacity: 1;
  filter: blur();
  margin-top: -693px;
  position: absolute;
  top: 693px;
}

.aluetuotekuva_paijathame-2 {
  z-index: 10;
  position: absolute;
  inset: 380px auto auto 0%;
}

.aluetuotekuva_paijathame-2.aluetuotteet, .aluetuotekuva_paijathame-2.aluetuotteet_kaakko, .aluetuotekuva_paijathame-2.aluetuotteet_turku, .aluetuotekuva_paijathame-2.aluetuotteet_savokarjala, .aluetuotekuva_paijathame-2.aluetuotteet_pohjoissuomi, .aluetuotekuva_paijathame-2.aluetuotteet_pohjanmaa, .aluetuotekuva_paijathame-2.aluetuotteet_keskisuomi, .aluetuotekuva_paijathame-2.aluetuotteet_pirkanmaa {
  opacity: 1;
  filter: blur(8px);
  margin-top: -693px;
  position: absolute;
  top: 693px;
}

.aluetuotekuva_paijathame-2.aluetuotteet_paijathame, .aluetuotekuva_paijathame-2.aluetuotteet_paijathame-2 {
  opacity: 1;
  filter: blur();
  margin-top: -693px;
  position: absolute;
  top: 693px;
}

.aluetuotekuva_satakunta-2 {
  z-index: 10;
  position: absolute;
  inset: 380px auto auto 0%;
}

.aluetuotekuva_satakunta-2.aluetuotteet, .aluetuotekuva_satakunta-2.aluetuotteet_kaakko, .aluetuotekuva_satakunta-2.aluetuotteet_turku, .aluetuotekuva_satakunta-2.aluetuotteet_savokarjala, .aluetuotekuva_satakunta-2.aluetuotteet_pohjoissuomi, .aluetuotekuva_satakunta-2.aluetuotteet_pohjanmaa, .aluetuotekuva_satakunta-2.aluetuotteet_keskisuomi, .aluetuotekuva_satakunta-2.aluetuotteet_pirkanmaa {
  opacity: 1;
  filter: blur(8px);
  margin-top: -693px;
  position: absolute;
  top: 693px;
}

.aluetuotekuva_satakunta-2.aluetuotteet_satakunta, .aluetuotekuva_satakunta-2.aluetuotteet_satakunta-2 {
  opacity: 1;
  filter: blur();
  margin-top: -693px;
  position: absolute;
  top: 693px;
}

.aluetuotekuva_pks-2 {
  z-index: 10;
  position: absolute;
  inset: 380px auto auto 0%;
}

.aluetuotekuva_pks-2.aluetuotteet, .aluetuotekuva_pks-2.aluetuotteet_kaakko, .aluetuotekuva_pks-2.aluetuotteet_turku, .aluetuotekuva_pks-2.aluetuotteet_savokarjala, .aluetuotekuva_pks-2.aluetuotteet_pohjoissuomi, .aluetuotekuva_pks-2.aluetuotteet_pohjanmaa, .aluetuotekuva_pks-2.aluetuotteet_keskisuomi, .aluetuotekuva_pks-2.aluetuotteet_pirkanmaa, .aluetuotekuva_pks-2.aluetuotteet_satakunta {
  opacity: 1;
  filter: blur(8px);
  margin-top: -693px;
  position: absolute;
  top: 693px;
}

.aluetuotekuva_pks-2.aluetuotteet_pks, .aluetuotekuva_pks-2.aluetuotteet_pks-2 {
  opacity: 1;
  filter: blur();
  margin-top: -693px;
  position: absolute;
  top: 693px;
}

.aluetuotekuva_uusimaa-copy {
  z-index: 10;
  position: absolute;
  inset: 380px auto auto 0%;
}

.aluetuotekuva_uusimaa-copy.aluetuotteet, .aluetuotekuva_uusimaa-copy.aluetuotteet_kaakko, .aluetuotekuva_uusimaa-copy.aluetuotteet_turku, .aluetuotekuva_uusimaa-copy.aluetuotteet_savokarjala, .aluetuotekuva_uusimaa-copy.aluetuotteet_pohjoissuomi, .aluetuotekuva_uusimaa-copy.aluetuotteet_pohjanmaa, .aluetuotekuva_uusimaa-copy.aluetuotteet_keskisuomi, .aluetuotekuva_uusimaa-copy.aluetuotteet_pirkanmaa, .aluetuotekuva_uusimaa-copy.aluetuotteet_satakunta, .aluetuotekuva_uusimaa-copy.aluetuotteet_pks {
  opacity: 1;
  filter: blur(8px);
  margin-top: -693px;
  position: absolute;
  top: 693px;
}

.aluetuotekuva_uusimaa-copy.aluetuotteet_uusimaa, .aluetuotekuva_uusimaa-copy.aluetuotteet_uusimaa-2 {
  opacity: 1;
  filter: blur();
  margin-top: -693px;
  position: absolute;
  top: 693px;
}

.aluetuotekuva_uusimaa-2 {
  z-index: 10;
  position: absolute;
  inset: 380px auto auto 0%;
}

.aluetuotekuva_uusimaa-2.aluetuotteet, .aluetuotekuva_uusimaa-2.aluetuotteet_kaakko, .aluetuotekuva_uusimaa-2.aluetuotteet_turku, .aluetuotekuva_uusimaa-2.aluetuotteet_savokarjala, .aluetuotekuva_uusimaa-2.aluetuotteet_pohjoissuomi, .aluetuotekuva_uusimaa-2.aluetuotteet_pohjanmaa, .aluetuotekuva_uusimaa-2.aluetuotteet_keskisuomi, .aluetuotekuva_uusimaa-2.aluetuotteet_pirkanmaa, .aluetuotekuva_uusimaa-2.aluetuotteet_satakunta, .aluetuotekuva_uusimaa-2.aluetuotteet_pks {
  opacity: 1;
  filter: blur(8px);
  margin-top: -693px;
  position: absolute;
  top: 693px;
}

.aluetuotekuva_uusimaa-2.aluetuotteet_uusimaa, .aluetuotekuva_uusimaa-2.aluetuotteet_uusimaa-2 {
  opacity: 1;
  filter: blur();
  margin-top: -693px;
  position: absolute;
  top: 693px;
}

.aluevalikko-2 {
  z-index: auto;
  word-break: normal;
  mix-blend-mode: darken;
  background-color: #fff;
  border-radius: 0;
  min-width: 260px;
  max-width: 300px;
  min-height: 300px;
  max-height: 300px;
  margin-top: 0;
  padding-top: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}

.aluevalikko-2.w--open {
  background-color: #ffffffe6;
  background-image: linear-gradient(#ffffff80, #ffffff80);
  border-radius: 2px 2px 20px 20px;
  min-width: 200px;
  max-width: 300px;
  max-height: 550px;
  padding-bottom: 60px;
  inset: auto auto -545px 27px;
  overflow: auto;
  box-shadow: 1px 1px 12px -5px #00000080;
}

@media screen and (max-width: 991px) {
  .aluevalikko {
    max-height: 550px;
  }

  .aluevalikko.w--open {
    padding-bottom: 50px;
    overflow: auto;
  }

  .aluevalikko-2 {
    max-height: 550px;
  }

  .aluevalikko-2.w--open {
    padding-bottom: 50px;
    overflow: auto;
  }
}


@font-face {
  font-family: 'Skattascript';
  src: url('../fonts/SkattaScript2.0-Regular.eot') format('embedded-opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Skattabrush';
  src: url('../fonts/SkattaBrush-Regular.eot') format('embedded-opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Skatta sans';
  src: url('../fonts/Skatta-Sans-Black-Italic.eot') format('embedded-opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Skatta sans';
  src: url('../fonts/Skatta-Sans-Light.eot') format('embedded-opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Skatta sans';
  src: url('../fonts/Skatta-Sans-Light-Italic.eot') format('embedded-opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Skatta sans';
  src: url('../fonts/Skatta-Sans-Black.eot') format('embedded-opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Skatta sans condensed';
  src: url('../fonts/Skatta-Sans-Condensed-Black.eot') format('embedded-opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Skatta sans';
  src: url('../fonts/Skatta-Sans-Bold.eot') format('embedded-opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Skatta sans condensed';
  src: url('../fonts/Skatta-Sans-Condensed-Regular.eot') format('embedded-opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Skatta sans condensed';
  src: url('../fonts/Skatta-Sans-Condensed-Bold.eot') format('embedded-opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Skatta sans condensed';
  src: url('../fonts/Skatta-Sans-Condensed-Medium.eot') format('embedded-opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Skatta sans';
  src: url('../fonts/Skatta-Sans-Medium-Italic.eot') format('embedded-opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Skatta sans';
  src: url('../fonts/Skatta-Sans-Medium.eot') format('embedded-opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Skatta sans';
  src: url('../fonts/Skatta-Sans-Regular-Italic.eot') format('embedded-opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Skatta sans';
  src: url('../fonts/Skatta-Sans-Bold-Italic.eot') format('embedded-opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Skatta sans';
  src: url('../fonts/Skatta-Sans-Regular.eot') format('embedded-opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}