/**
 * Breakpoints
 */
/**
 * Typography
 */
/**
 * Grid
 */
/**
 * Colors
 */
/**
 * Spacing
 */
/**
* Font Sizes
*/
/**
 * Components
 */
/**
 * Animations
 */
/*
 * Media query to respond to a minimum size (mobile first)
 */
/*
 * Media query to respond to a maximum size
 */
/*
 * Output font size in px/rem
 */
/*
 * Placeholder mixin for <input>
 */
/**
 * Clearfix
 */
.section--content {
  position: relative;
  z-index: 2;
  padding: 130px 0;
  background-color: #fff;
}
.section--content .container {
  opacity: 0;
  transition: opacity 500ms 250ms, transform 500ms 250ms;
  transform: translateY(25px);
}
.section--content .container.visible {
  opacity: 1;
  transform: translateY(0);
}
.section--content .language-switcher {
  display: flex;
  position: absolute;
  right: 65px;
  top: 0;
  list-style: none;
  gap: 10px;
}
.section--content .language-switcher li.active:after {
  display: block;
  content: "";
  margin-top: 5px;
  border-bottom: 1px #000 solid;
}
.section--content .language-switcher li a:hover {
  text-decoration: none;
}
@media screen and (max-width: 1024px) {
  .section--content .language-switcher {
    top: -70px;
    right: 24px;
  }
}
.section--content [data-content-language] {
  transition: opacity 250ms;
}
.section--content [data-content-language].loading {
  opacity: 0.75;
}