:root {
    font-size: 16px;
  }
  /* Utility */
  .m-t-0 {
    margin-top: var(--s-0);
  }
  .m-t-1 {
    margin-top: var(--s-1);
  }
  .m-t-2 {
    margin-top: var(--s-2);
  }
  .m-t-3 {
    margin-top: var(--s-3);
  }
  .m-t-4 {
    margin-top: var(--s-4);
  }
  .m-t-5 {
    margin-top: var(--s-5);
  }
  .m-t-6 {
    margin-top: var(--s-6);
  }
  .m-t-7 {
    margin-top: var(--s-7);
  }
  .m-t-8 {
    margin-top: var(--s-8);
  }
  .m-t-9 {
    margin-top: var(--s-9);
  }
  .m-t-10 {
    margin-top: var(--s-10);
  }
  .m-r-0 {
    margin-right: var(--s-0);
  }
  .m-r-1 {
    margin-right: var(--s-1);
  }
  .m-r-2 {
    margin-right: var(--s-2);
  }
  .m-r-3 {
    margin-right: var(--s-3);
  }
  .m-r-4 {
    margin-right: var(--s-4);
  }
  .m-r-5 {
    margin-right: var(--s-5);
  }
  .m-r-6 {
    margin-right: var(--s-6);
  }
  .m-r-7 {
    margin-right: var(--s-7);
  }
  .m-r-8 {
    margin-right: var(--s-8);
  }
  .m-r-9 {
    margin-right: var(--s-9);
  }
  .m-r-10 {
    margin-right: var(--s-10);
  }
  .m-b-0 {
    margin-bottom: var(--s-0);
  }
  .m-b-1 {
    margin-bottom: var(--s-1);
  }
  .m-b-2 {
    margin-bottom: var(--s-2);
  }
  .m-b-3 {
    margin-bottom: var(--s-3);
  }
  .m-b-4 {
    margin-bottom: var(--s-4);
  }
  .m-b-5 {
    margin-bottom: var(--s-5);
  }
  .m-b-6 {
    margin-bottom: var(--s-6);
  }
  .m-b-7 {
    margin-bottom: var(--s-7);
  }
  .m-b-8 {
    margin-bottom: var(--s-8);
  }
  .m-b-9 {
    margin-bottom: var(--s-9);
  }
  .m-b-10 {
    margin-bottom: var(--s-10);
  }
  .m-l-0 {
    margin-left: var(--s-0);
  }
  .m-l-1 {
    margin-left: var(--s-1);
  }
  .m-l-2 {
    margin-left: var(--s-2);
  }
  .m-l-3 {
    margin-left: var(--s-3);
  }
  .m-l-4 {
    margin-left: var(--s-4);
  }
  .m-l-5 {
    margin-left: var(--s-5);
  }
  .m-l-6 {
    margin-left: var(--s-6);
  }
  .m-l-7 {
    margin-left: var(--s-7);
  }
  .m-l-8 {
    margin-left: var(--s-8);
  }
  .m-l-9 {
    margin-left: var(--s-9);
  }
  .m-l-10 {
    margin-left: var(--s-10);
  }
  .hidden {
    display: none;
  }
  /* Utility end */
  /* Form */
  .form-input:focus,
  .form-select:focus,
  .form-message:focus,
  .form-checkbox:focus {
    outline: 1px solid var(--accessibility--focus);
  }
  .form-input:focus-visible,
  .form-select:focus-visible,
  .form-message:focus-visible,
  .form-checkboxfocus-visible {
    outline: 1px solid var(--accessibility--focus);
  }
  .form-input:placeholder {
    color: var(--accessibility--info-text);
  }
  .form-checkbox-field input,
  .form-radio-field input {
    position: absolute;
    opacity: 0;
    height: 1px;
    width: 1px;
    z-index: -1;
  }
  .form-checkbox-field:hover input ~ .form-checkbox-custom,
  .form-radio-field:hover input ~ .form-radio-custom {
    background-color: var(--colors--grey-light);
  }
  .form-checkbox-field input:checked ~ .form-checkbox-custom,
  .form-radio-field input:checked ~ .form-radio-custom {
    background-color: var(--colors--green);
  }
  .form-checkbox-custom:after,
  .form-radio-custom:after {
    content: '';
    position: absolute;
    display: none;
  }
  .form-checkbox-field input:checked ~ .form-checkbox-custom:after,
  .form-radio-field input:checked ~ .form-radio-custom:after {
    display: block;
  }
  .form-checkbox-field .form-checkbox-custom:after {
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .form-radio-field .form-radio-custom:after {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
  }
  .form-checkbox-field input:focus ~ .form-checkbox-custom {
    outline: 1px solid var(--accessibility--focus);
  }
  .form-checkbox-field input:focus-visible ~ .form-checkbox-custom {
    outline: 1px solid var(--accessibility--focus);
  }
  .form-radio-field input:focus ~ .form-radio-custom {
    outline: 1px solid var(--accessibility--focus);
  }
  .form-radio-field input:focus-visible ~ .form-radio-custom {
    outline: 1px solid var(--accessibility--focus);
  }
  /* Form end */
  /* Buttons */
  .button:focus {
    outline: 1px solid var(--accessibility--focus);
  }
  .button:focus-visible {
    outline: 1px solid var(--accessibility--focus);
  }
  /* Buttons end */
  /* Fileupload */
  .form-dropzone div {
    pointer-events: none;
  }
  /* Fileupload end */
  /* Navbar */
  @media (max-width: 1400px) and (min-width: 991px) {
    .navbar-link-wrap.navbar-link-menu {
      position: fixed;
      left: -400px;
      top: 0px;
      display: flex;
      width: 400px;
      height: 100vh;
      padding-top: 100px;
      padding-right: 5%;
      padding-left: 5%;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      grid-row-gap: 20px;
      background-color: #ffffff;
    }
    .navbar-burger {
      display: flex;
      cursor: pointer;
    }
    .navbar-link {
      width: 100%;
      height: auto;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
    }
    .navbar-link-text-wrap {
      height: 40px;
    }
    .navbar-link-submenu {
      position: static;
      width: 100%;
    }
  }
  /* Navbar end */
  /* Double-range-slider */
  .form-double-range-track {
    width: 100%;
    height: 10px;
    background-color: red;
    position: absolute;
    border-radius: 5px;
    top: 0px;
    left: 0px;
  }
  input[type='range'] {
    width: 100%;
    position: absolute;
    pointer-events: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
  }
  input[type='range']::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 15px;
    width: 15px;
    background-color: blue;
    cursor: pointer;
    margin-top: -9px;
    pointer-events: auto;
    border-radius: 50%;
  }
  input[type='range']::-moz-range-thumb {
    -moz-appearance: none;
    height: 15px;
    width: 15px;
    background-color: blue;
    cursor: pointer;
    margin-top: -9px;
    pointer-events: auto;
    border-radius: 50%;
  }
  input[type='range']::-ms-thumb {
    appearance: none;
    height: 15px;
    width: 15px;
    background-color: blue;
    cursor: pointer;
    margin-top: -9px;
    pointer-events: auto;
    border-radius: 50%;
  }
  /* Double-range-slider end */
  /* GDPR */
  .gdpr-content h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    scroll-margin-top: 200px;
  }
  .gdpr-content h1 {
    font-size: 1.5rem;
  }
  .gdpr-content h2 {
    font-size: 1.5rem;
  }
  .gdpr-content h3 {
    font-size: 1.5rem;
  }
  .gdpr-content h4 {
    font-size: 1.5rem;
  }
  .gdpr-content h5 {
    font-size: 1.5rem;
  }
  .gdpr-content h6 {
    font-size: 1.5rem;
  }
  .gdpr-nav-submenu > .gdpr-nav-link {
    font-weight: 200;
  }
  /* GDPR end */
  /* Loading screen */
  .loading-circle {
    animation: spin 1s linear infinite;
  }
  @keyframes spin {
    to {
      transform: rotate(360deg);
    }
  }
  /* Loading screen end */
  /* Switch */
  .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }
  .switch-slider:before {
    position: absolute;
    content: "";
    height: 30px;
    width: 30px;
    left: 5px;
    bottom: 5px;
    background-color: white;
    border-radius: 50%;
    -webkit-transition: .3s;
    transition: .3s;
  }
  input:checked + .switch-slider {
    background-color: red;
  }
  input:checked + .switch-slider:before {
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }
  input:focus + .switch-slider {
    box-shadow: 0 0 5px var(--focus-shadow);
  }
  /* Switch end */