/* Atomic Styles */

/* ///////////////////// */

/* Font Colors */

.fcolor--white {
  color: var(--color_white);
}

.fcolor--accent {
  color: var(--color_accent);
}

/* Font Styles */

.fweight--light,
.fweight--light * {
  /* swapped due to licence */
  font-family: "Theinhardt Thin", sans-serif;
  font-weight: 200;
}

.fweight--medium,
.fweight--medium * {
  font-family: "Theinhardt Medium", sans-serif;
  font-weight: 500;
}

.fsize--large,
.fsize--large * {
  font-size: var(--fsize_h1);
}

.fsize--regular,
.fsize--regular * {
  font-size: var(--fsize_p);
}

.fsize--marginal,
.fsize--marginal * {
  font-size: var(--fsize_s);
}

/* BG Colors*/

.bg--black {
  background: var(--color_primary);
}

.bg--grey {
  background: var(--color_grey);
}

.bg--white {
  background: var(--color_white);
}

.bg--primary {
  background: var(--color_primary);
}

.bg--accent {
  background: var(--color_accent);
}

.bg--accentLight {
  background: var(--color_accentLight);
}

.bg--darkBase {
  background: var(--color_darkBase);
}

.bg--base {
  background: var(--color_base);
}

/* Filters */

.filter--accent::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: var(--color_accent);
  opacity: 0.2;
  pointer-events: none;
  transform: translate3d(0, 0, 0);
}

/* Borders */

.border--rounded {
  border-radius: 1rem;
}

/* Overflows */

.overflow--hidden {
  overflow: hidden;
}

/* interaction */

[class*="--hover-zoom"] {
  -webkit-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  will-change: transform;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

a.map-link.active .--hover-zoom__1-05,
.--hover-zoom__1-05:hover {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}