.js .about-fields {
  display: -ms-grid;
  display: grid;
}
.nojs .about-fields ul {
  display: none;
}
.about-fields li {
  display: inline-block;
  color: var(--gray3);
  cursor: pointer;
  transition: color 0.4s;
  position: relative;
  margin-bottom: 12px;
}
.about-fields li:after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 100%;
  height: 2px;
  background: currentColor;
  opacity: 0;
  transition: opacity 0.4s;
}
.notouch .about-fields li:hover, .about-fields li.active, .about-fields li.active:after {
  color: var(--orange1);
  opacity: 1;
}
.about-fields ul {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1 / span 1;
  display: block;
  white-space: nowrap;
  overflow: auto;
  width: calc(100% + 2 * var(--margin));
  margin-left: calc(-1 * var(--margin));
  padding-left: var(--margin);
  -webkit-mask-image: -webkit-linear-gradient(to right, transparent 0%, black var(--margin), black calc(100% - var(--margin)), transparent 100%);
  mask-image: linear-gradient(to right, transparent 0%, black var(--margin), black calc(100% - var(--margin)), transparent 100%);
  margin-bottom: 0;
  /* IE and Edge */
  -ms-overflow-style: none;
  /* Firefox */
  scrollbar-width: none;
}
.about-fields ul::after {
  content: "";
  display: inline-block;
  width: var(--margin);
}
.about-fields ul::-webkit-scrollbar {
  /* Hide scrollbar for Chrome, Safari and Opera */
  display: none;
}
.about-fields ul li + li {
  margin-left: 2rem;
}
.about-fields div {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2 / span 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1 / span 1;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.7s;
}
.nojs .about-fields div, .about-fields div.active {
  opacity: 1;
  pointer-events: all;
}
/*# sourceMappingURL=https://fsm.kniff.at/wp-content/build/scss_library/918810e29b3663393702402a196ae32f2d27913f.css.map */