/*!
 * @project        Neustadt Gruppe AG
 * @name           app.css
 * @author         Neustadt Gruppe AG
 * @build          Tue, Sep 22, 2026 4:59 PM ET
 * @release        17676d4f4bf499f94d3bf1355fcf58835e7290a5 [hotfix/2.9.12]
 * @copyright      Copyright (c) 2026 Neustadt Gruppe AG
 *
 */
.flatpickr-calendar {
  -webkit-animation: none;
  animation: none;
  background: transparent;
  background: #fff;
  border: 0;
  border-radius: 5px;
  -webkit-box-shadow:
    1px 0 0 #e6e6e6,
    -1px 0 0 #e6e6e6,
    0 1px 0 #e6e6e6,
    0 -1px 0 #e6e6e6,
    0 3px 13px rgba(0, 0, 0, 0.08);
  box-shadow:
    1px 0 0 #e6e6e6,
    -1px 0 0 #e6e6e6,
    0 1px 0 #e6e6e6,
    0 -1px 0 #e6e6e6,
    0 3px 13px rgba(0, 0, 0, 0.08);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  direction: ltr;
  display: none;
  font-size: 14px;
  line-height: 24px;
  opacity: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  visibility: hidden;
  width: 307.875px;
}
.flatpickr-calendar.inline,
.flatpickr-calendar.open {
  max-height: 640px;
  opacity: 1;
  visibility: visible;
}
.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}
.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeInDown 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}
.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}
.flatpickr-calendar.static.open {
  display: block;
  z-index: 999;
}
.flatpickr-calendar.multiMonth
  .flatpickr-days
  .dayContainer:nth-child(n + 1)
  .flatpickr-day.inRange:nth-child(7n + 7) {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.flatpickr-calendar.multiMonth
  .flatpickr-days
  .dayContainer:nth-child(n + 2)
  .flatpickr-day.inRange:nth-child(7n + 1) {
  -webkit-box-shadow:
    -2px 0 0 #e6e6e6,
    5px 0 0 #e6e6e6;
  box-shadow:
    -2px 0 0 #e6e6e6,
    5px 0 0 #e6e6e6;
}
.flatpickr-calendar .hasTime .dayContainer,
.flatpickr-calendar .hasWeeks .dayContainer {
  border-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}
.flatpickr-calendar.hasTime .flatpickr-time {
  border-top: 1px solid #e6e6e6;
  height: 40px;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}
.flatpickr-calendar:after,
.flatpickr-calendar:before {
  border: solid transparent;
  content: "";
  display: block;
  height: 0;
  left: 22px;
  pointer-events: none;
  position: absolute;
  width: 0;
}
.flatpickr-calendar.arrowRight:after,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.rightMost:before {
  left: auto;
  right: 22px;
}
.flatpickr-calendar.arrowCenter:after,
.flatpickr-calendar.arrowCenter:before {
  left: 50%;
  right: 50%;
}
.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}
.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}
.flatpickr-calendar.arrowTop:after,
.flatpickr-calendar.arrowTop:before {
  bottom: 100%;
}
.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}
.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}
.flatpickr-calendar.arrowBottom:after,
.flatpickr-calendar.arrowBottom:before {
  top: 100%;
}
.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}
.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}
.flatpickr-calendar:focus {
  outline: 0;
}
.flatpickr-wrapper {
  display: inline-block;
  position: relative;
}
.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-months .flatpickr-month {
  -webkit-box-flex: 1;
  background: transparent;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  line-height: 1;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.flatpickr-months .flatpickr-month,
.flatpickr-months .flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month {
  fill: rgba(0, 0, 0, 0.9);
  color: rgba(0, 0, 0, 0.9);
  height: 34px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.flatpickr-months .flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month {
  cursor: pointer;
  padding: 10px;
  position: absolute;
  text-decoration: none;
  top: 0;
  z-index: 3;
}
.flatpickr-months .flatpickr-next-month.flatpickr-disabled,
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled {
  display: none;
}
.flatpickr-months .flatpickr-next-month i,
.flatpickr-months .flatpickr-prev-month i {
  position: relative;
}
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
  left: 0;
}
.flatpickr-months .flatpickr-next-month.flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month {
  right: 0;
}
.flatpickr-months .flatpickr-next-month:hover,
.flatpickr-months .flatpickr-prev-month:hover {
  color: #959ea9;
}
.flatpickr-months .flatpickr-next-month:hover svg,
.flatpickr-months .flatpickr-prev-month:hover svg {
  fill: #f64747;
}
.flatpickr-months .flatpickr-next-month svg,
.flatpickr-months .flatpickr-prev-month svg {
  height: 14px;
  width: 14px;
}
.flatpickr-months .flatpickr-next-month svg path,
.flatpickr-months .flatpickr-prev-month svg path {
  fill: inherit;
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
}
.numInputWrapper {
  height: auto;
  position: relative;
}
.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}
.numInputWrapper input {
  width: 100%;
}
.numInputWrapper input::-ms-clear {
  display: none;
}
.numInputWrapper input::-webkit-inner-spin-button,
.numInputWrapper input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.numInputWrapper span {
  border: 1px solid rgba(57, 57, 57, 0.15);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  padding: 0 4px 0 2px;
  position: absolute;
  right: 0;
  width: 14px;
}
.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1);
}
.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2);
}
.numInputWrapper span:after {
  content: "";
  display: block;
  position: absolute;
}
.numInputWrapper span.arrowUp {
  border-bottom: 0;
  top: 0;
}
.numInputWrapper span.arrowUp:after {
  border-bottom: 4px solid rgba(57, 57, 57, 0.6);
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  top: 26%;
}
.numInputWrapper span.arrowDown {
  top: 50%;
}
.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57, 57, 57, 0.6);
  top: 40%;
}
.numInputWrapper span svg {
  height: auto;
  width: inherit;
}
.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5);
}
.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05);
}
.numInputWrapper:hover span {
  opacity: 1;
}
.flatpickr-current-month {
  color: inherit;
  display: inline-block;
  font-size: 135%;
  font-weight: 300;
  height: 34px;
  left: 12.5%;
  line-height: inherit;
  line-height: 1;
  padding: 7.48px 0 0;
  position: absolute;
  text-align: center;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  width: 75%;
}
.flatpickr-current-month span.cur-month {
  color: inherit;
  display: inline-block;
  font-family: inherit;
  font-weight: 700;
  margin-left: 0.5ch;
  padding: 0;
}
.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, 0.05);
}
.flatpickr-current-month .numInputWrapper {
  display: inline-block;
  width: 6ch;
  width: 7ch\0;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0, 0, 0, 0.9);
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0, 0, 0, 0.9);
}
.flatpickr-current-month input.cur-year {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  background: transparent;
  border: 0;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: 0;
  padding: 0 0 0 0.5ch;
  vertical-align: initial;
}
.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  background: transparent;
  color: rgba(0, 0, 0, 0.5);
  font-size: 100%;
  pointer-events: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: initial;
  width: auto;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:active,
.flatpickr-current-month .flatpickr-monthDropdown-months:focus {
  outline: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0, 0, 0, 0.05);
}
.flatpickr-current-month
  .flatpickr-monthDropdown-months
  .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0;
}
.flatpickr-weekdays {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: transparent;
  height: 28px;
  overflow: hidden;
  text-align: center;
  width: 100%;
}
.flatpickr-weekdays,
.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer,
span.flatpickr-weekday {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
span.flatpickr-weekday {
  background: transparent;
  color: rgba(0, 0, 0, 0.54);
  cursor: default;
  display: block;
  font-size: 90%;
  font-weight: bolder;
  line-height: 1;
  margin: 0;
  text-align: center;
}
.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0;
}
.flatpickr-days {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  position: relative;
  width: 307.875px;
}
.flatpickr-days:focus {
  outline: 0;
}
.dayContainer {
  -ms-flex-pack: justify;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  max-width: 307.875px;
  min-width: 307.875px;
  opacity: 1;
  outline: 0;
  padding: 0;
  text-align: left;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  width: 307.875px;
}
.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #e6e6e6;
  box-shadow: -1px 0 0 #e6e6e6;
}
.flatpickr-day {
  -ms-flex-preferred-size: 14.2857143%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  display: inline-block;
  -webkit-flex-basis: 14.2857143%;
  flex-basis: 14.2857143%;
  font-weight: 400;
  height: 39px;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 39px;
  margin: 0;
  max-width: 39px;
  position: relative;
  text-align: center;
  width: 14.2857143%;
}
.flatpickr-day.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day.nextMonthDay:focus,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.today.inRange,
.flatpickr-day:focus,
.flatpickr-day:hover {
  background: #e6e6e6;
  border-color: #e6e6e6;
  cursor: pointer;
  outline: 0;
}
.flatpickr-day.today {
  border-color: #959ea9;
}
.flatpickr-day.today:focus,
.flatpickr-day.today:hover {
  background: #959ea9;
  border-color: #959ea9;
  color: #fff;
}
.flatpickr-day.endRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.endRange.nextMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.endRange:focus,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected,
.flatpickr-day.selected.inRange,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.startRange:focus,
.flatpickr-day.startRange:hover {
  background: #569ff7;
  border-color: #569ff7;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
}
.flatpickr-day.endRange.startRange,
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange {
  border-radius: 50px 0 0 50px;
}
.flatpickr-day.endRange.endRange,
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange {
  border-radius: 0 50px 50px 0;
}
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)) {
  -webkit-box-shadow: -10px 0 0 #569ff7;
  box-shadow: -10px 0 0 #569ff7;
}
.flatpickr-day.endRange.startRange.endRange,
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange {
  border-radius: 50px;
}
.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow:
    -5px 0 0 #e6e6e6,
    5px 0 0 #e6e6e6;
  box-shadow:
    -5px 0 0 #e6e6e6,
    5px 0 0 #e6e6e6;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.nextMonthDay,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.prevMonthDay {
  background: transparent;
  border-color: transparent;
  color: rgba(57, 57, 57, 0.3);
  cursor: default;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  color: rgba(57, 57, 57, 0.1);
  cursor: not-allowed;
}
.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow:
    -5px 0 0 #569ff7,
    5px 0 0 #569ff7;
  box-shadow:
    -5px 0 0 #569ff7,
    5px 0 0 #569ff7;
}
.flatpickr-day.hidden {
  visibility: hidden;
}
.rangeMode .flatpickr-day {
  margin-top: 1px;
}
.flatpickr-weekwrapper {
  float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
  box-shadow: 1px 0 0 #e6e6e6;
  padding: 0 12px;
}
.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  line-height: 28px;
  width: 100%;
}
.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  background: transparent;
  border: none;
  color: rgba(57, 57, 57, 0.3);
  cursor: default;
  display: block;
  max-width: none;
  width: 100%;
}
.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.flatpickr-innerContainer,
.flatpickr-rContainer {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
}
.flatpickr-time {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  outline: 0;
  overflow: hidden;
  text-align: center;
}
.flatpickr-time:after {
  clear: both;
  content: "";
  display: table;
}
.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  float: left;
  height: 40px;
  width: 40%;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}
.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}
.flatpickr-time input {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  background: transparent;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #393939;
  font-size: 14px;
  height: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: center;
}
.flatpickr-time input.flatpickr-hour {
  font-weight: 700;
}
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}
.flatpickr-time input:focus {
  border: 0;
  outline: 0;
}
.flatpickr-time .flatpickr-am-pm,
.flatpickr-time .flatpickr-time-separator {
  -ms-flex-item-align: center;
  -webkit-align-self: center;
  align-self: center;
  color: #393939;
  float: left;
  font-weight: 700;
  height: inherit;
  line-height: inherit;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 2%;
}
.flatpickr-time .flatpickr-am-pm {
  cursor: pointer;
  font-weight: 400;
  outline: 0;
  text-align: center;
  width: 18%;
}
.flatpickr-time .flatpickr-am-pm:focus,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time input:hover {
  background: #eee;
}
.flatpickr-input[readonly] {
  cursor: pointer;
}
@-webkit-keyframes fpFadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fpFadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
:root {
  --hyphens-style: auto;
  --container-widht: 160.8rem;
  --color-black: #000;
  --color-grey-100: #f9fafb;
  --color-grey-200: #efefef;
  --color-grey-300: #d9d9d9;
  --color-grey-400: #979797;
  --color-grey-600: #666;
  --color-grey-border: #979797;
  --color-white: #fff;
  --color-primary-1: #9e1515;
  --color-primary-2: #e63323;
  --color-primary-3: #ffd100;
  --color-primary-4: #e68a00;
  --color-secondary-1: #2c8515;
  --color-secondary-2: #89c21f;
  --color-secondary-3: #006d72;
  --color-error: #e63323;
  --color-success: #89c21f;
  --color-warning: #ffd100;
  --color-black-transparent: rgba(0, 0, 0, 0.6);
  --color-disabled: #d9d9d9;
  --color-disabled-dark: #666;
  --color-primary-hd-1: #41c8e6;
  --color-primary-hd-2: #008c95;
  --color-secondary-hd-1: #ffd100;
  --color-secondary-hd-2: #ea7600;
  --color-secondary-hd-3: #470094;
  --gradient-start: var(--color-primary-1);
  --gradient-end: var(--color-primary-2);
  --gradient-dark-start: var(--color-primary-2);
  --gradient-dark-end: var(--color-primary-4);
  --breadcrumb-color: var(--color-black);
  --link-big-font-size: 2rem;
  --spacing: 6rem;
  --color-brand-1: var(--color-primary-1);
  --color-brand-2: var(--color-primary-2);
  --color-brand-3: var(--color-primary-3);
  --linear-rotation: 45deg;
  --color-black-linear: linear-gradient(
    var(--linear-rotation),
    rgba(0, 0, 0, 0.95) 0%,
    #555 100%
  );
  --color-grey-linear: linear-gradient(
    var(--linear-rotation),
    var(--color-grey-200),
    #f6f6f6
  );
  --color-primary-linear: linear-gradient(
    var(--linear-rotation),
    var(--color-primary-1),
    var(--color-primary-2)
  );
  --color-primary-linear-dark: linear-gradient(
    var(--linear-rotation),
    var(--color-primary-2),
    var(--color-primary-4)
  );
  --color-secondary-linear: linear-gradient(
    var(--linear-rotation),
    var(--color-secondary-3),
    var(--color-secondary-1),
    var(--color-secondary-2)
  );
  --color-secondary-linear-dark: linear-gradient(
    var(--linear-rotation),
    var(--color-secondary-1),
    var(--color-secondary-2)
  );
  --color-brand: var(--color-brand-2);
  --color-brand-linear: var(--color-primary-linear);
  --color-brand-linear-auto: var(--color-primary-linear);
  --color-brand-linear-dark: var(--color-primary-linear-dark);
  --action-color: var(--color-white);
  --action-bg-img: var(--color-primary-linear);
  --action-border-image: var(--color-primary-linear);
  --action-margin-right: 0;
  --link-big-bg-img: var(--color-primary-linear);
  --action-active-color: currentColor;
  --action-active-bg-img: none;
  --action-active-border-image: var(--color-primary-linear);
  --action-disable-color: var(--color-disabled);
  --action-disabled-border-color: var(--color-disabled);
  --action-disabled-bg-img: none;
  --action-disabled-border-image: none;
  --action-fab-outline-color: var(--color-black);
  --action-fab-outline-active-color: var(--color-white);
  --action-fab-outline-bg-color: var(--color-black);
  --body-font-family: "Source Sans 3", Helvetica, Arial, sans-serif;
  --body-color: var(--color-black);
  --body-bg-color: var(--color-grey-100);
  --body-font-size: 1.8rem;
  --body-line-height: 1.6;
  --body-font-weight: 400;
  --body-letter-spacing: 0.075rem;
  --paragraph-spacing-top: 2rem;
  --font-size-label: 1.7rem;
  --font-size-label-small: 1.7rem;
  --outline-color: var(--body-color);
  --heading-font-weight: 300;
  --heading-margin-bottom: 0;
  --heading-spacing: 2.5rem;
  --font-size-h1: 4.8rem;
  --font-size-h2: 3.4rem;
  --font-size-h3: 2.6rem;
  --font-size-h4: 2rem;
  --font-size-h5: 1.6rem;
  --line-height-h1: 1.3;
  --line-height-h2: 1.3;
  --line-height-h3: 1.3;
  --line-height-h4: 1.3;
  --line-height-h5: 1.1;
  --letter-spacing-h1: normal;
  --letter-spacing-h2: normal;
  --letter-spacing-h3: 0.065rem;
  --letter-spacing-h4: 0.065rem;
  --letter-spacing-h5: 0.085rem;
  --spacing-h1: 3rem;
  --spacing-h2: 3rem;
  --spacing-h3: 3rem;
  --spacing-h4: 3rem;
  --spacing-h5: 3rem;
  --teaser-font-size: var(--font-size-h4);
  --teaser-line-height: var(--line-height-h4);
  --teaser-letter-spacing: var(--letter-spacing-h4);
  --teaser-font-weight: var(--heading-font-weight);
  --link-color: var(--color-brand);
  --font-size-button: 1.8rem;
  --button-primary-min-height: 6rem;
  --button-primary-min-width: 20rem;
  --spacing-text: 2rem;
  --spacing-list: 4rem;
  --spacing-media: 4rem;
  --gutter: 0.8rem;
  --grid-gap: var(--gutter);
  --wrapper-gap: 1.6rem;
  --section-spacing: 8rem;
  --footer-padding-top: 4rem;
  --footer-padding-bottom: 3rem;
  --section-box-padding: 3.2rem var(--wrapper-gap);
  --section-box-margin: 0 calc(var(--wrapper-gap) * -1);
  --section-box-bg-color: var(--color-white);
  --header-height: 6.3rem;
  --hamburger-line-height: 0.1rem;
  --hamburger-padding: 0.85rem;
  --hamburger-megin-right: -0.85rem;
  --hamburger-width: 3.7rem;
  --hamburger-spacing: 0.1rem;
  --formBorder: 1px solid #999;
  --formBorderRadius: 4px;
  --formInputHeight: 33px;
  --animation-duration: 0.25s;
  --animation-duration-slow: 0.8s;
  --animation-ease: cubic-bezier(0.25, 0.46, 0.45, 0.75);
  --list-margin-top: 4rem;
  --list-item-padding-left: 1.8rem;
  --list-margin-left: 2rem;
  --list-item-margin-top: 2rem;
  --unstyled-list-item-margin-top: 1.6rem;
  --fill-gradient: url(#gradient-brand);
  --fill-gradient-dark: url(#gradient-brand-dark);
  --fill-gradient-green-steel: url(#gradient-green-steel);
  --fill-gradient-green-steel-dark: url(#gradient-green-steel-dark);
  --fill-gradient-hydreams: url(#gradient-hydreams);
  --fill-gradient-hydreams-dark: url(#gradient-hydreams-dark);
  --fill-gradient-auto: var(--fill-gradient);
  --sticky-offset-top: calc(50vh - 17rem);
  --scrollbar-color: var(--color-brand-2);
  --scrollbar-track: var(--color-grey-400);
  --scrollbar-thumb: var(--color-brand-2);
  --active-triangle: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='70.554 55 15.92 11.29'%3E%3Cpath d='M79.354 65.876a1.053 1.053 0 0 1-1.675 0l-6.928-9.29c-.493-.662-.004-1.586.838-1.586h13.855c.843 0 1.33.924.838 1.585l-6.928 9.291Z' fill='%239E1515'/%3E%3C/svg%3E");
  --document-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 48 48'%3E%3Cpath d='M40.95 9.963 31.91 1.41A5.139 5.139 0 0 0 28.368 0h-17.21A5.162 5.162 0 0 0 6 5.156v37.688A5.162 5.162 0 0 0 11.156 48h26.25a5.162 5.162 0 0 0 5.157-5.156V13.708c0-1.41-.588-2.776-1.613-3.745Zm-2.732 1.287h-7a.469.469 0 0 1-.468-.469V4.185l7.468 7.065Zm-.812 33.938h-26.25a2.346 2.346 0 0 1-2.344-2.344V5.156a2.346 2.346 0 0 1 2.344-2.343h16.782v7.968a3.285 3.285 0 0 0 3.28 3.281h8.532v28.782a2.346 2.346 0 0 1-2.344 2.343ZM34.313 18.75H13.686a1.407 1.407 0 0 0 0 2.813h20.626a1.407 1.407 0 0 0 0-2.813Zm0 7.5H13.686a1.407 1.407 0 0 0 0 2.813h20.626a1.407 1.407 0 0 0 0-2.813Zm-13.808 7.5h-6.817a1.407 1.407 0 0 0 0 2.813h6.817a1.407 1.407 0 0 0 0-2.813Z' fill='%239E1515'/%3E%3C/svg%3E");
}
@media (min-width: 48em) {
  :root {
    --wrapper-gap: 4rem;
    --gutter: 2.4rem;
  }
}
@media (min-width: 75em) {
  :root {
    --body-font-size: 2rem;
    --link-big-font-size: 3.4rem;
    --font-size-h1: 8rem;
    --font-size-h2: 5rem;
    --font-size-h3: 3.1rem;
    --font-size-h4: 2.4rem;
    --font-size-h5: 1.8rem;
    --line-height-h1: 1.2;
    --letter-spacing-h2: 0.05rem;
    --letter-spacing-h3: 0.08rem;
    --letter-spacing-h4: 0.12rem;
    --letter-spacing-h5: normal;
    --spacing-h1: 4rem;
    --spacing-h2: 4rem;
    --spacing-h3: 4rem;
    --spacing-h4: 4rem;
    --spacing-h5: 4rem;
    --spacing-text: 3rem;
    --spacing-list: 6rem;
    --spacing-media: 6rem;
    --list-item-margin-top: 3rem;
    --list-item-padding-left: 2.8rem;
    --wrapper-gap: 7rem;
    --section-spacing: 10rem;
    --section-box-padding: 10rem 10rem;
    --section-box-margin: 0;
    --footer-padding-top: 10rem;
    --footer-padding-bottom: 5rem;
    --header-height: 12.6rem;
    --unstyled-list-item-margin-top: 2.4rem;
    --sticky-offset-top: calc(50vh - 12rem);
  }
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --animation-duration: 0;
    --animation-ease: none;
  }
}
.green-steel {
  --gradient-start: var(--color-secondary-3);
  --gradient-middle: var(--color-secondary-1);
  --gradient-end: var(--color-secondary-2);
  --gradient-dark-start: var(--color-secondary-1);
  --gradient-dark-end: var(--color-secondary-2);
  --fill-gradient: var(--fill-gradient-green-steel);
  --fill-gradient-auto: var(--fill-gradient-green-steel);
  --color-brand-1: var(--color-secondary-1);
  --color-brand-2: var(--color-secondary-2);
  --color-brand-3: var(--color-secondary-3);
  --color-brand: var(--color-brand-2);
  --color-brand-linear: var(--color-secondary-linear);
  --color-brand-linear-auto: var(--color-secondary-linear);
  --color-brand-linear-dark: var(--color-secondary-linear-dark);
  --action-bg-img: var(--color-secondary-linear);
  --action-border-image: var(--color-secondary-linear);
  --action-active-border-image: var(--color-secondary-linear);
  --action-active-color: currentColor;
  --link-color: var(--color-brand);
  --link-big-bg-img: var(--color-secondary-linear);
  --scrollbar-color: var(--color-brand-2);
}
.hydreams {
  --color-primary-1: var(--color-primary-hd-1);
  --color-primary-2: var(--color-primary-hd-2);
  --color-secondary-1: var(--color-primary-hd-1);
  --color-secondary-2: var(--color-primary-hd-2);
  --color-secondary-3: var(--color-primary-hd-2);
  --gradient-start: var(--color-primary-hd-1);
  --gradient-end: var(--color-primary-hd-2);
  --gradient-dark-start: var(--color-primary-hd-2);
  --gradient-dark-end: var(--color-primary-hd-1);
  --fill-gradient: var(--fill-gradient-hydreams);
  --fill-gradient-auto: var(--fill-gradient-hydreams);
  --color-brand-1: var(--color-primary-1);
  --color-brand-2: var(--color-primary-2);
  --color-brand-3: var(--color-secondary-3);
  --color-brand: var(--color-brand-2);
  --color-brand-linear: var(--color-secondary-linear);
  --color-brand-linear-auto: var(--color-secondary-linear);
  --color-brand-linear-dark: var(--color-secondary-linear-dark);
  --color-secondary-linear: linear-gradient(
    var(--linear-rotation),
    var(--color-secondary-2),
    var(--color-secondary-1)
  );
  --color-secondary-linear-dark: linear-gradient(
    var(--linear-rotation),
    var(--color-secondary-2),
    var(--color-secondary-1)
  );
  --color-primary-linear: var(--color-brand-linear);
  --action-bg-img: var(--color-secondary-linear);
  --action-border-image: var(--color-secondary-linear);
  --action-active-border-image: var(--color-secondary-linear);
  --action-active-color: currentColor;
  --link-color: var(--color-brand);
  --link-big-bg-img: var(--color-secondary-linear);
  --scrollbar-color: var(--color-brand-2);
}
.dark,
.section--dark {
  --fact-decoration-bg-color: currentColor;
  --action-fab-outline-color: var(--color-white);
  --action-fab-outline-active-color: var(--color-black);
  --action-fab-outline-bg-color: var(--color-white);
  --fill-gradient-auto: var(--fill-gradient-dark);
  --color-brand-linear-auto: var(--color-brand-linear-dark);
  --action-disable-color: var(--color-disabled-dark);
  --action-disabled-border-color: var(--color-disabled-dark);
  --section-box-padding: 0;
  --section-box-margin: 0;
  --section-box-bg-color: none;
}
.dark.green-steel,
.green-steel .dark,
.green-steel .section--dark,
.section--dark.green-steel {
  --fill-gradient-auto: var(--fill-gradient-green-steel-dark);
  --color-brand-linear-auto: var(--color-brand-linear-dark);
}
.dark.hydreams,
.hydreams .dark,
.hydreams .section--dark,
.section--dark.hydreams {
  --fill-gradient-auto: var(--fill-gradient-hydreams-dark);
  --color-brand-linear-auto: var(--color-brand-linear-dark);
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  border: 0;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
iframe,
menu,
nav,
section {
  display: block;
}
iframe {
  border: 0;
}
body {
  line-height: 1;
}
blockquote,
q {
  quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none;
}
table {
  border-spacing: 0;
}
button {
  appearance: none;
  background: none;
  border: 0;
  cursor: pointer;
  font-family: inherit;
  line-height: inherit;
}
* {
  box-sizing: border-box;
}
address {
  font-style: normal;
}
select {
  font-family: inherit;
}
.link,
a {
  color: var(--link-color, inherit);
  text-decoration: var(--link-text-decoration, none);
  transition: color var(--animation-duration) var(--animation-ease);
  will-change: color;
}
.link:focus,
.link:hover,
a:focus,
a:hover {
  --link-text-decoration: var(--link-text-decoration-active, underline);
  --link-color: var(--link-color-active);
}
:focus-visible {
  outline-color: var(--outline-color, currentColor);
  outline-offset: var(--outline-offset, 0.3rem);
  outline-style: solid;
  outline-width: var(--outline-width, 0.1rem);
}
img {
  display: block;
  max-width: 100%;
  user-select: none;
}
legend {
  width: 100%;
}
button,
input,
select,
textarea {
  -webkit-appearance: none;
  background: none;
  border: none;
  border-radius: 0;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  letter-spacing: inherit;
  margin: 0;
  padding: 0;
}
select {
  background-color: transparent;
  background-image: var(--select-bg);
  background-position: center right 0.5rem;
  background-repeat: no-repeat;
  background-size: 0.5em;
  color: inherit;
  padding-right: 1.2em;
}
img,
svg {
  height: auto;
  max-width: 100%;
}
*,
:after,
:before {
  box-sizing: inherit;
}
::-webkit-search-cancel-button,
::-webkit-search-results-button {
  -webkit-appearance: none;
  display: none;
}
::-webkit-details-marker {
  -webkit-appearance: none;
  display: none;
}
details,
details summary {
  -webkit-appearance: none;
  appearance: none;
  background-image: none;
  padding: 0;
}
::-webkit-inner-spin-button {
  -webkit-appearance: none;
  display: none;
}
body * {
  scrollbar-color: var(--scrollbar-color);
  scrollbar-width: auto;
}
body ::-webkit-scrollbar {
  height: 0.5rem;
  width: 0.5rem;
}
body ::-webkit-scrollbar-track {
  background: var(--scrollbar-track);
  border-radius: 5rem;
}
body ::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
  border-radius: 5rem;
}
html {
  text-size-adjust: none;
  font-size: 62.5%;
  scroll-behavior: smooth;
  scroll-padding-top: 70px;
}
@media (min-width: 75em) {
  html {
    scroll-padding-top: 130px;
  }
}
@media screen and (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: var(--body-bg-color);
  color: var(--body-color);
  font-family: var(
    --body-font-family,
    "Source Sans 3",
    Helvetica,
    Arial,
    sans-serif
  );
  font-size: var(--body-font-size);
  font-variant: none;
  font-weight: var(--body-font-weight);
  hyphens: var(--hyphens-style);
  letter-spacing: var(--body-letter-spacing);
  line-height: var(--body-line-height);
  text-rendering: optimizeLegibility;
  word-break: break-word;
}
[lang="de"] body {
  --hyphens-style: auto;
}
[lang="fr"] body {
  --hyphens-style: manual;
}
@font-face {
  font-family: Source Sans\3;
  font-stretch: normal;
  font-style: normal;
  font-weight: 200;
  src: url(/dist/webfonts/SourceSans3-ExtraLight.ttf.woff2) format("woff2");
}
@font-face {
  font-family: Source Sans\3;
  font-stretch: normal;
  font-style: italic;
  font-weight: 200;
  src: url(/dist/webfonts/SourceSans3-ExtraLightIt.ttf.woff2) format("woff2");
}
@font-face {
  font-family: Source Sans\3;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  src: url(/dist/webfonts/SourceSans3-Light.ttf.woff2) format("woff2");
}
@font-face {
  font-family: Source Sans\3;
  font-stretch: normal;
  font-style: italic;
  font-weight: 300;
  src: url(/dist/webfonts/SourceSans3-LightIt.ttf.woff2) format("woff2");
}
@font-face {
  font-family: Source Sans\3;
  font-stretch: normal;
  font-style: normal;
  font-weight: 400;
  src: url(/dist/webfonts/SourceSans3-Regular.ttf.woff2) format("woff2");
}
@font-face {
  font-family: Source Sans\3;
  font-stretch: normal;
  font-style: italic;
  font-weight: 400;
  src: url(/dist/webfonts/SourceSans3-It.ttf.woff2) format("woff2");
}
@font-face {
  font-family: Source Sans\3;
  font-stretch: normal;
  font-style: normal;
  font-weight: 600;
  src: url(/dist/webfonts/SourceSans3-Semibold.ttf.woff2) format("woff2");
}
@font-face {
  font-family: Source Sans\3;
  font-stretch: normal;
  font-style: italic;
  font-weight: 600;
  src: url(/dist/webfonts/SourceSans3-SemiboldIt.ttf.woff2) format("woff2");
}
@font-face {
  font-family: Source Sans\3;
  font-stretch: normal;
  font-style: normal;
  font-weight: 700;
  src: url(/dist/webfonts/SourceSans3-Bold.ttf.woff2) format("woff2");
}
@font-face {
  font-family: Source Sans\3;
  font-stretch: normal;
  font-style: italic;
  font-weight: 700;
  src: url(/dist/webfonts/SourceSans3-BoldIt.ttf.woff2) format("woff2");
}
@font-face {
  font-family: Source Sans\3;
  font-stretch: normal;
  font-style: normal;
  font-weight: 900;
  src: url(/dist/webfonts/SourceSans3-Black.ttf.woff2) format("woff2");
}
@font-face {
  font-family: Source Sans\3;
  font-stretch: normal;
  font-style: italic;
  font-weight: 900;
  src: url(/dist/webfonts/SourceSans3-BlackIt.ttf.woff2) format("woff2");
}
.h1,
h1 {
  --spacing-top: var(--spacing-h1);
  display: block;
  font-size: var(--font-size-h1);
  font-weight: var(--heading-font-weight);
  letter-spacing: var(--letter-spacing-h1);
  line-height: var(--line-height-h1);
  margin-top: var(--spacing-top);
}
.h1:first-child,
.no-margin .h1,
.no-margin h1,
h1:first-child {
  --spacing-top: 0;
}
.font-size-h1 {
  font-size: var(--font-size-h1);
  letter-spacing: var(--letter-spacing-h1);
  line-height: var(--line-height-h1);
}
.h2,
h2 {
  --spacing-top: var(--spacing-h2);
  display: block;
  font-size: var(--font-size-h2);
  font-weight: var(--heading-font-weight);
  letter-spacing: var(--letter-spacing-h2);
  line-height: var(--line-height-h2);
  margin-top: var(--spacing-top);
}
.h2:first-child,
.no-margin .h2,
.no-margin h2,
h2:first-child {
  --spacing-top: 0;
}
.font-size-h2 {
  font-size: var(--font-size-h2);
  letter-spacing: var(--letter-spacing-h2);
  line-height: var(--line-height-h2);
}
.h3,
h3 {
  --spacing-top: var(--spacing-h3);
  display: block;
  font-size: var(--font-size-h3);
  font-weight: var(--heading-font-weight);
  letter-spacing: var(--letter-spacing-h3);
  line-height: var(--line-height-h3);
  margin-top: var(--spacing-top);
}
.h3:first-child,
.no-margin .h3,
.no-margin h3,
h3:first-child {
  --spacing-top: 0;
}
.font-size-h3 {
  font-size: var(--font-size-h3);
  letter-spacing: var(--letter-spacing-h3);
  line-height: var(--line-height-h3);
}
.h4,
.nav--footer-nav .nav__link--parent,
h4 {
  --spacing-top: var(--spacing-h4);
  display: block;
  font-size: var(--font-size-h4);
  font-weight: var(--heading-font-weight);
  letter-spacing: var(--letter-spacing-h4);
  line-height: var(--line-height-h4);
  margin-top: var(--spacing-top);
}
.h4:first-child,
.nav--footer-nav .nav__link--parent:first-child,
.nav--footer-nav .no-margin .nav__link--parent,
.no-margin .h4,
.no-margin .nav--footer-nav .nav__link--parent,
.no-margin h4,
h4:first-child {
  --spacing-top: 0;
}
.font-size-h4 {
  font-size: var(--font-size-h4);
  letter-spacing: var(--letter-spacing-h4);
  line-height: var(--line-height-h4);
}
.h5,
h5 {
  --spacing-top: var(--spacing-h5);
  display: block;
  font-size: var(--font-size-h5);
  font-weight: var(--heading-font-weight);
  letter-spacing: var(--letter-spacing-h5);
  line-height: var(--line-height-h5);
  margin-top: var(--spacing-top);
}
.h5:first-child,
.no-margin .h5,
.no-margin h5,
h5:first-child {
  --spacing-top: 0;
}
.cookie-banner__title,
.cookiebanner__desc,
.cookiebanner__title,
.font-size-h5 {
  font-size: var(--font-size-h5);
  letter-spacing: var(--letter-spacing-h5);
  line-height: var(--line-height-h5);
}
.h6,
h6 {
  --spacing-top: var(--spacing-h6);
  display: block;
  font-size: var(--font-size-h6);
  font-weight: var(--heading-font-weight);
  letter-spacing: var(--letter-spacing-h6);
  line-height: var(--line-height-h6);
  margin-top: var(--spacing-top);
}
.h6:first-child,
.no-margin .h6,
.no-margin h6,
h6:first-child {
  --spacing-top: 0;
}
.font-size-h6 {
  font-size: var(--font-size-h6);
  letter-spacing: var(--letter-spacing-h6);
  line-height: var(--line-height-h6);
}
b,
strong {
  font-weight: 600;
}
.action-download,
.cookie-banner__title,
.cookiebanner__title,
.font-weight-700 {
  font-weight: 700;
}
.field__errors,
.font-weight-600 {
  font-weight: 600;
}
.font-weight-400 {
  font-weight: 400;
}
.font-weight-300 {
  font-weight: 300;
}
.text-align-left {
  text-align: left;
}
.text-align-right {
  text-align: right;
}
.text-align-center {
  text-align: center;
}
.text-align-justify {
  text-align: justify;
}
.teaser {
  font-size: var(--teaser-font-size);
  font-weight: var(--teaser-font-weight);
  letter-spacing: var(--teaser-letter-spacing);
  line-height: var(--teaser-line-height);
}
.uppercase {
  text-transform: uppercase;
}
.font-color-white {
  color: var(--color-white);
}
blockquote,
p {
  margin-top: var(--spacing-text);
}
blockquote:first-child,
p:first-child {
  --spacing-text: 0;
}
p {
  --action-margin-right: 1rem;
}
::marker {
  color: var(--marker-color, currentColor);
  content: var(--marker-content, unsert);
  font-weight: 600;
}
ol,
ul {
  margin-left: var(--list-margin-left);
  margin-top: var(--spacing-list);
}
ol:first-child,
ul:first-child {
  --spacing-list: 0;
}
ol ol,
ol ul,
ul ol,
ul ul {
  --spacing-list: 0.2rem;
}
.unstyled-list {
  --list-item-padding-left: initial;
  --list-margin-left: initial;
  --list-item-margin-top: var(--unstyled-list-item-margin-top);
  list-style: none;
}
.reset-list {
  --spacing-list: initial;
  --list-item-padding-left: initial;
  --list-margin-left: initial;
  --list-item-margin-top: initial;
  list-style: none;
}
ol {
  --marker-content: counter(list-counter, decimal-leading-zero);
  counter-reset: list-counter;
}
li {
  counter-increment: list-counter;
  margin-top: var(--list-item-margin-top);
  padding-left: var(--list-item-padding-left);
}
.unstyled-list li:first-child {
  --list-item-margin-top: 0;
}
#location-liste li:first-child,
.download-list li:first-child {
  --list-item-margin-top: var(--unstyled-list-item-margin-top);
}
.link--icon {
  --icon-height: 1em;
  --icon-width: 1em;
  --link-color: currentColor;
  --link-color-active: var(--color-brand);
  --link-text-decoration-active: none;
  align-items: center;
  display: inline-flex;
  gap: 0 1.2rem;
}
.lazy {
  opacity: 0;
  transition: opacity 0.2s ease;
}
.lazy.loaded,
.lazy:not(img)[data-was-processed="true"] {
  opacity: 1;
}
.spacing-before {
  margin-top: var(--spacing);
}
.spacing,
.spacing-after,
.spacing-auto {
  margin-bottom: var(--spacing);
}
.spacing,
.spacing-auto {
  margin-top: var(--spacing);
}
.spacing-auto:first-child {
  margin-top: 0;
}
.spacing-auto:last-child {
  margin-bottom: 0;
}
.hide {
  display: none !important;
}
@media (min-width: 48em) {
  .hide-md-up {
    display: none !important;
  }
}
@media (min-width: 75em) {
  .hide-lg-up {
    display: none !important;
  }
}
@media (max-width: 74.99em) {
  .hide-md-down {
    display: none !important;
  }
}
.field__input--check,
.field__input--radio,
.visually-hidden,
input[type="checkbox"] {
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
}
.container {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--container-widht);
  width: 100%;
}
.wrapper {
  padding-left: var(--wrapper-gap);
  padding-right: var(--wrapper-gap);
  position: relative;
  width: 100%;
}
.wrapper .wrapper {
  --wrapper-gap: 0;
}
.row {
  grid-column-gap: var(--grid-gap);
  grid-row-gap: var(--grid-row-gap, 0);
  align-items: start;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: auto;
  justify-content: center;
}
.row--row-gap {
  --grid-row-gap: var(--grid-gap);
}
.row--v-align-center {
  align-items: center;
}
.row--h-align-center {
  justify-content: center;
}
@media (min-width: 48em) {
  .row--reverse {
    direction: rtl;
  }
}
.row--reverse * {
  direction: ltr;
  text-align: left;
}
.col--half {
  width: 50%;
}
.middle {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 48em) {
  .middle--medium {
    max-width: 56rem;
  }
}
@media (min-width: 75em) {
  .middle--medium {
    max-width: 77rem;
  }
}
@media (min-width: 48em) {
  .middle--large {
    max-width: 56rem;
  }
}
@media (min-width: 75em) {
  .middle--large {
    max-width: 105rem;
  }
}
.col-sm-1 {
  grid-column-end: span 1;
}
.offset-sm-1 {
  grid-column-start: 2;
}
.col-sm-2 {
  grid-column-end: span 2;
}
.offset-sm-2 {
  grid-column-start: 3;
}
.col-sm-3 {
  grid-column-end: span 3;
}
.offset-sm-3 {
  grid-column-start: 4;
}
.col-sm-4 {
  grid-column-end: span 4;
}
.offset-sm-4 {
  grid-column-start: 5;
}
.col-sm-5 {
  grid-column-end: span 5;
}
.offset-sm-5 {
  grid-column-start: 6;
}
.col-sm-6 {
  grid-column-end: span 6;
}
.offset-sm-6 {
  grid-column-start: 7;
}
.col-sm-7 {
  grid-column-end: span 7;
}
.offset-sm-7 {
  grid-column-start: 8;
}
.col-sm-8 {
  grid-column-end: span 8;
}
.offset-sm-8 {
  grid-column-start: 9;
}
.col-sm-9 {
  grid-column-end: span 9;
}
.offset-sm-9 {
  grid-column-start: 10;
}
.col-sm-10 {
  grid-column-end: span 10;
}
.offset-sm-10 {
  grid-column-start: 11;
}
.col-sm-11 {
  grid-column-end: span 11;
}
.offset-sm-11 {
  grid-column-start: 12;
}
.col-sm-12 {
  grid-column-end: span 12;
}
.offset-sm-12 {
  grid-column-start: 13;
}
@media (min-width: 48em) {
  .col-md-1 {
    grid-column-end: span 1;
  }
  .offset-md-1 {
    grid-column-start: 2;
  }
  .row-start-md-1 {
    grid-row-start: 1;
  }
  .col-md-2 {
    grid-column-end: span 2;
  }
  .offset-md-2 {
    grid-column-start: 3;
  }
  .row-start-md-2 {
    grid-row-start: 2;
  }
  .col-md-3 {
    grid-column-end: span 3;
  }
  .offset-md-3 {
    grid-column-start: 4;
  }
  .row-start-md-3 {
    grid-row-start: 3;
  }
  .col-md-4 {
    grid-column-end: span 4;
  }
  .offset-md-4 {
    grid-column-start: 5;
  }
  .row-start-md-4 {
    grid-row-start: 4;
  }
  .col-md-5 {
    grid-column-end: span 5;
  }
  .offset-md-5 {
    grid-column-start: 6;
  }
  .row-start-md-5 {
    grid-row-start: 5;
  }
  .col-md-6 {
    grid-column-end: span 6;
  }
  .offset-md-6 {
    grid-column-start: 7;
  }
  .row-start-md-6 {
    grid-row-start: 6;
  }
  .col-md-7 {
    grid-column-end: span 7;
  }
  .offset-md-7 {
    grid-column-start: 8;
  }
  .row-start-md-7 {
    grid-row-start: 7;
  }
  .col-md-8 {
    grid-column-end: span 8;
  }
  .offset-md-8 {
    grid-column-start: 9;
  }
  .row-start-md-8 {
    grid-row-start: 8;
  }
  .col-md-9 {
    grid-column-end: span 9;
  }
  .offset-md-9 {
    grid-column-start: 10;
  }
  .row-start-md-9 {
    grid-row-start: 9;
  }
  .col-md-10 {
    grid-column-end: span 10;
  }
  .offset-md-10 {
    grid-column-start: 11;
  }
  .row-start-md-10 {
    grid-row-start: 10;
  }
  .col-md-11 {
    grid-column-end: span 11;
  }
  .offset-md-11 {
    grid-column-start: 12;
  }
  .row-start-md-11 {
    grid-row-start: 11;
  }
  .col-md-12 {
    grid-column-end: span 12;
  }
  .offset-md-12 {
    grid-column-start: 13;
  }
  .row-start-md-12 {
    grid-row-start: 12;
  }
}
@media (min-width: 75em) {
  .col-lg-1 {
    grid-column-end: span 1;
  }
  .offset-lg-1 {
    grid-column-start: 2;
  }
  .row-start-lg-1 {
    grid-row-start: 1;
  }
  .col-lg-2 {
    grid-column-end: span 2;
  }
  .offset-lg-2 {
    grid-column-start: 3;
  }
  .row-start-lg-2 {
    grid-row-start: 2;
  }
  .col-lg-3 {
    grid-column-end: span 3;
  }
  .offset-lg-3 {
    grid-column-start: 4;
  }
  .row-start-lg-3 {
    grid-row-start: 3;
  }
  .col-lg-4 {
    grid-column-end: span 4;
  }
  .offset-lg-4 {
    grid-column-start: 5;
  }
  .row-start-lg-4 {
    grid-row-start: 4;
  }
  .col-lg-5 {
    grid-column-end: span 5;
  }
  .offset-lg-5 {
    grid-column-start: 6;
  }
  .row-start-lg-5 {
    grid-row-start: 5;
  }
  .col-lg-6 {
    grid-column-end: span 6;
  }
  .offset-lg-6 {
    grid-column-start: 7;
  }
  .row-start-lg-6 {
    grid-row-start: 6;
  }
  .col-lg-7 {
    grid-column-end: span 7;
  }
  .offset-lg-7 {
    grid-column-start: 8;
  }
  .row-start-lg-7 {
    grid-row-start: 7;
  }
  .col-lg-8 {
    grid-column-end: span 8;
  }
  .offset-lg-8 {
    grid-column-start: 9;
  }
  .row-start-lg-8 {
    grid-row-start: 8;
  }
  .col-lg-9 {
    grid-column-end: span 9;
  }
  .offset-lg-9 {
    grid-column-start: 10;
  }
  .row-start-lg-9 {
    grid-row-start: 9;
  }
  .col-lg-10 {
    grid-column-end: span 10;
  }
  .offset-lg-10 {
    grid-column-start: 11;
  }
  .row-start-lg-10 {
    grid-row-start: 10;
  }
  .col-lg-11 {
    grid-column-end: span 11;
  }
  .offset-lg-11 {
    grid-column-start: 12;
  }
  .row-start-lg-11 {
    grid-row-start: 11;
  }
  .col-lg-12 {
    grid-column-end: span 12;
  }
  .offset-lg-12 {
    grid-column-start: 13;
  }
  .row-start-lg-12 {
    grid-row-start: 12;
  }
}
@media (min-width: 48em) {
  .offset-md-0 {
    grid-column-start: 1;
  }
}
@media (min-width: 75em) {
  .offset-lg-0 {
    grid-column-start: 1;
  }
}
.cmp-fullscreen__section .h2,
.cmp-fullscreen__section h2,
.heading {
  font-weight: 300;
  line-height: 1.2;
  margin-bottom: var(--heading-margin-bottom);
}
.cmp-fullscreen__section .h2:after,
.cmp-fullscreen__section h2:after,
.heading:after {
  background-image: var(--color-brand-linear);
  content: "";
  display: block;
  height: 0.1rem;
  margin-top: var(--heading-spacing);
  margin-inline: var(--heading-decoration-margin-inline, 0);
  min-width: 11.1rem;
  width: 2.75em;
}
.cmp-fullscreen__section .h2 + *,
.cmp-fullscreen__section h2 + *,
.heading + * {
  margin-top: calc(var(--heading-spacing) * 1.3);
}
.cmp-fullscreen__section .h2,
.cmp-fullscreen__section h2,
.heading--center {
  --heading-decoration-margin-inline: auto;
  text-align: center;
}
.address {
  --spacing-h4: 2rem;
  max-width: 32.4rem;
}
.address__title {
  margin-bottom: 2rem;
}
.address__line {
  display: block;
}
.action,
.action-download,
.cookiebanner__button {
  --icon-width: 1.7rem;
  --icon-height: 1.7rem;
  align-items: center;
  border-color: var(--action-border-color);
  border-image: var(--action-border-image) 1;
  border-radius: 0.1rem;
  border-style: solid;
  border-width: var(--action-border-width, 0.2rem);
  color: var(--action-color);
  cursor: pointer;
  display: inline-flex;
  flex-shrink: 0;
  font-size: 1.8rem;
  font-weight: 600;
  gap: 2rem;
  justify-content: center;
  line-height: 1.112;
  margin-right: var(--action-margin-right);
  margin-top: var(--action-margin-top);
  max-width: 100%;
  min-width: var(--action-min-width, 18rem);
  overflow: visible;
  padding: var(--action-padding, 1.7rem);
  position: relative;
  text-decoration: none;
  transition:
    background-color var(--animation-duration) var(--animation-ease),
    color var(--animation-duration) var(--animation-ease),
    border-color var(--animation-duration) var(--animation-ease);
  z-index: 1;
}
.action-download:before,
.action:before,
.cookiebanner__button:before {
  background-color: var(--action-bg-color);
  background-image: var(--action-bg-img);
  border-radius: 0.1rem;
  content: "";
  height: var(--action-bg-height);
  inset: var(--action-bg-inset, 0);
  bottom: var(--action-bg-bottom, 0);
  left: 0;
  opacity: var(--action-bg-opacity, 1);
  position: absolute;
  right: 0;
  top: var(--action-bg-top, 0);
  transition: opacity var(--animation-duration) var(--animation-ease);
  will-change: opacity;
  z-index: -1;
}
.action--disabled,
.action-download:disabled,
.action.disabled,
.action:disabled,
.action[disabled],
.cookiebanner__button:disabled,
.disabled.action-download,
.disabled.cookiebanner__button,
[disabled] .action,
[disabled] .action-download,
[disabled] .cookiebanner__button,
[disabled].action-download,
[disabled].cookiebanner__button {
  --action-color: var(--action-disable-color);
  --action-border-color: var(--action-disabled-border-color);
  --action-bg-img: var(--action-disabled-bg-img);
  --action-border-image: var(--action-disabled-border-image);
  --action-bg-opacit: 0;
}
.action__text {
  position: var(--action-text-position, static);
  text-indent: var(--action-text-indent, normal);
}
.action--block {
  display: flex;
}
.action--small {
  --action-padding: 1rem;
}
.action-fab.active,
.action-fab:focus,
.action-fab:hover,
.action-primary.active,
.action-primary:focus,
.action-primary:hover,
.action-secondary:not(.active):not(:hover):not(:focus):not([disabled]):not(
    .disabled
  ):not(:disabled),
.cookiebanner__button--light:not(.active):not(:hover):not(:focus):not(
    [disabled]
  ):not(.disabled):not(:disabled),
a:focus .action-fab,
a:focus .action-primary,
a:hover .action-fab,
a:hover .action-primary {
  --action-color: var(--action-active-color);
  --action-border-color: var(--action-active-border-color);
  --action-bg-opacity: 0;
  --action-border-image: var(--action-active-border-image);
}
.action-tertiary {
  --action-border-width: 0 0 0.1rem 0;
  --action-min-width: none;
  --action-padding: 0.2rem 0;
  --action-bg-clip: text;
  --action-color: transparent;
  --action-active-bg-img: var(--action-bg-img);
  --action-bg-opacity: 0;
  --icon-color: var(--color-black);
  -webkit-background-clip: text;
  background-clip: text;
  background-image: var(--action-bg-img);
}
.action-tertiary path {
  fill: var(--fill-gradient);
}
.action-tertiary--disabled,
.action-tertiary.disabled,
.action-tertiary:disabled,
.action-tertiary[disabled],
[disabled] .action-tertiary {
  --fill-gradient: var(--action-disable-color);
}
:where(.inverted) .action-tertiary {
  --action-color: var(--color-white);
  --fill-gradient: var(--color-white);
  --action-bg-height: 0.1rem;
  --action-bg-inset: auto;
  --action-bg-top: auto;
  --action-bg-left: 0;
  --action-bg-right: 0;
  --action-bg-bottom: 0;
  --action-bg-color: var(--color-white);
  --action-bg-img: none;
  --action-bg-opacity: 1;
}
.action-fab,
.action-fab-outline {
  --action-min-width: none;
}
.action-fab--disabled,
.action-fab-outline--disabled,
.action-fab-outline.disabled,
.action-fab-outline:disabled,
.action-fab-outline[disabled],
.action-fab.disabled,
.action-fab:disabled,
.action-fab[disabled] {
  --action-color: var(--action-disable-color);
  --action-border-color: var(--action-disabled-border-color);
}
.action-fab-outline {
  --action-min-width: none;
  --action-color: var(--action-fab-outline-color);
  --action-border-color: var(--action-fab-outline-color);
  --action-border-image: none;
  --action-bg-img: none;
  --action-bg-color: var(--action-fab-outline-bg-color);
  --action-bg-opacity: 0;
}
.action-fab-outline.active,
.action-fab-outline:focus,
.action-fab-outline:hover,
a:focus .action-fab-outline,
a:hover .action-fab-outline {
  --action-bg-opacity: 1;
  --action-border-color: var(--action-fab-outline-color);
  --action-color: var(--action-fab-outline-active-color);
}
.action-download {
  color: var(--color-black);
  font-size: var(--font-size-button);
}
.action-download:before {
  background: transparent
    url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' xml:space='preserve'%3E%3Cpath fill='%239E1515' d='M20 28.3c-.7 0-1.2-.6-1.2-1.2V1.2c0-.6.5-1.2 1.2-1.2s1.2.6 1.2 1.2V27c0 .8-.5 1.3-1.2 1.3z'/%3E%3Cpath fill='%239E1515' d='M20 28.3c-.3 0-.6-.1-.9-.4l-6.7-6.7c-.5-.5-.5-1.3 0-1.8s1.3-.5 1.8 0l5.8 5.8 5.8-5.8c.5-.5 1.3-.5 1.8 0s.5 1.3 0 1.8L20.9 28c-.3.2-.6.3-.9.3z'/%3E%3Cpath fill='%239E1515' d='M35.4 40H4.6C2.1 40 0 37.9 0 35.4v-7.5c0-.7.6-1.2 1.2-1.2s1.2.6 1.2 1.2v7.5c0 1.1.9 2.1 2.1 2.1h30.8c1.1 0 2.1-.9 2.1-2.1v-7.5c0-.7.6-1.2 1.2-1.2s1.2.6 1.2 1.2v7.5c.2 2.5-1.9 4.6-4.4 4.6z'/%3E%3C/svg%3E")
    50% no-repeat;
  background-size: 100% 100%;
  content: "";
  height: 4rem;
  margin-right: 1rem;
  width: 4rem;
}
.action-dark {
  --action-border-width: 0.1rem;
  --action-border-color: var(--color-black);
  --action-border-image: none;
  --action-padding: 1.2rem 2.5rem;
  --action-bg-opacity: 0;
  --action-color: var(--color-black);
  --action-bg-img: none;
  --action-bg-color: var(--color-black);
  font-size: 1.6rem;
  font-weight: 400;
  min-width: unset;
}
.action-dark--active,
.action-dark.active {
  --action-color: var(--color-white);
  --action-bg-opacity: 1;
}
.action-footer {
  color: var(--color-white);
}
.not-touch .action-footer:hover {
  text-decoration: underline;
}
.action-arrow {
  --action-color: var(--color-black);
  --action-bg-opacity: 0;
  border: unset;
  font-size: 1.6rem;
  gap: 1.6rem;
  justify-content: flex-start;
  padding-left: 0;
  width: 100%;
}
.action-arrow .action__text {
  max-width: calc(100% - 4rem);
}
.action-arrow svg {
  transition: transform var(--animation-duration) var(--animation-ease);
}
.action-arrow:hover {
  --action-color: var(--color-white);
  --action-bg-opacity: 1;
}
.action-arrow:hover svg {
  transform: translateX(0.8rem);
}
.action-clear {
  --action-border-width: 0 0 0.1rem 0;
  --action-min-width: none;
  --action-padding: 0.2rem 0;
  --action-bg-clip: text;
  --action-border-color: transparent;
  --action-color: currentColor;
  --action-bg-img: unset;
  --action-bg-opacity: 0;
  --icon-color: var(--color-black);
  border: none;
  font-size: 1.6rem;
  font-weight: 400;
  gap: 1rem;
  margin-top: 1.5rem;
}
@media (min-width: 75em) {
  .action-clear {
    margin-top: 0;
  }
}
.action-clear .icon {
  display: none;
  visibility: hidden;
}
@media (min-width: 75em) {
  .action-clear .icon {
    display: inline-flex;
    visibility: visible;
  }
}
.action-fullwidth {
  width: 100%;
}
.action-fit {
  width: fit-content;
}
.parent-link {
  text-decoration: unset;
}
.field__row * {
  font-family: inherit;
}
.field-group {
  position: relative;
}
.field-group--search {
  color: var(--color-grey-300);
}
@media (min-width: 75em) {
  .row .field-group + .field-group {
    margin-left: 6rem;
  }
}
.field-group--bordered:before {
  background-color: rgba(242, 28, 40, 0.063);
  bottom: 0;
  content: "";
  display: block;
  height: 100%;
  left: -7px;
  position: absolute;
  right: -7px;
  z-index: 0;
}
.field-group--file {
  margin-bottom: 4rem;
  margin-top: 4rem;
}
.field-group--html {
  color: var(--color-black);
  margin-bottom: var(--spacingWide);
}
@media (min-width: 75em) {
  .field-group--html {
    margin-bottom: 10rem;
  }
}
.field-group--block {
  margin-top: 3rem;
}
.field {
  background: none;
  border: 0;
  display: block;
  font-size: 1.6rem;
  max-width: 100%;
  min-height: 4rem;
  position: relative;
}
.field::placeholder {
  color: var(--color-black);
  font-size: 1.6rem;
}
.field--search,
.field--text {
  border: 1px solid var(--color-black);
  height: 4.3rem;
  padding: 2rem;
}
.field--select {
  border-bottom: 1px solid var(--color-black);
  font-size: var(--font-size-label-small);
}
.field--select-bigger {
  font-size: var(--font-size-label);
}
.field--search {
  background-color: var(--color-black);
  color: var(--color-white);
  min-width: 30rem;
  padding-left: 4.3rem;
  padding-right: 2rem;
}
.field--search::placeholder {
  color: var(--color-white);
}
.field--dates {
  min-width: 25rem;
  padding-left: 4.3rem;
}
.field--file {
  min-height: unset;
  width: auto;
}
.label {
  display: block;
  position: relative;
}
.field-group--block .label {
  cursor: pointer;
  left: 0;
  position: absolute;
  top: 0.2rem;
  transition: all var(--animation-duration) var(--animation-ease);
  width: 100%;
}
.field-group--block-animated .label {
  color: var(--color-grey-200);
  font-size: var(--font-size-label);
  line-height: 2rem;
  transform: translateY(-2.7rem);
}
.field-group--textarea.field-group--block-animated .label {
  transform: translateY(-3.5rem);
}
.label.required:after {
  content: "*";
}
.field__sub-label {
  cursor: pointer;
  display: block;
  margin-top: 2rem;
  min-height: 4rem;
  padding-left: 6rem;
  padding-top: 0.2rem;
  position: relative;
}
.field__sub-label:first-of-type {
  margin-top: 1rem;
}
.field__sub-label:before {
  border: 1px solid var(--color-black);
  content: "";
  display: block;
  height: 4rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 4rem;
}
.field__input--radio + .field__sub-label:before {
  border-radius: 50%;
}
.field__input--check:checked + .field__sub-label:before,
input[type="checkbox"]:checked + .field__sub-label:before {
  background: transparent
    url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%239E1515' d='m6.469 7.531-6-6C.156 1.25.156.781.469.47c.281-.281.75-.281 1.062 0L7 5.969 12.469.5c.281-.313.75-.313 1.062 0a.736.736 0 0 1 0 1.031l-6.031 6a.684.684 0 0 1-1.031 0Z'/%3E%3C/svg%3E")
    50% no-repeat;
  background-size: 20px 12px;
}
.field__input--radio:checked + .field__sub-label:after {
  background-color: var(--color-primary-1);
  border-radius: 50%;
  content: "";
  display: block;
  height: 3.4rem;
  left: 0.4rem;
  position: absolute;
  top: 0.4rem;
  width: 3.4rem;
}
.field__sub-label--inline {
  display: inline-flex;
  margin-right: 4rem;
}
.field__input--textarea {
  transition: height var(--animation-duration) var(--animation-ease);
}
.field__errors {
  color: var(--color-error);
  font-size: 1.6rem;
  letter-spacing: 0.1rem;
  line-height: 3.2rem;
  list-style: none;
  margin-left: 0;
  margin-top: 1rem;
}
.field__errors li {
  padding-left: 0;
}
:is(.field-group--checkbox_group) + .field__errors {
  margin-top: 1rem;
  position: relative;
  top: auto;
}
.field-group--submit .action + .action {
  margin-left: 2rem;
}
.field--bordered {
  border-bottom: 1px solid var(--color-black);
}
.field-group--has-errors .field--bordered {
  border-bottom: 2px solid var(--color-error);
}
[disabled] + .field__sub-label {
  opacity: 0.5;
  pointer-events: none;
}
img,
video {
  backface-visibility: hidden;
  height: auto;
  image-rendering: -webkit-optimize-contrast;
  max-width: 100%;
  object-fit: cover;
  object-position: var(--focalpoint);
  transform: var(--img-transform, scale(1));
  transition: transform var(--animation-duration) var(--animation-ease);
  will-change: transform;
}
figcaption {
  font-size: inherit;
  margin-top: 2rem;
}
.media {
  margin-top: var(--spacing-media);
}
.media:first-child {
  --spacing-media: 0;
}
.figure {
  aspect-ratio: var(--figure-aspect-ratio);
  overflow: hidden;
  position: relative;
}
.figure:after {
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}
.figure img,
.figure picture,
.figure video {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.figure-author {
  --figure-aspect-ratio: 48/53;
}
@media (min-width: 75em) {
  .figure-author {
    --figure-aspect-ratio: 1/1;
  }
}
.figure-journal-heading {
  --figure-aspect-ratio: 1/1;
}
@media (min-width: 75em) {
  .figure-journal-heading {
    --figure-aspect-ratio: 926/820;
  }
}
.figure-modal {
  --figure-aspect-ratio: 11/7;
}
.figure-three {
  height: 0;
  padding-bottom: 76%;
}
.figure-text-image {
  --figure-aspect-ratio: 272/385;
}
@media (min-width: 75em) {
  .figure-text-image {
    --figure-aspect-ratio: 52/79;
  }
}
.figure-cta:after,
.figure-fullscreen:after {
  background-color: rgba(0, 0, 0, 0.45);
}
.figure-footer-icon,
.figure-teaser-big,
.figure-teaser-small {
  --figure-aspect-ratio: 1/1;
}
.figure-footer-icon {
  width: 10rem;
}
.figure-teaser-events {
  --figure-aspect-ratio: 68/45;
}
@media (min-width: 75em) {
  .figure-teaser-events {
    --figure-aspect-ratio: 1/1;
  }
}
.figure-teaser-news {
  --figure-aspect-ratio: 266/149;
}
@media (min-width: 75em) {
  .figure-teaser-news {
    --figure-aspect-ratio: 46/25;
  }
}
.figure-slider {
  height: 0;
  padding-bottom: 100%;
}
@media (min-width: 48em) {
  .figure-slider {
    padding-bottom: 77.56%;
  }
}
.figure-fullscreen {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
@media (min-width: 75em) {
  .figure-fullscreen--with-half-overlay:after {
    width: 46.5%;
  }
}
.figure-intro {
  --figure-aspect-ratio: 1/1;
  transform: translateX(2rem);
  width: calc(100% + 2rem);
}
.figure-intro + * {
  margin-top: 4rem;
}
@media (min-width: 75em) {
  .figure-intro {
    --figure-aspect-ratio: 935/760;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: calc(50% - 2rem);
  }
  .figure-intro + * {
    margin-top: 0;
  }
}
.figure-teaser-products {
  --figure-aspect-ratio: 1/1;
  height: 100%;
  max-width: 34.8rem;
  transform: translateX(-2rem);
  width: 100%;
}
@media (min-width: 48em) {
  .figure-teaser-products {
    height: 100%;
    left: 0;
    max-width: 95.5rem;
    position: absolute;
    top: 0;
    transform: translateX(0);
    width: 50%;
    z-index: -1;
  }
}
.applications--reverse .figure-teaser-products {
  margin-left: auto;
  transform: translateX(1.6rem);
}
@media (min-width: 48em) {
  .applications--reverse .figure-teaser-products {
    left: unset;
    right: 0;
    transform: translateX(0);
  }
}
.figure-cta-contact {
  --figure-aspect-ratio: 36/45;
}
@media (min-width: 75em) {
  .figure-cta-contact {
    --figure-aspect-ratio: 38.2/55.2;
  }
}
@media (min-width: 86.875em) {
  .figure-modal {
    --figure-aspect-ratio: 65/76;
  }
}
video::-webkit-media-controls,
video::-webkit-media-controls-overlay-play-button,
video::video::-webkit-media-controls-enclosure {
  -webkit-appearance: none !important;
  display: none !important;
}
.disabled {
  pointer-events: none;
}
.section {
  margin-bottom: var(--section-spacing-bottom, 0);
  margin-top: var(--section-spacing-top, 0);
  position: relative;
}
.section:last-child {
  --section-spacing-bottom: var(--section-spacing);
}
.section--overflow-hidden {
  overflow: hidden;
}
.section--spacing,
.section--spacing-top {
  --section-spacing-top: var(--section-spacing);
}
@media (max-width: 74.99em) {
  .section--spacing-top.cmp-search__section {
    --section-spacing-top: 3.2rem;
  }
}
.section--spacing-bottom {
  --section-spacing-bottom: var(--section-spacing);
}
.section--bg + .section--bg,
.section--bg:first-child {
  --section-spacing-top: 0;
}
.section--grey {
  background-color: var(--color-grey-200);
  background-image: var(--color-grey-linear);
  padding: var(--section-spacing) 0;
}
.section--grey:last-child {
  --section-spacing-bottom: 0;
}
.section--dark {
  --outline-color: var(--color-white);
  --breadcrumb-color: var(--color-white);
  background-image: var(--color-black-linear);
  color: var(--color-white);
  padding: var(--section-spacing) 0;
}
.section--dark:last-child {
  --section-spacing-bottom: 0;
}
.section__box {
  background-color: var(--section-box-bg-color);
  margin: var(--section-box-margin);
  padding: var(--section-box-padding);
}
.section__title {
  margin-bottom: 4rem;
}
.icon {
  color: var(--icon-color, currentColor);
  display: var(--icon-display, block);
  font-style: normal;
  height: var(--icon-height, auto);
  position: relative;
  width: var(--icon-width, auto);
}
.icon--black {
  --icon-color: var(--color-black);
}
.icon--white {
  --icon-color: var(--color-white);
}
.icon-close {
  --icon-width: 1.2rem;
  --icon-height: 1.2rem;
}
.icon-home {
  --icon-width: 2rem;
  --icon-height: 1.8rem;
}
.icon-play {
  --icon-width: 2rem;
  --icon-height: 2rem;
}
@media (min-width: 48em) {
  .icon-play {
    --icon-width: 2rem;
    --icon-height: 2rem;
  }
}
@media (min-width: 75em) {
  .icon-play {
    --icon-width: 3.6rem;
    --icon-height: 4rem;
  }
}
.icon-gradient path {
  fill: var(--fill-gradient);
}
.icon-gradient-auto path {
  fill: var(--fill-gradient-auto);
}
hr {
  background-image: var(--color-brand-linear);
  border: none;
  clear: both;
  display: block;
  height: 0.1rem;
  margin: 0;
  margin-top: var(--spacing-text);
}
.tabs {
  align-items: flex-end;
  border-bottom: 0.1rem solid;
  display: flex;
  gap: 0.5rem;
}
.tabs__link {
  --link-text-decoration-active: none;
  border: 0.1rem solid;
  border-bottom: 0;
  border-radius: 0.5rem 0.5rem 0 0;
  color: currentColor;
  display: block;
  font-size: 1.6rem;
  line-height: 1.2;
  padding: 0.5rem 1rem;
}
.fui-tab-active .tabs__link,
.tabs__link--active,
.tabs__link:hover {
  background-color: hsla(0, 0%, 50%, 0.3);
  text-decoration: none;
}
.iframe-wrapper {
  padding: 0;
}
.iframe-html {
  aspect-ratio: 16/9;
  background-color: var(--color-primary-1);
  display: block;
}
.iframe-container {
  aspect-ratio: 16/9;
  position: relative;
  width: 100%;
}
.iframe-container embed,
.iframe-container iframe,
.iframe-container object {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.iframe-container div,
.iframe-container iframe {
  height: 100% !important;
  position: absolute !important;
  width: 100% !important;
}
.iframe__poster {
  height: 100%;
  left: 0;
  opacity: 1;
  position: absolute;
  top: 0;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.75);
  width: 100%;
  z-index: 2;
}
.iframe__poster--playing {
  opacity: 0;
  z-index: 0;
}
.iframe__poster img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.iframe__play {
  align-items: center;
  background-color: transparent;
  background-image: var(--color-brand-linear);
  border-radius: 50%;
  color: var(--white);
  cursor: pointer;
  display: flex;
  height: 60px;
  justify-content: center;
  left: 50%;
  opacity: 0.8;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  transition: opacity 0.25s ease;
  width: 60px;
  will-change: opacity;
  z-index: 2;
}
@media (min-width: 75em) {
  .iframe__play {
    height: 120px;
    width: 120px;
  }
}
.iframe__play .icon {
  color: var(--color-white);
  transform: translateX(2px);
}
@media (min-width: 75em) {
  .iframe__play .icon {
    transform: translateX(5px);
  }
}
.iframe__play:hover {
  opacity: 1;
}
table {
  border: 0;
  border-collapse: collapse;
  margin-bottom: var(--globalMargin);
  width: 100%;
}
table tr {
  border-bottom: 1px solid var(--lightGray);
}
table td,
table th {
  padding: calc(var(--globalPadding) / 2);
  text-align: var(--table-cell-text-align, left);
}
table thead {
  border-bottom: 2px solid var(--primaryColor);
}
table thead th {
  font-weight: 700;
}
.table {
  --subtitle-font-size: 1.4rem;
  --spacing-media-caption: 2rem;
  --table-cell-font-size: 1.6rem;
  border: 0;
  border-collapse: collapse;
  border-radius: 0;
  caption-side: bottom;
  font-variant-numeric: tabular-nums;
  margin-bottom: 0;
  min-width: 100%;
  position: relative;
  table-layout: auto;
}
.table--highlighted {
  --table-cell-bg-color: transparent;
}
.table--highlighted tr:hover {
  --table-cell-bg-color: var(--color-tertiary-800);
}
.table__th--highlighted {
  padding-top: 1.4rem !important;
  position: relative;
}
.table__th--highlighted:before {
  background-color: var(--color-primary-700);
  border-radius: 2rem;
  content: "";
  height: calc(var(--scroll-shadow-height) + 1.4rem);
  inset: 0;
  bottom: auto;
  position: absolute;
  z-index: -1;
}
.table td,
.table th {
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
  background-color: var(
    --table-cell-bg-color,
    var(--color-grey-100-transparent)
  );
  border-color: var(--table-cell-border-color, var(--color-accent-03));
  border-style: var(--table-cell-border-style, solid);
  border-width: var(--table-cell-border-width, 0.1rem 0 0 0);
  border-top: none;
  color: var(--table-cell-color, inherit);
  font-size: var(--table-cell-font-size, inherit);
  height: 5.5rem;
  padding-block: var(--table-cell-padding-block, 1.4rem);
  padding-inline: var(--table-cell-padding-inline, 2rem);
  vertical-align: var(--table-cell-vertical-align, top);
  width: var(--table-cell-width, 30rem);
}
@media (min-width: 75em) {
  .table td,
  .table th {
    --table-cell-padding-inline: 5rem;
  }
}
.table th,
.table tr {
  --table-cell-border-width: 0.1rem 0 0.1rem 0;
}
.table tfoot th,
.table thead th,
.table__tr--footer td,
.table__tr--footer th {
  --table-cell-vertical-align: bottom;
  --table-cell-border-width: 0 0 0.2rem;
  --table-cell-border-color: var(--color-black);
  --table-cell-border-style: solid;
  --table-cell-font-size: 1.8rem;
  --table-cell-padding-block: 0;
  --table-cell-bg-color: transparent;
  letter-spacing: 0.36px;
}
.table tfoot th:first-child,
.table thead th:first-child,
.table__tr--footer td:first-child,
.table__tr--footer th:first-child {
  padding-left: 1rem;
  text-align: left;
}
@media (min-width: 75em) {
  .table tfoot th:first-child,
  .table thead th:first-child,
  .table__tr--footer td:first-child,
  .table__tr--footer th:first-child {
    min-width: 34rem;
    padding-left: 2rem;
  }
}
.table tfoot th:nth-child(2),
.table thead th:nth-child(2),
.table__tr--footer td:nth-child(2),
.table__tr--footer th:nth-child(2) {
  --table-cell-padding-inline: 0;
  min-width: 1rem;
  width: 100%;
}
.table tbody th {
  --table-cell-bg-color: var(--color-white);
  font-weight: inherit;
}
.table tbody th:first-child {
  hyphens: manual;
  padding-left: 1rem;
}
@media (min-width: 75em) {
  .table tbody th:first-child {
    padding-left: 2rem;
  }
}
.section--dark .table tbody th {
  --table-cell-bg-color: hsla(0, 0%, 100%, 0.1);
}
.table tbody td {
  --table-cell-text-align: left;
  vertical-align: middle;
}
.table tbody td:nth-child(2) {
  --table-cell-padding-inline: 0;
  max-width: 1rem;
}
@media (min-width: 75em) {
  .table tbody td {
    --table-cell-text-align: center;
  }
}
.table tbody td.text-align-left {
  --table-cell-text-align: left;
}
.table__tr--footer {
  font-weight: 700;
}
.table tfoot th,
.table__tr--footer td,
.table__tr--footer th {
  --table-cell-vertical-align: top;
  --table-cell-border-width: 0.2rem 0;
  --table-cell-padding-block: 1.1rem;
}
.table__sub-row {
  --table-cell-border-color: var(--color-grey-300);
  --table-cell-color: var(--color-grey-600);
  --table-cell-padding-block: 0.9rem;
}
.section--dark .table__sub-row {
  --table-cell-border-color: var(--color-grey-600);
  --table-cell-color: var(--color-grey-200);
}
.table__legend {
  --spacing-text-top: 2rem;
}
.caption,
.table caption {
  color: currentColor;
  font-weight: 500;
  letter-spacing: var(--subtitle-small-letter-spacing);
  line-height: var(--subtitle-small-line-height);
  margin-top: 2.5rem;
}
.caption,
.caption p,
.table caption,
.table caption p {
  font-size: var(--subtitle-small-font-size);
}
.table-responsive {
  min-height: 0.01%;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 1.5rem;
  position: relative;
  scroll-behavior: var(--scroll-behavior);
  width: auto;
  word-break: normal;
}
.table-responsive:last-child {
  margin-bottom: 0;
}
.table-responsive thead th {
  --table-cell-text-align: center;
  background-color: var(--color-grey-600);
  border-bottom: none;
  color: var(--color-white);
  font-weight: 600;
  height: 6.4rem;
  vertical-align: middle;
  white-space: nowrap;
}
.table-responsive thead th.text-align-left {
  --table-cell-text-align: left;
}
.table-responsive td,
.table-responsive th {
  width: auto;
}
.text-full-width {
  --spacing-text: 1rem;
}
@media (min-width: 75em) {
  .text-full-width {
    --spacing-text: 1.1rem;
  }
}
.ul__table-description {
  --spacing-list: 3rem;
  --list-item-margin-top: 1rem;
  --list-item-padding-left: 0;
  --list-margin-left: 1.6rem;
  font-size: 1.6rem;
}
@media (min-width: 75em) {
  .ul__table-description {
    width: 66.7%;
  }
}
.text__body .media {
  margin-inline: -2.8rem -1.9rem;
}
@media (min-width: 75em) {
  .text__body .media {
    margin-inline: 0;
  }
}
.map--big {
  aspect-ratio: 328/450;
}
@media (min-width: 48em) {
  .map--big {
    aspect-ratio: 1608/650;
  }
}
.map--small {
  aspect-ratio: 328/450;
}
@media (min-width: 48em) {
  .map--small {
    aspect-ratio: 770/445;
  }
}
.map__container {
  display: flex;
  flex-direction: column;
  position: relative;
}
.map__container--has-link {
  --wrapper-spacing: -1.5rem;
  margin-left: var(--wrapper-spacing);
  margin-right: var(--wrapper-spacing);
}
@media (min-width: 48em) {
  .map__container--has-link {
    --wrapper-spacing: -4rem;
  }
}
@media (min-width: 75em) {
  .map__container--has-link {
    --wrapper-spacing: 13rem;
  }
}
.map__container--has-link:after {
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.map__info-window {
  --action-margin-right: 2rem;
  --spacing-text: 1rem;
  font-family: var(--body-font-family);
  font-size: 1.6rem;
  max-width: 27rem;
  min-width: 27rem;
  padding-bottom: 0.8rem;
  padding-right: 0.8rem;
  width: 27rem;
}
.map__info-window .action {
  margin-bottom: 0.5rem;
}
.gm-style-iw-chr {
  display: flex;
  justify-content: end;
}
.gm-style .gm-style-iw-c {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  background: var(--color-white);
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  left: 0;
  overflow: hidden;
  padding: 2rem;
  position: absolute;
  top: 0;
  transform: translate3d(-50%, -120%, 0);
}
.gm-style .gm-style-iw-chr button {
  background-color: var(--color-white) !important;
}
.gm-style .gm-style-iw-chr button span {
  background-color: var(--color-black);
}
.gm-style-iw-d {
  overflow-x: hidden !important;
  overflow-y: auto !important;
}
.gm-control-active > img {
  box-sizing: content-box;
  display: none;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.gm-control-active > img:first-child {
  display: block;
}
.gm-control-active:active > img:first-child,
.gm-control-active:hover > img:first-child {
  display: none;
}
.gm-control-active:active > img:nth-child(3),
.gm-control-active:hover > img:nth-child(2) {
  display: block;
}
dialog {
  border: none;
  height: var(--modal-height, 100%);
  margin: var(--modal-margin, 0);
  max-height: none;
  max-width: none;
  padding: var(--modal-padding, 0);
  position: var(--modal-position, fixed);
  top: var(--modal-top, 0);
  transform: var(--modal-transform, translateY(100%));
  transition:
    transform var(--animation-duration) var(--animation-ease),
    display var(--animation-duration) allow-discrete;
  width: var(--modal-width, 100%);
}
dialog.is-open {
  transform: translateY(0);
}
@media (min-width: 75em) {
  dialog {
    height: fit-content;
    min-height: var(--modal-min-height, 40%);
  }
}
.hamburger {
  align-items: center;
  color: currentColor;
  display: grid;
  height: var(--hamburger-width);
  margin-right: var(--hamburger-megin-right);
  overflow: hidden;
  padding: var(--hamburger-padding);
  transform: translateZ(0);
  width: var(--hamburger-width);
}
.hamburger,
.hamburger__inner {
  position: relative;
}
.hamburger__line {
  background-color: currentColor;
  border-radius: 0.2rem;
  display: block;
  height: var(--hamburger-line-height);
  left: 0;
  opacity: var(--hamburger-line-opacity, 1);
  position: absolute;
  right: 0;
  top: 50%;
  transform: var(--hamburger-line-transform);
  transform-origin: 50% 50%;
  transition: transform 0.3s ease;
}
.hamburger__line:first-child {
  --hamburger-line-transform: rotate(180deg) translateY(0.6rem);
}
.hamburger__line:last-child {
  --hamburger-line-transform: translateY(0.6rem);
}
[aria-expanded="true"] .hamburger__line {
  --hamburger-line-transform: translateX(150%);
  --hamburger-line-opacity: 0;
}
[aria-expanded="true"] .hamburger__line:first-child {
  --hamburger-line-transform: rotate(45deg);
  --hamburger-line-opacity: 1;
}
[aria-expanded="true"] .hamburger__line:last-child {
  --hamburger-line-transform: rotate(-45deg);
  --hamburger-line-opacity: 1;
}
.gradient__start {
  stop-color: var(--gradient-start);
}
.gradient__start--dark {
  stop-color: var(--gradient-dark-start);
}
.gradient__middle {
  stop-color: var(--gradient-middle);
}
.gradient__middle--dark {
  stop-color: var(--gradient-dark-middle);
}
.gradient__end {
  stop-color: var(--gradient-end);
}
.gradient__end--dark {
  stop-color: var(--gradient-dark-end);
}
.combo {
  display: block;
  position: relative;
}
.combo-input {
  display: block;
  font-size: 1.6rem;
  text-align: left;
  width: 100%;
}
select.combo-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.combo-label {
  display: block;
  font-size: 20px;
  font-weight: 100;
  margin-bottom: 0.25em;
}
.combo-menu {
  background-color: #f5f5f5;
  border: 1px solid rgba(0, 0, 0, 0.42);
  border-radius: 0 0 4px 4px;
  display: none;
  left: 0;
  max-height: 300px;
  max-width: 32rem;
  min-width: 100%;
  overflow-y: scroll;
  position: absolute;
  top: 100%;
  width: max-content;
  z-index: 100;
}
.open .combo-menu {
  display: block;
}
.combo-option {
  cursor: pointer;
  font-size: 1.6rem;
  padding: 10px 2rem 12px;
}
.combo-option.option-current,
.combo-option:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.combo-option.option-selected {
  padding-right: 30px;
  position: relative;
}
.combo-option.option-selected:after {
  border-bottom: 2px solid #000;
  border-right: 2px solid #000;
  content: "";
  height: 16px;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 8px;
}
.selected-options {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.selected-options li {
  --list-item-padding-left: 0;
  --list-item-margin-top: 0;
  display: inline-block;
  margin-bottom: 5px;
}
.remove-option {
  background-color: var(--color-primary-1);
  border: 1px solid var(--color-primary-1);
  border-radius: 3px;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
  padding: 0.2rem 2.5rem 0.2rem 0.3rem;
  position: relative;
}
.remove-option:focus {
  border-color: var(--color-primary-1);
  outline: 3px solid transparent;
}
.remove-option:after,
.remove-option:before {
  border-right: 2px solid #fff;
  content: "";
  height: 1em;
  position: absolute;
  right: 0.75em;
  top: 50%;
  width: 0;
}
.remove-option:before {
  transform: translateY(-50%) rotate(45deg);
}
.remove-option:after {
  transform: translateY(-50%) rotate(-45deg);
}
.combo .multiselect-inline {
  --input-select-padding-right: 0;
  --input-outline-padding-inline: 1.1rem;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.multiselect-inline .selected-options {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.multiselect-inline .selected-options li {
  display: inline-flex;
  margin-bottom: 0;
}
.multiselect-inline .combo-input {
  border: none;
  flex: 1 1 35%;
  line-height: 1;
  padding: 0;
}
.multiselect-inline .combo-input:focus {
  box-shadow: none;
  outline: none;
}
.multiselect-inline:focus-within {
  outline-color: var(--outline-color, currentColor);
  outline-offset: var(--outline-offset, 0.3rem);
  outline-style: solid;
  outline-width: var(--outline-width, 0.1rem);
}
.text-gradient {
  --linear-rotation: 90deg;
  -webkit-background-clip: text;
  background-clip: text;
  background-image: var(--color-brand-linear);
  color: transparent;
  display: inline;
}
.text-gradient--dark {
  background-image: var(--color-brand-linear-dark);
}
.text-gradient--auto {
  background-image: var(--color-brand-linear-auto);
}
[data-scroll-reveal] {
  isolation: isolate;
  opacity: 1;
  transition:
    transform var(--animation-duration-slow) ease-out,
    opacity var(--animation-duration-slow) ease-out;
}
.delay-100 {
  transition-delay: 0.1s;
}
.delay-200 {
  transition-delay: 0.2s;
}
.delay-300 {
  transition-delay: 0.3s;
}
.delay-400 {
  transition-delay: 0.4s;
}
.delay-500 {
  transition-delay: 0.5s;
}
.delay-600 {
  transition-delay: 0.6s;
}
.delay-700 {
  transition-delay: 0.7s;
}
.delay-800 {
  transition-delay: 0.8s;
}
.delay-900 {
  transition-delay: 0.9s;
}
.delay-1000 {
  transition-delay: 1s;
}
.faded-out {
  opacity: 0;
  transform: translateY(10rem);
}
.opacity-reveal {
  opacity: 0;
}
.show-after {
  display: none;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(2rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.is-loading {
  opacity: 0;
}
.is-loaded {
  opacity: 1;
  transform: none;
}
.fade-in,
.is-ready {
  animation: fadeIn 0.4s linear;
  opacity: 1;
}
.transparent {
  opacity: 0;
}
.spin {
  opacity: 1;
  transform: rotateY(1turn);
  transition:
    transform 1.5s cubic-bezier(0.06, 0.64, 0.26, 1.06) 0.5s,
    opacity 1.5s 0.7s;
}
.alert {
  background-color: var(--alert-bg-color, #ccc);
  border-radius: 0.1rem;
  color: var(--alert-color, #fff);
  font-size: 1.3rem;
  margin-bottom: 1rem;
  padding: 1rem 1.5rem;
}
.alert--error {
  --alert-bg-color: var(--color-error);
}
.alert--success {
  --alert-bg-color: var(--color-success);
}
.alert--warning {
  --alert-bg-color: var(--color-warning);
  --alert-color: var(--color-black);
}
.ssg-logo-circle {
  border-radius: 50%;
  height: 100%;
  width: 100%;
}
.ssg-logo-circle--top {
  background: conic-gradient(
    #ef7d00 2deg,
    #fd0 128deg,
    #e63323 224deg,
    #e63624 224.9972deg,
    #ef7d00 358deg
  );
}
.ssg-logo-circle--bottom {
  background: conic-gradient(
    #e63323 44.9972deg,
    #cb0f19 162.8deg,
    #9e1515 281.6deg,
    #e63323 404deg
  );
}
.logo-circle {
  border-radius: 50%;
  height: 100%;
  width: 100%;
}
.logo-circle--top {
  background: conic-gradient(
    #ef7d00 2deg,
    #fd0 128deg,
    #e63323 224deg,
    #e63624 224.9972deg,
    #ef7d00 358deg
  );
}
.logo-circle--bottom {
  background: conic-gradient(
    #e63323 44.9972deg,
    #cb0f19 162.8deg,
    #9e1515 281.6deg,
    #e63323 404deg
  );
}
.logo-overflow {
  overflow: visible;
}
.splide__container {
  box-sizing: border-box;
  position: relative;
}
.splide__list {
  backface-visibility: hidden;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}
.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}
.splide__pagination {
  -ms-flex-align: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}
.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}
.splide:not(.is-overflow) .splide__pagination {
  display: none;
}
.splide__progress__bar {
  width: 0;
}
.splide {
  position: relative;
  visibility: hidden;
}
.splide.is-initialized,
.splide.is-rendered {
  visibility: visible;
}
.splide__slide {
  -ms-flex-negative: 0;
  backface-visibility: hidden;
  box-sizing: border-box;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}
.splide__slide img {
  vertical-align: bottom;
}
.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}
.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
  display: none;
}
.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}
.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}
@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}
.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}
.splide--rtl {
  direction: rtl;
}
.splide__track--ttb > .splide__list {
  display: block;
}
.splide__arrow {
  -ms-flex-align: center;
  -ms-flex-pack: center;
  align-items: center;
  background: #ccc;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  height: 2em;
  justify-content: center;
  opacity: 0.7;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2em;
  z-index: 1;
}
.splide__arrow svg {
  fill: #000;
  height: 1.2em;
  width: 1.2em;
}
.splide__arrow:hover:not(:disabled) {
  opacity: 0.9;
}
.splide__arrow:disabled {
  opacity: 0.3;
}
.splide__arrow:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.splide__arrow--prev {
  left: 1em;
}
.splide__arrow--prev svg {
  transform: scaleX(-1);
}
.splide__arrow--next {
  right: 1em;
}
.splide.is-focus-in .splide__arrow:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.splide__pagination {
  bottom: 0.5em;
  left: 0;
  padding: 0 1em;
  position: absolute;
  right: 0;
  z-index: 1;
}
.splide__pagination__page {
  background: #ccc;
  border: 0;
  border-radius: 50%;
  display: inline-block;
  height: 8px;
  margin: 3px;
  opacity: 0.7;
  padding: 0;
  position: relative;
  transition: transform 0.2s linear;
  width: 8px;
}
.splide__pagination__page.is-active {
  background: #fff;
  transform: scale(1.4);
  z-index: 1;
}
.splide__pagination__page:hover {
  cursor: pointer;
  opacity: 0.9;
}
.splide__pagination__page:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.splide.is-focus-in .splide__pagination__page:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.splide__progress__bar {
  background: #ccc;
  height: 3px;
}
.splide__slide {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.splide__slide:focus {
  outline: 0;
}
@supports (outline-offset: -3px) {
  .splide__slide:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: -3px;
  }
}
@media screen and (-ms-high-contrast: none) {
  .splide__slide:focus-visible {
    border: 3px solid #0bf;
  }
}
@supports (outline-offset: -3px) {
  .splide.is-focus-in .splide__slide:focus {
    outline: 3px solid #0bf;
    outline-offset: -3px;
  }
}
@media screen and (-ms-high-contrast: none) {
  .splide.is-focus-in .splide__slide:focus {
    border: 3px solid #0bf;
  }
  .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus {
    border-color: #0bf;
  }
}
.splide__toggle {
  cursor: pointer;
}
.splide__toggle:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.splide.is-focus-in .splide__toggle:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.splide__track--nav > .splide__list > .splide__slide {
  border: 3px solid transparent;
  cursor: pointer;
}
.splide__track--nav > .splide__list > .splide__slide.is-active {
  border: 3px solid #000;
}
.splide__arrows--rtl .splide__arrow--prev {
  left: auto;
  right: 1em;
}
.splide__arrows--rtl .splide__arrow--prev svg {
  transform: scaleX(1);
}
.splide__arrows--rtl .splide__arrow--next {
  left: 1em;
  right: auto;
}
.splide__arrows--rtl .splide__arrow--next svg {
  transform: scaleX(-1);
}
.splide__arrows--ttb .splide__arrow {
  left: 50%;
  transform: translate(-50%);
}
.splide__arrows--ttb .splide__arrow--prev {
  top: 1em;
}
.splide__arrows--ttb .splide__arrow--prev svg {
  transform: rotate(-90deg);
}
.splide__arrows--ttb .splide__arrow--next {
  bottom: 1em;
  top: auto;
}
.splide__arrows--ttb .splide__arrow--next svg {
  transform: rotate(90deg);
}
.splide__pagination--ttb {
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  left: auto;
  padding: 1em 0;
  right: 0.5em;
  top: 0;
}
.flatpickr-day.endRange,
.flatpickr-day.endRange.nextMonthDay,
.flatpickr-day.endRange:focus,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.startRange:focus,
.flatpickr-day.startRange:hover {
  background-color: var(--color-primary-1);
  border-color: var(--color-primary-1);
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)) {
  box-shadow: -10px 0 0 var(--color-primary-1);
}
.nav {
  --link-color: currentColor;
  --outline-offset: 0;
  display: block;
  font-size: var(--nav-font-size, 1.4rem);
}
.nav .is-active {
  --link-color: var(--color-brand-1);
}
.nav .green-steel-item .is-active {
  --link-color: var(--color-secondary-1);
}
.nav__wrap {
  list-style: none;
}
.nav__item,
.nav__wrap {
  margin: 0;
  padding: 0;
}
.nav__link {
  display: block;
  font-size: var(--nav-link-font-size, inherit);
}
.nav__link--parent {
  font-size: var(--nav-link-parent-font-size, inherit);
}
.nav__text {
  --spacing-text: 1rem;
}
.lang-chooser {
  --link-color: currentColor;
  align-self: flex-start;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent
    url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' xml:space='preserve'%3E%3Cpath d='M6 7.5c.2 0 .4-.1.6-.2l5.2-5.2c.3-.3.3-.9 0-1.2-.3-.3-.9-.3-1.2 0L6 5.5 1.4.9C1.1.6.5.6.2.9c-.3.3-.3.9 0 1.2l5.2 5.2c.2.2.4.2.6.2z'/%3E%3C/svg%3E")
    100% no-repeat;
  background-size: 9px 5px;
  color: var(--link-color, inherit);
  cursor: pointer;
  font-size: 1.6rem;
  margin-right: 1.6rem;
  margin-top: 0.6rem;
  padding-right: 1.6rem;
  position: static;
  text-transform: uppercase;
  transition: color var(--animation-duration) var(--animation-ease);
  will-change: color;
}
@media (min-width: 75em) {
  .lang-chooser {
    font-size: 1.8rem;
    left: 2rem;
    margin: 0;
    position: static;
    top: 2.5rem;
  }
}
.lang-chooser:hover {
  --link-color: var(--color-primary-1);
  background: transparent
    url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' xml:space='preserve'%3E%3Cpath fill='%239E1515' d='M6 7.5c.2 0 .4-.1.6-.2l5.2-5.2c.3-.3.3-.9 0-1.2-.3-.3-.9-.3-1.2 0L6 5.5 1.4.9C1.1.6.5.6.2.9c-.3.3-.3.9 0 1.2l5.2 5.2c.2.2.4.2.6.2z'/%3E%3C/svg%3E")
    100% no-repeat;
  background-size: 9px 5px;
}
@media (min-width: 75em) {
  .lang-chooser {
    background: transparent
      url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' xml:space='preserve'%3E%3Cpath d='M6 7.5c.2 0 .4-.1.6-.2l5.2-5.2c.3-.3.3-.9 0-1.2-.3-.3-.9-.3-1.2 0L6 5.5 1.4.9C1.1.6.5.6.2.9c-.3.3-.3.9 0 1.2l5.2 5.2c.2.2.4.2.6.2z'/%3E%3C/svg%3E")
      100% no-repeat;
    background-size: 9px 5px;
  }
  .overlay-header .lang-chooser {
    background: transparent
      url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' xml:space='preserve'%3E%3Cpath fill='%23fff' d='M6 7.5c.2 0 .4-.1.6-.2l5.2-5.2c.3-.3.3-.9 0-1.2-.3-.3-.9-.3-1.2 0L6 5.5 1.4.9C1.1.6.5.6.2.9c-.3.3-.3.9 0 1.2l5.2 5.2c.2.2.4.2.6.2z'/%3E%3C/svg%3E")
      100% no-repeat;
    background-size: 9px 5px;
  }
  .header--detached .lang-chooser,
  .header--menu-open .lang-chooser {
    background: transparent
      url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' xml:space='preserve'%3E%3Cpath d='M6 7.5c.2 0 .4-.1.6-.2l5.2-5.2c.3-.3.3-.9 0-1.2-.3-.3-.9-.3-1.2 0L6 5.5 1.4.9C1.1.6.5.6.2.9c-.3.3-.3.9 0 1.2l5.2 5.2c.2.2.4.2.6.2z'/%3E%3C/svg%3E")
      100% no-repeat;
    background-size: 9px 5px;
  }
}
.lang-chooser__item {
  font-size: 1.4rem;
  margin-top: 0;
  padding-left: 0;
  position: relative;
}
.lang-chooser__item:not(:first-child) {
  margin-top: 0;
  padding-left: 2rem;
}
.lang-chooser__item:not(:first-child):before {
  content: "|";
  display: block;
  left: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 1px;
  width: 2rem;
}
.not-touch .lang-chooser__item .nav__link:hover {
  color: var(--color-primary-1);
}
.breadcrumb__wrapper {
  --list-item-margin-top: 0;
  display: flex;
  visibility: visible;
}
.breadcrumb {
  display: flex;
  list-style: none;
  margin-left: 0;
  margin-top: 0;
}
.breadcrumb__wrapper {
  -webkit-overflow-scrolling: touch;
  height: 3rem;
  max-width: 100vw;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0;
  position: relative;
  scrollbar-width: none;
  white-space: nowrap;
  z-index: 2;
}
.breadcrumb__wrapper::-webkit-scrollbar {
  display: none;
}
.breadcrumb--child {
  background-color: var(--color-black);
  display: none;
  flex-direction: column;
  left: -22px;
  max-width: 100%;
  padding: 1rem 0;
  position: fixed;
  top: 100%;
  white-space: nowrap;
  width: auto;
  word-break: keep-all;
}
.breadcrumb__item {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  font-size: 1.6rem;
  height: 30px;
  letter-spacing: 0.1rem;
  overflow: visible;
  padding-left: 0;
}
.breadcrumb__item:first-child {
  margin-right: 1.5rem;
}
.breadcrumb__item:not(:first-child) {
  margin-top: 0;
}
.breadcrumb__item .icon-chevron-right {
  margin: 0 1rem;
}
.breadcrumb__trigger {
  color: var(--breadcrumb-color);
  height: 30px;
  margin-left: var(--spacingSmall);
}
.breadcrumb--light .breadcrumb__trigger {
  color: var(--color-white);
}
.breadcrumb__trigger .icon {
  transform-origin: center center;
}
.breadcrumb__item-title {
  align-items: center;
  color: var(--breadcrumb-color);
  display: inline-flex;
  height: 30px;
  text-decoration: none;
}
.breadcrumb--light .breadcrumb__item-title {
  color: var(--color-white);
}
.not-touch a.breadcrumb__item-title:hover {
  text-decoration: underline;
}
.breadcrumb__item--home {
  margin-left: 0;
}
.breadcrumb__link--home {
  align-items: center;
  color: var(--breadcrumb-color);
  display: inline-flex;
  justify-content: center;
}
.breadcrumb__item--last {
  color: var(--breadcrumb-color);
  cursor: default;
  padding-right: 3rem;
}
.breadcrumb__item--opened .breadcrumb--child {
  display: flex;
}
.breadcrumb__item--opened .breadcrumb__trigger .icon {
  transform: rotate(180deg);
}
.card {
  --card-margin-top: 4rem;
  --category-font-size: 2rem;
  --title-font-size: 3.4rem;
  --intro-font-size: 2rem;
  --spacing-text: 1rem;
  --spacing-h2: 1rem;
  --spacing-figure: 4rem;
  --card-padding: 2.8rem 2.8rem 5.6rem;
  background-color: var(--color-white);
  color: inherit;
  display: block;
  margin-top: var(--card-margin-top);
  padding: var(--card-padding);
  position: relative;
}
.card:hover {
  text-decoration: none;
}
.filters__grid .card {
  --card-margin-top: 0;
}
.card--empty {
  background: none;
  display: none;
  height: 0;
  padding: 0;
  visibility: hidden;
}
@media (min-width: 75em) {
  .card--empty {
    background: none;
    display: block;
    height: 30rem;
    visibility: visible;
  }
  .filters__grid .card {
    width: calc(50% - 1.25rem);
  }
  .cmp-teasers-news-filters__section .filters__grid .card {
    width: 100%;
  }
}
@media (min-width: 93.75em) {
  .card {
    --title-font-size: 5.8rem;
    --card-margin-top: 0;
    --spacing-text: 2rem;
    --intro-font-size: 2.4rem;
  }
}
.card__action {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  margin-top: 3rem;
}
@media (min-width: 75em) {
  .card__action {
    gap: 4rem;
  }
}
.card__category {
  background-color: var(--color-grey-200);
  display: inline-block;
  font-size: 1.4rem;
  margin-bottom: 2rem;
  padding: 0.6rem 1.2rem;
}
.card__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}
.card__clamp {
  --spacing-text: 3rem;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  --display: block;
  display: var(--display);
  letter-spacing: 0.1rem;
  overflow: hidden;
}
.card__clamp--box {
  --display: -webkit-box;
}
.card__cta {
  --spacing-text: 2rem;
  line-height: 1;
}
@media (min-width: 93.75em) {
  .card--small .card__cta {
    --spacing-text: 0.5rem;
    bottom: 0;
    position: absolute;
    right: 0;
    text-align: right;
  }
}
.card__date {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.55);
  color: var(--color-white);
  display: flex;
  font-size: 2.6rem;
  height: 100%;
  justify-content: center;
  left: 0;
  letter-spacing: 0.08rem;
  line-height: 3.3rem;
  margin-top: 0;
  padding: 2rem;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.card__date:hover {
  text-decoration: none;
}
@media (min-width: 75em) {
  .card__date {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
}
.card__event-content {
  padding-top: 3rem;
}
@media (min-width: 75em) {
  .card__event-content {
    padding-right: 30rem;
    padding-top: 0;
  }
}
.card__event-info {
  --spacing-text: 0;
}
.card__event-title {
  --spacing-h3: 0.5rem;
}
.card__figure {
  margin-bottom: var(--spacing-figure);
}
.card--small .card__figure {
  width: 10.3rem;
}
@media (min-width: 48em) {
  .card--small .card__figure {
    width: 100%;
  }
}
.card__intro {
  font-size: var(--intro-font-size);
}
.card__intro--news {
  --intro-font-size: 1.8rem;
}
@media (min-width: 75em) {
  .card__intro--news {
    --intro-font-size: 2rem;
  }
}
.card__logo {
  height: 3.4rem;
  margin-top: 3rem;
}
@media (min-width: 75em) {
  .card__logo {
    margin-top: 0;
    position: absolute;
    right: 4rem;
    top: 4rem;
  }
}
.card__logo--square {
  height: 6.8rem;
}
.card__text-expand {
  margin-top: 3rem;
}
.card__sup-title {
  font-size: var(--category-font-size);
}
.card__sub-title {
  font-size: 1.4rem;
  line-height: 1.2;
  margin-top: 1rem;
}
@media (min-width: 75em) {
  .card__sub-title {
    font-size: 1.6rem;
  }
}
.card__svg {
  height: 3.4rem;
  width: auto;
}
.card__svg--square {
  height: 6.8rem;
}
.card__title {
  font-size: var(--title-font-size);
  line-height: 1.3;
}
.card__title--news {
  --title-font-size: 2.6rem;
}
@media (min-width: 75em) {
  .card__title--news {
    --title-font-size: 3.4rem;
  }
}
.card__title--document {
  --title-font-size: 1.8rem;
  --document-title-gap: 1.5rem;
  --document-icon-size: 2.5rem;
  --document-title-mb: 0.5rem;
  display: flex;
  font-weight: 600;
  gap: var(--document-title-gap);
  justify-content: space-between;
  margin-bottom: var(--document-title-mb);
}
.card__title--document:after {
  background: var(--document-icon);
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: var(--document-icon-size);
  min-width: var(--document-icon-size);
  width: var(--document-icon-size);
}
@media (min-width: 75em) {
  .card__title--document {
    --title-font-size: 2rem;
    --document-title-gap: 2rem;
    --document-icon-size: 3rem;
    --document-title-mb: 1rem;
  }
}
.card--big {
  align-self: start;
  grid-area: teaserMain;
}
@media (min-width: 75em) {
  .card--big {
    --card-padding: 7rem;
  }
}
.card--small {
  --card-margin-top: 1.6rem;
  --category-font-size: 1.4rem;
  --spacing-text: 0.5rem;
  --spacing-figure: 2rem;
  --title-font-size: 2rem;
}
@media (min-width: 48em) {
  .card--small {
    --category-font-size: 2rem;
    --card-padding: 2.5rem;
    --title-font-size: 2.6rem;
    --spacing-figure: 0;
  }
  .card--small.card--with-image {
    display: grid;
    gap: 3rem;
    grid-template-columns: 17.5rem 1fr;
  }
}
@media (min-width: 93.75em) {
  .card--small {
    --title-font-size: 3.4rem;
  }
  .card--small.card--with-image {
    gap: 5.5rem;
  }
  .card--small:first-child {
    --card-margin-top: 0;
  }
}
.card--event {
  display: grid;
  margin-top: 1.6rem;
}
@media (min-width: 75em) {
  .card--event {
    gap: 5rem;
    grid-template-columns: 24.4rem 1fr;
    margin-top: 2.4rem;
    padding: 4rem;
  }
}
.card__image {
  aspect-ratio: 68/45;
  background-color: var(--color-primary-1);
  position: relative;
}
@media (min-width: 75em) {
  .card__image {
    aspect-ratio: 1/1;
  }
}
.nav--main-nav {
  --nav-link-min-height: 5rem;
  --link-color-active: var(--color-primary-1);
  --link-text-decoration-active: none;
  position: relative;
}
.nav--main-nav .header__nav-meta {
  display: flex;
  justify-content: space-between;
}
.nav--main-nav .nav__back-link {
  align-items: center;
  display: flex;
  font-size: 1.8rem;
  font-weight: 600;
  gap: 0.7rem;
  letter-spacing: 0.075rem;
  margin-bottom: 1rem;
  width: 100%;
}
.nav--main-nav .nav__back-link-text {
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nav--main-nav .nav__item {
  display: flex;
}
.nav--main-nav .nav__item:hover > a {
  --link-color: var(--link-color-active);
}
.nav--main-nav .nav__item .action:after {
  display: none;
}
.nav--main-nav .nav__item.green-steel-item {
  --link-color-active: var(--color-secondary-1);
}
.nav--main-nav .nav__item.green-steel-item .nav__link--parent:after {
  background-color: var(--color-secondary-1);
  background-image: var(--color-secondary-linear);
}
.nav--main-nav .nav__wrap {
  padding: 0;
}
.nav--main-nav .nav__wrap--child {
  box-shadow: 0 20rem 0 0 var(--color-white);
}
.nav--main-nav .nav__link {
  align-items: center;
  display: flex;
  gap: 0 1rem;
  justify-content: space-between;
  min-height: var(--nav-link-min-height);
  padding: var(--main-nav-link-padding, 0);
  width: 100%;
}
.nav--main-nav .nav__link--parent {
  font-size: 1.8rem;
  position: relative;
}
.nav--main-nav .nav__link--parent:after {
  background-color: var(--color-brand-1);
  background-image: var(--color-brand-linear);
  content: "";
  display: block;
  height: 0.3rem;
  left: 2.5rem;
  opacity: 0;
  position: absolute;
  right: 2.5rem;
  top: 100%;
}
.nav--main-nav .nav__link--parent[aria-expanded="true"]:after {
  opacity: 1;
}
.nav--main-nav .nav__link-icon {
  display: none;
  flex: none;
}
.nav--main-nav .nav__toggle {
  align-items: center;
  aspect-ratio: 1;
  display: flex;
  justify-content: flex-end;
  min-height: var(--nav-link-min-height);
}
@media (max-width: 74.99em) {
  .nav--main-nav {
    --nav-link-min-height: 7.3rem;
    height: var(--nav-height, auto);
    min-height: 4rem;
    overflow: hidden;
    padding: 0.5rem 0;
    transition: height var(--animation-duration) var(--animation-ease);
    will-change: height;
  }
  .nav--main-nav .action {
    display: none;
  }
  .nav--main-nav .nav__wrap {
    background-color: var(--color-white);
    padding: 0 var(--wrapper-gap);
    position: relative;
    z-index: 2;
  }
  .nav--main-nav .nav__wrap--child {
    --nav-link-min-height: 4.7rem;
    font-size: 1.4rem;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(100%);
    transition: transform var(--animation-duration) var(--animation-ease);
    visibility: hidden;
    will-change: transform;
  }
  .nav--main-nav .nav__wrap--current {
    --nav-link-transform: translateX(0);
    transform: translateX(0);
  }
  .nav--main-nav .nav__wrap--visible {
    visibility: visible;
  }
  .nav--main-nav .nav__wrap:has(.nav__wrap--current) {
    --nav-link-transform: translateX(-25%);
  }
  .nav--main-nav .nav__item {
    border-bottom: 0.1rem solid var(--color-grey-200);
  }
  .nav--main-nav .nav__item--search {
    display: none;
  }
  .nav--main-nav .nav__back-link,
  .nav--main-nav .nav__link {
    transform: var(--nav-link-transform, translateX(0));
    transition: transform var(--animation-duration) var(--animation-ease);
    will-change: transform;
  }
}
@media (min-width: 75em) {
  .nav--main-nav {
    --main-nav-link-padding: 0 2.5rem;
    --main-nav-child-width: 28rem;
  }
  .nav--main-nav .nav__link-icon {
    display: block;
  }
  .nav--main-nav .nav__wrap {
    display: inline-flex;
    gap: 0;
    max-height: none;
  }
  .nav--main-nav .nav__wrap--parent:after {
    background-color: #fff;
    content: "";
    display: none;
    height: var(--main-nav-backdrop-height, 0);
    left: 0;
    left: -4rem;
    padding-top: 1.2rem;
    position: absolute;
    right: -4rem;
    top: 100%;
    z-index: -1;
  }
  .header--menu-open .nav--main-nav .nav__wrap--parent:after {
    display: block;
  }
  .nav--main-nav .nav__wrap--child {
    --main-nav-link-font-size: 1.6rem;
    --main-nav-link-line-height: 1.2;
    --nav-link-min-height: none;
    --nav-link-min-height: 4.7rem;
    --main-nav-link-padding: 1.6rem 3rem;
    border: solid var(--color-grey-300);
    border-width: 0 0.01rem 0 0;
    box-shadow: none;
    color: var(--color-black);
    display: none;
    flex-direction: column;
    font-weight: 600;
    left: var(--main-nav-wrap-child-left, -0.5rem);
    overflow: visible;
    padding: 1rem 0;
    position: absolute;
    top: var(--main-nav-wrap-child-top, 100%);
    width: var(--main-nav-child-width);
  }
  .nav--main-nav .nav__wrap--child .nav__wrap--child {
    --main-nav-wrap-child-top: 0;
    --main-nav-wrap-child-left: 100%;
    --main-nav-link-padding: 1.2rem 3rem;
    border-width: 0 0 0 0.01rem;
    font-weight: 400;
  }
  .nav--main-nav .nav__item--back-link {
    display: none;
  }
  .nav--main-nav .nav__toggle {
    display: var(--main-nav-toggle-display, none);
  }
  .nav--main-nav .nav__link {
    font-size: var(--main-nav-link-font-size, 2rem);
    line-height: var(--main-nav-link-line-height, 1.6rem);
  }
  .nav--main-nav .nav--child {
    font-weight: 600;
  }
}
.nav--meta-nav {
  --link-color-active: var(--color-primary-1);
  --link-text-decoration-active: none;
}
.nav--meta-nav .nav__link {
  padding: 0.75rem 0;
}
.nav--meta-nav .nav__wrap {
  padding: 0 var(--wrapper-gap);
}
@media (min-width: 75em) {
  .nav--meta-nav .nav__wrap {
    --nav-link-parent-font-size: 1.6rem;
    display: flex;
    gap: 0 4.2rem;
    justify-content: flex-end;
    padding: 0 4.2rem 0 0;
  }
  .nav--meta-nav {
    letter-spacing: normal;
  }
  .nav--meta-nav .nav__link {
    padding: 0;
  }
}
.header__nav-meta {
  display: flex;
  justify-content: space-between;
}
.nav--footer-nav .nav__wrap--parent {
  display: grid;
  gap: 6rem var(--grid-gap);
  grid-template-columns: 1fr 1fr;
}
.nav--footer-nav .nav__item--parent,
.nav--footer-nav .nav__wrap--child {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 2rem 0;
}
.nav--footer-nav .nav__item--parent {
  max-width: 33rem;
}
@media (min-width: 75em) {
  .nav--footer-nav .nav__wrap--parent {
    display: flex;
    justify-content: space-between;
  }
}
.nav--footer-meta-nav .nav__wrap--parent {
  display: grid;
  gap: 2rem var(--grid-gap);
  grid-template-columns: 1fr 1fr;
}
@media (min-width: 75em) {
  .nav--footer-meta-nav .nav__wrap--parent {
    display: flex;
    gap: 3rem;
    justify-content: flex-end;
  }
}
.nav--social-nav .nav__wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.nav--social-nav .nav__link {
  display: grid;
}
.link-big {
  align-items: center;
  background-color: var(--color-white);
  color: var(--color-black);
  display: flex;
  gap: 5rem;
  justify-content: space-between;
  min-height: 9rem;
  padding: 1.3rem 2.2rem;
  text-decoration: none;
}
@media (min-width: 48em) and (max-width: 74.99em) {
  .link-big {
    gap: 3rem;
  }
}
.map__container .link-big {
  align-self: center;
  left: 50%;
  max-width: calc(100vw - 3rem);
  position: absolute;
  top: 100%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 2;
}
@media (min-width: 48em) {
  .map__container .link-big {
    max-width: 67rem;
  }
}
.link-big--brand {
  background-image: var(--link-big-bg-img);
  color: var(--color-white);
  padding: 1.8rem;
}
@media (min-width: 75em) {
  .link-big--brand {
    padding: 3.5rem;
  }
}
.link-big__info {
  display: block;
  font-size: 1.6rem;
  text-transform: uppercase;
}
.link-big__meta {
  display: block;
  font-size: 1.4rem;
}
@media (min-width: 75em) {
  .link-big__meta {
    font-size: 1.6rem;
  }
}
.link-big__title {
  display: block;
  font-size: var(--link-big-font-size);
  font-weight: 300;
}
.link-big__title--default {
  --link-big-font-size: unset;
  --spacing-text: 0.5rem;
  --spacing-h4: 0.5rem;
  font-weight: unset;
}
.link-big--empty {
  background-color: transparent;
  display: none;
}
@media (min-width: 48em) {
  .link-big--empty {
    display: block;
  }
}
@media (min-width: 75em) {
  .link-big {
    min-height: 10rem;
  }
  .link-big__title--default {
    font-size: unset;
  }
}
.filters {
  -webkit-overflow-scrolling: touch;
  align-items: flex-start;
  display: flex;
  flex-wrap: nowrap;
  gap: 2rem;
  margin-bottom: 2rem;
  overflow: auto;
  position: relative;
  white-space: nowrap;
}
.filters__field {
  width: 100%;
}
.filters__field--hide {
  display: none;
  visibility: hidden;
}
@media (min-width: 75em) {
  .filters__field {
    width: auto;
  }
  .filters__field--long {
    min-width: 30rem;
  }
  .filters__field--xllong {
    min-width: 48rem;
  }
}
.filters--categories,
.filters--events,
.filters--products {
  flex-wrap: wrap;
  overflow: visible;
}
.filters--categories .combo-menu,
.filters--products .combo-menu {
  color: var(--color-black);
  width: fit-content;
}
.filters__closer {
  position: absolute;
  right: 1.6rem;
  top: 1.6rem;
}
.filters__closer,
.filters__closer .icon {
  height: 2rem;
  width: 2rem;
}
@media (min-width: 75em) {
  .filters__closer {
    display: none;
    visibility: hidden;
  }
}
.filters__closer--action {
  position: relative;
  width: 100%;
}
@media (min-width: 75em) {
  .filters__closer--action {
    display: none;
    visibility: hidden;
  }
}
.filters__header {
  margin-bottom: 4rem;
  overflow: visible;
}
@media (min-width: 75em) {
  .filters__header {
    margin-bottom: 0;
    position: absolute;
    right: 0;
  }
  .download-center .filters__header {
    top: -4rem;
  }
}
.filters__title {
  font-size: 2rem;
}
@media (min-width: 75em) {
  .filters__title {
    display: none;
    visibility: hidden;
  }
}
.filters__grid {
  position: relative;
}
.cmp-teasers-news-filters__section .filters__grid {
  display: grid;
  gap: 1.6rem;
  grid-template-columns: 1fr;
}
@media (min-width: 48em) {
  .cmp-teasers-news-filters__section .filters__grid {
    gap: 2rem;
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 75em) {
  .cmp-teasers-news-filters__section .filters__grid {
    gap: 2.4rem;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.filters__load-more {
  margin-top: 8.4rem;
  text-align: center;
}
.filters__opener {
  font-size: 1.4rem;
  width: 100%;
}
.filters__opener--map {
  margin-bottom: 2rem;
}
@media (min-width: 75em) {
  .filters__opener--map {
    margin-bottom: 0;
  }
  .filters__opener {
    display: none;
    visibility: hidden;
  }
}
.filters__wrapper {
  background-color: var(--color-white);
  height: 100vh;
  left: 0;
  overflow: scroll;
  padding: 1.6rem;
  position: fixed;
  top: 0;
  transform: translateX(100%);
  transition: transform var(--animation-duration) var(--animation-ease);
  width: 100vw;
  z-index: 9999;
}
.filters__wrapper--opened .filters__wrapper {
  transform: translateX(0);
}
@media (min-width: 75em) {
  .filters__wrapper {
    background: none;
    height: auto;
    left: auto;
    overflow: visible;
    padding: 0;
    position: relative;
    top: auto;
    transform: none;
    width: auto;
    z-index: 3;
  }
}
.tile {
  align-items: flex-start;
  background-color: var(--color-black);
  border: none;
  border-radius: 0;
  color: var(--color-white);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 4rem;
  justify-content: flex-start;
  min-height: 25rem;
  min-height: var(--tile-min-height, 25rem);
  padding: 5rem 5rem 5rem 3rem;
  position: relative;
  text-decoration: none;
  z-index: 1;
}
.tile:focus,
.tile:hover {
  --img-transform: scale(1.1);
  --tile-outline-box-shadow:
    inset 0 0 0 var(--color-white), inset 1px 1px 0 var(--color-white),
    inset -1px -1px 0 var(--color-white);
}
.tile--tall {
  --tile-min-height: 50rem;
}
.tile--outline {
  background-color: transparent;
  border: 0.1rem solid var(--color-white);
  box-shadow: var(--tile-outline-box-shadow, inset 0 0 0 var(--color-white));
  transition: box-shadow var(--animation-duration) var(--animation-ease);
  will-change: box-shadow;
}
.tile__title {
  --spacing-top: 0.5rem;
}
.tile__tag {
  font-weight: 600;
}
.tile__footer {
  margin-top: auto;
}
.tile__cover {
  inset: 0;
  opacity: 0.3;
  position: absolute;
  z-index: -1;
}
.applications {
  display: flex;
  flex-direction: column;
  gap: 6rem var(--grid-gap);
}
.applications__tracks {
  --track-row-gap: 2rem;
  display: grid;
  gap: var(--track-row-gap);
}
.applications__rail {
  display: flex;
  flex-direction: column;
  gap: var(--track-row-gap) 0;
}
.applications__links {
  width: 100%;
}
@media (min-width: 48em) {
  .applications {
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
  }
  .applications--reverse {
    flex-direction: row-reverse;
  }
  .applications--sticky {
    --track-text-position: sticky;
    align-items: unset;
  }
  .applications--products {
    flex-wrap: wrap;
  }
  .applications--products .row {
    width: 100%;
  }
  .applications__description {
    width: 41.666666667%;
  }
  .applications__image {
    order: -1;
  }
  .applications__text {
    position: var(--track-text-position, static);
    top: var(--sticky-offset-top);
  }
  .applications__tracks {
    --track-row-gap: 2.4rem;
    align-items: center;
    grid-template-columns: repeat(2, 1fr);
    max-width: 79.2rem;
  }
  .applications__rail {
    --applications-rail-transform: var(--applications-rail-offset-left);
    transform: translateY(var(--applications-rail-transform, 0));
    transition: transform var(--animation-duration) var(--animation-ease);
    will-change: opacity;
  }
  .applications__rail:last-child {
    --applications-rail-transform: var(--applications-rail-offset-right);
  }
}
.fact--with-text {
  display: grid;
  gap: 2.4rem;
  margin: 0 auto;
  max-width: 106rem;
}
@media (min-width: 75em) {
  .fact--with-text {
    --spacing-text: 0;
    align-items: center;
    grid-template-columns: 1fr 1fr;
  }
}
.fact__label {
  margin: var(--fact-label-margin, 0 0 2rem);
}
.fact--with-text .fact__label {
  font-size: 2.6rem;
  margin-bottom: 0;
  margin-top: 3rem;
}
.fact__text {
  font-size: 2rem;
}
.fact__value {
  display: inline-block;
  margin: 0;
}
.fact--with-text .fact__value {
  font-size: 8rem;
  padding-bottom: 2rem;
}
.fact:after {
  background-color: var(--fact-decoration-bg-color, #acb2bd);
  content: "";
  display: block;
  height: 0.1rem;
  min-width: var(--fact-decoration-width, 10rem);
  width: 2.75em;
}
@media (min-width: 75em) {
  .fact {
    --fact-decoration-width: 23rem;
    --fact-label-margin: 1rem 0 3rem;
  }
  .fact--with-text .fact {
    --fact-decoration-width: 11rem;
  }
}
.fact__link {
  --action-fab-outline-color: var(--color-white);
  --action-fab-outline-active-color: var(--color-black);
  --action-fab-outline-bg-color: var(--color-white);
  display: grid;
  gap: 2rem;
  grid-template-columns: 1fr;
  margin: 0 auto;
  max-width: 136rem;
  padding-top: 6.4rem;
  position: relative;
}
@media (min-width: 48em) {
  .fact__link {
    grid-template-columns: 1fr 1fr;
    padding-top: 0;
  }
}
.fact__link--text {
  font-size: 1.4rem;
}
@media (min-width: 75em) {
  .fact__link--text {
    font-size: 2rem;
  }
}
.fact__link--title {
  font-size: 2rem;
}
@media (min-width: 75em) {
  .fact__link--title {
    font-size: 3.4rem;
  }
}
.fact__link .link-big {
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  grid-column: 1;
  position: absolute;
  transform: translateY(5rem);
  width: 100%;
}
@media (min-width: 41.25em) {
  .fact__link .link-big {
    transform: translateY(9rem);
  }
}
@media (min-width: 48em) {
  .fact__link .link-big {
    grid-column: 2;
    transform: translateY(2rem);
  }
}
.cmp-facts__section:not(.section--bg) {
  margin-bottom: 20rem;
}
@media (min-width: 75em) {
  .cmp-facts__section:not(.section--bg) {
    margin-bottom: 30rem;
  }
}
.anchors__item {
  --list-item-padding-left: 0;
  --list-item-margin-top: 0;
  border-bottom: 1px solid var(--color-primary-1);
}
.anchors__item:first-child {
  border-top: 1px solid var(--color-primary-1);
}
.anchors__list {
  --list-margin-left: 0;
  --spacing-list: 0;
  list-style: none;
  margin-top: 2.5rem;
}
@media (min-width: 48em) {
  .anchors__list {
    max-width: 27rem;
  }
}
.anchors__title {
  font-size: 2rem;
  font-weight: 300;
}
@media (min-width: 75em) {
  .anchors__title {
    font-size: 2.4rem;
  }
}
:root {
  --form-row-gap: 0 3.3rem;
  --field-margin-bottom: 3rem;
  --field-error-font-size: 1.3rem;
  --field-error-line-height: 1.5;
  --field-error-color: var(--color-error);
  --field-error-margin: 0.5rem 0 0;
  --label-font-size: 1.6rem;
  --label-line-height: 1.2;
  --input-font-size: 1.6rem;
  --input-line-height: 1.2;
  --input-padding-inline: 1.2rem;
  --input-padding-block: 0;
  --input-border-color: currentColor;
  --input-border-width: 0 0 0.1rem 0;
  --input-outline-border-width: 0.1rem;
  --input-outline-padding-inline: 1.2rem;
  --input-outline-padding-block: 2rem;
  --input-border-radius: 0;
  --input-background-color: transparent;
  --input-transition:
    color var(--animation-duration) var(--animation-ease),
    border-color var(--animation-duration) var(--animation-ease);
  --input-select-padding-right: 2rem;
  --input-select-arrow-black: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6.469 7.531-6-6C.156 1.25.156.781.469.47c.281-.281.75-.281 1.062 0L7 5.969 12.469.5c.281-.313.75-.313 1.062 0a.736.736 0 0 1 0 1.031l-6.031 6a.684.684 0 0 1-1.031 0Z'/%3E%3C/svg%3E");
  --input-select-arrow-error: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23E63323' d='m6.469 7.531-6-6C.156 1.25.156.781.469.47c.281-.281.75-.281 1.062 0L7 5.969 12.469.5c.281-.313.75-.313 1.062 0a.736.736 0 0 1 0 1.031l-6.031 6a.684.684 0 0 1-1.031 0Z'/%3E%3C/svg%3E");
  --input-select-arrow-white: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='m6.469 7.531-6-6C.156 1.25.156.781.469.47c.281-.281.75-.281 1.062 0L7 5.969 12.469.5c.281-.313.75-.313 1.062 0a.736.736 0 0 1 0 1.031l-6.031 6a.684.684 0 0 1-1.031 0Z'/%3E%3C/svg%3E");
  --input-select-arrow-bg: var(--input-select-arrow-black);
  --check-size: 1.6rem;
  --check-color: currentColor;
  --check-border-width: 0.1rem;
  --check-border-color: currentColor;
  --check-transition:
    color var(--animation-duration) var(--animation-ease),
    border-color var(--animation-duration) var(--animation-ease);
  --label-option-padding-left: calc(var(--check-size) + 1rem);
  --label-option-font-size: 1.6rem;
  --check-bg-color-checked: currentColor;
  --check-bg-image-black: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.531 5.531H10.5c.313-.281.313-.75 0-1.062a.736.736 0 0 0-1.031 0L6 7.969 4.531 6.5c-.312-.313-.781-.313-1.062 0a.684.684 0 0 0 0 1.031l2 2c.281.313.75.313 1.062 0l4-4z'/%3E%3C/svg%3E");
  --check-bg-image-white: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M10.531 5.531H10.5c.313-.281.313-.75 0-1.062a.736.736 0 0 0-1.031 0L6 7.969 4.531 6.5c-.312-.313-.781-.313-1.062 0a.684.684 0 0 0 0 1.031l2 2c.281.313.75.313 1.062 0l4-4z'/%3E%3C/svg%3E");
  --check-bg-image-checked: var(--check-bg-image-white);
}
.dark,
.section--dark {
  --input-select-arrow-bg: var(--input-select-arrow-white);
  --check-bg-image-checked: var(--check-bg-image-black);
}
.error,
.fui-error {
  --label-color: var(--color-error);
  --input-select-arrow-bg: var(--input-select-arrow-error);
  --input-border-color: var(--color-error);
  --input-color: var(--color-error);
}
.form__row {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: var(--form-row-gap, 0);
}
@media (min-width: 48em) {
  .form__row {
    flex-direction: row;
  }
}
.form__row--space {
  justify-content: space-between;
}
.form__row[data-fui-field-count="0"] {
  display: none;
}
.form__row--flow {
  flex-direction: row;
  gap: 1.2rem 2.4rem;
}
.form__nested-field {
  background: hsla(0, 0%, 50%, 0.3);
  margin: 1.6rem -1rem;
  padding: 1rem;
}
.form__actions {
  display: flex;
  flex-direction: row-reverse;
  gap: 1.6rem;
  justify-content: space-between;
}
.field {
  flex: 1;
  margin-bottom: var(--field-margin-bottom);
}
.field__error,
.field__errors {
  color: var(--field-error-color, currentColor);
  font-size: var(--field-error-font-size);
  line-height: var(--field-error-line-height);
  list-style: none;
  margin: var(--field-error-margin);
}
.field__option-group {
  display: grid;
  gap: 1rem;
}
.field__group {
  position: relative;
}
.field__icon {
  align-items: center;
  bottom: 0;
  display: grid;
  justify-content: center;
  left: 1.5rem;
  position: absolute;
  top: 0;
  width: 1.6rem;
}
.field__icon ~ .input {
  padding-left: 4.5rem;
}
.field--floating-label {
  color: blue;
}
.input {
  appearance: none;
  background-clip: padding-box;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  border-radius: var(--input-border-radius);
  border-width: var(--input-border-width, 1rem);
  color: var(--input-color, currentColor);
  display: block;
  font-family: inherit;
  font-size: var(--input-font-size);
  line-height: var(--input-line-height);
  margin: 0;
  padding: var(--input-padding-inline) var(--input-padding-block);
  transition: var(--input-transition);
  width: 100%;
}
.input--outline {
  --input-padding-inline: var(--input-outline-padding-inline);
  --input-padding-block: var(--input-outline-padding-block);
  --input-select-arrow-bg-position: right 1rem center;
  --input-select-padding-right: 3.5rem;
  border-width: var(--input-outline-border-width);
}
.input--dark {
  --input-background-color: var(--color-black);
  --input-color: var(--color-white);
}
.input--white {
  --input-background-color: var(--color-white);
  --input-color: var(--color-black);
}
.input--file::file-selector-button {
  appearance: none;
  background-image: var(--action-bg-img);
  border: 0;
  color: var(--color-white);
  font-size: var(--input-font-size);
  height: 4.4rem;
  isolation: isolate;
  margin: -1.2rem 1.5rem -1.2rem 0;
  padding: 0 1rem;
  text-align: center;
}
.input--dropdown:not([multiple]):not([size]),
.input--select:not([multiple]):not([size]) {
  background-image: var(--input-select-arrow-bg);
  background-position: var(--input-select-arrow-bg-position, right center);
  background-repeat: no-repeat;
  background-size: 1.6rem auto;
  padding-right: var(--input-select-padding-right);
}
.input--dropdown[multiple],
.input--dropdown[size],
.input--select[multiple],
.input--select[size] {
  height: auto;
}
.input--checkbox,
.input--radio {
  background: none;
  border: none;
  height: var(--check-size);
  margin: 0.5rem 0;
  padding: 0;
  position: absolute;
  width: var(--check-size);
}
.input--radio {
  border-radius: 50%;
}
.input--textarea {
  min-height: none;
  resize: vertical;
}
.input--small-spacing::placeholder {
  letter-spacing: 0;
}
.label {
  color: var(--label-color, currentColor);
  font-size: var(--label-font-size);
  line-height: var(--label-line-height);
}
.label--legend {
  margin-bottom: 1rem;
}
.label--option {
  cursor: pointer;
  display: block;
  font-size: var(--label-option-font-size, inherit);
  line-height: var(--check-size);
  min-height: var(--check-size);
  padding: 0.5rem 0;
  padding-left: var(--label-option-padding-left);
  position: relative;
  user-select: none;
}
.label--option:before {
  background: var(--check-bg-color, transparent);
  background-image: var(--check-bg-image, none);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border: var(--check-color) var(--check-border-width) solid;
  border-radius: 0.4rem;
  content: "";
  cursor: pointer;
  display: block;
  height: var(--check-size);
  left: 0;
  position: absolute;
  transition: var(--check-transition);
  width: var(--check-size);
}
[type="radio"] + .label--option:before {
  background-image: none;
  border-radius: 50%;
}
:checked + .label--option:before {
  --check-bg-color: var(--check-bg-color-checked);
  --check-bg-image: var(--check-bg-image-checked);
}
.card__languages .label--option {
  white-space: nowrap;
}
.form__login {
  background-color: var(--color-white);
  padding: 3.2rem 1.6rem;
}
@media (min-width: 75em) {
  .form__login {
    padding: 3.2rem;
  }
}
.form__login .error {
  color: var(--color-error);
}
.form__login .notice {
  color: var(--color-success);
}
.form__login .row__text {
  font-size: 1.4rem;
}
@media (min-width: 75em) {
  .form__login .row__text {
    font-size: 1.6rem;
  }
}
.form__login .form__row {
  flex-direction: row;
}
.form__logout--action {
  font-size: 1.4rem;
}
@media (min-width: 75em) {
  .form__logout--action {
    font-size: 1.6rem;
  }
}
.list__link {
  align-items: flex-end;
  display: flex;
  height: 10rem;
}
.list__link .action {
  height: 5.8rem;
}
.list__link--right {
  justify-content: flex-end;
}
@media (max-width: 47.99em) {
  .list__link--left-mobile {
    justify-content: flex-start;
  }
}
.contact-cta {
  bottom: 0;
  display: block;
  height: 0;
  isolation: isolate;
  position: sticky;
  right: 0;
  text-align: right;
  transform: translate(-2rem, -7rem);
  z-index: 2;
}
.contact-cta__content {
  display: inline-block;
  position: relative;
}
.contact-cta__button {
  max-width: 5.5rem;
  user-select: none;
}
.contact-cta__dropdown {
  background-color: var(--color-white);
  bottom: 0;
  box-shadow:
    0 2px 4px -2px rgba(0, 0, 0, 0.05),
    0 4px 6px -1px rgba(0, 0, 0, 0.1);
  display: var(--contact-cta-dropdown-display, block);
  list-style: none;
  margin: 0;
  min-width: 27rem;
  padding: 0;
  position: absolute;
  right: 7rem;
  text-align: left;
  white-space: nowrap;
}
.contact-cta__item {
  margin: 0;
  padding: 0.6rem 1.6rem;
}
.contact-cta__item--separator {
  border-top: 0.1rem solid var(--color-grey-200);
}
.modal {
  --modal-position: fixed;
  --modal-top: auto;
  --modal-height: fit-content;
  --modal-width: auto;
  --modal-transform: none;
  --modal-margin: auto;
  --modal-max-width: 42rem;
  --modal-direction: column;
  --action-align-self: end;
  --action-margin-top: auto;
  --spacing-h4-top: 0.8rem;
  --heading-font-weight: 400;
  --modal-padding: 1.6rem 1.6rem 2.4rem;
  --modal-content-padding: 2.4rem 0 0;
  --action-width: 100%;
  --modal-close-top: 1.6rem;
  --modal-close-right: 1.6rem;
  --modal-close-size: 2.4rem;
  --modal-close-background-color: var(--color-white);
  --modal-actions-gap: 1.2rem;
  --flex-direction: column;
  --modal-actions-align-items: stretch;
  background-color: var(--color-white);
  border: none;
  border-radius: var(--modal-border-radius, 0.6rem 0.6rem 0 0);
  box-sizing: border-box;
  grid-template-columns: var(--modal-grid-template-columns, 1fr);
  max-height: calc(100dvh - 2rem);
  max-width: var(--modal-max-width);
  min-width: var(--modal-min-width);
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: var(--modal-padding);
}
.modal--anthracite {
  --modal-close-background-color: #494949;
}
.modal::backdrop {
  background-color: rgba(0, 0, 0, 0.6);
  height: 100%;
  left: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
}
.modal:open {
  display: grid;
}
.modal__content {
  padding: var(--modal-content-padding);
  place-content: center;
}
.modal__text {
  --heading-font-weight: 300;
  margin-bottom: 4.8rem;
}
.modal__actions {
  align-items: var(--modal-actions-align-items);
  display: flex;
  flex-direction: var(--flex-direction);
  gap: var(--modal-actions-gap);
}
.modal__close {
  background-color: var(--modal-close-background-color);
  display: grid;
  height: var(--modal-close-size);
  place-content: center;
  position: absolute;
  right: var(--modal-close-right);
  top: var(--modal-close-top);
  width: var(--modal-close-size);
  z-index: 1;
}
.modal .icon-close {
  --icon-width: 1.4rem;
  --icon-height: 1.4rem;
}
.modal__figure {
  height: var(--figure-height);
}
@media (min-width: 48em) {
  .modal {
    --modal-top: 0;
  }
}
@media (min-width: 75em) {
  .modal {
    --modal-min-height: none;
  }
}
@media (min-width: 86.875em) {
  .modal {
    --modal-grid-template-columns: 1fr 1fr;
    --modal-min-width: 114.4rem;
    --modal-max-width: 135rem;
    --modal-padding: 0;
    --modal-content-padding: 5.6rem 5.2rem 4rem;
    --action-width: auto;
    --modal-border-radius: 0;
    --figure-height: 100%;
    --modal-close-top: 0;
    --modal-close-right: 0;
    --modal-close-size: 5.2rem;
    --modal-actions-gap: 1.6rem;
    --modal-actions-align-items: start;
    --modal-close-background-color: var(--color-white);
  }
  .modal--anthracite {
    --modal-close-background-color: none;
  }
  .modal .icon-close {
    --icon-width: 1.8rem;
    --icon-height: 1.8rem;
  }
}
.banner {
  --banner-padding: 2.4rem;
  --banner-icon-width: 1rem;
  --banner-close-spacing: 1.2rem;
  --banner-right: 1.6rem;
  --banner-bottom: 1.6rem;
  --title-lg-margin-bottom: 0.8rem;
  --banner-grid-template-columns: 1fr;
  --banner-transform: translateY(120%);
  --banner-max-width: calc(100% - var(--banner-right) * 2);
  --media-width: 100%;
  --action-margin-top: 1.5rem;
  background: var(--color-primary-linear);
  bottom: var(--banner-bottom);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  color: var(--color-white);
  display: grid;
  flex-direction: var(--banner-flex-direction, column);
  grid-template-columns: var(--banner-grid-template-columns);
  max-width: var(--banner-max-width);
  padding: var(--banner-padding);
  position: fixed;
  right: var(--banner-right);
  transform: var(--banner-transform);
  transition: transform var(--animation-duration) var(--animation-ease);
  width: 100%;
  z-index: 3;
}
.banner__close {
  --icon-width: var(--banner-icon-width);
  --banner-spacing: 1rem;
  position: absolute;
  right: var(--banner-close-spacing);
  top: var(--banner-close-spacing);
}
.banner__heading {
  --heading-font-weight: 600;
  padding-right: 2rem;
}
.banner__text {
  --spacing-h4: 0.5rem;
}
.banner--shows {
  --banner-transform: translate(0);
}
@media (min-width: 48em) {
  .banner {
    --banner-right: 8.5rem;
    --banner-bottom: 1.6rem;
    --banner-icon-width: 1.2rem;
    --banner-close-spacing: 2rem;
    --banner-padding: 5rem;
    --banner-max-width: 67.2rem;
    --banner-transform: translate(120%);
  }
  .banner--shows {
    --banner-transform: translate(0);
  }
}
.cookiebanner {
  background-color: rgba(0, 0, 0, 0.8);
  bottom: 0;
  color: var(--color-white);
  max-width: 100%;
  padding: 2rem;
  position: fixed;
  right: 0;
  width: auto;
  z-index: 100;
}
@media (min-width: 48em) {
  .cookiebanner {
    max-width: 36rem;
  }
}
.cookiebanner__desc,
.cookiebanner__title {
  margin-bottom: 1rem;
  margin-right: 1rem;
}
.cookiebanner__cta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  width: 100%;
}
.cookiebanner__closebutton {
  background: none;
  border: 0;
  height: 40px;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.2s;
  width: 40px;
}
.cookiebanner__closebutton:focus {
  background: var(--color-black);
}
.cookiebanner__closex {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: all 0.2s;
  width: 100%;
}
.cookiebanner__closex:after,
.cookiebanner__closex:before {
  background: var(--color-white);
  content: "";
  display: block;
  height: 1px;
  left: calc(50% - 1rem);
  position: absolute;
  top: 50%;
  transform-origin: center center;
  width: 2rem;
}
.cookiebanner__closex:before {
  transform: rotate(45deg);
}
.cookiebanner__closex:after {
  transform: rotate(-45deg);
}
.cookiebanner__closex:hover {
  cursor: pointer;
  transform: scale(1.2);
}
.cookie-banner {
  background-color: var(--color-black);
  bottom: 0;
  color: var(--color-white);
  padding: 2.5rem 2rem 2rem;
  position: fixed;
  right: 0;
  width: 100%;
  z-index: 100;
}
@media (min-width: 75em) {
  .cookie-banner__container {
    align-items: center;
    display: flex;
  }
}
.cookie-banner__cta {
  display: flex;
  flex-wrap: wrap;
  gap: 3.6rem;
  margin-top: 2rem;
  width: 100%;
}
@media (min-width: 75em) {
  .cookie-banner__cta {
    flex-shrink: 0;
    flex-wrap: nowrap;
    width: auto;
  }
}
.cookie-banner__settings {
  font-size: 1.7rem;
  font-weight: 700;
}
@media (min-width: 75em) {
  .cookie-banner__text {
    padding-right: 15%;
  }
}
.cookie-banner__title {
  margin-bottom: 1rem;
}
.cookie-choices {
  margin-top: 2rem;
}
.cookie-choice {
  position: relative;
}
.cookie-choice__checkbox {
  font-size: 1.7rem;
  left: 0;
  padding-top: 0.5rem;
  position: absolute;
  top: 0;
  width: calc(100% - 3rem);
}
@media (min-width: 75em) {
  .cookie-choice__checkbox {
    font-size: 1.8rem;
    padding-top: 0.3rem;
  }
}
.cookie-choice__checkbox .field__sub-label:before {
  transform: translateY(-0.5rem);
}
@media (min-width: 75em) {
  .cookie-choice__checkbox .field__sub-label:before {
    transform: translateY(-0.3rem);
  }
}
.cookie-choice__checkbox:first-of-type {
  margin-top: 0.4rem;
}
.cookie-choice__checkbox .field__sub-label {
  font-weight: 700;
}
.cookie-choice__checkbox .field__sub-label:before {
  border-color: var(--color-primary-1);
}
.cookie-choice__details {
  border-bottom: 1px solid var(--color-grey-border);
}
.cookie-choice__details p:last-child {
  margin-bottom: 2rem;
}
.cookie-choice__icon {
  background-color: var(--color-success);
  border-radius: 50%;
  color: var(--color-white);
  display: inline-flex;
  flex-shrink: 0;
  height: 4rem;
  margin-right: 1.5rem;
  padding: 0.8rem;
  transform: translateY(-0.3rem);
  width: 4rem;
}
.cookie-choice__submit {
  margin-top: 2.4rem;
}
@media (min-width: 75em) {
  .cookie-choice__submit {
    margin-top: 4rem;
  }
}
.cookie-choice__success {
  display: flex;
}
.cookie-choice__summary {
  color: transparent;
  cursor: pointer;
  height: 6.8rem;
  list-style: none;
}
.cookie-choice__summary + * {
  margin-top: 0;
}
.cookie-choice__summary:after,
.cookie-choice__summary:before {
  background-color: var(--color-grey-border);
  border-radius: 3px;
  content: "";
  display: block;
  height: 0.3rem;
  position: absolute;
  right: 0;
  top: 3.2rem;
  width: 2.5rem;
}
.cookie-choice__summary:after {
  transform: rotate(90deg);
  transition: transform var(--animation-duration) var(--animation-ease);
}
.cookie-choice__details[open] > .cookie-choice__summary:after {
  transform: rotate(0);
}
.cookie-choice__summary::-webkit-details-marker,
.cookie-choice__summary::marker {
  display: none;
}
.overlay-header {
  --header-color: var(--color-white);
  --header-bg-color-opacity: 0;
  --header-margin-bottom: calc(var(--header-height) * -1);
}
.header {
  background-color: rgba(255, 255, 255, var(--header-bg-color-opacity, 1));
  border-bottom: 0.1rem solid
    rgba(217, 217, 217, var(--header-border-bottom-color-opacity, 0));
  color: var(--header-color, inherit);
  filter: drop-shadow(0 0.3rem 0.6rem rgba(0, 0, 0, 0.04))
    drop-shadow(0 1.1rem 1.1rem rgba(0, 0, 0, 0.04))
    drop-shadow(0 2.5rem 1.5rem rgba(0, 0, 0, 0.02))
    drop-shadow(0 4.5rem 1.8rem rgba(0, 0, 0, 0.01));
  margin-bottom: var(--header-margin-bottom, 0);
  padding: 0;
  position: sticky;
  top: 0;
  transform: var(--header-transform, translateY(0));
  transition:
    transform var(--animation-duration) var(--animation-ease),
    border-color var(--animation-duration) var(--animation-ease),
    background-color var(--animation-duration) var(--animation-ease);
  width: 100%;
  will-change: transition, background-color;
  z-index: 50;
}
.header--detached,
.header--menu-open {
  --header-bg-color-opacity: 1;
  --header-color: currentColor;
}
.header--detached {
  --header-border-bottom-color-opacity: 1;
}
.header__outer {
  padding: 1.3rem 0;
  transform: var(--header-outer-transform, translateY(0));
  transition: transform var(--animation-duration) var(--animation-ease);
  will-change: transition;
}
.header__wrapper {
  align-items: center;
  display: flex;
  justify-content: space-between;
  position: relative;
}
.header__logo {
  display: block;
  height: 3.7rem;
  width: auto;
}
.header__logo--green {
  color: var(--color-black);
}
.overlay-header .header__logo--green {
  color: var(--color-white);
}
.header--detached .header__logo--green {
  color: var(--color-black);
}
.header__home-link {
  color: inherit;
  position: relative;
  transform: var(--header-logo-transform, scale(1));
  transform-origin: left center;
  transition: transform var(--animation-duration) var(--animation-ease);
  will-change: transition;
  z-index: 2;
}
.header__hamburger {
  display: flex;
  gap: 2rem;
  position: relative;
  z-index: 2;
}
.header__search {
  z-index: 100;
}
.overlay-header.header__nav--opened .header__search {
  color: var(--color-black);
}
@media (max-width: 74.99em) {
  .header__nav {
    -webkit-overflow-scrolling: touch;
    background-color: var(--color-white);
    color: var(--color-black);
    display: block;
    height: 100vh;
    left: 0;
    max-width: 37.5rem;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 9rem 0 15rem;
    position: fixed;
    top: 0;
    transform: translate3d(-100%, 0, 0);
    transition: transform var(--animation-duration) var(--animation-ease);
    width: calc(100vw - 5rem);
    z-index: 1;
  }
  .header__nav--opened .header__nav {
    transform: translateZ(0);
  }
}
.header__nav-cta {
  padding: 4rem var(--wrapper-gap) 3rem;
}
.header__nav-overlay {
  background-color: var(--color-black-transparent);
  display: none;
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: -1;
}
@media (max-width: 74.99em) {
  .header__nav--opened .header__nav-overlay {
    display: block;
  }
}
@media (min-width: 75em) {
  .header {
    --header-logo-transform: scale(1.5);
    height: var(--header-height);
  }
  .header__outer {
    padding: 1.5rem 0;
  }
  .header__hamburger {
    display: none;
  }
  .header__logo {
    height: 5.7rem;
  }
  .header__nav-cta {
    display: none;
  }
  .header--scroll {
    --header-transform: translateY(-2.9rem);
    --header-outer-transform: translateY(-0.5rem);
    --header-logo-transform: scale(1) translateY(2rem);
    --header-nav-meta-opacity: 0;
    --header-nav-meta-pointer-events: none;
  }
  .header__nav {
    align-items: flex-end;
    display: flex;
    flex-direction: column-reverse;
    gap: 1.4rem;
    height: 9rem;
    justify-content: flex-end;
    padding: 0;
    position: relative;
  }
  .header__nav-meta {
    display: flex;
    min-height: 2.5rem;
    opacity: var(--header-nav-meta-opacity, 1);
    pointer-events: var(--header-nav-meta-pointer-events, all);
    transition: opacity var(--animation-duration) var(--animation-ease);
    will-change: opacity;
  }
}
.footer {
  --nav-link-font-size: var(--font-size-h5);
  --nav-link-parent-font-size: var(--font-size-h5);
  --spacing-h4: 4rem;
  --spacing-text: 0;
  --section-spacing-top: 0;
  font-size: var(--font-size-h5);
  line-height: 1.2;
  padding-bottom: var(--footer-padding-bottom);
  padding-top: var(--footer-padding-top);
}
.footer__back-to-top {
  position: absolute;
  right: 2rem;
  top: 2rem;
}
.footer__grid {
  display: grid;
  gap: 6rem var(--grid-gap);
}
.footer__copyright {
  white-space: nowrap;
}
.footer__action {
  align-items: flex-start;
  gap: 2rem 0;
}
.footer__action,
.footer__actions {
  display: flex;
  flex-direction: column;
}
.footer__actions {
  align-items: var(--footer-action-align, flex-start);
  gap: 4rem 0;
}
.footer__separator {
  background-image: var(--color-primary-linear);
}
.green-steel .footer__separator {
  background-image: var(--color-secondary-linear);
}
@media (min-width: 48em) {
  .footer__actions {
    gap: 6rem 0;
    order: 1;
  }
  .footer__grid--top {
    grid-template-columns: 10fr 2fr;
  }
  .footer__grid--society {
    --footer-action-align: flex-end;
    grid-template-columns: 9fr 3fr;
  }
}
@media (min-width: 75em) {
  .footer__grid--bottom {
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
    gap: 0 var(--grid-gap);
    justify-content: space-between;
  }
}
.section + .section--bg {
  margin-top: var(--section-spacing);
}
.section--bg + .section--bg {
  margin-top: 0;
}
.section:not(.section--bg).section--last {
  margin-bottom: var(--section-spacing);
}
.c-last {
  margin-bottom: 6rem;
}
@media (min-width: 75em) {
  .c-last {
    margin-bottom: 12rem;
  }
}
.section--spacing-bottom.cmp-facts__section:not(.section--bg) {
  margin-bottom: 20rem;
}
@media (min-width: 75em) {
  .section--spacing-bottom.cmp-facts__section:not(.section--bg) {
    margin-bottom: 30rem;
  }
}
.page404 {
  align-items: center;
  background-color: var(--color-primary-1);
  display: flex;
  justify-content: center;
  min-height: 100vh;
}
.page404__inner {
  max-width: 110rem;
  text-align: center;
}
.page404__inner h5 {
  font-size: 4rem;
  letter-spacing: 0;
  line-height: 6rem;
}
.page404__inner p {
  margin: 10rem auto 1rem;
  max-width: 40rem;
}
.cmp-fullscreen__section {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 80vh;
  padding: 30rem 0;
}
.events-overview__no-result {
  margin-top: 4rem;
}
.events-overview__load-more {
  display: flex;
  justify-content: center;
  margin-top: 4rem;
}
.facts__item {
  padding: 0 1.6rem;
  width: 100%;
}
@media (min-width: 175em) {
  .facts__item {
    max-width: 50vw;
    padding: 0;
  }
}
.cmp-hero__section {
  align-items: center;
  background-color: var(--color-grey-600);
  display: flex;
  min-height: 100vh;
  padding: 10rem 0 5rem;
}
@media (min-width: 75em) {
  .cmp-hero__section {
    padding: 25rem 0;
  }
}
.cmp-hero__section .h1,
.cmp-hero__section h1 {
  hyphens: none;
}
.intro__heading {
  margin-bottom: var(--heading-spacing);
}
.intro_with_background__link {
  margin-top: -2.8rem;
  transform: translateY(2.8rem);
  z-index: 1;
}
@media (min-width: 75em) {
  .intro_with_background__link {
    margin-bottom: unset;
    transform: translateY(5rem);
  }
}
.intro_with_background__row {
  align-items: end;
}
@media (min-width: 75em) {
  .intro_with_background__row {
    min-height: 80rem;
  }
}
.intro_with_background__text {
  padding-bottom: 4rem;
}
@media (min-width: 75em) {
  .intro_with_background__text {
    min-height: 45rem;
    padding-bottom: 10rem;
  }
}
.cmp-intro-with-background__section {
  align-items: center;
  background-color: var(--color-grey-300);
  display: flex;
  padding: var(--section-spacing) 0 0;
}
.cmp-intro-with-background__section .h1,
.cmp-intro-with-background__section h1 {
  hyphens: none;
}
.journal-heading {
  background-color: var(--color-white);
  overflow: hidden;
}
@media (min-width: 75em) {
  .journal-heading {
    background: unset;
  }
}
.journal-heading__anchors {
  margin-top: 5rem;
}
.journal-heading__author-image {
  width: 4.8rem;
}
.journal-heading__author-name {
  font-size: 1.6rem;
}
.journal-heading__info {
  align-items: center;
  display: flex;
  gap: 1.6rem;
  margin-top: 7rem;
}
.journal-heading__info-text {
  line-height: 1.2;
}
.journal-heading__info-date {
  font-size: 1.4rem;
}
.journal-heading__featured-image {
  margin-left: calc(var(--wrapper-gap) * -1);
  margin-right: calc(var(--wrapper-gap) * -1);
}
@media (min-width: 48em) {
  .journal-heading__featured-image {
    margin-left: unset;
    margin-right: unset;
  }
}
.journal-heading__introduction {
  margin-top: 5rem;
}
@media (min-width: 75em) {
  .journal-heading {
    --font-size-h4: 3.4rem;
  }
}
.journal-heading__title {
  font-size: 3.4rem;
}
@media (min-width: 75em) {
  .journal-heading__title {
    font-size: 5.8rem;
  }
}
.journal-heading__text {
  padding-bottom: 3.5rem;
  padding-top: 3rem;
}
@media (min-width: 75em) {
  .journal-heading__text {
    padding-bottom: 3rem;
    padding-top: 10rem;
    position: relative;
  }
  .journal-heading__text:before {
    background-color: var(--color-white);
    content: "";
    display: block;
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 200vw;
    z-index: -1;
  }
}
.news-heading {
  background-color: unset;
  overflow: hidden;
}
.news-heading__info,
.news-heading__introduction,
.news-heading__meta {
  margin-top: 3rem;
}
@media (min-width: 75em) {
  .news-heading__info,
  .news-heading__introduction,
  .news-heading__meta {
    margin-top: 6rem;
  }
}
.news-heading__info {
  align-items: center;
  display: flex;
  gap: 1.6rem;
}
.news-heading__author-image {
  width: 4.8rem;
}
@media (min-width: 75em) {
  .news-heading__author-image {
    width: 8.2rem;
  }
}
.news-heading__author-name {
  font-size: 1.6rem;
}
@media (min-width: 75em) {
  .news-heading__author-name {
    width: 2rem;
  }
}
.news-heading__info-date {
  font-size: 1.4rem;
}
@media (min-width: 75em) {
  .news-heading__info-date {
    width: 2rem;
  }
}
.locations__grid {
  display: grid;
  gap: var(--grid-gap);
  grid-template-columns: repeat(2, 1fr);
}
.locations__list {
  display: grid;
  gap: 6rem;
}
@media (min-width: 48em) {
  .locations__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 75em) {
  .locations__list {
    gap: 10rem var(--grid-gap);
    grid-template-columns: repeat(2, 1fr);
  }
  .locations__list--four {
    grid-template-columns: repeat(4, 1fr);
  }
}
.locations__map {
  margin-top: 4rem;
}
@media (min-width: 75em) {
  .locations__map {
    margin-top: 0;
  }
}
.teasers__cta {
  margin-top: 4rem;
}
@media (min-width: 48em) {
  .teasers__cta {
    margin-top: 2.4rem;
    text-align: right;
  }
}
@media (min-width: 75em) {
  .teasers__cta {
    margin-top: 5rem;
  }
  .teasers__grid {
    display: grid;
    gap: 3rem;
    grid-template-areas: "teaserMain teaserHeading" "teaserMain teasersOthers";
    grid-template-columns: 1fr 1fr;
  }
  .teasers__grid--reverse {
    grid-template-areas: "teaserHeading teaserMain" "teasersOthers teaserMain";
  }
}
.teasers__heading {
  align-items: end;
  display: flex;
  grid-area: teaserHeading;
}
@media (min-width: 75em) {
  .teasers__heading {
    aspect-ratio: 1/0.88;
    padding: 0 15% 15%;
  }
  .teasers__grid--reverse .teasers__heading {
    padding: 0 30% 15% 0;
  }
}
.teasers__others {
  grid-area: teasersOthers;
}
.teasers__title {
  font-size: 4rem;
}
@media (min-width: 75em) {
  .teasers__title {
    font-size: 7.5rem;
  }
}
.teaser-news__cards {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  margin-top: 4rem;
}
@media (min-width: 75em) {
  .teaser-news__cards {
    flex-direction: row;
    gap: 2.4rem;
  }
}
.teaser-news__cards .card {
  --card-margin-top: 0;
}
@media (min-width: 75em) {
  .teaser-news__cards .card {
    align-self: flex-start;
    flex: 1;
  }
}
.teaser-news__cta {
  display: flex;
  justify-content: flex-start;
  margin-top: 1.6rem;
}
@media (min-width: 75em) {
  .teaser-news__cta {
    justify-content: flex-end;
    margin-top: 1rem;
  }
}
.text {
  --heading-margin-bottom: calc(var(--heading-spacing) * 1.3);
}
.text__body {
  margin: 0 1.9rem 0 2.8rem;
}
.text__body--offset-top {
  margin-top: 3rem;
}
.text__body--offset-bottom {
  margin-bottom: 5rem;
}
@media (min-width: 48em) {
  .text__body--offset-bottom {
    margin-bottom: 3rem;
  }
  .text__body {
    margin-left: 0;
    margin-right: 0;
  }
}
.quote__text {
  quotes: none;
}
.teaser-animation {
  display: grid;
  gap: 6rem var(--grid-gap);
  position: relative;
}
.teaser-animation--has-link {
  padding-bottom: 10rem;
}
.teaser-animation__aside {
  display: grid;
  gap: 6rem var(--grid-gap);
}
.teaser-animation__facts {
  --spacing-list: 6rem;
  --list-item-margin-top: 2rem;
}
.teaser-animation__middle {
  margin: 2rem auto;
  max-width: 33%;
}
.teaser-animation__logo {
  --rotations: 180deg;
  filter: drop-shadow(0 0 0.1rem var(--color-black));
  opacity: 0;
  transform: rotateY(90deg);
}
.teaser-animation__logo--reveal {
  animation:
    teaser-animation-spin both,
    teaser-animation-fade-in both;
  animation-delay: 0.5s, 0.7s;
  animation-duration: 1.5s, 1.5s;
  animation-timing-function: cubic-bezier(0.06, 0.64, 0.26, 1.06), linear;
}
.teaser-animation__header-link {
  bottom: 0;
  left: 0;
  position: absolute;
}
.faded-out .teaser-animation__header-link {
  display: none;
}
@media (min-width: 48em) {
  .teaser-animation__header-link {
    bottom: unset;
    left: 0;
    position: static;
  }
}
.teaser-animation__fixed-body {
  --gradient-height: 50px;
  --gradient-top: -50px;
  --gradient-bottom: 100%;
  -webkit-mask-image: linear-gradient(
    180deg,
    transparent var(--gradient-top),
    #000 calc(var(--gradient-top) + var(--gradient-height)),
    #000 calc(var(--gradient-bottom) - var(--gradient-height)),
    transparent var(--gradient-bottom)
  );
  mask-image: linear-gradient(
    180deg,
    transparent var(--gradient-top),
    #000 calc(var(--gradient-top) + var(--gradient-height)),
    #000 calc(var(--gradient-bottom) - var(--gradient-height)),
    transparent var(--gradient-bottom)
  );
}
@media (min-width: 48em) {
  .teaser-animation {
    grid-template-columns: 2fr 1fr;
  }
  .teaser-animation__aside {
    grid-template-columns: 1fr 1fr;
    margin-bottom: auto;
    position: sticky;
    top: var(--sticky-offset-top);
  }
  .teaser-animation__middle {
    max-width: 56%;
  }
  .teaser-animation__header-link {
    display: block;
  }
  .teaser-animation__footer-link {
    display: none;
  }
}
@keyframes teaser-animation-fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes teaser-animation-spin {
  0% {
    transform: rotateY(var(--rotations));
  }
  to {
    transform: rotateY(0deg);
  }
}
.list-with-icon__icon {
  --icon-width: 5.7rem;
  --icon-height: 5.7rem;
}
.list-with-icon__list {
  --grid-gap: 10rem;
  display: grid;
  gap: var(--grid-gap);
}
@media (min-width: 75em) {
  .list-with-icon__list {
    --grid-gap: 10rem 2.5rem;
    grid-template-columns: repeat(3, 1fr);
  }
}
.logos__figure {
  filter: url(#GrayScaleFilter);
  text-align: center;
  transition: var(--animation-duration) var(--animation-ease);
  width: 100%;
}
.logos__figure:hover {
  filter: grayscale(0);
}
.logos__list {
  --list-margin-left: 0;
  --list-margin-top: 0;
}
.logos__logo {
  --list-item-margin-top: 0;
  align-items: center;
  background-color: var(--color-white);
  display: flex;
  height: 12.5rem;
  justify-content: center;
  line-height: 0;
  padding-left: 0;
  width: 100%;
}
.logos__pagination {
  align-items: stretch;
  bottom: -3.5rem;
  display: flex;
  height: 1px;
  justify-content: stretch;
  margin: 0 auto;
  padding: 0;
  width: 115px;
}
@media (min-width: 75em) {
  .logos__pagination {
    bottom: -4rem;
  }
}
.logos__pagination li {
  --list-item-padding-left: 0;
  background-color: var(--color-black);
  display: block;
  flex: 1;
  height: 100%;
  line-height: 0;
}
.logos__pagination li.is-active ~ li {
  background-color: var(--color-disabled);
}
.logos__pagination__page {
  background-color: inherit;
  border-radius: 0;
  display: block;
  height: 100%;
  margin: 0;
  opacity: 1;
  width: 100%;
}
.logos__pagination__page.is-active {
  background-color: inherit;
  transform: unset;
}
.logos__slider--auto:not(.is-initialized) .splide__track {
  visibility: hidden;
}
.logos__slider {
  margin-bottom: 3.5rem;
}
@media (min-width: 75em) {
  .logos__slider {
    margin-bottom: 4rem;
  }
}
.logos__svg {
  color: var(--color-grey-600);
  height: auto;
  max-height: 7.5rem;
  width: 100%;
}
.text-image__item {
  --grid-gap: 5rem;
  --spacing-h2: 0;
  align-items: center;
  display: grid;
  gap: var(--grid-gap);
}
.text-image__item * {
  direction: ltr;
  text-align: left;
}
.text-image__item:not(:first-child) {
  margin-top: 6rem;
}
@media (min-width: 75em) {
  .text-image__item:not(:first-child) {
    margin-top: 10rem;
  }
  .text-image__item {
    --grid-gap: 2.5rem;
    grid-template-columns: 52rem 1fr;
  }
  .text-image__item--reverse {
    direction: rtl;
  }
}
.text-image__image {
  max-width: 52rem;
  padding-right: 3rem;
}
@media (min-width: 75em) {
  .text-image__image {
    padding-right: 0;
  }
}
.text-image__text {
  max-width: 70rem;
  padding: 0 3rem;
}
@media (min-width: 75em) {
  .text-image__text {
    max-width: unset;
    padding: 0 13.5rem;
  }
}
.cmp-cta-contact__section.section--dark {
  background-image: unset;
}
@media (min-width: 48em) {
  .cmp-cta-contact__section.section--dark {
    background-image: var(--color-black-linear);
  }
}
.cta-contact__wrapper {
  background-color: var(--color-white);
}
.cta-contact__wrapper--has-link {
  padding-bottom: 6rem;
}
@media (min-width: 48em) {
  .cta-contact__wrapper--has-link {
    padding-bottom: 9rem;
  }
  .cta-contact__wrapper {
    background-color: transparent;
  }
}
.section--dark .cta-contact__wrapper {
  background-image: var(--color-black-linear);
}
@media (min-width: 48em) {
  .section--dark .cta-contact__wrapper {
    background-image: unset;
  }
}
.cta-contact__row {
  background-color: var(--color-white);
  display: flex;
  flex-direction: column;
  padding: 3rem 0;
  position: relative;
}
@media (min-width: 48em) {
  .cta-contact__row {
    grid-column-gap: var(--grid-gap);
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }
}
@media (min-width: 75em) {
  .cta-contact__row {
    padding-bottom: 7rem;
    padding-top: 7rem;
  }
}
@media (min-width: 48em) {
  .cta-contact__row--media {
    grid-template-rows: min-content 3rem;
  }
}
@media (min-width: 75em) {
  .cta-contact__row--media {
    grid-template-rows: min-content 15.1rem;
  }
}
.section--dark .cta-contact__row {
  background-color: transparent;
}
@media (min-width: 48em) {
  .cta-contact__text {
    grid-column: 2/6;
  }
  .cta-contact__text--media {
    grid-column: 2/8;
    margin-bottom: 2rem;
  }
}
.cta-contact__text .h2 {
  font-size: 4rem;
}
@media (min-width: 86.875em) {
  .cta-contact__text .h2 {
    font-size: 7.5rem;
  }
}
.cta-contact__text .teaser {
  padding: 0 2.8rem;
}
@media (min-width: 48em) {
  .cta-contact__text .teaser {
    padding: 0;
  }
}
.cta-contact__text .teaser + * {
  margin-top: 4rem;
}
.cta-contact__image {
  margin-left: -1.6rem;
  margin-right: -1.6rem;
}
@media (min-width: 48em) {
  .cta-contact__image {
    grid-column: 9/12;
  }
}
.cta-contact__link {
  --action-fab-outline-color: var(--color-white);
  --action-fab-outline-active-color: var(--color-black);
  --action-fab-outline-bg-color: var(--color-white);
  transform: translateY(6.8rem);
  width: 100%;
  width: -moz-available;
  width: -webkit-fill-available;
  width: fill-available;
}
@media (min-width: 48em) {
  .cta-contact__link {
    bottom: -5rem;
    grid-column: 7/12;
    position: absolute;
    right: 0;
    transform: translateY(0);
  }
}
@media (min-width: 75em) {
  .cta-contact__link {
    bottom: -9rem;
  }
}
.cta-contact__link--media {
  transform: translateY(-7.8rem);
  width: 100%;
  width: -moz-available;
  width: -webkit-fill-available;
  width: fill-available;
}
@media (min-width: 48em) {
  .cta-contact__link--media {
    bottom: -7rem;
    grid-column: 2/7;
    left: -2rem;
    transform: translateY(0);
  }
}
@media (min-width: 75em) {
  .cta-contact__link--media {
    left: -3rem;
  }
}
@media (min-width: 86.875em) {
  .cta-contact__link--media {
    left: -5rem;
  }
}
.section--dark .cta-contact__link--icons {
  bottom: 5rem;
}
.cta-contact__link--title {
  font-family: var(--body-font-family);
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 0.65px;
  line-height: 130%;
}
@media (min-width: 86.875em) {
  .cta-contact__link--title {
    font-size: 3.4rem;
    letter-spacing: 0.8px;
  }
}
.cta-contact__link--text {
  font-family: var(--body-font-family);
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.85px;
  line-height: 120%;
}
@media (min-width: 86.875em) {
  .cta-contact__link--text {
    font-size: 2.4rem;
    font-weight: 300;
    letter-spacing: 1.2px;
    line-height: 130%;
  }
}
.cta-contact__link .link-big {
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}
.cta-contact__actions {
  --icon-width: 3.6rem;
  --icon-height: 3.6rem;
  display: grid;
  gap: 5rem 3rem;
  grid-template-columns: 1fr 1fr;
}
@media (min-width: 75em) {
  .cta-contact__actions {
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 10rem;
  }
}
.action-item__title {
  display: block;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.2;
  margin-top: 2rem;
}
.action-item__link,
.action-item__text {
  color: var(--color-black);
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.085rem;
  line-height: 1.2;
  white-space: nowrap;
}
@media (min-width: 75em) {
  .action-item__link,
  .action-item__text {
    font-size: 1.6rem;
  }
}
.section--dark .action-item__link,
.section--dark .action-item__text {
  color: var(--color-white);
}
.product-finder__search {
  margin: 3rem 0;
}
.product-finder__table-header {
  background-color: var(--color-grey-600);
  display: none;
}
@media (min-width: 75em) {
  .product-finder__table-header {
    display: block;
  }
  .product-finder__table-header .table-header__inner {
    align-items: center;
    display: grid;
    gap: 0 0.8rem;
    grid-template-columns: repeat(6, 1fr);
    padding-bottom: 1.5rem;
    padding-left: 2rem;
    padding-top: 1.5rem;
    width: calc(100% - 2rem);
  }
}
.product-finder .action-clear {
  --icon-color: var(--color-white);
}
@media (min-width: 75em) {
  .product-finder .action-clear {
    transform: translateY(-4rem);
  }
}
.product-item {
  border-bottom: 1px solid var(--color-grey-600);
  border-top: 1px solid var(--color-grey-600);
  padding-bottom: 1.6rem;
  padding-top: 1.6rem;
  position: relative;
}
@media (min-width: 75em) {
  .product-item {
    padding-left: 2rem;
  }
}
.product-item__properties {
  display: grid;
  gap: 2rem 0.8rem;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 0;
  width: calc(100% - 2rem);
}
@media (min-width: 75em) {
  .product-item__properties {
    grid-template-areas: "portfolio family matc matn brand char";
    grid-template-columns: repeat(6, 1fr);
  }
}
.open .product-item__properties {
  margin-bottom: 2rem;
}
.product-item__description {
  font-size: 1.4rem;
  letter-spacing: 0.85px;
  line-height: 1.2;
  margin-bottom: 3rem;
  margin-right: auto;
}
@media (min-width: 75em) {
  .product-item__description {
    grid-column: 1/4;
  }
}
.product-item__links {
  margin-bottom: 3rem;
}
@media (min-width: 75em) {
  .product-item__links {
    grid-column: 4/7;
    margin-bottom: 0;
  }
}
.product-item__links--flex {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem 5rem;
}
@media (min-width: 75em) {
  .product-item__links--flex .action {
    width: fit-content;
  }
  .product-item__links--flex {
    gap: 5rem;
    justify-content: flex-end;
    width: 100%;
  }
}
.product-item__links--break {
  flex-basis: 100%;
  height: 0;
}
@media (min-width: 75em) {
  .product-item__links--break {
    display: none;
  }
}
.product-item__meta {
  display: none;
}
@media (min-width: 75em) {
  .product-item__meta {
    align-items: center;
    gap: 5rem;
    grid-template-columns: 3fr 1fr 0.5fr;
    margin-top: 3rem;
  }
}
.product-item dl dt {
  display: none;
  font-size: 1.2rem;
  font-weight: 600;
}
@media (min-width: 75em) {
  .product-item dl dt {
    display: none !important;
  }
}
.product-item dl dd {
  font-size: 1.4rem;
  letter-spacing: 0.85px;
  line-height: 1.2;
}
.product-item .accordion-trigger {
  background: transparent
    url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' xml:space='preserve'%3E%3Cpath fill='%23fff' d='M6 7.5c.2 0 .4-.1.6-.2l5.2-5.2c.3-.3.3-.9 0-1.2-.3-.3-.9-.3-1.2 0L6 5.5 1.4.9C1.1.6.5.6.2.9c-.3.3-.3.9 0 1.2l5.2 5.2c.2.2.4.2.6.2z'/%3E%3C/svg%3E")
    50% no-repeat;
  background-size: 14px 8px;
  height: 2rem;
  padding: 6px 3px;
  position: absolute;
  right: 0.5rem;
  top: 1.6rem;
  transition: transform 0.2s ease-in-out;
  width: 2rem;
  z-index: 10;
}
.accordion-panel .accordion-closed {
  display: none;
}
@media (min-width: 75em) {
  .accordion-panel .accordion-closed {
    display: block;
  }
}
.accordion-panel.open .accordion-trigger {
  transform: rotate(-180deg);
}
.accordion-panel.open .product-item__meta,
.accordion-panel.open dt {
  display: block;
}
@media (min-width: 75em) {
  .accordion-panel.open .product-item__meta {
    display: grid;
    gap: 0 0.8rem;
    grid-template-columns: repeat(6, 1fr);
    width: calc(100% - 2rem);
  }
}
.accordion-panel.open .accordion-closed {
  display: block;
}
.pagination-list {
  display: flex;
  justify-content: flex-end;
}
.pagination-list__li {
  --list-item-margin-top: 2rem !important;
  border: 1px solid var(--color-white);
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.5;
}
@media (min-width: 75em) {
  .pagination-list__li {
    --list-item-margin-top: 4rem !important;
  }
}
.pagination-list__li--empty,
.pagination-list__page {
  display: block;
  padding: 6px 12px;
}
.pagination-list__page {
  color: var(--color-white);
  text-decoration: none;
}
.pagination-list__page.active,
.pagination-list__page:hover {
  background-color: var(--color-white);
  color: var(--color-black);
}
.pagination-list__page[aria-disabled="true"] {
  opacity: 0.5;
  pointer-events: none;
  text-decoration: none;
}
@media (min-width: 75em) {
  .property__portfolio {
    grid-area: portfolio;
  }
  .property__family {
    grid-area: family;
  }
  .property__matc {
    grid-area: matc;
  }
  .property__matn {
    grid-area: matn;
  }
  .property__brand {
    grid-area: brand;
  }
  .property__char {
    grid-area: char;
  }
}
.download-center {
  margin-block: 5rem;
}
.download-center__filter-types {
  background-color: var(--color-primary-1);
  border-radius: 0.2rem;
  display: flex;
  flex-direction: column;
  height: 5.6rem;
  margin-bottom: 2.7rem;
  overflow-y: var(--docs-filer-types-overflow, clip);
  transition: height var(--animation-duration) var(--animation-ease);
  width: 100%;
}
.download-center__filter-types.open {
  height: 45.6rem;
}
@media (min-width: 75em) {
  .download-center__filter-types {
    --docs-filer-types-overflow: visible;
    background-color: var(--color-grey-600);
    flex-direction: row;
    flex-wrap: wrap;
    height: auto;
  }
}
.download-center__filter-type {
  border-bottom: var(--action-border-bottom, 1px solid hsla(0, 0%, 100%, 0.1));
  border-radius: 0.2rem;
  color: var(--color-white);
  font-size: 1.8rem;
  font-weight: var(--action-font-weight, 400);
  line-height: 1.26;
  padding: 1.7rem 3.5rem;
}
.download-center__filter-type span {
  opacity: var(--action-button-opacity, 0.6);
}
.download-center__filter-type:first-child:before {
  background-image: var(--input-select-arrow-bg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 1.6rem auto;
  content: "";
  display: block;
  height: 2rem;
  position: absolute;
  right: 1.1rem;
  transition: transform var(--animation-duration) var(--animation-ease);
  width: 2rem;
  z-index: 10;
}
.open .download-center__filter-type:first-child:before {
  transform: rotate(-180deg);
}
.download-center__filter-type--active {
  --action-button-opacity: 1;
  --action-font-weight: 600;
  background-color: var(--color-primary-1);
  position: relative;
}
.download-center__filter-type--active:after {
  background: var(--active-triangle) no-repeat;
  bottom: -0.4rem;
  content: var(--doctype-triangle-content, unset);
  display: block;
  height: 1.2rem;
  left: calc(50% - 0.8rem);
  position: absolute;
  width: 1.6rem;
}
.download-center__filter-type--placeholder {
  --action-button-opacity: 1;
  display: var(--button-type-display, block);
  font-weight: 600;
}
@media (min-width: 75em) {
  .download-center__filter-type {
    --action-button-opacity: 1;
    --action-font-weight: 600;
    --doctype-triangle-content: "";
    --button-type-display: none;
    --action-border-bottom: none;
  }
}
.download-center__footer {
  background: var(--color-white);
  border: 1px solid var(--color-grey-600);
  bottom: 0;
  box-shadow: 0 -10px 10px 0 rgba(0, 0, 0, 0.15);
  color: var(--color-black);
  display: grid;
  gap: 0 2rem;
  grid-template-areas: "select" "files" "email" "download";
  grid-template-columns: 1fr;
  margin-top: 10rem;
  min-height: 8.8rem;
  padding: 1.6rem;
  position: sticky;
  z-index: 10;
}
@media (min-width: 75em) {
  .download-center__footer {
    grid-template-areas: "select email download" "files files files";
    grid-template-columns: 1fr 1fr 0.53fr;
    grid-template-rows: auto;
  }
}
.download-center__email {
  background-color: var(--color-grey-100);
  font-size: 2rem;
  font-weight: 300;
  grid-area: email;
  height: 100%;
  padding: 1.5rem;
  width: 100%;
}
@media (min-width: 75em) {
  .download-center__email {
    font-size: 2.4rem;
  }
}
.download-center__email .action .action__text {
  white-space: nowrap;
}
.download-center__email .action .icon {
  min-width: 1.5rem;
}
.download-center__download {
  grid-area: download;
}
.download-center__download .action {
  height: 100%;
  width: 100%;
}
@media (min-width: 75em) {
  .download-center__download,
  .download-center__email {
    border-bottom: 2rem solid var(--color-white);
  }
}
.download-center .filters__grid {
  color: var(--color-black);
  display: grid;
  gap: 2.4rem;
  grid-template-columns: repeat(var(--grid-documents-cols, 1), 1fr);
}
@media (min-width: 48em) {
  .download-center .filters__grid {
    --grid-documents-cols: 2;
  }
}
@media (min-width: 75em) {
  .download-center .filters__grid {
    --grid-documents-cols: 3;
  }
}
.download-center .filters__grid .card {
  width: 100%;
}
.download-center__row {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media (min-width: 75em) {
  .download-center__row {
    flex-direction: row;
    gap: 5rem;
    justify-content: space-between;
  }
}
.download-center__row input[type="email"] {
  border-bottom: 1px solid #000;
  color: var(--color-black);
  font-size: 1.6rem;
  line-height: 1.2;
  min-height: 4rem;
  width: 100%;
}
.download-center__row input[type="email"]::placeholder {
  color: var(--color-black);
}
.download-center__no-result {
  color: var(--color-white);
}
@media (min-width: 75em) {
  .download-center__no-result {
    grid-column: 1/-1;
  }
}
.download-center .action-clear {
  --icon-color: var(--color-white);
}
.card--document {
  --card-padding: 2rem;
}
.card--document span {
  text-transform: uppercase;
}
.card__languages {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  margin-top: var(--card-language-mt, 1rem);
}
@media (min-width: 75em) {
  .card__languages {
    --card-language-mt: 2rem;
  }
}
.card__language {
  --check-bg-image-checked: var(--check-bg-image-white);
  align-items: center;
  display: flex;
  font-size: 1.6rem;
  gap: 1rem;
  text-transform: uppercase;
}
.selection {
  background-color: var(--color-grey-100);
  font-size: 2rem;
  font-weight: 300;
  grid-area: select;
  height: 100%;
  letter-spacing: 0.65px;
  line-height: 1.3;
  padding: 1.5rem;
  width: 100%;
}
@media (min-width: 75em) {
  .selection {
    font-size: 2.4rem;
  }
}
.selection__accordion {
  --icon-color: var(--action-bg-img);
  --icon-width: 1.5rem;
  --icon-height: 0.8rem;
  align-items: center;
  background-clip: text;
  background-image: var(--action-bg-img);
  border-color: var(--action-border-color);
  border-image: var(--action-border-image) 1;
  border-style: solid;
  border-width: var(--action-border-width, 0.1rem);
  border-left: 0;
  border-right: 0;
  border-top: 0;
  color: transparent;
  display: flex;
  font-size: 1.8rem;
  font-weight: 600;
  gap: 1.5rem;
  width: fit-content;
}
.accordion {
  margin-top: 1rem;
}
.accordion[open] {
  --icon-rotation: rotate(180deg);
}
.accordion__content {
  background-color: var(--color-grey-100);
  display: none;
  grid-area: files;
  padding: 1.5rem;
}
.accordion__title {
  --icon-color: var(--action-bg-img);
  --icon-width: 1.6rem;
  --icon-height: 0.9rem;
  align-items: center;
  background-clip: text;
  background-image: var(--action-bg-img);
  border-color: var(--action-border-color);
  border-image: var(--action-border-image) 1;
  border-style: solid;
  border-width: var(--action-border-width, 0.1rem);
  border-left: 0;
  border-right: 0;
  border-top: 0;
  color: transparent;
  display: flex;
  font-size: 1.8rem;
  font-weight: 600;
  gap: 1.5rem;
  width: fit-content;
}
.accordion__title .icon {
  transform: var(--icon-rotation, rotate(0));
  transition: transform var(--animation-duration) var(--animation-ease);
}
.accordion__list {
  column-count: 1;
  column-gap: 0;
  margin-top: 2rem;
}
@media (min-width: 75em) {
  .accordion__list {
    column-count: 2;
    column-gap: 8rem;
  }
}
.accordion__list li {
  align-items: flex-start;
  border: 1px solid;
  border-width: 1px 0;
  break-inside: avoid-column;
  display: flex;
  font-size: 1.8rem;
  gap: 1.5rem;
  justify-content: space-between;
  letter-spacing: 0.75px;
  line-height: 1.6;
  margin-bottom: -1px;
  margin-top: 0;
  padding-block: 1.5rem;
}
.accordion__list li .icon-close {
  --icon-color: var(--color-black);
  --icon-width: 1.5rem;
  --icon-height: 1.5rem;
}
@media (min-width: 75em) {
  .accordion__list li {
    --accordion-li: 50%;
  }
  .accordion__list li .file-remove {
    margin-top: 0.6rem;
  }
  .accordion__list li .icon-close {
    --icon-width: 2rem;
    --icon-height: 2rem;
  }
}
.accordion__item span {
  text-transform: uppercase;
}
@media (min-width: 75em) {
  .accordion__item {
    display: flex;
    gap: 2rem;
    justify-content: space-between;
    margin-right: 5rem;
    width: 100%;
  }
}
.search__title {
  margin-bottom: 1.6rem;
}
@media (min-width: 75em) {
  .search__title {
    margin-bottom: 4.5rem;
  }
}
.search__subtitle {
  margin-bottom: 1.2rem;
}
.search__field {
  background: var(--color-white);
  display: flex;
  gap: 1rem;
  margin-bottom: 4.2rem;
  padding: 1.6rem 2.4rem;
}
.search__field--fast {
  background: var(--color-grey-100);
  display: flex;
  margin: 1.6rem 1.8rem 2.4rem;
  padding: 1.6rem 2rem;
}
.search__field--fast:has(.search__input:focus-visible) {
  outline: 0.1rem solid var(--color-grey-400);
  outline-offset: 0.8rem;
}
.search__field:has(.search__input:focus-visible) {
  outline: 0.1rem solid var(--color-grey-400);
  outline-offset: 0.8rem;
}
.search__input {
  --input-padding-inline: 0;
  --input-padding-block: 0;
  --input-font-size: 2rem;
  --input-line-height: 1.6;
  border: none;
  font-size: 2rem;
}
.search__input:focus-visible {
  outline: none;
}
.search__filter {
  margin-bottom: 3.5rem;
}
.search__count {
  color: var(--color-grey-600);
}
[type="radio"] + .search__option:before {
  background-image: var(--check-bg-image, none);
  border-radius: 0.4rem;
}
.search__button {
  --action-min-width: 2.4rem;
  margin-top: 0;
}
.search__button .icon {
  display: inline-flex;
  visibility: visible;
}
.search__result-list {
  --marker-content: "";
  list-style: none;
  margin: 0;
  padding: 0 1.6rem;
}
@media (min-width: 75em) {
  .search__result-list {
    padding: 0;
  }
}
.search__result-text {
  margin: 5rem 0 1rem;
}
.search__result-item {
  border-bottom: 1px solid var(--color-grey-200);
  margin: 0;
  padding: 1.6rem 0;
}
.search__result--fast {
  padding: 0;
}
@media (min-width: 75em) {
  .search__result--fast {
    padding: 0 1.8rem;
  }
}
.search__pager .pagination-list__li {
  border: 1px solid var(--color-black);
}
.search__pager .pagination-list__page {
  background: var(--pagination-link-bg, var(--color-white));
  color: var(--pagination-link-color, var(--color-black));
}
.search__pager .pagination-list__page:hover,
.search__pager .pagination__page--active {
  --pagination-link-color: var(--color-white);
  --pagination-link-bg: var(--color-black);
}
.search__footer {
  background: var(--color-white);
  border-top: 1px solid var(--color-grey-200);
  bottom: 0;
  box-shadow: 0 -5px 26px 0 rgba(0, 0, 0, 0.02);
  left: 0;
  padding: 2.8rem 1.6rem;
  position: sticky;
  width: 100%;
  z-index: 100;
}
@media (min-width: 75em) {
  .search__footer {
    background: transparent;
    border-top: none;
    box-shadow: unset;
    padding-left: 0;
    position: relative;
  }
}
.result-teaser {
  --link-text-decoration-active: none;
  --link-color: var(--color-black);
  align-items: center;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  padding-right: 1.2rem;
  transition: var(--animation-duration) var(--animation-ease);
}
.result-teaser:hover {
  --link-color: var(--color-primary-1);
  gap: 2.2rem;
  padding-right: 0;
}
.result-teaser__icon {
  background: var(--color-brand-linear);
  height: 1.6rem;
  mask: url(/dist/images/arrow-action.svg);
  min-width: 1.6rem;
  width: 1.6rem;
}
.result-teaser__arrow {
  --icon-width: 1.6rem;
  --icon-height: 1.6rem;
  --icon-color: transparent;
  min-width: 1.6rem;
}
.result-teaser__text {
  display: block;
  font-size: 1.6rem;
  line-height: 1.2;
}
.result-teaser__meta {
  align-items: start;
  display: flex;
  flex-direction: column;
  font-size: 1.4rem;
  gap: 0.8rem;
}
.result-teaser__meta--first {
  align-items: center;
  display: grid;
  gap: 0.8rem;
  grid-template-columns: auto;
}
@media (min-width: 75em) {
  .result-teaser__meta--first {
    grid-template-columns: auto auto;
  }
}
.result-teaser__meta--docs,
.result-teaser__meta--media,
.result-teaser__meta--products {
  align-items: center;
  display: grid;
  gap: 0.8rem;
  grid-template-columns: auto 1fr;
}
@media (min-width: 75em) {
  .result-teaser__meta--docs,
  .result-teaser__meta--media,
  .result-teaser__meta--products {
    grid-template-columns: auto auto auto;
  }
}
.result-teaser__meta--docs {
  margin-left: 0;
}
@media (min-width: 75em) {
  .result-teaser__meta {
    align-items: center;
    flex-direction: row;
  }
  .result-teaser__meta--docs {
    margin-left: 2.4rem;
  }
}
.result-teaser__tag {
  background: var(--color-grey-200);
  border-radius: 0.1rem;
  font-size: 1.3rem;
  padding: 0.2rem 0.8rem 0.4rem;
  white-space: nowrap;
}
.result-teaser__category,
.result-teaser__date {
  color: var(--color-grey-600);
  white-space: nowrap;
}
.result-teaser__crumbs {
  background-clip: text;
  background-image: var(--color-brand-linear);
  color: transparent;
  grid-column: 1/3;
}
@media (min-width: 75em) {
  .result-teaser__crumbs {
    grid-column: 2/3;
    grid-row: 1;
  }
}
.result-teaser__document .action-fab {
  --action-padding: 0;
  height: 4rem;
  margin-top: 3.8rem;
  width: 4rem;
}
@media (min-width: 75em) {
  .result-teaser__document .action-fab {
    height: 5.8rem;
    margin-top: 0;
    width: 5.8rem;
  }
}
.result-teaser__document-title {
  display: flex;
  gap: 0.5rem;
}
.result-teaser__document-title .icon-docs {
  --icon-width: 1.7rem;
  --icon-height: 1.8rem;
  min-width: var(--icon-width);
  top: var(--icon-document-top, 0.4rem);
}
@media (min-width: 75em) {
  .result-teaser__document-title .icon-docs {
    --icon-document-top: 0.7rem;
  }
}
.dialog__header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 1.3rem var(--wrapper-gap);
}
@media (min-width: 75em) {
  .dialog__header {
    --header-logo-transform: scale(1.5);
    padding: 1.5rem var(--wrapper-gap);
  }
  .dialog__header .header__home-link {
    margin-top: 1.7rem;
  }
  .dialog__header .header__home-link .header__logo {
    display: none;
  }
  .is-open .dialog__header .header__home-link .header__logo {
    display: block;
  }
}
.dialog__text {
  margin-inline: auto;
  max-width: 79.2rem;
}
@media (min-width: 75em) {
  .dialog__text {
    margin-top: -6.1rem;
  }
}
.dialog__close {
  height: 1.6rem;
  width: 1.6rem;
}
.dialog__close .icon {
  --icon-width: 1.6rem;
  --icon-height: 1.6rem;
}
#indicator .loader {
  align-items: center;
  display: none;
  gap: 1.2rem;
  padding-left: 1.6rem;
}
#indicator.htmx-request .loader {
  display: flex;
}
.spinner {
  animation: rotate 1s linear infinite;
  background: conic-gradient(
    from 90deg,
    #fff 0deg,
    #fff 36deg,
    #e63323 182deg,
    #9e1515 1turn
  );
  border-radius: 50%;
  height: 3.2rem;
  position: relative;
  width: 3.2rem;
}
.spinner:after {
  background: #fff;
  border-radius: 50%;
  content: "";
  inset: 0.5rem;
  position: absolute;
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.block {
  padding: 8rem;
}
.block--inverted {
  background-color: #89969f;
}
#c109721 .tile,
#c24618 .tile {
  --tile-min-height: 28rem;
  box-sizing: border-box;
  height: 28rem;
  min-height: 28rem;
  width: 100%;
}
#c109721 .applications__tracks,
#c24618 .applications__tracks {
  align-items: stretch;
}
#c109721 .applications__rail,
#c109721 .applications__rail:last-child,
#c24618 .applications__rail,
#c24618 .applications__rail:last-child {
  transform: none;
}
#c109721 .tile__cover img,
#c24618 .tile__cover img {
  object-fit: cover;
}
#c1193 .teaser-animation__header > p {
  margin: 1.5rem 0 2rem;
}
#c1193 .teaser-animation__intro {
  font-size: 1.6rem;
  line-height: 1.6;
  margin: 0 0 3rem;
}
#c1193 .teaser-animation__facts .fact__value {
  font-size: 5.6rem;
  line-height: 1.15;
  white-space: nowrap;
}
.cmp-teaser4-col__section .tile__cover img,
.cmp-text-image__section .img-text-image {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
#c41622 .teaser {
  margin-bottom: 3.2rem;
}
#c41622 .logos__figure {
  align-items: center;
  display: flex;
  filter: none;
  justify-content: center;
  margin: 0;
}
#c41622 .logos__figure img {
  display: block;
  height: auto;
  margin: 0 auto;
  max-height: 7.5rem;
  max-width: 80%;
  object-fit: contain;
  width: auto;
}
/*# sourceMappingURL=app.css.map*/
@font-face {
  font-family: "roboto_condensedregular";
  src: url("/assets/fonts/roboto-condensed-regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "roboto_condensedlight";
  src: url("/assets/fonts/roboto-condensed-light.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "roboto_condensedbold";
  src: url("/assets/fonts/roboto-condensed-bold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
main.fg-products {
  background: #fff;
  color: #444648;
  font-family: "roboto_condensedregular", sans-serif;
  font-size: 18px;
  line-height: 21px;
}
main.fg-products .fg-hero {
  display: block;
  width: 100%;
  height: 320px;
}
main.fg-products .fg-hero img,
main.fg-detail .big-pic-head-inner img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
@media only screen and (min-width: 375px) {
  main.fg-products .fg-hero {
    height: 370px;
  }
}
@media only screen and (min-width: 992px) {
  main.fg-products .fg-hero {
    height: 500px;
  }
}
@media only screen and (min-width: 1200px) {
  main.fg-products .fg-hero {
    height: 600px;
  }
}
@media only screen and (min-width: 1300px) {
  main.fg-products .fg-hero {
    height: 700px;
  }
}
main.fg-products .fg-wrap {
  display: block;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 24px 60px;
  box-sizing: border-box;
}
main.fg-products .fg-intro {
  max-width: 980px;
  margin: 50px auto;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  main.fg-products .fg-intro {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}
main.fg-products .fg-intro h1 {
  margin: 0 0 16px;
  color: #444648;
  font-family: "roboto_condensedlight", sans-serif;
  font-weight: normal;
  font-size: 32px;
  line-height: 37px;
}
main.fg-products .fg-intro p {
  margin: 0 0 16px;
  color: #444648;
  font-family: "roboto_condensedregular", sans-serif;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
}
main.fg-products .fg-intro h2 {
  margin: 0;
  color: #444648;
  font-family: "roboto_condensedbold", sans-serif;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
}
@media only screen and (min-width: 768px) {
  main.fg-products {
    font-size: 16px;
    line-height: 19px;
  }
  main.fg-products .fg-intro h1 {
    font-size: 50px;
    line-height: 70px;
  }
  main.fg-products .fg-intro p {
    font-size: 16px;
    line-height: 19px;
  }
  main.fg-products .fg-intro h2 {
    font-size: 16px;
    line-height: 19px;
  }
}
main.fg-products .fg-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
main.fg-products .fg-card {
  position: relative;
  width: 100%;
  max-width: 460px;
  margin-bottom: 20px;
  padding: 0 12px;
  box-sizing: border-box;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  main.fg-products .fg-card {
    width: 50%;
  }
}
@media only screen and (min-width: 1200px) {
  main.fg-products .fg-card {
    width: 33.333%;
  }
}
main.fg-products .fg-card-inner {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 460px;
  padding-bottom: 100%;
  border: 1px solid #ababab;
  border-radius: 50%;
  overflow: hidden;
}
main.fg-products .fg-card-inner .image {
  position: absolute;
  top: 8%;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  perspective: 700px;
}
main.fg-products .fg-card-inner .image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  backface-visibility: hidden;
}
main.fg-products .fg-card-inner .title {
  position: absolute;
  left: 50%;
  width: 98%;
  max-width: 98%;
  transform: translateX(-50%);
  color: #444648;
  font-family: "roboto_condensedbold", sans-serif;
  font-weight: normal;
  font-size: 20px;
  line-height: 24px;
}
main.fg-products .fg-card-inner .title1 {
  top: 48%;
}
main.fg-products .fg-card-inner .title2 {
  top: 56%;
}
main.fg-products .fg-card-inner .txt {
  position: absolute;
  top: 63%;
  left: 50%;
  width: 90%;
  max-width: 90%;
  transform: translateX(-50%);
  color: #444648;
  font-family: "roboto_condensedregular", sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
}
main.fg-products .fg-card-inner .link {
  position: absolute;
  top: 87%;
  left: 50%;
  width: 90%;
  transform: translateX(-50%);
  font-family: "roboto_condensedregular", sans-serif;
  font-size: 22px;
  line-height: 24px;
}
main.fg-products .fg-card-inner .link a,
main.fg-products .fg-card-inner .image a {
  color: #920c2f;
  font-family: "roboto_condensedregular", sans-serif;
  font-weight: normal;
  text-decoration: none;
}
main.fg-products .fg-card-inner .link a:hover {
  text-decoration: underline;
}
@media only screen and (min-width: 375px) {
  main.fg-products .fg-card-inner .title {
    font-size: 22px;
    line-height: 26px;
  }
}
@media only screen and (min-width: 992px) {
  main.fg-products .fg-card-inner .title {
    font-size: 20px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  main.fg-products .fg-card-inner .title {
    font-size: 22px;
    line-height: 26px;
  }
}

main.fg-products .fg-filters {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px 14px;
  margin: 0 auto 28px;
  max-width: 980px;
}
main.fg-products .fg-filters button {
  appearance: none;
  background: #fff;
  border: 1px solid #ababab;
  border-radius: 999px;
  color: #444648;
  cursor: pointer;
  font-family: "roboto_condensedregular", sans-serif;
  font-size: 16px;
  line-height: 19px;
  padding: 8px 16px;
}
main.fg-products .fg-filters button.is-active {
  background: #920c2f;
  border-color: #920c2f;
  color: #fff;
}
main.fg-products .fg-card.is-hidden {
  display: none;
}
main.fg-products .fg-card-inner .txt {
  top: 66%;
  width: 78%;
  font-size: 14px;
  line-height: 16px;
}
main.fg-products .fg-card[data-cat="equipment"] .fg-card-inner .txt {
  top: 64%;
  font-size: 13px;
  line-height: 15px;
}
main.fg-products .fg-card-inner .image a {
  position: relative;
  display: block;
  width: 44%;
  aspect-ratio: 10/7;
  height: auto;
  transform-style: preserve-3d;
  transition: transform 0.6s ease;
}
main.fg-products .fg-card-inner .image img.fg-alt {
  position: absolute;
  top: 0;
  left: 0;
  transform: rotateY(180deg);
}
@media (hover: hover) {
  main.fg-products .fg-card:hover .fg-card-inner .image a {
    transform: rotateY(180deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  main.fg-products .fg-card-inner .image a {
    transition: none;
  }
}
main.fg-detail {
  display: block;
  background: #fff;
  color: #444648;
  font-family: "roboto_condensedregular", sans-serif;
  font-size: 18px;
  line-height: 21px;
}
main.fg-detail,
main.fg-detail * {
  box-sizing: border-box;
}
main.fg-detail .big-pic-head {
  width: 100%;
  display: block;
  position: relative;
}
main.fg-detail .big-pic-head-inner {
  width: 100%;
  height: 320px;
  display: block;
}
@media only screen and (min-width: 375px) {
  main.fg-detail .big-pic-head-inner {
    height: 370px;
  }
}
@media only screen and (min-width: 992px) {
  main.fg-detail .big-pic-head-inner {
    height: 500px;
  }
}
@media only screen and (min-width: 1200px) {
  main.fg-detail .big-pic-head-inner {
    height: 600px;
  }
}
@media only screen and (min-width: 1300px) {
  main.fg-detail .big-pic-head-inner {
    height: 700px;
  }
}
main.fg-detail .main-content-1400 {
  display: block;
  width: 100%;
  max-width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  margin-left: auto;
  margin-right: auto;
}
main.fg-detail .main-content-1400 .main-content-1400 {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}
@media only screen and (min-width: 375px) {
  main.fg-detail .main-content-1400 {
    padding-left: 28px;
    padding-right: 28px;
  }
}
@media only screen and (min-width: 1200px) {
  main.fg-detail .main-content-1400 {
    width: 1200px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
main.fg-detail .margintop-small {
  margin-top: 30px;
}
main.fg-detail .margintop-medium {
  margin-top: 50px;
}
main.fg-detail .marginbottom-small {
  margin-bottom: 30px;
}
main.fg-detail .marginbottom-medium {
  margin-bottom: 50px;
}
main.fg-detail .marginbottom-big {
  margin-bottom: 70px;
}
@media only screen and (min-width: 768px) {
  main.fg-detail {
    font-size: 16px;
    line-height: 19px;
  }
  main.fg-detail .margintop-small {
    margin-top: 40px;
  }
  main.fg-detail .margintop-medium {
    margin-top: 60px;
  }
  main.fg-detail .marginbottom-small {
    margin-bottom: 40px;
  }
  main.fg-detail .marginbottom-medium {
    margin-bottom: 60px;
  }
  main.fg-detail .marginbottom-big {
    margin-bottom: 80px;
  }
}
main.fg-detail .fg-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  width: auto;
  margin-left: -20px;
  margin-right: -20px;
}
main.fg-detail .fg-col-6,
main.fg-detail .fg-col-10 {
  width: 100%;
  max-width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}
main.fg-detail .fg-center {
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  main.fg-detail .fg-col-6 {
    width: 50%;
  }
  main.fg-detail .fg-col-10 {
    width: 83.333333%;
  }
  main.fg-detail .fg-offset-1 {
    margin-left: 8.333333%;
  }
}
main.fg-detail h1 {
  margin: 0;
  padding: 0;
  color: #444648;
  font-family: "roboto_condensedlight", sans-serif;
  font-weight: normal;
  font-size: 32px;
  line-height: 37px;
  letter-spacing: normal;
  text-align: center;
  hyphens: manual;
}
@media only screen and (min-width: 768px) {
  main.fg-detail h1 {
    font-size: 50px;
    line-height: 70px;
  }
}
main.fg-detail p {
  margin: 0 0 1rem;
  color: #444648;
  font-family: "roboto_condensedregular", sans-serif;
  font-weight: normal;
  letter-spacing: normal;
}
main.fg-detail .text-center {
  text-align: center;
}
main.fg-detail .line {
  width: 100%;
  display: block;
  padding-top: 30px;
  padding-bottom: 30px;
}
main.fg-detail .line-inner {
  display: block;
  height: 1px;
  width: 100%;
  background: #920c2f;
}
main.fg-detail .heading-block-inner {
  background: #444648;
  font-family: "roboto_condensedbold", sans-serif;
  font-weight: normal;
  font-size: 22px;
  color: #fff;
  padding: 18px 30px;
  margin: 0 0 30px;
  line-height: 25px;
  letter-spacing: normal;
}
main.fg-detail .wt-textbox ul {
  list-style: none;
  margin: 0;
  padding: 0 0 0 20px;
}
main.fg-detail .wt-textbox li {
  position: relative;
  margin: 0;
  padding: 0 0 15px;
  color: #444648;
  font-family: "roboto_condensedregular", sans-serif;
  font-weight: normal;
  letter-spacing: normal;
}
main.fg-detail .wt-textbox li::marker {
  content: none;
}
main.fg-detail .wt-textbox li:before {
  content: "";
  position: absolute;
  left: -16px;
  top: 6px;
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 6px solid #920c2f;
}
@media only screen and (min-width: 768px) {
  main.fg-detail .wt-textbox li:last-child {
    padding-bottom: 0;
  }
}
main.fg-detail .fg-media {
  display: block;
  width: 100%;
  height: auto;
}
main.fg-detail a.standard-button,
main.fg-detail a.standard-button:visited {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 470px;
  padding: 17px 60px 17px 17px;
  font-size: 22px;
  line-height: 24px;
  border-radius: 0;
  white-space: normal;
  background: #444648;
  font-family: "roboto_condensedbold", sans-serif;
  font-weight: normal;
  color: #fff;
  margin: 0 0 20px;
  letter-spacing: normal;
  text-decoration: none;
  hyphens: auto;
}
main.fg-detail a.standard-button:hover,
main.fg-detail a.standard-button:focus {
  color: #ababab;
  text-decoration: none;
}
main.fg-detail .fg-arrow {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 35px;
  height: 35px;
  border: 1px solid #fff;
  border-radius: 50%;
  transform: translateY(-50%);
}
main.fg-detail .fg-arrow:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 46%;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: translate(-50%, -50%) rotate(45deg);
}
main.fg-detail a.standard-button:hover .fg-arrow,
main.fg-detail a.standard-button:focus .fg-arrow {
  border-color: #ababab;
}
main.fg-detail a.standard-button:hover .fg-arrow:before,
main.fg-detail a.standard-button:focus .fg-arrow:before {
  border-color: #ababab;
}
main.fg-detail .fg-grid {
  align-items: stretch;
}
main.fg-detail .fg-grid > .fg-col-6 {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
}
main.fg-detail .fg-contact {
  flex: 1;
  border: 2px solid #920c2f;
  padding: 22px 24px 4px;
}
main.fg-detail .fg-contact h2 {
  margin: 0 0 12px;
  padding: 0;
  color: #920c2f;
  font-family: "roboto_condensedbold", sans-serif;
  font-weight: normal;
  font-size: 22px;
  line-height: 25px;
  letter-spacing: normal;
  text-align: left;
}
main.fg-detail .fg-contact p {
  margin: 0 0 18px;
}
main.fg-detail .fg-contact a.standard-button {
  max-width: none;
}

[hidden].section {
  display: none !important;
}

.quote__author--spaced {
  margin-bottom: 6.4rem;
}

.nav--footer-nav .nav__wrap--parent {
  grid-template-columns: 1fr;
  gap: 3.2rem 0;
}
.nav--footer-nav .nav__item--parent {
  max-width: none;
  width: max-content;
}
.nav--footer-nav .nav__link,
.nav--footer-nav .nav__text {
  white-space: nowrap;
  word-break: keep-all;
  hyphens: none;
  letter-spacing: 0;
}
.nav--footer-nav .nav__link--parent {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.3;
}
.nav--footer-nav .nav__link--child {
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.35;
}
.footer__nav {
  order: -1;
}
@media (min-width: 48em) {
  .footer__grid--top {
    grid-template-columns: 1fr;
  }
  .footer__actions {
    flex-direction: row;
    align-items: flex-start;
    gap: 0 8rem;
  }
}
@media (min-width: 75em) {
  .nav--footer-nav .nav__wrap--parent {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 2.4rem 2.4rem;
  }
  .nav--footer-nav .nav__item--parent {
    flex: 0 0 auto;
  }
  .nav--footer-nav .nav__wrap--child {
    gap: 1rem;
  }
}

.header__logo {
  height: 3.7rem;
  width: auto;
  max-width: none;
  object-view-box: inset(27% 13% 29% 13%);
}
.header__logo--clear {
  display: none;
}
.overlay-header
  .header:not(.header--detached):not(.header--menu-open)
  .header__logo--solid {
  display: none;
}
.overlay-header
  .header:not(.header--detached):not(.header--menu-open)
  .header__logo--clear {
  display: block;
}
@media (min-width: 75em) {
  .header__logo {
    height: 4.2rem;
  }
}

#c1193 .teaser-animation__logo img {
  width: 100%;
  height: auto;
  object-fit: contain;
  object-view-box: inset(27% 13% 29% 13%);
}

.nav--main-nav .nav__toggle {
  background: none;
  border: 0;
  color: inherit;
  cursor: pointer;
  padding: 0;
}
.nav--main-nav .nav__toggle:before {
  content: "";
  border-right: 0.2rem solid currentColor;
  border-bottom: 0.2rem solid currentColor;
  display: block;
  height: 0.8rem;
  transform: rotate(-45deg);
  width: 0.8rem;
}
@media (max-width: 74.99em) {
  .nav--main-nav .nav__item--has-children {
    flex-wrap: wrap;
  }
  .nav--main-nav .nav__item--has-children > .nav__link--parent {
    width: calc(100% - 4.8rem);
  }
  .nav--main-nav .nav__toggle {
    width: 4.8rem;
  }
}
@media (min-width: 75em) {
  .nav--main-nav .nav__item--parent {
    position: relative;
  }
  .nav--main-nav .nav__wrap--child {
    background-color: #fff;
    box-shadow: 0 1.2rem 2.4rem rgba(0, 0, 0, 0.08);
    width: 42rem;
    z-index: 6;
  }
  .nav--main-nav .nav__wrap--child .nav__link {
    color: #1a1a1a;
  }
  .nav--main-nav .nav__item--parent:last-child > .nav__wrap--child {
    left: auto;
    right: 0;
  }
  .header--menu-open .nav--main-nav .nav__wrap--parent:after {
    display: none;
  }
}

.hero-lead {
  max-width: 78rem;
}
.hero-lead > .teaser:first-child {
  font-size: 2.2rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  line-height: 1.35;
}
.hero-lead > .h1,
.hero-lead > .h2 {
  font-size: 4rem;
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 1.12;
  margin-top: 1.6rem;
}
.hero-lead > .h1 ~ .teaser,
.hero-lead > .h2 + p {
  font-size: 2.1rem;
  font-weight: 400;
  letter-spacing: 0.01em;
  line-height: 1.55;
  margin-top: 2.2rem;
  max-width: 80%;
}
.cmp-intro__section .intro__heading + .teaser,
.cmp-intro-with-background__section .intro__heading + .teaser,
.cmp-intro__section .intro__heading + .red-divider + .teaser,
.cmp-intro-with-background__section .intro__heading + .red-divider + .teaser,
.cmp-intro__section .hero-lead > .h1 ~ .teaser,
.cmp-intro-with-background__section .hero-lead > .h1 ~ .teaser,
main > .section:first-child:not(.cmp-hero__section) .hero-lead > .h1 ~ .teaser {
  width: 80vw;
  max-width: 80vw;
}
main.fg-products .fg-intro p,
main.fg-detail .big-pic-head + .main-content-1400 .wt-textbox p {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.section--dark .hero-lead > .h1 ~ .teaser {
  color: rgba(255, 255, 255, 0.88);
}
@media (min-width: 75em) {
  .hero-lead > .teaser:first-child {
    font-size: 2.8rem;
  }
  .hero-lead > .h1,
  .hero-lead > .h2 {
    font-size: 5.8rem;
    margin-top: 2rem;
  }
  .hero-lead > .h1 ~ .teaser,
  .hero-lead > .h2 + p {
    font-size: 2.6rem;
    margin-top: 2.6rem;
  }
}

#corporate-profile,
#group-strength,
#global-network,
#green-manufacturing,
#mill-partners,
#production,
#warehousing,
#precision-processing,
#quality,
#export-logistics,
#agriculture-construction,
#automotive-transportation,
#oil-gas-marine,
#medical-technology,
#global-offices,
#online-inquiry,
#direct-support {
  scroll-margin-top: 14rem;
}

#c22055 .row--row-gap {
  align-items: stretch;
}
#c22055 .row--row-gap > [class*="col"] {
  display: flex;
}
#c22055 .tile {
  --tile-min-height: 48rem;
  box-sizing: border-box;
  cursor: default;
  flex: 1 1 auto;
  height: auto;
  min-height: 48rem;
  width: 100%;
}
#c22055 .tile:focus,
#c22055 .tile:hover {
  --img-transform: none;
}
#c22055 .tile__title {
  font-size: 2.4rem;
  line-height: 1.25;
}
#c22055 .tile__body p {
  margin: 1.2rem 0 0;
}

#c22296 .heading {
  text-align: center;
  margin-top: 0;
}
#c22296 .heading:after {
  margin-inline: auto;
}

#c187809 .intro__heading:after {
  content: none;
}
#c187809 .red-divider {
  display: block;
  width: 60px;
  height: 2px;
  margin: 1.8rem 0 2.4rem;
  background: #c0392b;
}

#c187811 .list-with-icon__emoji {
  display: block;
  margin-bottom: 1.6rem;
  font-size: 4.8rem;
  line-height: 1;
}

#industries-apps .applications__tracks {
  align-items: stretch;
}
#industries-apps .applications__rail,
#industries-apps .applications__rail:last-child {
  align-items: stretch;
  transform: none;
}
#industries-apps .applications__rail > div {
  display: flex;
  flex: 1 1 auto;
}
#industries-apps .tile {
  --tile-min-height: 28rem;
  box-sizing: border-box;
  flex: 1 1 auto;
  height: 28rem;
  min-height: 28rem;
  width: 100%;
}
#industries-apps .tile__cover img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.cmp-company-offices__section {
  background: var(--color-grey-100);
}
.cmp-company-offices__section .company-offices__list {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: 1fr;
}
@media (min-width: 48em) {
  .cmp-company-offices__section .company-offices__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }
}
.cmp-company-offices__section .company-offices__card {
  --spacing-h4: 0;
  background: var(--color-white);
  border: 1px solid var(--color-grey-200);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 100%;
  max-width: none;
  padding: 2rem 1.75rem 2.25rem;
  position: relative;
  transition: border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}
.cmp-company-offices__section .company-offices__card::before {
  background-image: var(--color-primary-linear);
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.cmp-company-offices__section .company-offices__card:hover {
  border-color: var(--color-primary-2);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.06);
  transform: translateY(-4px);
}
.cmp-company-offices__section .company-offices__card--hq {
  border-color: rgba(158, 21, 21, 0.28);
}
.cmp-company-offices__section .company-offices__role {
  color: var(--color-primary-1);
  font-size: 1.2rem;
  letter-spacing: 0.08em;
  line-height: 1.4;
  margin: 0 0 1rem;
  text-transform: uppercase;
}
.cmp-company-offices__section .company-offices__role strong {
  font-weight: 700;
}
.cmp-company-offices__section .company-offices__name,
.cmp-company-offices__section .address__title {
  color: var(--color-black);
  font-size: 1.8rem;
  line-height: 1.35;
  margin: 0 0 1.25rem;
}
.cmp-company-offices__section .company-offices__address,
.cmp-company-offices__section .address__line {
  color: var(--color-grey-600);
  display: block;
  font-size: 1.4rem;
  line-height: 1.55;
  margin-top: auto;
}