/* exo-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Exo";
  font-style: normal;
  font-weight: 400;
  src: url("/main/bundles/exo-v21-latin_latin-ext-regular.B6YLpGpM.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* exo-600 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Exo";
  font-style: normal;
  font-weight: 600;
  src: url("/main/bundles/exo-v21-latin_latin-ext-600.Dg7RX4a4.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url("/main/bundles/open-sans-v34-latin-regular.sjvN8RAh.woff2") format("woff2"), url("/main/bundles/open-sans-v34-latin-regular.kLvSbl7y.woff") format("woff"); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  src: url("/main/bundles/open-sans-v34-latin-italic.CDLzGMAV.woff2") format("woff2"), url("/main/bundles/open-sans-v34-latin-italic.CUIb-sXh.woff") format("woff"); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: url("/main/bundles/open-sans-v34-latin-600.BYc6TgXR.woff2") format("woff2"), url("/main/bundles/open-sans-v34-latin-600.CJ2UE_uF.woff") format("woff"); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 600;
  src: url("/main/bundles/open-sans-v34-latin-600italic.Df5QLQAW.woff2") format("woff2"), url("/main/bundles/open-sans-v34-latin-600italic.BldFWUzV.woff") format("woff"); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: url("/main/bundles/open-sans-v34-latin-700.DXyImmHa.woff2") format("woff2"), url("/main/bundles/open-sans-v34-latin-700.DMXgkrz3.woff") format("woff"); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 700;
  src: url("/main/bundles/open-sans-v34-latin-700italic.LeDaQ7P2.woff2") format("woff2"), url("/main/bundles/open-sans-v34-latin-700italic.CtKX8HJi.woff") format("woff"); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/*------------------------------------*\
    $FUNCTIONS
\*------------------------------------*/
.breakpoint-container {
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 360px) {
  .breakpoint-container {
    min-width: 360px;
    max-width: 360px;
  }
}
@media (min-width: 480px) {
  .breakpoint-container {
    min-width: 480px;
    max-width: 480px;
  }
}
@media (min-width: 580px) {
  .breakpoint-container {
    min-width: 580px;
    max-width: 580px;
  }
}
@media (min-width: 640px) {
  .breakpoint-container {
    min-width: 640px;
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .breakpoint-container {
    min-width: 768px;
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .breakpoint-container {
    min-width: 1024px;
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  .breakpoint-container {
    min-width: 1280px;
    max-width: 1280px;
  }
}

a {
  color: #1E6437;
}
a:hover {
  color: #69A52F;
}

.link-grey {
  text-decoration: none;
  color: #636363;
}
.link-grey:hover {
  color: #1A1A1A;
}

.link-default {
  font-size: 0.875rem;
  color: #616161;
  line-height: 1.2857142857em;
  font-weight: 400;
}
.link-default {
  font-size: 10px;
}
@media screen and (min-width: 360px) and (max-width: 640px) {
  .link-default {
    font-size: calc(10px + 4 * (100vw - 360px) / 280);
  }
}
@media screen and (min-width: 640px) {
  .link-default {
    font-size: 14px;
  }
}

.function-link {
  text-decoration: underline;
  cursor: pointer;
}
.function-link:hover {
  color: #69A52F;
}

nav ul, nav ol {
  list-style-type: none;
}

svg {
  width: 100%;
  height: 100%;
}

.swagger-ui svg {
  width: auto;
  height: auto;
}

table th {
  font-weight: inherit;
}

.tooltip {
  position: absolute;
  z-index: 99;
  max-width: calc(100% - 1.25rem);
  display: none;
  pointer-events: none;
  font-size: 0.875rem;
  color: #1D436F;
  line-height: 1.2857142857em;
  font-weight: 400;
}
.tooltip {
  font-size: 10px;
}
@media screen and (min-width: 360px) and (max-width: 640px) {
  .tooltip {
    font-size: calc(10px + 4 * (100vw - 360px) / 280);
  }
}
@media screen and (min-width: 640px) {
  .tooltip {
    font-size: 14px;
  }
}
.tooltip {
  background: #757575;
  border-radius: 5px;
  border: 1px solid #9E9E9E;
  padding: 5px;
  text-align: center;
  color: #FFF;
}

.box-centered-content {
  display: flex;
  justify-content: center;
}

.centered-text {
  text-align: center;
}

.mb-xl2 {
  margin-bottom: 1.5rem;
}

.content-box {
  background: #FFF;
  border-radius: 3px;
  border: 1px solid #979797;
  display: flex;
  flex-direction: column;
  padding: 1rem;
}
@media (min-width: 640px) {
  .content-box {
    padding: 1rem 1rem 1.5rem 1rem;
  }
}
.content-box {
  font-size: 0.9375rem;
  color: #000;
  line-height: 1.3333333333em;
  font-weight: 400;
}
.content-box {
  font-size: 12px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .content-box {
    font-size: calc(12px + 3 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .content-box {
    font-size: 15px;
  }
}

.checkbox-more-info label {
  flex-wrap: wrap;
  align-items: start;
}
.checkbox-more-info label span.label-text {
  white-space: unset !important;
  overflow: unset !important;
  word-break: break-word !important;
  text-overflow: unset !important;
  flex: 50%;
}
.checkbox-more-info div.checkbox-more-info-link {
  margin: 5px auto 0 auto;
  cursor: pointer;
}
.checkbox-more-info div.checkbox-more-info-link div.arrow {
  display: flex;
  justify-content: center;
  padding: 5px;
  border-radius: 3px;
}
.checkbox-more-info div.checkbox-more-info-link div.arrow:after {
  display: flex;
  content: "";
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg width='100%25' height='100%25' viewBox='0 0 18 10' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(-0.0247114,-3.02628e-18,2.90782e-18,-0.0237442,23.7506,13.5573)'%3E%3Cpath  d='M254.6,477.479C259.711,473.272 561.717,170.223 561.717,170.223C561.717,170.223 576.205,153.951 597.839,153.983C621.181,154.019 636.425,170.096 636.425,170.096C636.425,170.096 939.167,475.94 940.854,477.463C967.2,501.255 956.012,536.939 942.827,551.356C928.606,566.906 896.33,575.498 868.319,549.101C865.351,546.304 604.846,285.516 604.846,285.516C604.846,285.516 601.137,280.823 597.481,280.661C594.25,280.517 589.683,285.449 589.683,285.449C589.683,285.449 332.794,543.858 326.478,549.801C312.614,562.847 276.463,576.895 252.279,552.019C218.24,517.006 250.72,480.673 254.6,477.479Z' style='fill:rgb(29,67,111);'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  transition: 0.2s;
}
.checkbox-more-info div.checkbox-more-info-link.active div.arrow:after {
  transform: rotate(180deg);
}
.checkbox-more-info div.checkbox-more-info-link:hover div.arrow {
  background: #F5F5F5;
}
.checkbox-more-info div.info {
  flex: 0 0 100%;
  border-radius: 5px;
  margin: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  transition-property: max-height, margin, border;
  border: 0px;
}
.checkbox-more-info div.info .info-inner {
  transition: unset;
  padding: 10px;
  margin: 0;
  background: #FFF;
  font-size: 0.9375rem;
  color: #616161;
  line-height: 1.3333333333em;
  font-weight: 400;
}
.checkbox-more-info div.info .info-inner {
  font-size: 12px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .checkbox-more-info div.info .info-inner {
    font-size: calc(12px + 2 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .checkbox-more-info div.info .info-inner {
    font-size: 14px;
  }
}
.checkbox-more-info div.info.open {
  margin: 1rem 0 0.375rem 0;
  padding: 0;
  border: 1px solid #69A52F;
}

.custom-form input, .custom-form .custom-form-field-wrapper, .custom-form .custom-form-select-wrapper {
  max-width: 32.5rem;
}
.custom-form .form-control[data-disabled] > .help-text {
  display: none;
}
.custom-form .form-control[data-disabled] .custom-form-select-wrapper {
  background: #9E9E9E;
  cursor: default;
}
.custom-form .custom-form-non-field-errors {
  color: #FF5722;
}
.custom-form .custom-form-non-field-errors ul {
  margin: 10px 0;
  padding: 0;
  list-style: none;
}
.custom-form-row {
  display: grid;
  grid-gap: 0;
  grid-template-columns: 1fr;
}
@media (min-width: 768px) {
  .custom-form-row {
    grid-gap: 3rem;
    grid-template-columns: 1fr 1fr;
  }
}
.custom-form-checkbox-multiple {
  display: grid;
  width: 100%;
  justify-content: space-evenly;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-row-gap: 0.5rem;
}
.custom-form-select-wrapper {
  font-size: 0.9375rem;
  color: #616161;
  line-height: 1.3333333333em;
  font-weight: 400;
}
.custom-form-select-wrapper {
  font-size: 12px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .custom-form-select-wrapper {
    font-size: calc(12px + 3 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .custom-form-select-wrapper {
    font-size: 15px;
  }
}
.custom-form-select-wrapper {
  background: #FFF;
  border: 1px solid #757575;
  padding: 7px;
  padding-left: 8px;
  border-radius: 5px;
  color: #000;
  display: flex;
  align-items: center;
  position: relative;
  min-width: 15ch;
  cursor: pointer;
}
.custom-form-select-wrapper:after {
  content: "";
  color: #616161;
  justify-self: end;
  border-style: solid;
  border-width: 0.15em 0.15em 0 0;
  display: inline-block;
  height: 0.45em;
  width: 0.45em;
  right: 0.4em;
  position: relative;
  vertical-align: top;
  transform: rotate(135deg);
}
.custom-form-select-wrapper select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  cursor: inherit;
  line-height: inherit;
  padding-right: 15px;
  text-overflow: ellipsis;
  z-index: 1;
}
.custom-form-select-wrapper select::-ms-expand {
  display: none;
}
.custom-form-select-wrapper select {
  outline: none;
}
.custom-form-select-wrapper select:disabled {
  cursor: default;
}
.custom-form fieldset {
  width: 100%;
  margin: 0 0 0.5rem 0;
}
@media (min-width: 640px) {
  .custom-form fieldset {
    margin: 0 0 1.5rem 0;
  }
}
.custom-form fieldset {
  padding: 0;
  border: 0;
}
.custom-form fieldset legend {
  margin: 0;
  padding: 0;
  font-family: Exo, Open Sans, sans-serif;
  font-size: 1.375rem;
  color: #000;
  line-height: 1.2;
  font-weight: 600;
}
.custom-form fieldset legend {
  font-size: 14px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .custom-form fieldset legend {
    font-size: calc(14px + 8 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .custom-form fieldset legend {
    font-size: 22px;
  }
}
.custom-form fieldset.sub-fieldset {
  margin-top: 2rem;
}
.custom-form fieldset.sub-fieldset legend {
  text-align: left;
  font-size: 1rem;
  color: #000;
  line-height: 1.2;
  font-weight: 600;
}
.custom-form fieldset.sub-fieldset legend {
  font-size: 12px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .custom-form fieldset.sub-fieldset legend {
    font-size: calc(12px + 4 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .custom-form fieldset.sub-fieldset legend {
    font-size: 16px;
  }
}
.custom-form .form-control {
  display: flex;
  flex-direction: column;
  padding: 0.5rem 0;
}
.custom-form .form-control ul.custom-form-field-errors {
  max-width: 32.5rem;
  padding: 0.125rem 0 0 0.125rem;
  margin: 0;
}
.custom-form .form-control ul.custom-form-field-errors li {
  list-style: none;
}
.custom-form .form-control ul.custom-form-field-errors {
  font-size: 0.75rem;
  color: #616161;
  line-height: 1.25em;
  font-weight: 400;
}
.custom-form .form-control ul.custom-form-field-errors {
  font-size: 10px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .custom-form .form-control ul.custom-form-field-errors {
    font-size: calc(10px + 2 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .custom-form .form-control ul.custom-form-field-errors {
    font-size: 12px;
  }
}
.custom-form .form-control ul.custom-form-field-errors {
  color: #FF5722;
}
.custom-form .form-control div.help-text {
  font-size: 0.75rem;
  color: #616161;
  line-height: 1.25em;
  font-weight: 400;
}
.custom-form .form-control div.help-text {
  font-size: 10px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .custom-form .form-control div.help-text {
    font-size: calc(10px + 2 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .custom-form .form-control div.help-text {
    font-size: 12px;
  }
}
.custom-form .form-control div.help-text {
  padding-top: 0.125rem;
  padding-left: 0.125rem;
}
.custom-form .form-control div.help-text + ul.custom-form-field-errors {
  margin-top: 0.375rem;
}
.custom-form .form-control div.help-text ul {
  margin: 0;
  padding-left: 20px;
}
.custom-form .form-control label {
  padding-left: 5px;
}
.custom-form .form-control label .label-text {
  font-size: 0.75rem;
  color: #616161;
  line-height: 1.25em;
  font-weight: 400;
}
.custom-form .form-control label .label-text {
  font-size: 10px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .custom-form .form-control label .label-text {
    font-size: calc(10px + 2 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .custom-form .form-control label .label-text {
    font-size: 12px;
  }
}
.custom-form .form-control label .label-text {
  color: #000;
}
.custom-form .form-control .custom-form-field-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
}
.custom-form .form-control .custom-form-field-wrapper input {
  width: 100%;
}
.custom-form .form-control .custom-form-field-wrapper .toggle-password-visibility-icon {
  max-width: calc(1rem + 1.5rem);
  max-height: calc(1rem + 1.5rem);
  padding: 0.5rem;
  color: #616161;
  cursor: pointer;
  position: absolute;
  right: 0px;
}
.custom-form .form-control .custom-form-field-wrapper .toggle-password-visibility-icon {
  top: -4px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .custom-form .form-control .custom-form-field-wrapper .toggle-password-visibility-icon {
    top: calc(-4px + 2 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .custom-form .form-control .custom-form-field-wrapper .toggle-password-visibility-icon {
    top: -2px;
  }
}
.custom-form .form-control .custom-form-field-wrapper .toggle-password-visibility-icon .visible {
  display: none;
}
.custom-form .form-control .custom-form-field-wrapper .toggle-password-visibility-icon .hidden {
  display: none;
}
.custom-form .form-control .custom-form-field-wrapper .toggle-password-visibility-icon:hover {
  color: #000;
}
.custom-form .form-control.error .custom-form-field-wrapper .toggle-password-visibility-icon {
  right: 32px;
}
.custom-form .form-control.error .custom-form-field-wrapper input {
  background-repeat: no-repeat;
  background-position: right 10px center;
  color: #FF5722;
  background-image: url("data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eicon/info%3C/title%3E%3Cg id='icon/info' fill='%23FF5722' %3E%3Cpath d='M9.9,16.5 L12.1,16.5 L12.1,9.9 L9.9,9.9 L9.9,16.5 Z M11,7.7 C11.3116667,7.7 11.5729167,7.59458333 11.78375,7.38375 C11.9945833,7.17291667 12.1,6.91166667 12.1,6.6 C12.1,6.28833333 11.9945833,6.02708333 11.78375,5.81625 C11.5729167,5.60541667 11.3116667,5.5 11,5.5 C10.6883333,5.5 10.4270833,5.60541667 10.21625,5.81625 C10.0054167,6.02708333 9.9,6.28833333 9.9,6.6 C9.9,6.91166667 10.0054167,7.17291667 10.21625,7.38375 C10.4270833,7.59458333 10.6883333,7.7 11,7.7 Z M11,22 C9.47833333,22 8.04833333,21.71125 6.71,21.13375 C5.37166667,20.55625 4.2075,19.7725 3.2175,18.7825 C2.2275,17.7925 1.44375,16.6283333 0.86625,15.29 C0.28875,13.9516667 0,12.5216667 0,11 C0,9.47833333 0.28875,8.04833333 0.86625,6.71 C1.44375,5.37166667 2.2275,4.2075 3.2175,3.2175 C4.2075,2.2275 5.37166667,1.44375 6.71,0.86625 C8.04833333,0.28875 9.47833333,0 11,0 C12.5216667,0 13.9516667,0.28875 15.29,0.86625 C16.6283333,1.44375 17.7925,2.2275 18.7825,3.2175 C19.7725,4.2075 20.55625,5.37166667 21.13375,6.71 C21.71125,8.04833333 22,9.47833333 22,11 C22,12.5216667 21.71125,13.9516667 21.13375,15.29 C20.55625,16.6283333 19.7725,17.7925 18.7825,18.7825 C17.7925,19.7725 16.6283333,20.55625 15.29,21.13375 C13.9516667,21.71125 12.5216667,22 11,22 Z M11,19.8 C13.4566667,19.8 15.5375,18.9475 17.2425,17.2425 C18.9475,15.5375 19.8,13.4566667 19.8,11 C19.8,8.54333333 18.9475,6.4625 17.2425,4.7575 C15.5375,3.0525 13.4566667,2.2 11,2.2 C8.54333333,2.2 6.4625,3.0525 4.7575,4.7575 C3.0525,6.4625 2.2,8.54333333 2.2,11 C2.2,13.4566667 3.0525,15.5375 4.7575,17.2425 C6.4625,18.9475 8.54333333,19.8 11,19.8 Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.custom-form .form-control.error input {
  border-color: #FF5722 !important;
}
.custom-form .form-control.error input:focus {
  outline: 1px solid #FF5722 !important;
}
.custom-form .form-control input[type=checkbox]:disabled {
  color: #616161;
  background: rgba(0, 0, 0, 0.12);
}
.custom-form .form-control input[type=text], .custom-form .form-control input[type=password], .custom-form .form-control input[type=email] {
  width: 100%;
  background: #FFF;
  border: 1px solid #757575;
  border-radius: 5px;
  font-size: 0.9375rem;
  color: #616161;
  line-height: 1.3333333333em;
  font-weight: 400;
}
.custom-form .form-control input[type=text], .custom-form .form-control input[type=password], .custom-form .form-control input[type=email] {
  font-size: 12px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .custom-form .form-control input[type=text], .custom-form .form-control input[type=password], .custom-form .form-control input[type=email] {
    font-size: calc(12px + 3 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .custom-form .form-control input[type=text], .custom-form .form-control input[type=password], .custom-form .form-control input[type=email] {
    font-size: 15px;
  }
}
.custom-form .form-control input[type=text], .custom-form .form-control input[type=password], .custom-form .form-control input[type=email] {
  color: #000;
  padding: 7px;
}
.custom-form .form-control input[type=text]:disabled, .custom-form .form-control input[type=password]:disabled, .custom-form .form-control input[type=email]:disabled {
  color: #616161;
  background: rgba(0, 0, 0, 0.12);
}
.custom-form .form-control input[type=text]:focus, .custom-form .form-control input[type=password]:focus, .custom-form .form-control input[type=email]:focus {
  outline: 1px solid #757575;
}
.custom-form .custom-form-checkbox {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row-reverse;
  -moz-column-gap: 0.5em;
       column-gap: 0.5em;
  color: #616161;
  padding: 0;
  cursor: pointer;
}
.custom-form .custom-form-checkbox .label-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.875rem !important;
  color: #616161 !important;
}
.custom-form .custom-form-checkbox + .help-text {
  padding-left: 0.625rem;
}
.custom-form .custom-form-checkbox input {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background-color: transparent;
  margin: 0;
  font: inherit;
  color: currentcolor;
  width: 1.125em;
  min-width: 1.125em;
  height: 1.125em;
  min-height: 1.125em;
  border: 1px solid currentcolor;
  border-radius: 3px;
  cursor: pointer;
}
.custom-form .custom-form-checkbox input::before {
  content: "";
  display: block;
  border-radius: inherit;
  background: #FFF;
  width: 100%;
  height: 100%;
  font-size: 1.2em;
  line-height: 1.2em;
}
.custom-form .custom-form-checkbox input:checked::before {
  background-color: #69A52F;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjMTMxMzEzIiBkPSJNMTczLjg5OCA0MzkuNDA0bC0xNjYuNC0xNjYuNGMtOS45OTctOS45OTctOS45OTctMjYuMjA2IDAtMzYuMjA0bDM2LjIwMy0zNi4yMDRjOS45OTctOS45OTggMjYuMjA3LTkuOTk4IDM2LjIwNCAwTDE5MiAzMTIuNjkgNDMyLjA5NSA3Mi41OTZjOS45OTctOS45OTcgMjYuMjA3LTkuOTk3IDM2LjIwNCAwbDM2LjIwMyAzNi4yMDRjOS45OTcgOS45OTcgOS45OTcgMjYuMjA2IDAgMzYuMjA0bC0yOTQuNCAyOTQuNDAxYy05Ljk5OCA5Ljk5Ny0yNi4yMDcgOS45OTctMzYuMjA0LS4wMDF6Ii8+PC9zdmc+");
  background-position: top 60% center;
  background-repeat: no-repeat;
  background-size: 75%;
}
.custom-form .custom-form-checkbox input:hover {
  opacity: 0.8;
}
.custom-form .custom-form-checkbox-multiple {
  grid-template-columns: repeat(auto-fill, minmax(calc(360px / 2 - 1em), 1fr));
  -moz-column-gap: 1em;
       column-gap: 1em;
}
.custom-form .password-validation-widget .password-validation-widget-rules {
  margin-left: 1rem;
}
.custom-form .formal-fields {
  grid-gap: unset;
}
@media (min-width: 360px) {
  .custom-form .formal-fields {
    grid-gap: 1.5rem;
    grid-template-columns: 1fr 1fr;
  }
}

.base-simple-content {
  margin: 0 auto;
  max-width: 500px;
}
.base-simple-content-button-box {
  width: 100%;
  margin-top: 3rem;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  row-gap: 0.75rem;
}

header.navbar {
  pointer-events: all;
  z-index: 3;
  background-color: #FFF;
  display: flex;
  flex-direction: column;
}
header.navbar .navbar-top {
  padding: 0.5rem 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
}
header.navbar .navbar-top .navbar-start {
  display: flex;
  align-items: center;
}
header.navbar .navbar-top .navbar-start .icon {
  max-width: 3.375rem;
  max-height: 3.375rem;
}
header.navbar .navbar-top .navbar-center h1 {
  font-family: Exo, Open Sans, sans-serif;
  font-size: 1.875rem;
  color: #000;
  line-height: 1.2;
  font-weight: 600;
}
header.navbar .navbar-top .navbar-center h1 {
  font-size: 20px;
}
@media screen and (min-width: 480px) and (max-width: 640px) {
  header.navbar .navbar-top .navbar-center h1 {
    font-size: calc(20px + 10 * (100vw - 480px) / 160);
  }
}
@media screen and (min-width: 640px) {
  header.navbar .navbar-top .navbar-center h1 {
    font-size: 30px;
  }
}
header.navbar .navbar-top .navbar-center h1 {
  margin: 0 0.5rem;
}
header.navbar .navbar-top .navbar-center img {
  position: sticky;
  top: 8px;
}
header.navbar .navbar-top .navbar-end .mobile-main-navi-btns {
  display: none;
  width: 100%;
  height: 100%;
}
header.navbar .navbar-top .navbar-end .mobile-main-navi-btns .icon {
  max-width: 3rem;
  max-height: 3rem;
}
header.navbar .navbar-top .navbar-end .burger, header.navbar .navbar-top .navbar-end.mobile-expand .close {
  display: initial;
}
header.navbar .navbar-top .navbar-end .close, header.navbar .navbar-top .navbar-end.mobile-expand .burger {
  display: none;
}
header.navbar .navbar-divider {
  border-top: 2px solid #9E9E9E;
  margin: 0 0.75rem;
  padding: 0;
}
@media only screen and (max-width: 53rem) and (max-width: 359px) {
  header.navbar .navbar-top .navbar-center img {
    scale: 0.8;
  }
}
@media only screen and (max-width: 53rem) {
  header.navbar .navbar-top .navbar-end .dropdown-navi:not(:only-child) {
    display: none;
  }
  header.navbar .navbar-top .navbar-end .mobile-main-navi-btns {
    display: flex;
    align-items: center;
  }
  header.navbar .navbar-divider {
    margin: 0;
  }
}

body.main-navi-focus {
  overflow: hidden;
  pointer-events: none;
}
body.main-navi-focus header.navbar {
  position: fixed;
  min-width: 100vw;
  z-index: 999;
}
body.main-navi-focus:before {
  content: "";
  position: fixed;
  z-index: 998;
  min-width: 100vw;
  min-height: 100vh;
  background-color: #000;
  opacity: 0.5;
}

.main-footer {
  font-size: 0.875rem;
  color: #616161;
  line-height: 1.2857142857em;
  font-weight: 400;
}
.main-footer {
  font-size: 10px;
}
@media screen and (min-width: 360px) and (max-width: 640px) {
  .main-footer {
    font-size: calc(10px + 4 * (100vw - 360px) / 280);
  }
}
@media screen and (min-width: 640px) {
  .main-footer {
    font-size: 14px;
  }
}
.main-footer {
  background-color: #FFF;
  border-top: 1px solid #9E9E9E;
  padding: 0.375rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.main-footer .footer-links {
  max-width: 50%;
  padding: 0 1rem;
  display: flex;
  flex-direction: column;
  row-gap: 0.25rem;
  margin: 0;
  text-align: right;
}
@media (min-width: 480px) {
  .main-footer .footer-links {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
}
@media (min-width: 640px) {
  .main-footer .footer-links {
    padding: 0 1rem 0 0.5rem;
    -moz-column-gap: 3rem;
         column-gap: 3rem;
    row-gap: 0.75rem;
  }
}
@media (min-width: 768px) {
  .main-footer .footer-links {
    max-width: unset;
  }
}

.icon {
  display: flex;
  align-items: center;
  color: #1D1D1D;
}
.icon-hover:hover {
  color: #636363;
}
.icon {
  width: 100%;
  height: 100%;
  min-width: 1rem;
  min-height: 1rem;
  max-width: 1rem;
  max-height: 1rem;
}
.icon.no-scale {
  max-width: 1.5rem;
  max-height: 1.5rem;
}
@media (min-width: 640px) {
  .icon {
    max-width: 1.5rem;
    max-height: 1.5rem;
  }
}

.main-logo {
  max-width: 430px;
  height: 122px;
  margin: 5.625rem auto;
  margin-bottom: 4.375rem;
}
@media (max-width: 639px) {
  .main-logo {
    margin: 3rem auto;
    padding: 0 1rem;
  }
}

.nav-item {
  text-align: center;
  text-decoration: none;
}
.nav-item:not(.dropdown) {
  font-size: 1rem;
  color: #69A52F;
  line-height: 1.2;
  font-weight: 600;
}
.nav-item {
  padding: 0.75rem 0.75rem 0.5625rem 0.75rem;
}
.nav-item .item-container {
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.nav-item .item-container::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: transparent;
  opacity: 0;
  transition: background-color 0.15s ease, opacity 0.15s ease;
  z-index: 0;
  pointer-events: none;
}
.nav-item .item-container a {
  display: inline-block;
  padding: 0.5rem 0.875rem;
  color: #000;
  text-decoration: none;
  white-space: nowrap;
  position: relative;
  z-index: 1;
  text-transform: uppercase;
}
.nav-item.active .item-container a {
  color: #69A52F;
  border-bottom: solid 2px #69A52F;
}
.nav-item.active .item-container {
  /* keep a green overlay available for active state; shown on hover below */
}
.nav-item.active .item-container::before {
  background-color: #95C11F;
  opacity: 0;
}
.nav-item.active {
  /* when the active item is hovered: show a subtle green overlay but do NOT change the link text color */
}
.nav-item.active:hover .item-container::before {
  background-color: #95C11F;
  opacity: 0.12;
}
.nav-item.active:hover .item-container a {
  color: #69A52F;
}
.nav-item {
  /* non-active hover: show a medium grey background overlay and set link color to green */
}
.nav-item:hover .item-container::before {
  background-color: #EEEEEE;
  opacity: 1;
}

.main-navi {
  border-bottom: 1px solid #9E9E9E;
}
.main-navi .list-container ul {
  margin: 0;
  padding: 0 1rem;
  background-color: #FFF;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  -moz-column-gap: 0.125rem;
       column-gap: 0.125rem;
  flex-wrap: wrap;
}
.main-navi .list-container ul .mobile {
  display: none;
}
@media only screen and (max-width: 53rem) {
  .main-navi {
    border: none;
    background-color: #F5F5F5;
  }
  .main-navi a:hover {
    background: #E0E0E0 !important;
  }
  .main-navi .list-container {
    display: none;
  }
  .main-navi .list-container ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 0.125rem;
    padding: 1rem;
    background-color: unset;
  }
  .main-navi .list-container ul .mobile {
    display: initial;
  }
  .main-navi.mobile-expand {
    height: 100vh;
  }
  .main-navi.mobile-expand .list-container {
    display: initial;
  }
}

.dropdown-navi {
  position: relative;
  z-index: 10;
}
.dropdown-navi nav label {
  display: flex;
}
.dropdown-navi nav label .icon {
  max-width: 3rem;
  max-height: 3rem;
}
.dropdown-navi nav .list-container {
  position: absolute;
  right: calc(-1 * 0.75rem);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  padding: calc(0.75rem - 0.125rem) 0.75rem 0.75rem 0.75rem;
}
.dropdown-navi nav .list-container ul {
  margin: 0;
  padding: 0.5rem;
  border-radius: 0.25rem;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  background-color: #FFF;
  display: flex;
  flex-direction: column;
  row-gap: 0.125rem;
}
.dropdown-navi nav .list-container ul .nav-item {
  text-align: left;
  padding: 0;
}
.dropdown-navi.align-left nav .list-container {
  left: calc(-1 * 0.75rem);
}
.dropdown-navi:hover nav .list-container, .dropdown-navi:active nav .list-container, .dropdown-navi:target nav .list-container, .dropdown-navi:focus nav .list-container, .dropdown-navi:focus-within nav .list-container, .dropdown-navi:focus-visible nav .list-container {
  visibility: visible;
  opacity: 1;
  pointer-events: all;
}

.generic_modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 2006; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgba(0, 0, 0, 0.7);
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease-in;
}

.generic_modal__content {
  background-color: #FFF;
  margin: auto 10px;
  padding: 0;
  width: 100%;
  max-width: 700px;
  position: relative;
  opacity: 0;
  transform: scale(0.8);
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
  border-radius: 3px;
}

.modal-content {
  display: inline-block;
  width: 100%;
  padding: 0 0.75rem;
}
.modal-content h2 {
  font-family: Exo, Open Sans, sans-serif;
  font-size: 1.75rem;
  color: #000;
  line-height: 1.2;
  font-weight: 600;
}
.modal-content h2 {
  font-size: 20px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .modal-content h2 {
    font-size: calc(20px + 8 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .modal-content h2 {
    font-size: 28px;
  }
}
.modal-content h2 {
  margin: 2rem 0 2rem 0;
  text-align: center;
}
.modal-content .modal-content-copy-text {
  font-size: 1.125rem;
  color: #000;
  line-height: 1.5555555556em;
  font-weight: 400;
}
.modal-content .modal-content-copy-text {
  font-size: 14px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .modal-content .modal-content-copy-text {
    font-size: calc(14px + 4 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .modal-content .modal-content-copy-text {
    font-size: 18px;
  }
}
.modal-content .modal-content-copy-text {
  width: 100%;
  padding: 0 1rem;
}
@media (min-width: 640px) {
  .modal-content .modal-content-copy-text {
    padding: 0 3rem;
  }
}
.modal-content .modal-content-buttons {
  width: 100%;
  margin-top: 3rem;
  margin-bottom: 2rem;
  padding: 0 1rem;
}
@media (min-width: 640px) {
  .modal-content .modal-content-buttons {
    padding: 0 3rem;
  }
}
.modal-content .modal-content-buttons {
  display: flex;
  justify-content: space-between;
}
.modal-content .modal-content-buttons:has(> :last-child:nth-child(1)) { /* 1 element */
  justify-content: center;
}

.page-headline {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.page-headline h1 {
  margin: 0;
  padding: 0;
  text-align: center;
  font-family: Exo, Open Sans, sans-serif;
  font-size: 1.75rem;
  color: #000;
  line-height: 1.2;
  font-weight: 600;
}
.page-headline h1 {
  font-size: 20px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .page-headline h1 {
    font-size: calc(20px + 8 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .page-headline h1 {
    font-size: 28px;
  }
}
.page-headline .description {
  margin-top: 0.5rem;
  margin-bottom: 0;
  text-align: center;
  max-width: 600px;
  font-size: 0.9375rem;
  color: #000;
  line-height: 1.3333333333em;
  font-weight: 400;
}
.page-headline .description {
  font-size: 12px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .page-headline .description {
    font-size: calc(12px + 3 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .page-headline .description {
    font-size: 15px;
  }
}
.page-headline {
  margin-top: 24px;
}
@media screen and (min-width: 480px) and (max-width: 640px) {
  .page-headline {
    margin-top: calc(24px + 12 * (100vw - 480px) / 160);
  }
}
@media screen and (min-width: 640px) {
  .page-headline {
    margin-top: 36px;
  }
}
.page-headline {
  margin-bottom: 24px;
}
@media screen and (min-width: 480px) and (max-width: 640px) {
  .page-headline {
    margin-bottom: calc(24px + 24 * (100vw - 480px) / 160);
  }
}
@media screen and (min-width: 640px) {
  .page-headline {
    margin-bottom: 48px;
  }
}
.page-headline-large h1 {
  font-family: Exo, Open Sans, sans-serif;
  font-size: 2.5rem;
  color: #000;
  line-height: 1.2;
  font-weight: 600;
}
.page-headline-large h1 {
  font-size: 28px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .page-headline-large h1 {
    font-size: calc(28px + 12 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .page-headline-large h1 {
    font-size: 40px;
  }
}
.page-headline-large .description {
  text-align: center;
  max-width: 600px;
  margin-top: 0.5rem;
  font-size: 1.125rem;
  color: #000;
  line-height: 1.5555555556em;
  font-weight: 400;
}
.page-headline-large .description {
  font-size: 14px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .page-headline-large .description {
    font-size: calc(14px + 4 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .page-headline-large .description {
    font-size: 18px;
  }
}

.single-action-box {
  margin: 3rem 0;
}
.single-action-box-button-container {
  display: flex;
  justify-content: center;
  margin-top: 3rem;
  margin-bottom: 1.5rem;
}

.form-button-box {
  margin-top: 1.5rem;
  margin-bottom: 3rem;
  display: flex;
  justify-content: center;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}

.key-value-list-box .details-grid-headline {
  font-size: 1rem;
  color: #000;
  line-height: 1.2;
  font-weight: 600;
}
.key-value-list-box .details-grid-headline {
  font-size: 12px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .key-value-list-box .details-grid-headline {
    font-size: calc(12px + 4 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .key-value-list-box .details-grid-headline {
    font-size: 16px;
  }
}
.key-value-list-box .details-grid-headline {
  margin-bottom: 0.125rem;
}
.key-value-list-box .details-grid {
  display: grid;
  grid-gap: 0;
  grid-template-columns: 1fr 1fr;
}
.key-value-list-box .details-grid > p {
  margin: 0;
  background: #E0E0E0;
  padding: 0.25rem;
}
.key-value-list-box .details-grid > p:nth-child(4n+1),
.key-value-list-box .details-grid > p:nth-child(4n+2) {
  background: #BDBDBD;
}

.box-centered-content {
  display: flex;
  justify-content: center;
}

.mb-xl2 {
  margin-bottom: 1.5rem;
}

.text-form-info {
  padding: 0.75rem 0;
  font-size: 0.9375rem;
  color: #616161;
  line-height: 1.3333333333em;
  font-weight: 400;
}
.text-form-info {
  font-size: 12px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .text-form-info {
    font-size: calc(12px + 3 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .text-form-info {
    font-size: 15px;
  }
}
.text-form-info-sm {
  padding: 0.75rem 0;
  font-size: 0.75rem;
  color: #616161;
  line-height: 1.25em;
  font-weight: 400;
}
.text-form-info-sm {
  font-size: 10px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .text-form-info-sm {
    font-size: calc(10px + 2 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .text-form-info-sm {
    font-size: 12px;
  }
}

.text-h2,
.text-h3 {
  margin: 0 0 1.5rem 0;
  padding: 0;
}

.text-h2 {
  font-family: Exo, Open Sans, sans-serif;
  font-size: 1.375rem;
  color: #000;
  line-height: 1.2;
  font-weight: 600;
}
.text-h2 {
  font-size: 14px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .text-h2 {
    font-size: calc(14px + 8 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .text-h2 {
    font-size: 22px;
  }
}

.text-h3 {
  font-size: 1rem;
  color: #000;
  line-height: 1.2;
  font-weight: 600;
}
.text-h3 {
  font-size: 12px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .text-h3 {
    font-size: calc(12px + 4 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .text-h3 {
    font-size: 16px;
  }
}

.copy-to-clipboard-btn a > * {
  pointer-events: none !important;
}
.copy-to-clipboard-btn a {
  display: inline-flex;
  align-items: center;
}

.button-rounded {
  font-size: 1rem;
  color: #000;
  line-height: 1.2;
  font-weight: 600;
}
.button-rounded {
  font-size: 12px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .button-rounded {
    font-size: calc(12px + 4 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .button-rounded {
    font-size: 16px;
  }
}
.button-rounded {
  cursor: pointer;
}
.button-rounded span.button-rounded_label {
  pointer-events: none;
}
.button-rounded {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 22px;
  text-decoration: none;
  padding: 0;
}
.button-rounded {
  padding-top: 8px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .button-rounded {
    padding-top: calc(8px + 2 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .button-rounded {
    padding-top: 10px;
  }
}
.button-rounded {
  padding-bottom: 8px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .button-rounded {
    padding-bottom: calc(8px + 2 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .button-rounded {
    padding-bottom: 10px;
  }
}
.button-rounded {
  background: #FFF;
  border: 1px solid #69A52F;
  color: #69A52F;
}
.button-rounded:hover {
  background: #69A52F;
  color: #FFF;
}
.button-rounded span.button-rounded_label {
  display: block;
  padding: 0;
}
.button-rounded span.button-rounded_label {
  padding-right: 14px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .button-rounded span.button-rounded_label {
    padding-right: calc(14px + 6 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .button-rounded span.button-rounded_label {
    padding-right: 20px;
  }
}
.button-rounded span.button-rounded_label {
  padding-left: 14px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .button-rounded span.button-rounded_label {
    padding-left: calc(14px + 6 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .button-rounded span.button-rounded_label {
    padding-left: 20px;
  }
}
.button-rounded.button-rounded-icon {
  font-size: 0.875rem;
  color: #000;
  line-height: 1.2857142857em;
  font-weight: 600;
}
.button-rounded.button-rounded-icon {
  font-size: 10px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .button-rounded.button-rounded-icon {
    font-size: calc(10px + 4 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .button-rounded.button-rounded-icon {
    font-size: 14px;
  }
}
.button-rounded.button-rounded-icon {
  padding: 0;
}
.button-rounded.button-rounded-icon {
  padding-top: 8px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .button-rounded.button-rounded-icon {
    padding-top: calc(8px + 3 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .button-rounded.button-rounded-icon {
    padding-top: 11px;
  }
}
.button-rounded.button-rounded-icon {
  padding-bottom: 8px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .button-rounded.button-rounded-icon {
    padding-bottom: calc(8px + 3 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .button-rounded.button-rounded-icon {
    padding-bottom: 11px;
  }
}
.button-rounded.button-rounded-icon {
  color: #69A52F;
}
.button-rounded.button-rounded-icon span.button-rounded_icon, .button-rounded.button-rounded-icon span.button-rounded_icon-inactive {
  color: #69A52F;
}
.button-rounded.button-rounded-icon span.button-rounded_icon, .button-rounded.button-rounded-icon span.button-rounded_icon-inactive {
  padding-left: 10px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .button-rounded.button-rounded-icon span.button-rounded_icon, .button-rounded.button-rounded-icon span.button-rounded_icon-inactive {
    padding-left: calc(10px + 4 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .button-rounded.button-rounded-icon span.button-rounded_icon, .button-rounded.button-rounded-icon span.button-rounded_icon-inactive {
    padding-left: 14px;
  }
}
.button-rounded.button-rounded-icon span.button-rounded_icon svg, .button-rounded.button-rounded-icon span.button-rounded_icon-inactive svg {
  display: block;
}
.button-rounded.button-rounded-icon span.button-rounded_icon svg, .button-rounded.button-rounded-icon span.button-rounded_icon-inactive svg {
  width: 10px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .button-rounded.button-rounded-icon span.button-rounded_icon svg, .button-rounded.button-rounded-icon span.button-rounded_icon-inactive svg {
    width: calc(10px + 4 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .button-rounded.button-rounded-icon span.button-rounded_icon svg, .button-rounded.button-rounded-icon span.button-rounded_icon-inactive svg {
    width: 14px;
  }
}
.button-rounded.button-rounded-icon span.button-rounded_label {
  display: block;
  padding: 0;
}
.button-rounded.button-rounded-icon span.button-rounded_label {
  padding-right: 14px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .button-rounded.button-rounded-icon span.button-rounded_label {
    padding-right: calc(14px + 6 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .button-rounded.button-rounded-icon span.button-rounded_label {
    padding-right: 20px;
  }
}
.button-rounded.button-rounded-icon span.button-rounded_label {
  padding-left: 8px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .button-rounded.button-rounded-icon span.button-rounded_label {
    padding-left: calc(8px + 4 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .button-rounded.button-rounded-icon span.button-rounded_label {
    padding-left: 12px;
  }
}
.button-rounded.button-rounded-icon:hover {
  background: #69A52F;
  color: #FFF;
}
.button-rounded.button-rounded-icon:hover span.button-rounded_icon {
  color: #FFF;
}

.submit-button {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  border-radius: 22px;
  text-decoration: none;
  padding: 0;
}
.submit-button {
  padding-top: 8px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .submit-button {
    padding-top: calc(8px + 2 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .submit-button {
    padding-top: 10px;
  }
}
.submit-button {
  padding-bottom: 8px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .submit-button {
    padding-bottom: calc(8px + 2 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .submit-button {
    padding-bottom: 10px;
  }
}
.submit-button {
  font-size: 1rem;
  color: #000;
  line-height: 1.2;
  font-weight: 600;
}
.submit-button {
  font-size: 12px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .submit-button {
    font-size: calc(12px + 4 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .submit-button {
    font-size: 16px;
  }
}
.submit-button {
  color: #FFF;
  background: #69A52F;
  border: 1px solid #69A52F;
}
.submit-button:not(.submit-button-icon):hover:enabled {
  background: #1E6437;
  color: #FFF;
}
.submit-button:disabled {
  opacity: 0.5;
  cursor: default;
}
.submit-button span.submit-button-label {
  display: block;
  padding: 0;
}
.submit-button span.submit-button-label {
  padding-right: 14px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .submit-button span.submit-button-label {
    padding-right: calc(14px + 6 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .submit-button span.submit-button-label {
    padding-right: 20px;
  }
}
.submit-button span.submit-button-label {
  padding-left: 14px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .submit-button span.submit-button-label {
    padding-left: calc(14px + 6 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .submit-button span.submit-button-label {
    padding-left: 20px;
  }
}
.submit-button-icon {
  padding: 0;
}
.submit-button-icon {
  padding-top: 8px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .submit-button-icon {
    padding-top: calc(8px + 3 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .submit-button-icon {
    padding-top: 11px;
  }
}
.submit-button-icon {
  padding-bottom: 8px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .submit-button-icon {
    padding-bottom: calc(8px + 3 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .submit-button-icon {
    padding-bottom: 11px;
  }
}
.submit-button-icon {
  font-size: 0.875rem;
  color: #000;
  line-height: 1.2857142857em;
  font-weight: 600;
}
.submit-button-icon {
  font-size: 10px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .submit-button-icon {
    font-size: calc(10px + 4 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .submit-button-icon {
    font-size: 14px;
  }
}
.submit-button-icon {
  color: #69A52F;
  background: #FFF;
}
.submit-button-icon span.submit-button-icon-icon {
  color: #69A52F;
}
.submit-button-icon span.submit-button-icon-icon {
  padding-left: 10px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .submit-button-icon span.submit-button-icon-icon {
    padding-left: calc(10px + 4 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .submit-button-icon span.submit-button-icon-icon {
    padding-left: 14px;
  }
}
.submit-button-icon span.submit-button-icon-icon svg {
  display: block;
}
.submit-button-icon span.submit-button-icon-icon svg {
  width: 14px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .submit-button-icon span.submit-button-icon-icon svg {
    width: calc(14px + 4 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .submit-button-icon span.submit-button-icon-icon svg {
    width: 18px;
  }
}
.submit-button-icon span.submit-button-label {
  display: block;
  padding: 0;
}
.submit-button-icon span.submit-button-label {
  padding-right: 14px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .submit-button-icon span.submit-button-label {
    padding-right: calc(14px + 6 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .submit-button-icon span.submit-button-label {
    padding-right: 20px;
  }
}
.submit-button-icon span.submit-button-label {
  padding-left: 14px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .submit-button-icon span.submit-button-label {
    padding-left: calc(14px + 6 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .submit-button-icon span.submit-button-label {
    padding-left: 20px;
  }
}
.submit-button-icon:hover {
  background: #69A52F;
  color: #FFF;
}
.submit-button-icon:hover span.submit-button-icon-icon {
  color: #FFF;
}

.base-table .table-headline {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 2rem 0 3rem;
}
.base-table .table-headline h2 {
  font-family: Exo, Open Sans, sans-serif;
  font-size: 1.375rem;
  color: #000;
  line-height: 1.2;
  font-weight: 600;
}
.base-table .table-headline h2 {
  font-size: 14px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .base-table .table-headline h2 {
    font-size: calc(14px + 8 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .base-table .table-headline h2 {
    font-size: 22px;
  }
}
.base-table .table-buttons {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 1rem;
}
.base-table .table-container {
  overflow-x: auto;
  font-size: 0.875rem;
  color: #000;
  line-height: 1.2857142857em;
  font-weight: 600;
}
.base-table .table-container {
  font-size: 8px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .base-table .table-container {
    font-size: calc(8px + 6 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .base-table .table-container {
    font-size: 14px;
  }
}
.base-table .table-container {
  border: 1px solid #757575;
}
.base-table .table-container table {
  width: 100%;
  border-collapse: collapse;
  background-color: #FFF;
  text-align: left;
  white-space: nowrap;
}
.base-table .table-container table tr:has(~ tr:not([style="display: none;"])) {
  border-bottom: 1px solid #757575;
}
.base-table .table-container table tr th, .base-table .table-container table tr td {
  padding: 0.375rem;
  height: 1rem;
}
.base-table .table-container table thead tr {
  border-bottom: 1px solid #757575;
}
.base-table .table-container table tbody {
  font-weight: 400;
}
.base-table .table-container table tbody tr:hover {
  background-color: #EEEEEE;
}
.base-table .no-items {
  margin: 1rem;
  text-align: center;
  opacity: 0.6;
}
@media (min-width: 640px) {
  .base-table .table-container table tr th, .base-table .table-container table tr td {
    padding: 0.75rem;
    height: 1.5rem;
  }
}

.pagination-btn {
  font-size: 1rem;
  color: #000;
  line-height: 1.2;
  font-weight: 600;
}
.pagination-btn {
  font-size: 12px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .pagination-btn {
    font-size: calc(12px + 4 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .pagination-btn {
    font-size: 16px;
  }
}
.pagination-btn {
  text-decoration: none;
}
.pagination-btn {
  min-width: 28px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .pagination-btn {
    min-width: calc(28px + 8 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .pagination-btn {
    min-width: 36px;
  }
}
.pagination-btn {
  min-height: 28px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .pagination-btn {
    min-height: calc(28px + 8 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .pagination-btn {
    min-height: 36px;
  }
}
.pagination-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F5F5F5;
  padding: 0 1rem;
  margin: 0 0.5rem;
}
.pagination-btn.active {
  background-color: #69A52F;
  color: #FFF;
}
.pagination-btn:hover:not(.active) {
  color: #000;
}
.pagination-btn:hover:not(.active) {
  background-color: #E0E0E0;
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0;
}
.pagination .pagination-desc {
  margin-top: 0.375rem;
  padding: 0 1rem;
  font-size: 0.75rem;
  color: #000;
  line-height: 1.25em;
  font-weight: 400;
}
.pagination .pagination-desc {
  font-size: 10px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .pagination .pagination-desc {
    font-size: calc(10px + 2 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .pagination .pagination-desc {
    font-size: 12px;
  }
}
.pagination .pagination-btns {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.alert {
  position: relative;
  margin: 0.125rem;
  border-radius: 4px;
  border-left: 8px solid;
  display: flex;
  align-items: center;
}
.alert {
  padding: 6px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .alert {
    padding: calc(6px + 4 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .alert {
    padding: 10px;
  }
}
.alert {
  -moz-column-gap: 16px;
       column-gap: 16px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .alert {
    -moz-column-gap: calc(16px + 8 * (100vw - 360px) / 120);
         column-gap: calc(16px + 8 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .alert {
    -moz-column-gap: 24px;
         column-gap: 24px;
  }
}
.alert .actions {
  margin: 0.125rem 0;
}
.alert .actions a {
  color: inherit;
}
.alert .alert-icon .icon {
  min-width: 22px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .alert .alert-icon .icon {
    min-width: calc(22px + 6 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .alert .alert-icon .icon {
    min-width: 28px;
  }
}
.alert .alert-icon .icon {
  min-height: 22px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .alert .alert-icon .icon {
    min-height: calc(22px + 6 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .alert .alert-icon .icon {
    min-height: 28px;
  }
}
.alert .content {
  font-size: 1.125rem;
  color: #000;
  line-height: 1.5555555556em;
  font-weight: 400;
}
.alert .content {
  font-size: 12px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .alert .content {
    font-size: calc(12px + 2 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .alert .content {
    font-size: 14px;
  }
}
.alert .content {
  font-size: 14px;
}
@media screen and (min-width: 480px) and (max-width: 640px) {
  .alert .content {
    font-size: calc(14px + 2 * (100vw - 480px) / 160);
  }
}
@media screen and (min-width: 640px) {
  .alert .content {
    font-size: 16px;
  }
}
.alert .content {
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
}
.alert .content a {
  color: inherit;
}
.alert {
  /* animation stuff */
}
.alert.animated {
  transform: translateX(-100%);
  opacity: 0;
}
@keyframes slideInLeft {
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
  90% {
    transform: translateX(10%);
  }
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
    transform: translateY(0%);
  }
  100% {
    opacity: 0;
    transform: translateY(-50%);
  }
}
.alert.show {
  animation: slideInLeft 0.3s ease-in-out forwards;
  transform: translateX(0%);
}
.alert.hide {
  animation: fadeOut 0.5s ease-in-out forwards;
}
.alert {
  /* animation stuff end */
}
.alert.alert-small {
  width: 320px;
}
.alert.alert-small .content {
  font-size: 1rem;
  color: #000;
  line-height: 1.2;
  font-weight: 600;
}
.alert.alert-small .content {
  font-size: 12px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .alert.alert-small .content {
    font-size: calc(12px + 4 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .alert.alert-small .content {
    font-size: 16px;
  }
}
.alert.alert-warn {
  background: #FF5722;
  border-color: rgb(255, 129, 89.25);
}
.alert.alert-warn .content {
  color: #FFF;
}
.alert.alert-warn .icon {
  color: #FFF;
}
.alert.alert-warn .actions {
  font-size: 1.125rem;
  color: #000;
  line-height: 1.5555555556em;
  font-weight: 400;
}
.alert.alert-warn .actions {
  font-size: 12px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .alert.alert-warn .actions {
    font-size: calc(12px + 2 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .alert.alert-warn .actions {
    font-size: 14px;
  }
}
.alert.alert-warn .actions {
  font-size: 14px;
}
@media screen and (min-width: 480px) and (max-width: 640px) {
  .alert.alert-warn .actions {
    font-size: calc(14px + 2 * (100vw - 480px) / 160);
  }
}
@media screen and (min-width: 640px) {
  .alert.alert-warn .actions {
    font-size: 16px;
  }
}
.alert.alert-warn .actions {
  color: #FFF;
}
.alert.alert-warn .actions a:hover {
  color: rgba(255, 255, 255, 0.85);
}
.alert.alert-red {
  background: #FF5722;
  border-color: rgb(255, 129, 89.25);
}
.alert.alert-red .content {
  color: #FFF;
}
.alert.alert-red .icon {
  color: #FFF;
}
.alert.alert-red .actions {
  font-size: 1.125rem;
  color: #000;
  line-height: 1.5555555556em;
  font-weight: 400;
}
.alert.alert-red .actions {
  font-size: 12px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .alert.alert-red .actions {
    font-size: calc(12px + 2 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .alert.alert-red .actions {
    font-size: 14px;
  }
}
.alert.alert-red .actions {
  font-size: 14px;
}
@media screen and (min-width: 480px) and (max-width: 640px) {
  .alert.alert-red .actions {
    font-size: calc(14px + 2 * (100vw - 480px) / 160);
  }
}
@media screen and (min-width: 640px) {
  .alert.alert-red .actions {
    font-size: 16px;
  }
}
.alert.alert-red .actions {
  color: #FFF;
}
.alert.alert-red .actions a:hover {
  color: rgba(255, 255, 255, 0.85);
}
.alert.alert-blue {
  background: #A5C8E2;
  border-color: rgb(187.5, 213.75, 233.25);
}
.alert.alert-blue .content {
  color: #1D436F;
}
.alert.alert-blue .icon {
  color: #1D436F;
}
.alert.alert-blue .actions {
  font-size: 1.125rem;
  color: #000;
  line-height: 1.5555555556em;
  font-weight: 400;
}
.alert.alert-blue .actions {
  font-size: 12px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .alert.alert-blue .actions {
    font-size: calc(12px + 2 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .alert.alert-blue .actions {
    font-size: 14px;
  }
}
.alert.alert-blue .actions {
  font-size: 14px;
}
@media screen and (min-width: 480px) and (max-width: 640px) {
  .alert.alert-blue .actions {
    font-size: calc(14px + 2 * (100vw - 480px) / 160);
  }
}
@media screen and (min-width: 640px) {
  .alert.alert-blue .actions {
    font-size: 16px;
  }
}
.alert.alert-blue .actions {
  color: #1D436F;
}
.alert.alert-blue .actions a:hover {
  color: rgba(29, 67, 111, 0.85);
}
.alert.alert-blue-dark {
  background: #1D436F;
  border-color: rgb(85.5, 114, 147);
}
.alert.alert-blue-dark .content {
  color: #FFF;
}
.alert.alert-blue-dark .icon {
  color: #FFF;
}
.alert.alert-blue-dark .actions {
  font-size: 1.125rem;
  color: #000;
  line-height: 1.5555555556em;
  font-weight: 400;
}
.alert.alert-blue-dark .actions {
  font-size: 12px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .alert.alert-blue-dark .actions {
    font-size: calc(12px + 2 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .alert.alert-blue-dark .actions {
    font-size: 14px;
  }
}
.alert.alert-blue-dark .actions {
  font-size: 14px;
}
@media screen and (min-width: 480px) and (max-width: 640px) {
  .alert.alert-blue-dark .actions {
    font-size: calc(14px + 2 * (100vw - 480px) / 160);
  }
}
@media screen and (min-width: 640px) {
  .alert.alert-blue-dark .actions {
    font-size: 16px;
  }
}
.alert.alert-blue-dark .actions {
  color: #FFF;
}
.alert.alert-blue-dark .actions a:hover {
  color: rgba(255, 255, 255, 0.85);
}
.alert.alert-success {
  background: #69A52F;
  border-color: rgb(142.5, 187.5, 99);
}
.alert.alert-success .content {
  color: #FFF;
}
.alert.alert-success .icon {
  color: #FFF;
}
.alert.alert-success .actions {
  font-size: 1.125rem;
  color: #000;
  line-height: 1.5555555556em;
  font-weight: 400;
}
.alert.alert-success .actions {
  font-size: 12px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .alert.alert-success .actions {
    font-size: calc(12px + 2 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .alert.alert-success .actions {
    font-size: 14px;
  }
}
.alert.alert-success .actions {
  font-size: 14px;
}
@media screen and (min-width: 480px) and (max-width: 640px) {
  .alert.alert-success .actions {
    font-size: calc(14px + 2 * (100vw - 480px) / 160);
  }
}
@media screen and (min-width: 640px) {
  .alert.alert-success .actions {
    font-size: 16px;
  }
}
.alert.alert-success .actions {
  color: #FFF;
}
.alert.alert-success .actions a:hover {
  color: rgba(255, 255, 255, 0.85);
}

.base-teaser {
  display: flex;
}
.base-teaser .actions {
  display: flex;
  align-items: center;
  justify-content: center;
}
.base-teaser .content {
  font-size: 1rem;
  color: #000;
  line-height: 1.2;
  font-weight: 400;
}
.base-teaser .content {
  font-size: 12px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .base-teaser .content {
    font-size: calc(12px + 4 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .base-teaser .content {
    font-size: 16px;
  }
}
.base-teaser .content {
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
}
.base-teaser .content a {
  color: inherit;
}
.base-teaser .actions {
  margin: 1rem 0;
}

.password-validation-widget {
  font-size: 12px;
}
@media screen and (min-width: 360px) and (max-width: 480px) {
  .password-validation-widget {
    font-size: calc(12px + 2 * (100vw - 360px) / 120);
  }
}
@media screen and (min-width: 480px) {
  .password-validation-widget {
    font-size: 14px;
  }
}
.password-validation-widget {
  width: 100%;
}
.password-validation-widget ul.password-validation-widget-rules {
  margin: 0;
  margin-top: 0.625rem;
  padding: 0;
}
.password-validation-widget ul.password-validation-widget-rules li {
  margin: 0;
  padding: 0.5rem 0;
  list-style: none;
  align-items: center;
  display: flex;
}
.password-validation-widget ul.password-validation-widget-rules li:before {
  flex-shrink: 0;
  content: "";
  width: 24px;
  height: 24px;
  margin-right: 0.5rem;
  -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='24' height='auto' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath transform='translate(-1,-1)' d='M 13,2.1666667 C 7.02,2.1666667 2.1666667,7.02 2.1666667,13 2.1666667,18.98 7.02,23.833333 13,23.833333 18.98,23.833333 23.833333,18.98 23.833333,13 23.833333,7.02 18.98,2.1666667 13,2.1666667 Z M 13,21.666667 C 8.2225,21.666667 4.3333333,17.7775 4.3333333,13 4.3333333,8.2225 8.2225,4.3333333 13,4.3333333 c 4.7775,0 8.666667,3.8891667 8.666667,8.6666667 0,4.7775 -3.889167,8.666667 -8.666667,8.666667 z' fill='currentColor' /%3E%3C/svg%3E%0A");
          mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='24' height='auto' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath transform='translate(-1,-1)' d='M 13,2.1666667 C 7.02,2.1666667 2.1666667,7.02 2.1666667,13 2.1666667,18.98 7.02,23.833333 13,23.833333 18.98,23.833333 23.833333,18.98 23.833333,13 23.833333,7.02 18.98,2.1666667 13,2.1666667 Z M 13,21.666667 C 8.2225,21.666667 4.3333333,17.7775 4.3333333,13 4.3333333,8.2225 8.2225,4.3333333 13,4.3333333 c 4.7775,0 8.666667,3.8891667 8.666667,8.6666667 0,4.7775 -3.889167,8.666667 -8.666667,8.666667 z' fill='currentColor' /%3E%3C/svg%3E%0A");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background: #757575;
}
.password-validation-widget ul.password-validation-widget-rules li.error-resolved:before {
  -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='24' height='auto' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath transform='translate(-1, -1)' d='M13,2.16666667 C7.02,2.16666667 2.16666667,7.02 2.16666667,13 C2.16666667,18.98 7.02,23.8333333 13,23.8333333 C18.98,23.8333333 23.8333333,18.98 23.8333333,13 C23.8333333,7.02 18.98,2.16666667 13,2.16666667 Z M13,21.6666667 C8.2225,21.6666667 4.33333333,17.7775 4.33333333,13 C4.33333333,8.2225 8.2225,4.33333333 13,4.33333333 C17.7775,4.33333333 21.6666667,8.2225 21.6666667,13 C21.6666667,17.7775 17.7775,21.6666667 13,21.6666667 Z M17.9725,8.21166667 L10.8333333,15.3508333 L8.0275,12.5558333 L6.5,14.0833333 L10.8333333,18.4166667 L19.5,9.75 L17.9725,8.21166667 Z' fill='currentColor' /%3E%3C/svg%3E%0A");
          mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='24' height='auto' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath transform='translate(-1, -1)' d='M13,2.16666667 C7.02,2.16666667 2.16666667,7.02 2.16666667,13 C2.16666667,18.98 7.02,23.8333333 13,23.8333333 C18.98,23.8333333 23.8333333,18.98 23.8333333,13 C23.8333333,7.02 18.98,2.16666667 13,2.16666667 Z M13,21.6666667 C8.2225,21.6666667 4.33333333,17.7775 4.33333333,13 C4.33333333,8.2225 8.2225,4.33333333 13,4.33333333 C17.7775,4.33333333 21.6666667,8.2225 21.6666667,13 C21.6666667,17.7775 17.7775,21.6666667 13,21.6666667 Z M17.9725,8.21166667 L10.8333333,15.3508333 L8.0275,12.5558333 L6.5,14.0833333 L10.8333333,18.4166667 L19.5,9.75 L17.9725,8.21166667 Z' fill='currentColor' /%3E%3C/svg%3E%0A");
  background: #69A52F;
}