/*@import '../../../../../../../node_modules/slick-carousel/slick/slick.css';*/
/*@import '../../../../../../../node_modules/cookieconsent/build/cookieconsent.min.css';*/
/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../Fonts/roboto-v20-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
  url('../Fonts/roboto-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../Fonts/roboto-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../Fonts/roboto-v20-latin-300.woff') format('woff'), /* Modern Browsers */ url('../Fonts/roboto-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../Fonts/roboto-v20-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../Fonts/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
  url('../Fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../Fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../Fonts/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../Fonts/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../Fonts/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../Fonts/roboto-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
  url('../Fonts/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../Fonts/roboto-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../Fonts/roboto-v20-latin-700.woff') format('woff'), /* Modern Browsers */ url('../Fonts/roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../Fonts/roboto-v20-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
:root {
  --font-family-sans-serif: 'Roboto', sans-serif;
  --font-family-headline: 'Roboto', sans-serif;
  --font-weight-regular: 300;
  --font-weight-semi-bold: 400;
  --font-weight-bold: 700;
  --font-weight-headline: 700;
}
:root {
  --brand-primary: #43a018;
  --brand-secondary: #003399;
  --brand-tertiary: #43a018;

  --white: #fff;
  --gray: #575757;
  --gray-light: #efefef;
  --gray-lighter: #e3e2e4;
  --gray-lightest: #f6f6f6;
  --black: #000000;
}
body {
  font-size: 18px;
  line-height: 36px;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}
.content-text {

}
.select-replace {
  position: relative;
  height: 80px;
  background: #efefef;
  background: #efefef;
  background: var(--gray-light);
  border-radius: 0;
  -webkit-transition: background 500ms;
  transition: background 500ms;

}
@media(min-width: 768px) {
.select-replace {
    height: 78px;

}
  }
.select-replace {

/*  >.icon {
    position: absolute;
    right: 15px;
    top: 16px;

    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 7px 0 7px;
    border-color: #ffffff transparent transparent transparent;
  }

  &:hover {
    >.icon {
    }
  }

  &:focus {
    background: #fff;
  }*/

}
.select-replace >select {
    position: absolute;
    width: 100%;
    padding: 25px;
    font-size: 18px;
    line-height: 30px;
    color: #000000;
    color: #000000;
    color: var(--black);
    border: none;
    border-radius: 0;
    height: 80px;
    outline: none;
    background: transparent;
    -webkit-box-shadow:none !important;
            box-shadow:none !important;
    cursor: pointer;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    font-family: 'Roboto', sans-serif;
    font-family: var(--font-family-sans-serif);
    font-weight: 400;
    font-weight: 400;
    font-weight: var(--font-weight-semi-bold);

    appearance: none;
    -webkit-appearance: none;
    -moz-appearance:none
  }
.select-replace >select::-ms-expand {
      display: none;
    }
.select-replace >select:-moz-focusring {
      color: transparent;
      text-shadow: 0 0 0 #414141;
    }
.select-replace >select option {
      color: #000;
    }
.radio-replace {
  display: block;
  position: relative;
  cursor: pointer;
  margin-bottom: 10px;
}
.radio-replace >input {
    display: none
  }
.radio-replace >input + .text {
      display: inline-block;
    }
.radio-replace >input + .text >.icon {
        position: relative;
        display: inline-block;
        top: 4px;
        width: 18px;
        height: 18px;
        border: solid 1px #43a018;
        border: solid 1px #43a018;
        border: solid 1px var(--brand-tertiary);
        border-radius: 18px;
        margin-right: 5px;
        background: transparent;
        text-align: center;
        font-size: 13px;
        line-height: 18px;
        padding: 1px 0 0 0;
        color: red;
        -webkit-transition: color 100ms;
        transition: color 100ms
      }
.radio-replace >input + .text >.icon::before {
          position: absolute;
          left: 0;
          top: 0;
          content: "";
          display: block;
          width: 18px;
          height: 18px;
          border-radius: 18px;
          background: transparent;
          -webkit-transition: all 150ms, background 300ms;
          transition: all 150ms, background 300ms;
        }
.radio-replace >input:checked + .text >.icon::before {
          left: 2px;
          top: 2px;
          width: 12px;
          height: 12px;
          background: #43a018;
          background: #43a018;
          background: var(--brand-tertiary);
        }
.container {
  position: relative;
  width: 100%;
}
.container__inside {
  display: block;
  position: relative;
  max-width: 842px;
  margin: 0 20px;
}
.stand-alone .container__inside {
    display: block;
    position: relative;
    max-width: 842px;
    margin: 0 40px
  }
@media(min-width: 768px) {
.stand-alone .container__inside {
      margin: 0 40px
  }
    }
@media(min-width: 1024px) {
.stand-alone .container__inside {
      margin: 0 40px
  }
    }
@media (min-width: 922px) {
  .stand-alone .container__inside {
      margin: 0 auto
  }
    }
.container__inside--small {
  margin: 0 15px;
  max-width: 1050px
}
@media(min-width: 768px) {
.container__inside--small {
    margin: 0 15px
}
  }
@media(min-width: 1024px) {
.container__inside--small {
    margin: 0 40px
}
  }
@media (min-width: 1120px) {
.container__inside--small {
    margin: 0 auto
}
  }
.container__inside--big {
  margin: 0 15px;
  max-width: 1170px
}
@media(min-width: 768px) {
.container__inside--big {
    margin: 0 40px
}
  }
@media(min-width: 1024px) {
.container__inside--big {
    margin: 0 40px
}
  }
@media (min-width: 1250px) {
.container__inside--big {
    margin: 0 auto
}
  }
.container__inside--extra-small {
  margin: 0 15px;
  max-width: 830px
}
@media(min-width: 768px) {
.container__inside--extra-small {
    margin: 0 15px
}
  }
@media(min-width: 1024px) {
.container__inside--extra-small {
    margin: 0 40px
}
  }
@media (min-width: 1120px) {
.container__inside--extra-small {
    margin: 0 auto
}
  }
.container--margin {
  margin-top: 50px;
  margin-bottom: 50px;
}
.container--margin-top {
  margin-top: 50px;
}
.container--margin-bottom {
  margin-bottom: 50px;
}
.container--margin-big {
  margin-top: 100px;
  margin-bottom: 100px;
}
.container--margin-big-top {
  margin-top: 100px;
}
.container--margin-big-bottom {
  margin-bottom: 100px;
}
.container--padding {
  padding-top: 50px;
  padding-bottom: 50px;
}
.container--padding-top {
  padding-top: 50px;
}
.container--padding-bottom {
  padding-bottom: 50px;
}
.container--padding-big {
  padding-top: 100px;
  padding-bottom: 100px;
}
.container--padding-big-top {
  padding-top: 100px;
}
.container--padding-big-bottom {
  padding-bottom: 100px;
}
.order-step .select2 {
    width: 100% !important;
    height: 80px;
  }
.order-step .select2-hidden-accessible {
    top: 40px;
  }
.order-step .select2.select2-container .select2-selection {
      height: 100% !important;
      border: none;
      border-radius: 0;
      background: #efefef;
      background: #efefef;
      background: var(--gray-light);
      padding: 25px;
      font-size: 18px;
      line-height: 30px;
      font-family: 'Roboto', sans-serif;
      font-family: 'Roboto', sans-serif;
      font-family: var(--font-family-sans-serif);
      font-weight: 400;
      font-weight: 400;
      font-weight: var(--font-weight-semi-bold);
      color: #000000;
      color: #000000;
      color: var(--black);
    }
.order-step .select2.select2-container .select2-selection__placeholder {
      color: #575757;
      color: #575757;
      color: var(--gray);
    }
.order-step .select2.select2-container .select2-selection__rendered {
      height: 100%;
      padding-left: 0;
      color: #000000;
      color: #000000;
      color: var(--black);
    }
.order-step .select2.select2-container .select2-selection__arrow {
      height: 100%;
      right: 20px;
    }
.order-step .select2-container--open .select2-dropdown {
    border: solid 1px #575757;
    border: solid 1px #575757;
    border: solid 1px var(--gray);
    border-radius: 0;
    background: #efefef;
    background: #efefef;
    background: var(--gray-light);
  }
/*@import 'Components/modal.css';*/
/*@import 'Components/loading-icon.css';*/
/*@import 'Components/btn.css';*/
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
*.focus-visible {
  outline: 3px dashed #43a018;
  outline: 3px dashed #43a018;
  outline: 3px dashed var(--brand-primary);
  outline-offset: 5px;
}
*.focus-visible {
  outline: 3px dashed #43a018;
  outline: 3px dashed #43a018;
  outline: 3px dashed var(--brand-primary);
  outline-offset: 5px;
}
*:focus-visible {
  outline: 3px dashed #43a018;
  outline: 3px dashed #43a018;
  outline: 3px dashed var(--brand-primary);
  outline-offset: 5px;
}
html, body {
  margin: 0;
  padding: 0;
}
html {
  background: #fff;
  background: #fff;
  background: var(--white);
}
.stand-alone--only {
  display: none;
}
body {
  font-family: 'Roboto', sans-serif;
  font-family: 'Roboto', sans-serif;
  font-family: var(--font-family-sans-serif);
  font-weight: 300;
  font-weight: 300;
  font-weight: var(--font-weight-regular);
  color: #000000;
  color: #000000;
  color: var(--black)
}
body.stand-alone .stand-alone--not {
      display: none;
    }
body.stand-alone .stand-alone--only {
      display: block;
    }
body.stand-alone .main {
      margin-top: 40px;
    }
.page-header {
}
.page-footer a {
    color: #000000;
    color: #000000;
    color: var(--black);
    text-decoration: none
  }
.page-footer a:hover {
      text-decoration: underline;
    }
.page-footer__inside {
  margin-top: 50px;
  padding-top: 20px;
  border-top: 1px solid #43a018;
  border-top: 1px solid #43a018;
  border-top: 1px solid var(--brand-primary);
}
.text {
  position: relative;

}
.text h1 {
    margin: 0;
    font-size: 18px;
    line-height: 36px;
    font-family: 'Roboto', sans-serif;
    font-family: 'Roboto', sans-serif;
    font-family: var(--font-family-sans-serif);
    font-weight: 700;
    font-weight: 700;
    font-weight: var(--font-weight-bold);
    color: #000000;
    color: #000000;
    color: var(--black);
  }
.text h2 {
    margin: 0;
    font-size: 18px;
    line-height: 36px;
    font-family: 'Roboto', sans-serif;
    font-family: 'Roboto', sans-serif;
    font-family: var(--font-family-sans-serif);
    font-weight: 700;
    font-weight: 700;
    font-weight: var(--font-weight-bold);
    color: #000000;
    color: #000000;
    color: var(--black);
  }
.text h3 {
    margin: 0;
    font-size: 18px;
    line-height: 36px;
    font-family: 'Roboto', sans-serif;
    font-family: 'Roboto', sans-serif;
    font-family: var(--font-family-sans-serif);
    font-weight: 700;
    font-weight: 700;
    font-weight: var(--font-weight-bold);
    color: #000000;
    color: #000000;
    color: var(--black);
  }
.text h4 {
    margin: 0;
    font-size: 18px;
    line-height: 36px;
    font-family: 'Roboto', sans-serif;
    font-family: 'Roboto', sans-serif;
    font-family: var(--font-family-sans-serif);
    font-weight: 700;
    font-weight: 700;
    font-weight: var(--font-weight-bold);
    color: #000000;
    color: #000000;
    color: var(--black);
  }
.text ul {
    margin: 15px 0;
    padding: 0 0 0 20px;

  }
.text a {
    color: #000000;
    color: #000000;
    color: var(--black);
    text-decoration: none
  }
.text a:hover {
      text-decoration: underline;
    }
.text a.link--more:before, .text a.link--external:before, .text a.link--download:before {
        content: "";
        position: relative;
        display: inline-block;
        width: 14px;
        height: 14px;
        margin-right: 15px;
        top: 1px;
        background: url(../Images/link-more-arrow.svg) no-repeat center;
        background-size: 100% auto;
      }
.text a.link--external:before {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
      }
.text a.link--download:before {
        -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
      }
.text p {
    margin: 0 0 15px 0;
  }
.accordion .text__inside.container__inside{
    margin: 0;
  }
.accordion__item.accordion__item--open .accordion__item__body {
      display: block;
    }
.accordion__item__body {
  display: none;
}
.accordion .text__headline-section {
  display: none;
}
.accordion .text {
    margin-bottom: 0;
}
.accordion__item__header {
  border-bottom: 1px solid #43a018;
  border-bottom: 1px solid #43a018;
  border-bottom: 1px solid var(--brand-primary);
  padding-bottom: 0;
  position: relative;
  cursor: pointer;
}
.accordion__item__header__btn {
  display: block;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  background: transparent;
  border: 0;
  text-align: left;
}
.accordion__item__header__label {
  font-size: 16px;
  line-height: 25px;
  font-family: 'Roboto', sans-serif;
  font-family: 'Roboto', sans-serif;
  font-family: var(--font-family-sans-serif);
  font-weight: 400;
  font-weight: 400;
  font-weight: var(--font-weight-semi-bold);
  color: #000000;
  color: #000000;
  color: var(--black);
  cursor: pointer
}
@media(min-width: 768px) {
.accordion__item__header__label {
    font-size: 30px;
    line-height: 36px
}
  }
.accordion__item__header__icon::after {
  content: "";
  background-image: url(../Images/arrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 50%;
  right: 10px;
  width: 32px;
  height: 32px;
  border-radius: 50px;
  color: white;
  line-height: 2;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.accordion__item--open .accordion__item__header__icon::after {
  -webkit-transform: rotate(180deg) translateY(50%);
          transform: rotate(180deg) translateY(50%);
}
.accordion .text__text-section ul {
    padding-left: 10px;
        margin-left: 8px;
  }
.accordion .text__text-section li {
    position: relative;
    margin-bottom: 6px;
  }
.accordion .text__text-section ul.download-list {
    margin: 50px 0;
    list-style-type: none;
    padding: 0;
  }
.accordion .text__text-section ul.download-list li {
      margin-bottom: 20px;
          padding-left: 35px;
    }
.accordion .text__text-section ul.download-list li a {
        list-style-type: none;
        text-decoration: none;
        color: black
      }
.accordion .text__text-section ul.download-list li a:hover{
          color:#43a018;
          color:#43a018;
          color:var(--brand-primary);
        }
.accordion .text__text-section ul.download-list li a:before {
          content: "";
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          background-image: url(../Images/download-icon.png);
          width: 32px;
          height: 32px;
          background-size: cover;
          position: absolute;
          top: 50%;
          left:5px;
        }
.order-step {
  position: relative;
  margin: 50px 0;
  padding: 50px 0;
  border-bottom: solid 1px #43a018;
  border-bottom: solid 1px #43a018;
  border-bottom: solid 1px var(--brand-primary);
}
.order-step a {
    color: #000000;
    color: #000000;
    color: var(--black);
    font-weight: 700;
    font-weight: 700;
    font-weight: var(--font-weight-bold);
    text-decoration: underline
  }
.order-step a:hover {
      text-decoration: none;
    }
.order__step--1 {
  padding-top: 0;
  margin-top: 0;
}
.order__step--2 {
  padding-top: 0;
}
.order__step--4 {
  padding-top: 0;
}
.order__step--display-error {
  border-color: red;
}
.order-step__form {
  margin: 0;
  padding: 0;
}
.form__fieldset {
  margin: 0;
  padding: 0;
  border: none;
}
.form-field__group {
  position: relative;
  width: 100%;
  margin: 0 0 25px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media(min-width: 768px) {
.form-field__group .form-field {
      margin: 0
  }
    }
.form-field__group .form-field:last-child {
      margin: 0;
    }
.form-field {
  position: relative;
  width: 100%;
  margin: 0 0 25px 0;
}
.form-field input[type=text], .form-field input[type=phone], .form-field input[type=email], .form-field input[type=number], .form-field input[type=password] {
    display: block;
    width: 100%;
    padding: 25px;
    font-size: 18px;
    line-height: 30px;
    font-family: 'Roboto', sans-serif;
    font-family: 'Roboto', sans-serif;
    font-family: var(--font-family-sans-serif);
    font-weight: 400;
    font-weight: 400;
    font-weight: var(--font-weight-semi-bold);
    background: #efefef;
    background: #efefef;
    background: var(--gray-light);
    color: #000000;
    color: #000000;
    color: var(--black);
    border: none
  }
.form-field input[type=text]::-webkit-input-placeholder, .form-field input[type=phone]::-webkit-input-placeholder, .form-field input[type=email]::-webkit-input-placeholder, .form-field input[type=number]::-webkit-input-placeholder, .form-field input[type=password]::-webkit-input-placeholder {
      color: #575757;
      color: #575757;
      color: var(--gray);
    }
.form-field input[type=text]::-moz-placeholder, .form-field input[type=phone]::-moz-placeholder, .form-field input[type=email]::-moz-placeholder, .form-field input[type=number]::-moz-placeholder, .form-field input[type=password]::-moz-placeholder {
      color: #575757;
      color: #575757;
      color: var(--gray);
    }
.form-field input[type=text]:-ms-input-placeholder, .form-field input[type=phone]:-ms-input-placeholder, .form-field input[type=email]:-ms-input-placeholder, .form-field input[type=number]:-ms-input-placeholder, .form-field input[type=password]:-ms-input-placeholder {
      color: #575757;
      color: #575757;
      color: var(--gray);
    }
.form-field input[type=text]::-ms-input-placeholder, .form-field input[type=phone]::-ms-input-placeholder, .form-field input[type=email]::-ms-input-placeholder, .form-field input[type=number]::-ms-input-placeholder, .form-field input[type=password]::-ms-input-placeholder {
      color: #575757;
      color: #575757;
      color: var(--gray);
    }
input[type=text]::-webkit-input-placeholder, input[type=phone]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder {
      color: #575757;
      color: #575757;
      color: var(--gray);
    }
input[type=text]::-moz-placeholder, input[type=phone]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=password]::-moz-placeholder {
      color: #575757;
      color: #575757;
      color: var(--gray);
    }
input[type=text]:-ms-input-placeholder, input[type=phone]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder {
      color: #575757;
      color: #575757;
      color: var(--gray);
    }
input[type=text]::-ms-input-placeholder, input[type=phone]::-ms-input-placeholder, input[type=email]::-ms-input-placeholder, input[type=number]::-ms-input-placeholder, input[type=password]::-ms-input-placeholder {
      color: #575757;
      color: #575757;
      color: var(--gray);
    }
.form-field input[type=text]::placeholder, .form-field input[type=phone]::placeholder, .form-field input[type=email]::placeholder, .form-field input[type=number]::placeholder, .form-field input[type=password]::placeholder {
      color: #575757;
      color: #575757;
      color: var(--gray);
    }
.form-field.form-field--input--disabled input[type=text], .form-field.form-field--input--disabled input[type=phone], .form-field.form-field--input--disabled input[type=email], .form-field.form-field--input--disabled input[type=number] {

    }
.form-field--input {

}
.form-field--input--small {
  width: 100%
}
@media(min-width: 768px) {
.form-field--input--small {
    max-width: 200px
}
  }
.form-field--input--medium {
  width: 100%
}
@media(min-width: 768px) {
.form-field--input--medium {
    width: -webkit-calc(100% - 225px);
    width: calc(100% - 225px)
}
  }
.form-field--input--half {
  width: 100%
}
@media(min-width: 768px) {
.form-field--input--half {
    width: -webkit-calc(50% - 12px);
    width: calc(50% - 12px)
}
  }
.form-field__checkbox-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.form-field__checkbox-group label {
    display: block;
    width: 100%;
    max-width: 165px;
    font-size: 18px;
    line-height: 30px;
    font-family: 'Roboto', sans-serif;
    font-family: 'Roboto', sans-serif;
    font-family: var(--font-family-sans-serif);
    font-weight: 400;
    font-weight: 400;
    font-weight: var(--font-weight-semi-bold);
    color: #000000;
    color: #000000;
    color: var(--black);
  }
.form-field__checkbox label {
/*    display: block;
    width: 100%;*/
    font-size: 18px;
    line-height: 30px;
    font-family: 'Roboto', sans-serif;
    font-family: 'Roboto', sans-serif;
    font-family: var(--font-family-sans-serif);
    font-weight: 400;
    font-weight: 400;
    font-weight: var(--font-weight-semi-bold);
    color: #000000;
    color: #000000;
    color: var(--black);
  }
.form-field--radio label {
    font-size: 18px;
    line-height: 30px;
    font-family: 'Roboto', sans-serif;
    font-family: 'Roboto', sans-serif;
    font-family: var(--font-family-sans-serif);
    font-weight: 400;
    font-weight: 400;
    font-weight: var(--font-weight-semi-bold);
    color: #000000;
    color: #000000;
    color: var(--black);
  }
.form__fieldset__headline {
  margin: 0;
  font-size: 18px;
  line-height: 36px;
  font-family: 'Roboto', sans-serif;
  font-family: 'Roboto', sans-serif;
  font-family: var(--font-family-sans-serif);
  font-weight: 700;
  font-weight: 700;
  font-weight: var(--font-weight-bold);
  color: #000000;
  color: #000000;
  color: var(--black);
}
.form__action {
  margin-top: 40px;
}
.form__action__button {
  border: none;
  padding: 10px 20px;
  font-size: 20px;
  line-height: 30px;
  font-family: 'Roboto', sans-serif;
  font-family: 'Roboto', sans-serif;
  font-family: var(--font-family-sans-serif);
  font-weight: 700;
  font-weight: 700;
  font-weight: var(--font-weight-bold);
  color: #fff;
  color: #fff;
  color: var(--white);
  background: #003399;
  background: #003399;
  background: var(--brand-secondary);
  cursor: pointer;
}
.form__fieldset--amounts {
  width: 100%;
  margin: 0 0 25px 0;
}
.form__fieldset--amounts__inside {
  width: 100%
}
@media(min-width: 768px) {
.form__fieldset--amounts__inside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between
}
  }
.form__fieldset--amounts__amount {
  position: relative;
  width: 100%;
  /*  height: 100%;*/
}
@media(max-width: 767px) {
    .form__fieldset--amounts__amount:first-child {
      margin-bottom: 25px;
    }
  }
@media(min-width: 768px) {
.form__fieldset--amounts__amount {
    width: -webkit-calc(50% - 25px);
    width: calc(50% - 25px);
}

    .form__fieldset--amounts__amount:last-child {
      /*      margin-left: 25px;*/
    }
  }
.form__fieldset--amounts__amount h3 {
    margin: 0 0 25px 0;
    font-size: 18px;
    line-height: 30px;
  }
.form__fieldset--amounts__amount .form-field {
    margin: 0;
  }
.form__fieldset--amounts__amount + .form__fieldset--amounts__amount:before {
    content: "";
    display: block;
    height: 100%;
    width: 1px;
    position: absolute;
    top: 0;
    left: -25px;
    border-right: solid 1px #43a018;
    border-right: solid 1px #43a018;
    border-right: solid 1px var(--brand-primary);
  }
.amount-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 0 0 25px 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center
}
.amount-item:last-child {
    margin: 0;
  }
.amount-item img {
    display: block;
    width: 40%;
    height: auto
  }
@media(min-width: 768px) {
.amount-item img {
      width: 50%
  }
    }
.amount-item__label-and-radio {
  display: block;
  width: 60%
}
@media(min-width: 768px) {
.amount-item__label-and-radio {
    width: 50%
}
  }
.amount-item__label {
  font-size: 18px;
  line-height: 30px;
  font-family: 'Roboto', sans-serif;
  font-family: 'Roboto', sans-serif;
  font-family: var(--font-family-sans-serif);
  font-weight: 400;
  font-weight: 400;
  font-weight: var(--font-weight-semi-bold);
}
.form__fieldset--times {
  position: relative;
  width: 100%;

}
.form__fieldset--times .flatpickr-day.selected, .form__fieldset--times .flatpickr-day.startRange, .form__fieldset--times .flatpickr-day.endRange, .form__fieldset--times .flatpickr-day.selected.inRange, .form__fieldset--times .flatpickr-day.startRange.inRange, .form__fieldset--times .flatpickr-day.endRange.inRange, .form__fieldset--times .flatpickr-day.selected:focus, .form__fieldset--times .flatpickr-day.startRange:focus, .form__fieldset--times .flatpickr-day.endRange:focus, .form__fieldset--times .flatpickr-day.selected:hover, .form__fieldset--times .flatpickr-day.startRange:hover, .form__fieldset--times .flatpickr-day.endRange:hover, .form__fieldset--times .flatpickr-day.selected.prevMonthDay, .form__fieldset--times .flatpickr-day.startRange.prevMonthDay, .form__fieldset--times .flatpickr-day.endRange.prevMonthDay, .form__fieldset--times .flatpickr-day.selected.nextMonthDay, .form__fieldset--times .flatpickr-day.startRange.nextMonthDay, .form__fieldset--times .flatpickr-day.endRange.nextMonthDay {
    background: #43a018;
    background: #43a018;
    background: var(--brand-primary);
    border-color: #43a018;
    border-color: #43a018;
    border-color: var(--brand-primary)
  }
.form__fieldset--times .flatpickr-day.selected:hover, .form__fieldset--times .flatpickr-day.startRange:hover, .form__fieldset--times .flatpickr-day.endRange:hover, .form__fieldset--times .flatpickr-day.selected.inRange:hover, .form__fieldset--times .flatpickr-day.startRange.inRange:hover, .form__fieldset--times .flatpickr-day.endRange.inRange:hover, .form__fieldset--times .flatpickr-day.selected:focus:hover, .form__fieldset--times .flatpickr-day.startRange:focus:hover, .form__fieldset--times .flatpickr-day.endRange:focus:hover, .form__fieldset--times .flatpickr-day.selected:hover:hover, .form__fieldset--times .flatpickr-day.startRange:hover:hover, .form__fieldset--times .flatpickr-day.endRange:hover:hover, .form__fieldset--times .flatpickr-day.selected.prevMonthDay:hover, .form__fieldset--times .flatpickr-day.startRange.prevMonthDay:hover, .form__fieldset--times .flatpickr-day.endRange.prevMonthDay:hover, .form__fieldset--times .flatpickr-day.selected.nextMonthDay:hover, .form__fieldset--times .flatpickr-day.startRange.nextMonthDay:hover, .form__fieldset--times .flatpickr-day.endRange.nextMonthDay:hover {
      background: #43a018;
      background: #43a018;
      background: var(--brand-primary);
      border-color: #43a018;
      border-color: #43a018;
      border-color: var(--brand-primary);
    }
.form__fieldset--times .flatpickr-calendar.arrowTop:before {
    display: none;
  }
.form__fieldset--times .flatpickr-calendar.arrowTop:after {
    display: none;
  }
@media(min-width: 768px) {
.times__columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
  }
.times__column {
  width: 100%
}
@media(min-width: 768px) {
.times__column {
    width: 50%
}
  }
.times__column:first-child {
    margin-bottom: 35px;
  }
.times__suggestions {
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 18px;
  line-height: 36px;
  font-weight: 700;
  font-weight: 700;
  font-weight: var(--font-weight-bold);
}
.times__suggestion {
  display: block;
  width: 100%;
}
ul.typo3-messages {
  margin: 50px 0;
  padding: 0;
  list-style: none;
  font-weight: 700;
  font-weight: 700;
  font-weight: var(--font-weight-bold);
  border-top: solid 1px #43a018;
  border-top: solid 1px #43a018;
  border-top: solid 1px var(--brand-primary);
  border-bottom: solid 1px #43a018;
  border-bottom: solid 1px #43a018;
  border-bottom: solid 1px var(--brand-primary);
}
.maintenance-advice {
  margin: 50px 0 150px 0;
}
.maintenance-advice__text {
  padding: 25px 0 150px 0;
  border-top: solid 1px #43a018;
  border-top: solid 1px #43a018;
  border-top: solid 1px var(--brand-primary);
  text-align: center;
}
.maintenance--status {

}
.maintenance--status__status {
  border: solid 4px #43a018;
  border: solid 4px #43a018;
  border: solid 4px var(--brand-primary);

  background: #43a018;

  background: #43a018;

  background: var(--brand-primary);
  padding: 10px;
  font-weight: 700;
  font-weight: 700;
  font-weight: var(--font-weight-bold);
  color: white;
}
.maintenance--status__status--soft {
  background-image: -webkit-linear-gradient(45deg, #ff0000 25%, #eb6c6c 25%, #eb6c6c 50%, #ff0000 50%, #ff0000 75%, #eb6c6c 75%, #eb6c6c 100%);
  background-image: linear-gradient(45deg, #ff0000 25%, #eb6c6c 25%, #eb6c6c 50%, #ff0000 50%, #ff0000 75%, #eb6c6c 75%, #eb6c6c 100%);
  background-size: 40.00px 40.00px;
  border-color: orangered;
  color: white;
}
.maintenance--status__status--hard {
  background-image: -webkit-linear-gradient(45deg, #c40c0c 25%, darkred 25%, darkred 50%, #C40C0C 50%, #C40C0C 75%, darkred 75%, darkred 100%);
  background-image: linear-gradient(45deg, #c40c0c 25%, darkred 25%, darkred 50%, #C40C0C 50%, #C40C0C 75%, darkred 75%, darkred 100%);
  background-size: 40.00px 40.00px;
  border-color: darkred;
  color: white;
}
.maintenance--status__logout-wrap {
  position: absolute;
  right: 0;
  top: 0;

}
