@keyframes reducePadding {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-2rem);
  }
}
@keyframes increawsePadding {
  from {
    transform: translateY(-2rem);
  }
  to {
    transform: translateY(0);
  }
}
div.base-background-container__content:has(.type-module_skisport_skiarealinkbox) {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2.5rem;
  flex-direction: row;
}
div.base-background-container__content:has(.type-module_skisport_skiarealinkbox) .skiarealinkbox-divider {
  width: 90%;
}
div.base-background-container__content:has(.type-module_skisport_skiarealinkbox) .skiareamaplink-container {
  display: grid;
  grid-template-columns: 1fr 2fr;
}
div.base-background-container__content:has(.type-module_skisport_skiarealinkbox) img {
  height: 40px;
  width: 255px;
}
div.base-background-container__content:has(.type-module_skisport_skiarealinkbox) .skiarea_map_icon img {
  width: 50px;
}
div.base-background-container__content:has(.type-module_skisport_skiarealinkbox) section.type-module_skisport_skiarealinkbox {
  margin-bottom: 4rem !important;
  text-align: center;
}
div.base-background-container__content:has(.type-module_skisport_skiarealinkbox) section.type-module_skisport_skiarealinkbox .base-container {
  position: relative;
  height: 370px;
  width: 210px;
  background: white;
}
div.base-background-container__content:has(.type-module_skisport_skiarealinkbox) section.type-module_skisport_skiarealinkbox .base-container .info-container {
  position: absolute;
  top: 40%;
}
div.base-background-container__content:has(.type-module_skisport_skiarealinkbox) section.type-module_skisport_skiarealinkbox .base-container .info-container .skiAreaName-container {
  margin-bottom: 2rem;
  margin-top: 1.5rem;
}
div.base-background-container__content:has(.type-module_skisport_skiarealinkbox) section.type-module_skisport_skiarealinkbox .base-container .info-container .skiAreaName-container > a {
  display: block;
}
div.base-background-container__content:has(.type-module_skisport_skiarealinkbox) section.type-module_skisport_skiarealinkbox section.type-module_skisport_skiarealinkbox:has(.base-container):has(.skiarealinkboxWrapper):has(.smallBox) .base-container {
  height: 270px;
}
div.base-background-container__content:has(.type-module_skisport_skiarealinkbox) section.type-module_skisport_skiarealinkbox .base-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 412px;
  background-color: white;
  z-index: -1;
  transform: scale(1, 1);
  transform-origin: bottom;
  transition: transform 0.3s ease-out, box-shadow 0.3s 0.3s ease;
  box-shadow: none;
}
div.base-background-container__content:has(.type-module_skisport_skiarealinkbox) section.type-module_skisport_skiarealinkbox .base-container:hover::before {
  transform: scale(1.03, 1.1);
  box-shadow: 10px 10px 85px -40px rgba(0, 0, 0, 0.6);
}
div.base-background-container__content:has(.type-module_skisport_skiarealinkbox) section.type-module_skisport_skiarealinkbox .skiarealinkboxWrapper .top-image {
  animation: increasePadding 0.2s ease-out forwards;
  height: auto;
}
div.base-background-container__content:has(.type-module_skisport_skiarealinkbox) section.type-module_skisport_skiarealinkbox .skiarealinkboxWrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  justify-content: start;
}
div.base-background-container__content:has(.type-module_skisport_skiarealinkbox) section.type-module_skisport_skiarealinkbox .skiarealinkboxWrapper .skiAreaName {
  text-align: center;
  color: var(--color-text);
  font-weight: bold;
  font-size: 2rem;
  margin-bottom: 2rem;
}
div.base-background-container__content:has(.type-module_skisport_skiarealinkbox) section.type-module_skisport_skiarealinkbox .skiarealinkboxWrapper .skiAreaMapLink {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
div.base-background-container__content:has(.type-module_skisport_skiarealinkbox) section.type-module_skisport_skiarealinkbox .base-container:hover .skiarealinkboxWrapper .top-image {
  animation: reducePadding 0.3s ease-in-out forwards;
}
/*# sourceMappingURL=skiarealinkbox.css.map */