/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

html {
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
  min-width: 320px;
  font-size: 16px
}

body, html {
  height: 100%
}

body {
  font-family: Gotham Narrow SSm,Helvetica Neue,Arial,sans-serif;
  font-style: normal;
  margin: 0;
  min-width: 280px;
  max-width: 100vw;
  background-color: #0075ac;
  color: #575757;
  overflow-x: hidden;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px
}

hr {
  height: 0;
  box-sizing: content-box;
  overflow: visible
}

pre {
  font-family: monospace;
  font-size: 1em
}

a {
  background-color: transparent;
  text-decoration: none
}

button {
  border: none;
  padding: 0;
  background: transparent;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  color: #575757
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}

b, strong {
  font-weight: 500
}

sub, sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

button, input, optgroup, select, textarea {
  font-family: inherit
}

[type=button], [type=reset], [type=submit], button {
  -webkit-appearance: button
}

  [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
  }

  [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText
  }

legend {
  display: table;
  max-width: 100%;
  color: inherit;
  white-space: normal
}

[type=checkbox], [type=radio], legend {
  padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

  [type=search]::-webkit-search-decoration {
    -webkit-appearance: none
  }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

.flatpickr-calendar {
  display: none;
  position: absolute;
  border: 0;
  padding: 0;
  width: 307.875px;
  box-sizing: border-box;
  background: transparent;
  background: #fff;
  border-radius: 5px;
  opacity: 0;
  box-shadow: 1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,.08);
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  visibility: hidden;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  touch-action: manipulation
}

  .flatpickr-calendar.inline, .flatpickr-calendar.open {
    max-height: 640px;
    opacity: 1;
    visibility: visible
  }

  .flatpickr-calendar.open {
    display: inline-block;
    z-index: 99999
  }

  .flatpickr-calendar.animate.open {
    -webkit-animation: fpFadeInDown .3s cubic-bezier(.23,1,.32,1);
    animation: fpFadeInDown .3s cubic-bezier(.23,1,.32,1)
  }

  .flatpickr-calendar.inline {
    display: block;
    position: relative;
    top: 2px
  }

  .flatpickr-calendar.static {
    position: absolute;
    top: calc(100% + 2px)
  }

    .flatpickr-calendar.static.open {
      display: block;
      z-index: 999
    }

  .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
    box-shadow: none !important
  }

  .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
    box-shadow: -2px 0 0 #e6e6e6,5px 0 0 #e6e6e6
  }

  .flatpickr-calendar .hasTime .dayContainer, .flatpickr-calendar .hasWeeks .dayContainer {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
  }

  .flatpickr-calendar .hasWeeks .dayContainer {
    border-left: 0
  }

  .flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
    border-top: 1px solid #e6e6e6;
    height: 40px
  }

  .flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
    height: auto
  }

  .flatpickr-calendar:after, .flatpickr-calendar:before {
    display: block;
    position: absolute;
    content: "";
    left: 22px;
    border: solid transparent;
    width: 0;
    height: 0;
    pointer-events: none
  }

  .flatpickr-calendar.rightMost:after, .flatpickr-calendar.rightMost:before {
    right: 22px;
    left: auto
  }

  .flatpickr-calendar:before {
    border-width: 5px;
    margin: 0 -5px
  }

  .flatpickr-calendar:after {
    border-width: 4px;
    margin: 0 -4px
  }

  .flatpickr-calendar.arrowTop:after, .flatpickr-calendar.arrowTop:before {
    bottom: 100%
  }

  .flatpickr-calendar.arrowTop:before {
    border-bottom-color: #e6e6e6
  }

  .flatpickr-calendar.arrowTop:after {
    border-bottom-color: #fff
  }

  .flatpickr-calendar.arrowBottom:after, .flatpickr-calendar.arrowBottom:before {
    top: 100%
  }

  .flatpickr-calendar.arrowBottom:before {
    border-top-color: #e6e6e6
  }

  .flatpickr-calendar.arrowBottom:after {
    border-top-color: #fff
  }

  .flatpickr-calendar:focus {
    outline: 0
  }

.flatpickr-wrapper {
  display: inline-block;
  position: relative
}

.flatpickr-months {
  display: flex
}

  .flatpickr-months .flatpickr-month {
    position: relative;
    height: 28px;
    flex: 1;
    background: transparent;
    color: rgba(0,0,0,.9);
    line-height: 1;
    text-align: center;
    overflow: hidden;
    fill: rgba(0,0,0,.9);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-flex: 1
  }

  .flatpickr-months .flatpickr-next-month, .flatpickr-months .flatpickr-prev-month {
    position: absolute;
    top: 0;
    padding: 10px;
    height: 28px;
    color: rgba(0,0,0,.9);
    line-height: 16px;
    text-decoration: none;
    cursor: pointer;
    z-index: 3;
    fill: rgba(0,0,0,.9)
  }

    .flatpickr-months .flatpickr-next-month.flatpickr-disabled, .flatpickr-months .flatpickr-prev-month.flatpickr-disabled {
      display: none
    }

    .flatpickr-months .flatpickr-next-month i, .flatpickr-months .flatpickr-prev-month i {
      position: relative
    }

    .flatpickr-months .flatpickr-next-month.flatpickr-prev-month, .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
      left: 0
    }

    .flatpickr-months .flatpickr-next-month.flatpickr-next-month, .flatpickr-months .flatpickr-prev-month.flatpickr-next-month {
      right: 0
    }

    .flatpickr-months .flatpickr-next-month:hover, .flatpickr-months .flatpickr-prev-month:hover {
      color: #959ea9
    }

      .flatpickr-months .flatpickr-next-month:hover svg, .flatpickr-months .flatpickr-prev-month:hover svg {
        fill: #f64747
      }

    .flatpickr-months .flatpickr-next-month svg, .flatpickr-months .flatpickr-prev-month svg {
      width: 14px;
      height: 14px
    }

      .flatpickr-months .flatpickr-next-month svg path, .flatpickr-months .flatpickr-prev-month svg path {
        transition: fill .1s;
        fill: inherit
      }

.numInputWrapper {
  position: relative;
  height: auto
}

  .numInputWrapper input, .numInputWrapper span {
    display: inline-block
  }

  .numInputWrapper input {
    width: 100%
  }

    .numInputWrapper input::-ms-clear {
      display: none
    }

    .numInputWrapper input::-webkit-inner-spin-button, .numInputWrapper input::-webkit-outer-spin-button {
      margin: 0;
      -webkit-appearance: none
    }

  .numInputWrapper span {
    position: absolute;
    right: 0;
    border: 1px solid rgba(57,57,57,.15);
    padding: 0 4px 0 2px;
    width: 14px;
    height: 50%;
    box-sizing: border-box;
    opacity: 0;
    line-height: 50%;
    cursor: pointer
  }

    .numInputWrapper span:hover {
      background: rgba(0,0,0,.1)
    }

    .numInputWrapper span:active {
      background: rgba(0,0,0,.2)
    }

    .numInputWrapper span:after {
      display: block;
      position: absolute;
      content: ""
    }

    .numInputWrapper span.arrowUp {
      top: 0;
      border-bottom: 0
    }

      .numInputWrapper span.arrowUp:after {
        top: 26%;
        border-right: 4px solid transparent;
        border-bottom: 4px solid rgba(57,57,57,.6);
        border-left: 4px solid transparent
      }

    .numInputWrapper span.arrowDown {
      top: 50%
    }

      .numInputWrapper span.arrowDown:after {
        top: 40%;
        border-top: 4px solid rgba(57,57,57,.6);
        border-right: 4px solid transparent;
        border-left: 4px solid transparent
      }

    .numInputWrapper span svg {
      width: inherit;
      height: auto
    }

      .numInputWrapper span svg path {
        fill: rgba(0,0,0,.5)
      }

  .numInputWrapper:hover {
    background: rgba(0,0,0,.05)
  }

    .numInputWrapper:hover span {
      opacity: 1
    }

.flatpickr-current-month {
  display: inline-block;
  position: absolute;
  left: 12.5%;
  padding: 6.16px 0 0;
  width: 75%;
  height: 28px;
  color: inherit;
  font-weight: 300;
  font-size: 135%;
  line-height: inherit;
  line-height: 1;
  text-align: center;
  transform: translateZ(0)
}

  .flatpickr-current-month .flatpickr-monthDropdown-months {
    display: inline-block;
    margin-left: .5ch;
    border: none;
    padding: 0;
    color: inherit;
    font-family: inherit;
    font-weight: 500;
    font-size: 18px
  }

    .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
      background: rgba(0,0,0,.05)
    }

  .flatpickr-current-month .numInputWrapper {
    display: inline-block;
    width: 6ch;
    width: 7ch\0
  }

    .flatpickr-current-month .numInputWrapper span.arrowUp:after {
      border-bottom-color: rgba(0,0,0,.9)
    }

    .flatpickr-current-month .numInputWrapper span.arrowDown:after {
      border-top-color: rgba(0,0,0,.9)
    }

  .flatpickr-current-month input.cur-year {
    display: inline-block;
    margin: 0;
    border: 0;
    padding: 0 0 0 .5ch;
    height: auto;
    box-sizing: border-box;
    background: transparent;
    border-radius: 0;
    color: inherit;
    font-family: inherit;
    font-weight: 300;
    font-size: inherit;
    line-height: inherit;
    cursor: text;
    vertical-align: initial;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
  }

    .flatpickr-current-month input.cur-year:focus {
      outline: 0
    }

    .flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {
      background: transparent;
      color: rgba(0,0,0,.5);
      font-size: 100%;
      pointer-events: none
    }

.flatpickr-weekdays {
  display: flex;
  width: 100%;
  height: 28px;
  background: transparent;
  text-align: center;
  overflow: hidden;
  align-items: center
}

  .flatpickr-weekdays .flatpickr-weekdaycontainer {
    display: flex;
    flex: 1
  }

span.flatpickr-weekday {
  display: block;
  margin: 0;
  flex: 1;
  background: transparent;
  color: rgba(0,0,0,.54);
  font-weight: bolder;
  font-size: 90%;
  line-height: 1;
  text-align: center;
  cursor: default;
  -webkit-box-flex: 1
}

.dayContainer, .flatpickr-weeks {
  padding: 1px 0 0
}

.flatpickr-days {
  display: flex;
  position: relative;
  width: 307.875px;
  overflow: hidden;
  align-items: flex-start
}

  .flatpickr-days:focus {
    outline: 0
  }

.dayContainer {
  display: inline-block;
  display: flex;
  padding: 0;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  box-sizing: border-box;
  opacity: 1;
  text-align: left;
  outline: 0;
  transform: translateZ(0);
  flex-wrap: wrap;
  justify-content: space-around
}

  .dayContainer + .dayContainer {
    box-shadow: -1px 0 0 #e6e6e6
  }

.flatpickr-day {
  display: inline-block;
  position: relative;
  margin: 0;
  border: 1px solid transparent;
  width: 14.2857143%;
  max-width: 39px;
  height: 39px;
  box-sizing: border-box;
  background: none;
  border-radius: 150px;
  color: #393939;
  font-weight: 400;
  line-height: 39px;
  text-align: center;
  cursor: pointer;
  flex-basis: 14.2857143%;
  justify-content: center
}

  .flatpickr-day.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day.nextMonthDay:focus, .flatpickr-day.nextMonthDay:hover, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.today.inRange, .flatpickr-day:focus, .flatpickr-day:hover {
    background: #e6e6e6;
    border-color: #e6e6e6;
    cursor: pointer;
    outline: 0
  }

  .flatpickr-day.today {
    border-color: #959ea9
  }

    .flatpickr-day.today:focus, .flatpickr-day.today:hover {
      background: #959ea9;
      border-color: #959ea9;
      color: #fff
    }

  .flatpickr-day.endRange, .flatpickr-day.endRange.inRange, .flatpickr-day.endRange.nextMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.endRange:focus, .flatpickr-day.endRange:hover, .flatpickr-day.selected, .flatpickr-day.selected.inRange, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.selected:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange, .flatpickr-day.startRange.inRange, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.startRange:focus, .flatpickr-day.startRange:hover {
    background: #569ff7;
    border-color: #569ff7;
    box-shadow: none;
    color: #fff
  }

    .flatpickr-day.endRange.startRange, .flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange {
      border-radius: 50px 0 0 50px
    }

    .flatpickr-day.endRange.endRange, .flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange {
      border-radius: 0 50px 50px 0
    }

    .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)) {
      box-shadow: -10px 0 0 #569ff7
    }

    .flatpickr-day.endRange.startRange.endRange, .flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange {
      border-radius: 50px
    }

  .flatpickr-day.inRange {
    border-radius: 0;
    box-shadow: -5px 0 0 #e6e6e6,5px 0 0 #e6e6e6
  }

  .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.nextMonthDay, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.prevMonthDay {
    background: transparent;
    border-color: transparent;
    color: rgba(57,57,57,.3);
    cursor: default
  }

    .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
      color: rgba(57,57,57,.1);
      cursor: not-allowed
    }

  .flatpickr-day.week.selected {
    border-radius: 0;
    box-shadow: -5px 0 0 #569ff7,5px 0 0 #569ff7
  }

  .flatpickr-day.hidden {
    visibility: hidden
  }

.rangeMode .flatpickr-day {
  margin-top: 1px
}

.flatpickr-weekwrapper {
  display: inline-block
}

  .flatpickr-weekwrapper .flatpickr-weeks {
    padding: 0 12px;
    box-shadow: 1px 0 0 #e6e6e6
  }

  .flatpickr-weekwrapper .flatpickr-weekday {
    float: none;
    width: 100%;
    line-height: 28px
  }

  .flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover {
    display: block;
    border: none;
    width: 100%;
    max-width: none;
    background: transparent;
    color: rgba(57,57,57,.3);
    cursor: default
  }

.flatpickr-innerContainer {
  display: block;
  display: flex;
  box-sizing: border-box;
  overflow: hidden
}

.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  box-sizing: border-box
}

.flatpickr-time {
  display: block;
  display: flex;
  height: 0;
  max-height: 40px;
  box-sizing: border-box;
  line-height: 40px;
  text-align: center;
  overflow: hidden;
  outline: 0
}

  .flatpickr-time:after {
    display: table;
    clear: both;
    content: ""
  }

  .flatpickr-time .numInputWrapper {
    float: left;
    width: 40%;
    height: 40px;
    flex: 1;
    -webkit-box-flex: 1
  }

    .flatpickr-time .numInputWrapper span.arrowUp:after {
      border-bottom-color: #393939
    }

    .flatpickr-time .numInputWrapper span.arrowDown:after {
      border-top-color: #393939
    }

  .flatpickr-time.hasSeconds .numInputWrapper {
    width: 26%
  }

  .flatpickr-time.time24hr .numInputWrapper {
    width: 49%
  }

  .flatpickr-time input {
    position: relative;
    margin: 0;
    border: 0;
    padding: 0;
    height: inherit;
    box-sizing: border-box;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    color: #393939;
    font-size: 14px;
    line-height: inherit;
    text-align: center;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
  }

    .flatpickr-time input.flatpickr-hour {
      font-weight: 700
    }

    .flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
      font-weight: 400
    }

    .flatpickr-time input:focus {
      border: 0;
      outline: 0
    }

  .flatpickr-time .flatpickr-am-pm, .flatpickr-time .flatpickr-time-separator {
    display: inline-block;
    width: 2%;
    height: inherit;
    color: #393939;
    font-weight: 700;
    line-height: inherit;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    align-self: center
  }

  .flatpickr-time .flatpickr-am-pm {
    width: 18%;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
    outline: 0
  }

    .flatpickr-time .flatpickr-am-pm:focus, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time input:hover {
      background: #eee
    }

.flatpickr-input[readonly] {
  cursor: pointer
}

@-webkit-keyframes fpFadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0,-20px,0)
  }

  to {
    opacity: 1;
    transform: translateZ(0)
  }
}

@keyframes fpFadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0,-20px,0)
  }

  to {
    opacity: 1;
    transform: translateZ(0)
  }
}

.schadenformular-datepicker.flatpickr-calendar {
  padding: 0;
  width: 100%
}

  .schadenformular-datepicker.flatpickr-calendar.custom-position {
    right: auto
  }

.schadenformular-datepicker .flatpickr-monthDropdown-months, .schadenformular-datepicker .numInputWrapper .numInput {
  color: #0075ac;
  font-weight: 500
}

.schadenformular-datepicker .flatpickr-months {
  margin-bottom: 12px
}

  .schadenformular-datepicker .flatpickr-months .flatpickr-next-month, .schadenformular-datepicker .flatpickr-months .flatpickr-prev-month {
    position: relative
  }

    .schadenformular-datepicker .flatpickr-months .flatpickr-next-month:hover svg, .schadenformular-datepicker .flatpickr-months .flatpickr-prev-month:hover svg {
      fill: #f4f4f4
    }

.schadenformular-datepicker .flatpickr-day.nextMonthDay, .schadenformular-datepicker .flatpickr-day.prevMonthDay {
  background: #eee;
  border-color: transparent;
  color: #bac2c7;
  cursor: default
}

  .schadenformular-datepicker .flatpickr-day.nextMonthDay:focus, .schadenformular-datepicker .flatpickr-day.nextMonthDay:hover, .schadenformular-datepicker .flatpickr-day.prevMonthDay:focus, .schadenformular-datepicker .flatpickr-day.prevMonthDay:hover, .schadenformular-datepicker .flatpickr-day:focus, .schadenformular-datepicker .flatpickr-day:hover {
    background: #31cbf8;
    border-color: #31cbf8;
    color: #fff
  }

.schadenformular-datepicker .flatpickr-day.today {
  border-color: #31cbf8;
  color: #575757
}

  .schadenformular-datepicker .flatpickr-day.selected, .schadenformular-datepicker .flatpickr-day.today:focus, .schadenformular-datepicker .flatpickr-day.today:hover {
    background: #31cbf8;
    border-color: #31cbf8;
    color: #fff
  }

@media(min-width:768px) {
  .schadenformular-datepicker.flatpickr-calendar {
    padding: 10px 15px 15px;
    width: auto
  }
}

@media(min-width:1024px) {
  .schadenformular-datepicker.flatpickr-calendar.custom-position {
    right: -24px;
    transform: translateX(100%)
  }

    .schadenformular-datepicker.flatpickr-calendar.custom-position:after, .schadenformular-datepicker.flatpickr-calendar.custom-position:before {
      display: none
    }
}

.swiper-container {
  position: relative;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  overflow: hidden;
  z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
  float: left
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column
}

.swiper-wrapper {
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: content-box;
  z-index: 1;
  transition-property: transform
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
  transform: translateZ(0)
}

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap
}

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto
}

.swiper-slide {
  position: relative;
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  transition-property: transform
}

.swiper-slide-invisible-blank {
  visibility: hidden
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto
}

  .swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform,height
  }

.swiper-container-3d {
  perspective: 1200px
}

  .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
  }

  .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    pointer-events: none
  }

  .swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent)
  }

  .swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent)
  }

  .swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent)
  }

  .swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent)
  }

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
  touch-action: pan-y
}

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {
  touch-action: pan-x
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  margin-top: -22px;
  width: 27px;
  height: 44px;
  background-size: 27px 44px;
  background-position: 50%;
  cursor: pointer;
  z-index: 10;
  background-repeat: no-repeat
}

  .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
  }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  right: auto;
  left: 10px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E")
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-button-lock {
  display: none
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  z-index: 10;
  transform: translateZ(0);
  transition: opacity .3s
}

  .swiper-pagination.swiper-pagination-hidden {
    opacity: 0
  }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%
}

.swiper-pagination-bullets-dynamic {
  font-size: 0;
  overflow: hidden
}

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    transform: scale(.33)
  }

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
  }

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
  }

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
  }

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
  }

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
  }

.swiper-pagination-bullet {
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #000;
  border-radius: 100%;
  opacity: .2
}

button.swiper-pagination-bullet {
  margin: 0;
  border: none;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer
}

.swiper-pagination-bullet-active {
  background: #007aff;
  opacity: 1
}

.swiper-container-vertical > .swiper-pagination-bullets {
  top: 50%;
  right: 10px;
  transform: translate3d(0,-50%,0)
}

  .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    margin: 6px 0
  }

  .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    width: 8px;
    transform: translateY(-50%)
  }

    .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
      display: inline-block;
      transition: top .2s,-webkit-transform .2s;
      transition: transform .2s,top .2s;
      transition: transform .2s,top .2s,-webkit-transform .2s
    }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap
}

  .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: left .2s,-webkit-transform .2s;
    transition: transform .2s,left .2s;
    transition: transform .2s,left .2s,-webkit-transform .2s
  }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: right .2s,-webkit-transform .2s;
  transition: transform .2s,right .2s;
  transition: transform .2s,right .2s,-webkit-transform .2s
}

.swiper-pagination-progressbar {
  position: absolute;
  background: rgba(0,0,0,.25)
}

  .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #007aff;
    transform: scale(0);
    transform-origin: left top
  }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  top: 0;
  left: 0;
  width: 100%;
  height: 4px
}

  .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
    top: 0;
    left: 0;
    width: 4px;
    height: 100%
  }

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
  background: hsla(0,0%,100%,.25)
}

  .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
  }

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0,0,0,.25)
}

  .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
  }

.swiper-pagination-lock {
  display: none
}

.swiper-scrollbar {
  position: relative;
  background: rgba(0,0,0,.1);
  border-radius: 10px;
  -ms-touch-action: none
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  bottom: 3px;
  left: 1%;
  width: 98%;
  height: 5px;
  z-index: 50
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  top: 1%;
  right: 3px;
  width: 5px;
  height: 98%;
  z-index: 50
}

.swiper-scrollbar-drag {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.5);
  border-radius: 10px
}

.swiper-scrollbar-cursor-drag {
  cursor: move
}

.swiper-scrollbar-lock {
  display: none
}

.swiper-zoom-container {
  display: flex;
  width: 100%;
  height: 100%;
  text-align: center;
  justify-content: center;
  align-items: center
}

  .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
  }

.swiper-slide-zoomed {
  cursor: move
}

.swiper-lazy-preloader {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -21px;
  margin-left: -21px;
  width: 42px;
  height: 42px;
  z-index: 10;
  -webkit-animation: swiper-preloader-spin 1s steps(12) infinite;
  animation: swiper-preloader-spin 1s steps(12) infinite;
  transform-origin: 50%
}

  .swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
    background-size: 100%;
    background-position: 50%;
    background-repeat: no-repeat
  }

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
  to {
    transform: rotate(1turn)
  }
}

@keyframes swiper-preloader-spin {
  to {
    transform: rotate(1turn)
  }
}

.swiper-container .swiper-notification {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: -1000;
  pointer-events: none
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity
}

  .swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
  }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-container-cube {
  overflow: visible
}

  .swiper-container-cube .swiper-slide {
    width: 100%;
    height: 100%;
    visibility: hidden;
    z-index: 1;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-origin: 0 0
  }

    .swiper-container-cube .swiper-slide .swiper-slide {
      pointer-events: none
    }

  .swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
  }

  .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
  }

  .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
  }

  .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
  }

  .swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    z-index: 0;
    -webkit-filter: blur(50px);
    filter: blur(50px)
  }

.swiper-container-flip {
  overflow: visible
}

  .swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
  }

    .swiper-container-flip .swiper-slide .swiper-slide {
      pointer-events: none
    }

  .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
  }

  .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
  }

.swiper-container-coverflow .swiper-wrapper {
  -ms-perspective: 1200px
}

@font-face {
  font-family: Gotham Narrow SSm;
  src: url(../fonts/diebayerische/GothamNarrSSm-XLight_Web.woff2) format("woff2") font-weight: 200;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: Gotham Narrow SSm;
  src: url(../fonts/diebayerische/GothamNarrSSm-Light_Web.woff2) format("woff2") font-weight: 300;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: Gotham Narrow SSm;
  src: url(../fonts/diebayerische/GothamNarrSSm-Book_Web.woff2) format("woff2") font-weight: 400;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: Gotham Narrow SSm;
  src: url(../fonts/diebayerische/GothamNarrSSm-Medium_Web.woff2) format("woff2") font-weight: 500;
  font-style: normal;
  font-display: swap
}
/*!
 * Bootstrap Grid v4.5.2 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

*, :after, :before {
  box-sizing: inherit
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto
}

@media(min-width:540px) {
  .container, .container-sm {
    max-width: 502px
  }
}

@media(min-width:768px) {
  .container, .container-md, .container-sm {
    max-width: 720px
  }
}

@media(min-width:992px) {
  .container, .container-lg, .container-md, .container-sm {
    max-width: 956px
  }
}

@media(min-width:1440px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1380px
  }
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -4px;
  margin-left: -4px
}

.no-gutters {
  margin-right: 0;
  margin-left: 0
}

  .no-gutters > .col, .no-gutters > [class*=col-] {
    padding-right: 0;
    padding-left: 0
  }

.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-auto, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-auto, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%
}

.row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%
}

.row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%
}

.row-cols-3 > * {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%
}

.row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%
}

.row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%
}

.row-cols-6 > * {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%
}

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%
}

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%
}

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%
}

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%
}

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%
}

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%
}

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%
}

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%
}

.order-first {
  order: -1
}

.order-last {
  order: 13
}

.order-0 {
  order: 0
}

.order-1 {
  order: 1
}

.order-2 {
  order: 2
}

.order-3 {
  order: 3
}

.order-4 {
  order: 4
}

.order-5 {
  order: 5
}

.order-6 {
  order: 6
}

.order-7 {
  order: 7
}

.order-8 {
  order: 8
}

.order-9 {
  order: 9
}

.order-10 {
  order: 10
}

.order-11 {
  order: 11
}

.order-12 {
  order: 12
}

.offset-1 {
  margin-left: 8.3333333333%
}

.offset-2 {
  margin-left: 16.6666666667%
}

.offset-3 {
  margin-left: 25%
}

.offset-4 {
  margin-left: 33.3333333333%
}

.offset-5 {
  margin-left: 41.6666666667%
}

.offset-6 {
  margin-left: 50%
}

.offset-7 {
  margin-left: 58.3333333333%
}

.offset-8 {
  margin-left: 66.6666666667%
}

.offset-9 {
  margin-left: 75%
}

.offset-10 {
  margin-left: 83.3333333333%
}

.offset-11 {
  margin-left: 91.6666666667%
}

@media(min-width:540px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
  }

  .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%
  }

  .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%
  }

  .row-cols-sm-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%
  }

  .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%
  }

  .row-cols-sm-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
  }

  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
  }

  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%
  }

  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
  }

  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%
  }

  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
  }

  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
  }

  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%
  }

  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
  }

  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
  }

  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%
  }

  .order-sm-first {
    order: -1
  }

  .order-sm-last {
    order: 13
  }

  .order-sm-0 {
    order: 0
  }

  .order-sm-1 {
    order: 1
  }

  .order-sm-2 {
    order: 2
  }

  .order-sm-3 {
    order: 3
  }

  .order-sm-4 {
    order: 4
  }

  .order-sm-5 {
    order: 5
  }

  .order-sm-6 {
    order: 6
  }

  .order-sm-7 {
    order: 7
  }

  .order-sm-8 {
    order: 8
  }

  .order-sm-9 {
    order: 9
  }

  .order-sm-10 {
    order: 10
  }

  .order-sm-11 {
    order: 11
  }

  .order-sm-12 {
    order: 12
  }

  .offset-sm-0 {
    margin-left: 0
  }

  .offset-sm-1 {
    margin-left: 8.3333333333%
  }

  .offset-sm-2 {
    margin-left: 16.6666666667%
  }

  .offset-sm-3 {
    margin-left: 25%
  }

  .offset-sm-4 {
    margin-left: 33.3333333333%
  }

  .offset-sm-5 {
    margin-left: 41.6666666667%
  }

  .offset-sm-6 {
    margin-left: 50%
  }

  .offset-sm-7 {
    margin-left: 58.3333333333%
  }

  .offset-sm-8 {
    margin-left: 66.6666666667%
  }

  .offset-sm-9 {
    margin-left: 75%
  }

  .offset-sm-10 {
    margin-left: 83.3333333333%
  }

  .offset-sm-11 {
    margin-left: 91.6666666667%
  }
}

@media(min-width:768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
  }

  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%
  }

  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%
  }

  .row-cols-md-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%
  }

  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%
  }

  .row-cols-md-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
  }

  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
  }

  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%
  }

  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
  }

  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%
  }

  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
  }

  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
  }

  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%
  }

  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
  }

  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
  }

  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%
  }

  .order-md-first {
    order: -1
  }

  .order-md-last {
    order: 13
  }

  .order-md-0 {
    order: 0
  }

  .order-md-1 {
    order: 1
  }

  .order-md-2 {
    order: 2
  }

  .order-md-3 {
    order: 3
  }

  .order-md-4 {
    order: 4
  }

  .order-md-5 {
    order: 5
  }

  .order-md-6 {
    order: 6
  }

  .order-md-7 {
    order: 7
  }

  .order-md-8 {
    order: 8
  }

  .order-md-9 {
    order: 9
  }

  .order-md-10 {
    order: 10
  }

  .order-md-11 {
    order: 11
  }

  .order-md-12 {
    order: 12
  }

  .offset-md-0 {
    margin-left: 0
  }

  .offset-md-1 {
    margin-left: 8.3333333333%
  }

  .offset-md-2 {
    margin-left: 16.6666666667%
  }

  .offset-md-3 {
    margin-left: 25%
  }

  .offset-md-4 {
    margin-left: 33.3333333333%
  }

  .offset-md-5 {
    margin-left: 41.6666666667%
  }

  .offset-md-6 {
    margin-left: 50%
  }

  .offset-md-7 {
    margin-left: 58.3333333333%
  }

  .offset-md-8 {
    margin-left: 66.6666666667%
  }

  .offset-md-9 {
    margin-left: 75%
  }

  .offset-md-10 {
    margin-left: 83.3333333333%
  }

  .offset-md-11 {
    margin-left: 91.6666666667%
  }
}

@media(min-width:992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
  }

  .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%
  }

  .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%
  }

  .row-cols-lg-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%
  }

  .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%
  }

  .row-cols-lg-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
  }

  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
  }

  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%
  }

  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
  }

  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%
  }

  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
  }

  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
  }

  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%
  }

  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
  }

  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
  }

  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%
  }

  .order-lg-first {
    order: -1
  }

  .order-lg-last {
    order: 13
  }

  .order-lg-0 {
    order: 0
  }

  .order-lg-1 {
    order: 1
  }

  .order-lg-2 {
    order: 2
  }

  .order-lg-3 {
    order: 3
  }

  .order-lg-4 {
    order: 4
  }

  .order-lg-5 {
    order: 5
  }

  .order-lg-6 {
    order: 6
  }

  .order-lg-7 {
    order: 7
  }

  .order-lg-8 {
    order: 8
  }

  .order-lg-9 {
    order: 9
  }

  .order-lg-10 {
    order: 10
  }

  .order-lg-11 {
    order: 11
  }

  .order-lg-12 {
    order: 12
  }

  .offset-lg-0 {
    margin-left: 0
  }

  .offset-lg-1 {
    margin-left: 8.3333333333%
  }

  .offset-lg-2 {
    margin-left: 16.6666666667%
  }

  .offset-lg-3 {
    margin-left: 25%
  }

  .offset-lg-4 {
    margin-left: 33.3333333333%
  }

  .offset-lg-5 {
    margin-left: 41.6666666667%
  }

  .offset-lg-6 {
    margin-left: 50%
  }

  .offset-lg-7 {
    margin-left: 58.3333333333%
  }

  .offset-lg-8 {
    margin-left: 66.6666666667%
  }

  .offset-lg-9 {
    margin-left: 75%
  }

  .offset-lg-10 {
    margin-left: 83.3333333333%
  }

  .offset-lg-11 {
    margin-left: 91.6666666667%
  }
}

@media(min-width:1440px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
  }

  .row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%
  }

  .row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%
  }

  .row-cols-xl-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%
  }

  .row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%
  }

  .row-cols-xl-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
  }

  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
  }

  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%
  }

  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
  }

  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%
  }

  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
  }

  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
  }

  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%
  }

  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
  }

  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
  }

  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%
  }

  .order-xl-first {
    order: -1
  }

  .order-xl-last {
    order: 13
  }

  .order-xl-0 {
    order: 0
  }

  .order-xl-1 {
    order: 1
  }

  .order-xl-2 {
    order: 2
  }

  .order-xl-3 {
    order: 3
  }

  .order-xl-4 {
    order: 4
  }

  .order-xl-5 {
    order: 5
  }

  .order-xl-6 {
    order: 6
  }

  .order-xl-7 {
    order: 7
  }

  .order-xl-8 {
    order: 8
  }

  .order-xl-9 {
    order: 9
  }

  .order-xl-10 {
    order: 10
  }

  .order-xl-11 {
    order: 11
  }

  .order-xl-12 {
    order: 12
  }

  .offset-xl-0 {
    margin-left: 0
  }

  .offset-xl-1 {
    margin-left: 8.3333333333%
  }

  .offset-xl-2 {
    margin-left: 16.6666666667%
  }

  .offset-xl-3 {
    margin-left: 25%
  }

  .offset-xl-4 {
    margin-left: 33.3333333333%
  }

  .offset-xl-5 {
    margin-left: 41.6666666667%
  }

  .offset-xl-6 {
    margin-left: 50%
  }

  .offset-xl-7 {
    margin-left: 58.3333333333%
  }

  .offset-xl-8 {
    margin-left: 66.6666666667%
  }

  .offset-xl-9 {
    margin-left: 75%
  }

  .offset-xl-10 {
    margin-left: 83.3333333333%
  }

  .offset-xl-11 {
    margin-left: 91.6666666667%
  }
}

.d-none {
  display: none !important
}

.d-inline {
  display: inline !important
}

.d-inline-block {
  display: inline-block !important
}

.d-block {
  display: block !important
}

.d-table {
  display: table !important
}

.d-table-row {
  display: table-row !important
}

.d-table-cell {
  display: table-cell !important
}

.d-flex {
  display: flex !important
}

.d-inline-flex {
  display: inline-flex !important
}

@media(min-width:540px) {
  .d-sm-none {
    display: none !important
  }

  .d-sm-inline {
    display: inline !important
  }

  .d-sm-inline-block {
    display: inline-block !important
  }

  .d-sm-block {
    display: block !important
  }

  .d-sm-table {
    display: table !important
  }

  .d-sm-table-row {
    display: table-row !important
  }

  .d-sm-table-cell {
    display: table-cell !important
  }

  .d-sm-flex {
    display: flex !important
  }

  .d-sm-inline-flex {
    display: inline-flex !important
  }
}

@media(min-width:768px) {
  .d-md-none {
    display: none !important
  }

  .d-md-inline {
    display: inline !important
  }

  .d-md-inline-block {
    display: inline-block !important
  }

  .d-md-block {
    display: block !important
  }

  .d-md-table {
    display: table !important
  }

  .d-md-table-row {
    display: table-row !important
  }

  .d-md-table-cell {
    display: table-cell !important
  }

  .d-md-flex {
    display: flex !important
  }

  .d-md-inline-flex {
    display: inline-flex !important
  }
}

@media(min-width:992px) {
  .d-lg-none {
    display: none !important
  }

  .d-lg-inline {
    display: inline !important
  }

  .d-lg-inline-block {
    display: inline-block !important
  }

  .d-lg-block {
    display: block !important
  }

  .d-lg-table {
    display: table !important
  }

  .d-lg-table-row {
    display: table-row !important
  }

  .d-lg-table-cell {
    display: table-cell !important
  }

  .d-lg-flex {
    display: flex !important
  }

  .d-lg-inline-flex {
    display: inline-flex !important
  }
}

@media(min-width:1440px) {
  .d-xl-none {
    display: none !important
  }

  .d-xl-inline {
    display: inline !important
  }

  .d-xl-inline-block {
    display: inline-block !important
  }

  .d-xl-block {
    display: block !important
  }

  .d-xl-table {
    display: table !important
  }

  .d-xl-table-row {
    display: table-row !important
  }

  .d-xl-table-cell {
    display: table-cell !important
  }

  .d-xl-flex {
    display: flex !important
  }

  .d-xl-inline-flex {
    display: inline-flex !important
  }
}

@media print {
  .d-print-none {
    display: none !important
  }

  .d-print-inline {
    display: inline !important
  }

  .d-print-inline-block {
    display: inline-block !important
  }

  .d-print-block {
    display: block !important
  }

  .d-print-table {
    display: table !important
  }

  .d-print-table-row {
    display: table-row !important
  }

  .d-print-table-cell {
    display: table-cell !important
  }

  .d-print-flex {
    display: flex !important
  }

  .d-print-inline-flex {
    display: inline-flex !important
  }
}

.flex-row {
  flex-direction: row !important
}

.flex-column {
  flex-direction: column !important
}

.flex-row-reverse {
  flex-direction: row-reverse !important
}

.flex-column-reverse {
  flex-direction: column-reverse !important
}

.flex-wrap {
  flex-wrap: wrap !important
}

.flex-nowrap {
  flex-wrap: nowrap !important
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important
}

.flex-fill {
  flex: 1 1 auto !important
}

.flex-grow-0 {
  flex-grow: 0 !important
}

.flex-grow-1 {
  flex-grow: 1 !important
}

.flex-shrink-0 {
  flex-shrink: 0 !important
}

.flex-shrink-1 {
  flex-shrink: 1 !important
}

.justify-content-start {
  justify-content: flex-start !important
}

.justify-content-end {
  justify-content: flex-end !important
}

.justify-content-center {
  justify-content: center !important
}

.justify-content-between {
  justify-content: space-between !important
}

.justify-content-around {
  justify-content: space-around !important
}

.align-items-start {
  align-items: flex-start !important
}

.align-items-end {
  align-items: flex-end !important
}

.align-items-center {
  align-items: center !important
}

.align-items-baseline {
  align-items: baseline !important
}

.align-items-stretch {
  align-items: stretch !important
}

.align-content-start {
  align-content: flex-start !important
}

.align-content-end {
  align-content: flex-end !important
}

.align-content-center {
  align-content: center !important
}

.align-content-between {
  align-content: space-between !important
}

.align-content-around {
  align-content: space-around !important
}

.align-content-stretch {
  align-content: stretch !important
}

.align-self-auto {
  align-self: auto !important
}

.align-self-start {
  align-self: flex-start !important
}

.align-self-end {
  align-self: flex-end !important
}

.align-self-center {
  align-self: center !important
}

.align-self-baseline {
  align-self: baseline !important
}

.align-self-stretch {
  align-self: stretch !important
}

@media(min-width:540px) {
  .flex-sm-row {
    flex-direction: row !important
  }

  .flex-sm-column {
    flex-direction: column !important
  }

  .flex-sm-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-sm-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-sm-wrap {
    flex-wrap: wrap !important
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .flex-sm-fill {
    flex: 1 1 auto !important
  }

  .flex-sm-grow-0 {
    flex-grow: 0 !important
  }

  .flex-sm-grow-1 {
    flex-grow: 1 !important
  }

  .flex-sm-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-sm-shrink-1 {
    flex-shrink: 1 !important
  }

  .justify-content-sm-start {
    justify-content: flex-start !important
  }

  .justify-content-sm-end {
    justify-content: flex-end !important
  }

  .justify-content-sm-center {
    justify-content: center !important
  }

  .justify-content-sm-between {
    justify-content: space-between !important
  }

  .justify-content-sm-around {
    justify-content: space-around !important
  }

  .align-items-sm-start {
    align-items: flex-start !important
  }

  .align-items-sm-end {
    align-items: flex-end !important
  }

  .align-items-sm-center {
    align-items: center !important
  }

  .align-items-sm-baseline {
    align-items: baseline !important
  }

  .align-items-sm-stretch {
    align-items: stretch !important
  }

  .align-content-sm-start {
    align-content: flex-start !important
  }

  .align-content-sm-end {
    align-content: flex-end !important
  }

  .align-content-sm-center {
    align-content: center !important
  }

  .align-content-sm-between {
    align-content: space-between !important
  }

  .align-content-sm-around {
    align-content: space-around !important
  }

  .align-content-sm-stretch {
    align-content: stretch !important
  }

  .align-self-sm-auto {
    align-self: auto !important
  }

  .align-self-sm-start {
    align-self: flex-start !important
  }

  .align-self-sm-end {
    align-self: flex-end !important
  }

  .align-self-sm-center {
    align-self: center !important
  }

  .align-self-sm-baseline {
    align-self: baseline !important
  }

  .align-self-sm-stretch {
    align-self: stretch !important
  }
}

@media(min-width:768px) {
  .flex-md-row {
    flex-direction: row !important
  }

  .flex-md-column {
    flex-direction: column !important
  }

  .flex-md-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-md-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-md-wrap {
    flex-wrap: wrap !important
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .flex-md-fill {
    flex: 1 1 auto !important
  }

  .flex-md-grow-0 {
    flex-grow: 0 !important
  }

  .flex-md-grow-1 {
    flex-grow: 1 !important
  }

  .flex-md-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-md-shrink-1 {
    flex-shrink: 1 !important
  }

  .justify-content-md-start {
    justify-content: flex-start !important
  }

  .justify-content-md-end {
    justify-content: flex-end !important
  }

  .justify-content-md-center {
    justify-content: center !important
  }

  .justify-content-md-between {
    justify-content: space-between !important
  }

  .justify-content-md-around {
    justify-content: space-around !important
  }

  .align-items-md-start {
    align-items: flex-start !important
  }

  .align-items-md-end {
    align-items: flex-end !important
  }

  .align-items-md-center {
    align-items: center !important
  }

  .align-items-md-baseline {
    align-items: baseline !important
  }

  .align-items-md-stretch {
    align-items: stretch !important
  }

  .align-content-md-start {
    align-content: flex-start !important
  }

  .align-content-md-end {
    align-content: flex-end !important
  }

  .align-content-md-center {
    align-content: center !important
  }

  .align-content-md-between {
    align-content: space-between !important
  }

  .align-content-md-around {
    align-content: space-around !important
  }

  .align-content-md-stretch {
    align-content: stretch !important
  }

  .align-self-md-auto {
    align-self: auto !important
  }

  .align-self-md-start {
    align-self: flex-start !important
  }

  .align-self-md-end {
    align-self: flex-end !important
  }

  .align-self-md-center {
    align-self: center !important
  }

  .align-self-md-baseline {
    align-self: baseline !important
  }

  .align-self-md-stretch {
    align-self: stretch !important
  }
}

@media(min-width:992px) {
  .flex-lg-row {
    flex-direction: row !important
  }

  .flex-lg-column {
    flex-direction: column !important
  }

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .flex-lg-fill {
    flex: 1 1 auto !important
  }

  .flex-lg-grow-0 {
    flex-grow: 0 !important
  }

  .flex-lg-grow-1 {
    flex-grow: 1 !important
  }

  .flex-lg-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-lg-shrink-1 {
    flex-shrink: 1 !important
  }

  .justify-content-lg-start {
    justify-content: flex-start !important
  }

  .justify-content-lg-end {
    justify-content: flex-end !important
  }

  .justify-content-lg-center {
    justify-content: center !important
  }

  .justify-content-lg-between {
    justify-content: space-between !important
  }

  .justify-content-lg-around {
    justify-content: space-around !important
  }

  .align-items-lg-start {
    align-items: flex-start !important
  }

  .align-items-lg-end {
    align-items: flex-end !important
  }

  .align-items-lg-center {
    align-items: center !important
  }

  .align-items-lg-baseline {
    align-items: baseline !important
  }

  .align-items-lg-stretch {
    align-items: stretch !important
  }

  .align-content-lg-start {
    align-content: flex-start !important
  }

  .align-content-lg-end {
    align-content: flex-end !important
  }

  .align-content-lg-center {
    align-content: center !important
  }

  .align-content-lg-between {
    align-content: space-between !important
  }

  .align-content-lg-around {
    align-content: space-around !important
  }

  .align-content-lg-stretch {
    align-content: stretch !important
  }

  .align-self-lg-auto {
    align-self: auto !important
  }

  .align-self-lg-start {
    align-self: flex-start !important
  }

  .align-self-lg-end {
    align-self: flex-end !important
  }

  .align-self-lg-center {
    align-self: center !important
  }

  .align-self-lg-baseline {
    align-self: baseline !important
  }

  .align-self-lg-stretch {
    align-self: stretch !important
  }
}

@media(min-width:1440px) {
  .flex-xl-row {
    flex-direction: row !important
  }

  .flex-xl-column {
    flex-direction: column !important
  }

  .flex-xl-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-xl-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .flex-xl-fill {
    flex: 1 1 auto !important
  }

  .flex-xl-grow-0 {
    flex-grow: 0 !important
  }

  .flex-xl-grow-1 {
    flex-grow: 1 !important
  }

  .flex-xl-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-xl-shrink-1 {
    flex-shrink: 1 !important
  }

  .justify-content-xl-start {
    justify-content: flex-start !important
  }

  .justify-content-xl-end {
    justify-content: flex-end !important
  }

  .justify-content-xl-center {
    justify-content: center !important
  }

  .justify-content-xl-between {
    justify-content: space-between !important
  }

  .justify-content-xl-around {
    justify-content: space-around !important
  }

  .align-items-xl-start {
    align-items: flex-start !important
  }

  .align-items-xl-end {
    align-items: flex-end !important
  }

  .align-items-xl-center {
    align-items: center !important
  }

  .align-items-xl-baseline {
    align-items: baseline !important
  }

  .align-items-xl-stretch {
    align-items: stretch !important
  }

  .align-content-xl-start {
    align-content: flex-start !important
  }

  .align-content-xl-end {
    align-content: flex-end !important
  }

  .align-content-xl-center {
    align-content: center !important
  }

  .align-content-xl-between {
    align-content: space-between !important
  }

  .align-content-xl-around {
    align-content: space-around !important
  }

  .align-content-xl-stretch {
    align-content: stretch !important
  }

  .align-self-xl-auto {
    align-self: auto !important
  }

  .align-self-xl-start {
    align-self: flex-start !important
  }

  .align-self-xl-end {
    align-self: flex-end !important
  }

  .align-self-xl-center {
    align-self: center !important
  }

  .align-self-xl-baseline {
    align-self: baseline !important
  }

  .align-self-xl-stretch {
    align-self: stretch !important
  }
}

.m-0 {
  margin: 0 !important
}

.mt-0, .my-0 {
  margin-top: 0 !important
}

.mr-0, .mx-0 {
  margin-right: 0 !important
}

.mb-0, .my-0 {
  margin-bottom: 0 !important
}

.ml-0, .mx-0 {
  margin-left: 0 !important
}

.m-1 {
  margin: .5rem !important
}

.mt-1, .my-1 {
  margin-top: .5rem !important
}

.mr-1, .mx-1 {
  margin-right: .5rem !important
}

.mb-1, .my-1 {
  margin-bottom: .5rem !important
}

.ml-1, .mx-1 {
  margin-left: .5rem !important
}

.m-2 {
  margin: 1rem !important
}

.mt-2, .my-2 {
  margin-top: 1rem !important
}

.mr-2, .mx-2 {
  margin-right: 1rem !important
}

.mb-2, .my-2 {
  margin-bottom: 1rem !important
}

.ml-2, .mx-2 {
  margin-left: 1rem !important
}

.m-3 {
  margin: 1.5rem !important
}

.mt-3, .my-3 {
  margin-top: 1.5rem !important
}

.mr-3, .mx-3 {
  margin-right: 1.5rem !important
}

.mb-3, .my-3 {
  margin-bottom: 1.5rem !important
}

.ml-3, .mx-3 {
  margin-left: 1.5rem !important
}

.m-4 {
  margin: 2rem !important
}

.mt-4, .my-4 {
  margin-top: 2rem !important
}

.mr-4, .mx-4 {
  margin-right: 2rem !important
}

.mb-4, .my-4 {
  margin-bottom: 2rem !important
}

.ml-4, .mx-4 {
  margin-left: 2rem !important
}

.m-5 {
  margin: 2.5rem !important
}

.mt-5, .my-5 {
  margin-top: 2.5rem !important
}

.mr-5, .mx-5 {
  margin-right: 2.5rem !important
}

.mb-5, .my-5 {
  margin-bottom: 2.5rem !important
}

.ml-5, .mx-5 {
  margin-left: 2.5rem !important
}

.p-0 {
  padding: 0 !important
}

.pt-0, .py-0 {
  padding-top: 0 !important
}

.pr-0, .px-0 {
  padding-right: 0 !important
}

.pb-0, .py-0 {
  padding-bottom: 0 !important
}

.pl-0, .px-0 {
  padding-left: 0 !important
}

.p-1 {
  padding: .5rem !important
}

.pt-1, .py-1 {
  padding-top: .5rem !important
}

.pr-1, .px-1 {
  padding-right: .5rem !important
}

.pb-1, .py-1 {
  padding-bottom: .5rem !important
}

.pl-1, .px-1 {
  padding-left: .5rem !important
}

.p-2 {
  padding: 1rem !important
}

.pt-2, .py-2 {
  padding-top: 1rem !important
}

.pr-2, .px-2 {
  padding-right: 1rem !important
}

.pb-2, .py-2 {
  padding-bottom: 1rem !important
}

.pl-2, .px-2 {
  padding-left: 1rem !important
}

.p-3 {
  padding: 1.5rem !important
}

.pt-3, .py-3 {
  padding-top: 1.5rem !important
}

.pr-3, .px-3 {
  padding-right: 1.5rem !important
}

.pb-3, .py-3 {
  padding-bottom: 1.5rem !important
}

.pl-3, .px-3 {
  padding-left: 1.5rem !important
}

.p-4 {
  padding: 2rem !important
}

.pt-4, .py-4 {
  padding-top: 2rem !important
}

.pr-4, .px-4 {
  padding-right: 2rem !important
}

.pb-4, .py-4 {
  padding-bottom: 2rem !important
}

.pl-4, .px-4 {
  padding-left: 2rem !important
}

.p-5 {
  padding: 2.5rem !important
}

.pt-5, .py-5 {
  padding-top: 2.5rem !important
}

.pr-5, .px-5 {
  padding-right: 2.5rem !important
}

.pb-5, .py-5 {
  padding-bottom: 2.5rem !important
}

.pl-5, .px-5 {
  padding-left: 2.5rem !important
}

.m-n1 {
  margin: -.5rem !important
}

.mt-n1, .my-n1 {
  margin-top: -.5rem !important
}

.mr-n1, .mx-n1 {
  margin-right: -.5rem !important
}

.mb-n1, .my-n1 {
  margin-bottom: -.5rem !important
}

.ml-n1, .mx-n1 {
  margin-left: -.5rem !important
}

.m-n2 {
  margin: -1rem !important
}

.mt-n2, .my-n2 {
  margin-top: -1rem !important
}

.mr-n2, .mx-n2 {
  margin-right: -1rem !important
}

.mb-n2, .my-n2 {
  margin-bottom: -1rem !important
}

.ml-n2, .mx-n2 {
  margin-left: -1rem !important
}

.m-n3 {
  margin: -1.5rem !important
}

.mt-n3, .my-n3 {
  margin-top: -1.5rem !important
}

.mr-n3, .mx-n3 {
  margin-right: -1.5rem !important
}

.mb-n3, .my-n3 {
  margin-bottom: -1.5rem !important
}

.ml-n3, .mx-n3 {
  margin-left: -1.5rem !important
}

.m-n4 {
  margin: -2rem !important
}

.mt-n4, .my-n4 {
  margin-top: -2rem !important
}

.mr-n4, .mx-n4 {
  margin-right: -2rem !important
}

.mb-n4, .my-n4 {
  margin-bottom: -2rem !important
}

.ml-n4, .mx-n4 {
  margin-left: -2rem !important
}

.m-n5 {
  margin: -2.5rem !important
}

.mt-n5, .my-n5 {
  margin-top: -2.5rem !important
}

.mr-n5, .mx-n5 {
  margin-right: -2.5rem !important
}

.mb-n5, .my-n5 {
  margin-bottom: -2.5rem !important
}

.ml-n5, .mx-n5 {
  margin-left: -2.5rem !important
}

.m-auto {
  margin: auto !important
}

.mt-auto, .my-auto {
  margin-top: auto !important
}

.mr-auto, .mx-auto {
  margin-right: auto !important
}

.mb-auto, .my-auto {
  margin-bottom: auto !important
}

.ml-auto, .mx-auto {
  margin-left: auto !important
}

@media(min-width:540px) {
  .m-sm-0 {
    margin: 0 !important
  }

  .mt-sm-0, .my-sm-0 {
    margin-top: 0 !important
  }

  .mr-sm-0, .mx-sm-0 {
    margin-right: 0 !important
  }

  .mb-sm-0, .my-sm-0 {
    margin-bottom: 0 !important
  }

  .ml-sm-0, .mx-sm-0 {
    margin-left: 0 !important
  }

  .m-sm-1 {
    margin: .5rem !important
  }

  .mt-sm-1, .my-sm-1 {
    margin-top: .5rem !important
  }

  .mr-sm-1, .mx-sm-1 {
    margin-right: .5rem !important
  }

  .mb-sm-1, .my-sm-1 {
    margin-bottom: .5rem !important
  }

  .ml-sm-1, .mx-sm-1 {
    margin-left: .5rem !important
  }

  .m-sm-2 {
    margin: 1rem !important
  }

  .mt-sm-2, .my-sm-2 {
    margin-top: 1rem !important
  }

  .mr-sm-2, .mx-sm-2 {
    margin-right: 1rem !important
  }

  .mb-sm-2, .my-sm-2 {
    margin-bottom: 1rem !important
  }

  .ml-sm-2, .mx-sm-2 {
    margin-left: 1rem !important
  }

  .m-sm-3 {
    margin: 1.5rem !important
  }

  .mt-sm-3, .my-sm-3 {
    margin-top: 1.5rem !important
  }

  .mr-sm-3, .mx-sm-3 {
    margin-right: 1.5rem !important
  }

  .mb-sm-3, .my-sm-3 {
    margin-bottom: 1.5rem !important
  }

  .ml-sm-3, .mx-sm-3 {
    margin-left: 1.5rem !important
  }

  .m-sm-4 {
    margin: 2rem !important
  }

  .mt-sm-4, .my-sm-4 {
    margin-top: 2rem !important
  }

  .mr-sm-4, .mx-sm-4 {
    margin-right: 2rem !important
  }

  .mb-sm-4, .my-sm-4 {
    margin-bottom: 2rem !important
  }

  .ml-sm-4, .mx-sm-4 {
    margin-left: 2rem !important
  }

  .m-sm-5 {
    margin: 2.5rem !important
  }

  .mt-sm-5, .my-sm-5 {
    margin-top: 2.5rem !important
  }

  .mr-sm-5, .mx-sm-5 {
    margin-right: 2.5rem !important
  }

  .mb-sm-5, .my-sm-5 {
    margin-bottom: 2.5rem !important
  }

  .ml-sm-5, .mx-sm-5 {
    margin-left: 2.5rem !important
  }

  .p-sm-0 {
    padding: 0 !important
  }

  .pt-sm-0, .py-sm-0 {
    padding-top: 0 !important
  }

  .pr-sm-0, .px-sm-0 {
    padding-right: 0 !important
  }

  .pb-sm-0, .py-sm-0 {
    padding-bottom: 0 !important
  }

  .pl-sm-0, .px-sm-0 {
    padding-left: 0 !important
  }

  .p-sm-1 {
    padding: .5rem !important
  }

  .pt-sm-1, .py-sm-1 {
    padding-top: .5rem !important
  }

  .pr-sm-1, .px-sm-1 {
    padding-right: .5rem !important
  }

  .pb-sm-1, .py-sm-1 {
    padding-bottom: .5rem !important
  }

  .pl-sm-1, .px-sm-1 {
    padding-left: .5rem !important
  }

  .p-sm-2 {
    padding: 1rem !important
  }

  .pt-sm-2, .py-sm-2 {
    padding-top: 1rem !important
  }

  .pr-sm-2, .px-sm-2 {
    padding-right: 1rem !important
  }

  .pb-sm-2, .py-sm-2 {
    padding-bottom: 1rem !important
  }

  .pl-sm-2, .px-sm-2 {
    padding-left: 1rem !important
  }

  .p-sm-3 {
    padding: 1.5rem !important
  }

  .pt-sm-3, .py-sm-3 {
    padding-top: 1.5rem !important
  }

  .pr-sm-3, .px-sm-3 {
    padding-right: 1.5rem !important
  }

  .pb-sm-3, .py-sm-3 {
    padding-bottom: 1.5rem !important
  }

  .pl-sm-3, .px-sm-3 {
    padding-left: 1.5rem !important
  }

  .p-sm-4 {
    padding: 2rem !important
  }

  .pt-sm-4, .py-sm-4 {
    padding-top: 2rem !important
  }

  .pr-sm-4, .px-sm-4 {
    padding-right: 2rem !important
  }

  .pb-sm-4, .py-sm-4 {
    padding-bottom: 2rem !important
  }

  .pl-sm-4, .px-sm-4 {
    padding-left: 2rem !important
  }

  .p-sm-5 {
    padding: 2.5rem !important
  }

  .pt-sm-5, .py-sm-5 {
    padding-top: 2.5rem !important
  }

  .pr-sm-5, .px-sm-5 {
    padding-right: 2.5rem !important
  }

  .pb-sm-5, .py-sm-5 {
    padding-bottom: 2.5rem !important
  }

  .pl-sm-5, .px-sm-5 {
    padding-left: 2.5rem !important
  }

  .m-sm-n1 {
    margin: -.5rem !important
  }

  .mt-sm-n1, .my-sm-n1 {
    margin-top: -.5rem !important
  }

  .mr-sm-n1, .mx-sm-n1 {
    margin-right: -.5rem !important
  }

  .mb-sm-n1, .my-sm-n1 {
    margin-bottom: -.5rem !important
  }

  .ml-sm-n1, .mx-sm-n1 {
    margin-left: -.5rem !important
  }

  .m-sm-n2 {
    margin: -1rem !important
  }

  .mt-sm-n2, .my-sm-n2 {
    margin-top: -1rem !important
  }

  .mr-sm-n2, .mx-sm-n2 {
    margin-right: -1rem !important
  }

  .mb-sm-n2, .my-sm-n2 {
    margin-bottom: -1rem !important
  }

  .ml-sm-n2, .mx-sm-n2 {
    margin-left: -1rem !important
  }

  .m-sm-n3 {
    margin: -1.5rem !important
  }

  .mt-sm-n3, .my-sm-n3 {
    margin-top: -1.5rem !important
  }

  .mr-sm-n3, .mx-sm-n3 {
    margin-right: -1.5rem !important
  }

  .mb-sm-n3, .my-sm-n3 {
    margin-bottom: -1.5rem !important
  }

  .ml-sm-n3, .mx-sm-n3 {
    margin-left: -1.5rem !important
  }

  .m-sm-n4 {
    margin: -2rem !important
  }

  .mt-sm-n4, .my-sm-n4 {
    margin-top: -2rem !important
  }

  .mr-sm-n4, .mx-sm-n4 {
    margin-right: -2rem !important
  }

  .mb-sm-n4, .my-sm-n4 {
    margin-bottom: -2rem !important
  }

  .ml-sm-n4, .mx-sm-n4 {
    margin-left: -2rem !important
  }

  .m-sm-n5 {
    margin: -2.5rem !important
  }

  .mt-sm-n5, .my-sm-n5 {
    margin-top: -2.5rem !important
  }

  .mr-sm-n5, .mx-sm-n5 {
    margin-right: -2.5rem !important
  }

  .mb-sm-n5, .my-sm-n5 {
    margin-bottom: -2.5rem !important
  }

  .ml-sm-n5, .mx-sm-n5 {
    margin-left: -2.5rem !important
  }

  .m-sm-auto {
    margin: auto !important
  }

  .mt-sm-auto, .my-sm-auto {
    margin-top: auto !important
  }

  .mr-sm-auto, .mx-sm-auto {
    margin-right: auto !important
  }

  .mb-sm-auto, .my-sm-auto {
    margin-bottom: auto !important
  }

  .ml-sm-auto, .mx-sm-auto {
    margin-left: auto !important
  }
}

@media(min-width:768px) {
  .m-md-0 {
    margin: 0 !important
  }

  .mt-md-0, .my-md-0 {
    margin-top: 0 !important
  }

  .mr-md-0, .mx-md-0 {
    margin-right: 0 !important
  }

  .mb-md-0, .my-md-0 {
    margin-bottom: 0 !important
  }

  .ml-md-0, .mx-md-0 {
    margin-left: 0 !important
  }

  .m-md-1 {
    margin: .5rem !important
  }

  .mt-md-1, .my-md-1 {
    margin-top: .5rem !important
  }

  .mr-md-1, .mx-md-1 {
    margin-right: .5rem !important
  }

  .mb-md-1, .my-md-1 {
    margin-bottom: .5rem !important
  }

  .ml-md-1, .mx-md-1 {
    margin-left: .5rem !important
  }

  .m-md-2 {
    margin: 1rem !important
  }

  .mt-md-2, .my-md-2 {
    margin-top: 1rem !important
  }

  .mr-md-2, .mx-md-2 {
    margin-right: 1rem !important
  }

  .mb-md-2, .my-md-2 {
    margin-bottom: 1rem !important
  }

  .ml-md-2, .mx-md-2 {
    margin-left: 1rem !important
  }

  .m-md-3 {
    margin: 1.5rem !important
  }

  .mt-md-3, .my-md-3 {
    margin-top: 1.5rem !important
  }

  .mr-md-3, .mx-md-3 {
    margin-right: 1.5rem !important
  }

  .mb-md-3, .my-md-3 {
    margin-bottom: 1.5rem !important
  }

  .ml-md-3, .mx-md-3 {
    margin-left: 1.5rem !important
  }

  .m-md-4 {
    margin: 2rem !important
  }

  .mt-md-4, .my-md-4 {
    margin-top: 2rem !important
  }

  .mr-md-4, .mx-md-4 {
    margin-right: 2rem !important
  }

  .mb-md-4, .my-md-4 {
    margin-bottom: 2rem !important
  }

  .ml-md-4, .mx-md-4 {
    margin-left: 2rem !important
  }

  .m-md-5 {
    margin: 2.5rem !important
  }

  .mt-md-5, .my-md-5 {
    margin-top: 2.5rem !important
  }

  .mr-md-5, .mx-md-5 {
    margin-right: 2.5rem !important
  }

  .mb-md-5, .my-md-5 {
    margin-bottom: 2.5rem !important
  }

  .ml-md-5, .mx-md-5 {
    margin-left: 2.5rem !important
  }

  .p-md-0 {
    padding: 0 !important
  }

  .pt-md-0, .py-md-0 {
    padding-top: 0 !important
  }

  .pr-md-0, .px-md-0 {
    padding-right: 0 !important
  }

  .pb-md-0, .py-md-0 {
    padding-bottom: 0 !important
  }

  .pl-md-0, .px-md-0 {
    padding-left: 0 !important
  }

  .p-md-1 {
    padding: .5rem !important
  }

  .pt-md-1, .py-md-1 {
    padding-top: .5rem !important
  }

  .pr-md-1, .px-md-1 {
    padding-right: .5rem !important
  }

  .pb-md-1, .py-md-1 {
    padding-bottom: .5rem !important
  }

  .pl-md-1, .px-md-1 {
    padding-left: .5rem !important
  }

  .p-md-2 {
    padding: 1rem !important
  }

  .pt-md-2, .py-md-2 {
    padding-top: 1rem !important
  }

  .pr-md-2, .px-md-2 {
    padding-right: 1rem !important
  }

  .pb-md-2, .py-md-2 {
    padding-bottom: 1rem !important
  }

  .pl-md-2, .px-md-2 {
    padding-left: 1rem !important
  }

  .p-md-3 {
    padding: 1.5rem !important
  }

  .pt-md-3, .py-md-3 {
    padding-top: 1.5rem !important
  }

  .pr-md-3, .px-md-3 {
    padding-right: 1.5rem !important
  }

  .pb-md-3, .py-md-3 {
    padding-bottom: 1.5rem !important
  }

  .pl-md-3, .px-md-3 {
    padding-left: 1.5rem !important
  }

  .p-md-4 {
    padding: 2rem !important
  }

  .pt-md-4, .py-md-4 {
    padding-top: 2rem !important
  }

  .pr-md-4, .px-md-4 {
    padding-right: 2rem !important
  }

  .pb-md-4, .py-md-4 {
    padding-bottom: 2rem !important
  }

  .pl-md-4, .px-md-4 {
    padding-left: 2rem !important
  }

  .p-md-5 {
    padding: 2.5rem !important
  }

  .pt-md-5, .py-md-5 {
    padding-top: 2.5rem !important
  }

  .pr-md-5, .px-md-5 {
    padding-right: 2.5rem !important
  }

  .pb-md-5, .py-md-5 {
    padding-bottom: 2.5rem !important
  }

  .pl-md-5, .px-md-5 {
    padding-left: 2.5rem !important
  }

  .m-md-n1 {
    margin: -.5rem !important
  }

  .mt-md-n1, .my-md-n1 {
    margin-top: -.5rem !important
  }

  .mr-md-n1, .mx-md-n1 {
    margin-right: -.5rem !important
  }

  .mb-md-n1, .my-md-n1 {
    margin-bottom: -.5rem !important
  }

  .ml-md-n1, .mx-md-n1 {
    margin-left: -.5rem !important
  }

  .m-md-n2 {
    margin: -1rem !important
  }

  .mt-md-n2, .my-md-n2 {
    margin-top: -1rem !important
  }

  .mr-md-n2, .mx-md-n2 {
    margin-right: -1rem !important
  }

  .mb-md-n2, .my-md-n2 {
    margin-bottom: -1rem !important
  }

  .ml-md-n2, .mx-md-n2 {
    margin-left: -1rem !important
  }

  .m-md-n3 {
    margin: -1.5rem !important
  }

  .mt-md-n3, .my-md-n3 {
    margin-top: -1.5rem !important
  }

  .mr-md-n3, .mx-md-n3 {
    margin-right: -1.5rem !important
  }

  .mb-md-n3, .my-md-n3 {
    margin-bottom: -1.5rem !important
  }

  .ml-md-n3, .mx-md-n3 {
    margin-left: -1.5rem !important
  }

  .m-md-n4 {
    margin: -2rem !important
  }

  .mt-md-n4, .my-md-n4 {
    margin-top: -2rem !important
  }

  .mr-md-n4, .mx-md-n4 {
    margin-right: -2rem !important
  }

  .mb-md-n4, .my-md-n4 {
    margin-bottom: -2rem !important
  }

  .ml-md-n4, .mx-md-n4 {
    margin-left: -2rem !important
  }

  .m-md-n5 {
    margin: -2.5rem !important
  }

  .mt-md-n5, .my-md-n5 {
    margin-top: -2.5rem !important
  }

  .mr-md-n5, .mx-md-n5 {
    margin-right: -2.5rem !important
  }

  .mb-md-n5, .my-md-n5 {
    margin-bottom: -2.5rem !important
  }

  .ml-md-n5, .mx-md-n5 {
    margin-left: -2.5rem !important
  }

  .m-md-auto {
    margin: auto !important
  }

  .mt-md-auto, .my-md-auto {
    margin-top: auto !important
  }

  .mr-md-auto, .mx-md-auto {
    margin-right: auto !important
  }

  .mb-md-auto, .my-md-auto {
    margin-bottom: auto !important
  }

  .ml-md-auto, .mx-md-auto {
    margin-left: auto !important
  }
}

@media(min-width:992px) {
  .m-lg-0 {
    margin: 0 !important
  }

  .mt-lg-0, .my-lg-0 {
    margin-top: 0 !important
  }

  .mr-lg-0, .mx-lg-0 {
    margin-right: 0 !important
  }

  .mb-lg-0, .my-lg-0 {
    margin-bottom: 0 !important
  }

  .ml-lg-0, .mx-lg-0 {
    margin-left: 0 !important
  }

  .m-lg-1 {
    margin: .5rem !important
  }

  .mt-lg-1, .my-lg-1 {
    margin-top: .5rem !important
  }

  .mr-lg-1, .mx-lg-1 {
    margin-right: .5rem !important
  }

  .mb-lg-1, .my-lg-1 {
    margin-bottom: .5rem !important
  }

  .ml-lg-1, .mx-lg-1 {
    margin-left: .5rem !important
  }

  .m-lg-2 {
    margin: 1rem !important
  }

  .mt-lg-2, .my-lg-2 {
    margin-top: 1rem !important
  }

  .mr-lg-2, .mx-lg-2 {
    margin-right: 1rem !important
  }

  .mb-lg-2, .my-lg-2 {
    margin-bottom: 1rem !important
  }

  .ml-lg-2, .mx-lg-2 {
    margin-left: 1rem !important
  }

  .m-lg-3 {
    margin: 1.5rem !important
  }

  .mt-lg-3, .my-lg-3 {
    margin-top: 1.5rem !important
  }

  .mr-lg-3, .mx-lg-3 {
    margin-right: 1.5rem !important
  }

  .mb-lg-3, .my-lg-3 {
    margin-bottom: 1.5rem !important
  }

  .ml-lg-3, .mx-lg-3 {
    margin-left: 1.5rem !important
  }

  .m-lg-4 {
    margin: 2rem !important
  }

  .mt-lg-4, .my-lg-4 {
    margin-top: 2rem !important
  }

  .mr-lg-4, .mx-lg-4 {
    margin-right: 2rem !important
  }

  .mb-lg-4, .my-lg-4 {
    margin-bottom: 2rem !important
  }

  .ml-lg-4, .mx-lg-4 {
    margin-left: 2rem !important
  }

  .m-lg-5 {
    margin: 2.5rem !important
  }

  .mt-lg-5, .my-lg-5 {
    margin-top: 2.5rem !important
  }

  .mr-lg-5, .mx-lg-5 {
    margin-right: 2.5rem !important
  }

  .mb-lg-5, .my-lg-5 {
    margin-bottom: 2.5rem !important
  }

  .ml-lg-5, .mx-lg-5 {
    margin-left: 2.5rem !important
  }

  .p-lg-0 {
    padding: 0 !important
  }

  .pt-lg-0, .py-lg-0 {
    padding-top: 0 !important
  }

  .pr-lg-0, .px-lg-0 {
    padding-right: 0 !important
  }

  .pb-lg-0, .py-lg-0 {
    padding-bottom: 0 !important
  }

  .pl-lg-0, .px-lg-0 {
    padding-left: 0 !important
  }

  .p-lg-1 {
    padding: .5rem !important
  }

  .pt-lg-1, .py-lg-1 {
    padding-top: .5rem !important
  }

  .pr-lg-1, .px-lg-1 {
    padding-right: .5rem !important
  }

  .pb-lg-1, .py-lg-1 {
    padding-bottom: .5rem !important
  }

  .pl-lg-1, .px-lg-1 {
    padding-left: .5rem !important
  }

  .p-lg-2 {
    padding: 1rem !important
  }

  .pt-lg-2, .py-lg-2 {
    padding-top: 1rem !important
  }

  .pr-lg-2, .px-lg-2 {
    padding-right: 1rem !important
  }

  .pb-lg-2, .py-lg-2 {
    padding-bottom: 1rem !important
  }

  .pl-lg-2, .px-lg-2 {
    padding-left: 1rem !important
  }

  .p-lg-3 {
    padding: 1.5rem !important
  }

  .pt-lg-3, .py-lg-3 {
    padding-top: 1.5rem !important
  }

  .pr-lg-3, .px-lg-3 {
    padding-right: 1.5rem !important
  }

  .pb-lg-3, .py-lg-3 {
    padding-bottom: 1.5rem !important
  }

  .pl-lg-3, .px-lg-3 {
    padding-left: 1.5rem !important
  }

  .p-lg-4 {
    padding: 2rem !important
  }

  .pt-lg-4, .py-lg-4 {
    padding-top: 2rem !important
  }

  .pr-lg-4, .px-lg-4 {
    padding-right: 2rem !important
  }

  .pb-lg-4, .py-lg-4 {
    padding-bottom: 2rem !important
  }

  .pl-lg-4, .px-lg-4 {
    padding-left: 2rem !important
  }

  .p-lg-5 {
    padding: 2.5rem !important
  }

  .pt-lg-5, .py-lg-5 {
    padding-top: 2.5rem !important
  }

  .pr-lg-5, .px-lg-5 {
    padding-right: 2.5rem !important
  }

  .pb-lg-5, .py-lg-5 {
    padding-bottom: 2.5rem !important
  }

  .pl-lg-5, .px-lg-5 {
    padding-left: 2.5rem !important
  }

  .m-lg-n1 {
    margin: -.5rem !important
  }

  .mt-lg-n1, .my-lg-n1 {
    margin-top: -.5rem !important
  }

  .mr-lg-n1, .mx-lg-n1 {
    margin-right: -.5rem !important
  }

  .mb-lg-n1, .my-lg-n1 {
    margin-bottom: -.5rem !important
  }

  .ml-lg-n1, .mx-lg-n1 {
    margin-left: -.5rem !important
  }

  .m-lg-n2 {
    margin: -1rem !important
  }

  .mt-lg-n2, .my-lg-n2 {
    margin-top: -1rem !important
  }

  .mr-lg-n2, .mx-lg-n2 {
    margin-right: -1rem !important
  }

  .mb-lg-n2, .my-lg-n2 {
    margin-bottom: -1rem !important
  }

  .ml-lg-n2, .mx-lg-n2 {
    margin-left: -1rem !important
  }

  .m-lg-n3 {
    margin: -1.5rem !important
  }

  .mt-lg-n3, .my-lg-n3 {
    margin-top: -1.5rem !important
  }

  .mr-lg-n3, .mx-lg-n3 {
    margin-right: -1.5rem !important
  }

  .mb-lg-n3, .my-lg-n3 {
    margin-bottom: -1.5rem !important
  }

  .ml-lg-n3, .mx-lg-n3 {
    margin-left: -1.5rem !important
  }

  .m-lg-n4 {
    margin: -2rem !important
  }

  .mt-lg-n4, .my-lg-n4 {
    margin-top: -2rem !important
  }

  .mr-lg-n4, .mx-lg-n4 {
    margin-right: -2rem !important
  }

  .mb-lg-n4, .my-lg-n4 {
    margin-bottom: -2rem !important
  }

  .ml-lg-n4, .mx-lg-n4 {
    margin-left: -2rem !important
  }

  .m-lg-n5 {
    margin: -2.5rem !important
  }

  .mt-lg-n5, .my-lg-n5 {
    margin-top: -2.5rem !important
  }

  .mr-lg-n5, .mx-lg-n5 {
    margin-right: -2.5rem !important
  }

  .mb-lg-n5, .my-lg-n5 {
    margin-bottom: -2.5rem !important
  }

  .ml-lg-n5, .mx-lg-n5 {
    margin-left: -2.5rem !important
  }

  .m-lg-auto {
    margin: auto !important
  }

  .mt-lg-auto, .my-lg-auto {
    margin-top: auto !important
  }

  .mr-lg-auto, .mx-lg-auto {
    margin-right: auto !important
  }

  .mb-lg-auto, .my-lg-auto {
    margin-bottom: auto !important
  }

  .ml-lg-auto, .mx-lg-auto {
    margin-left: auto !important
  }
}

@media(min-width:1440px) {
  .m-xl-0 {
    margin: 0 !important
  }

  .mt-xl-0, .my-xl-0 {
    margin-top: 0 !important
  }

  .mr-xl-0, .mx-xl-0 {
    margin-right: 0 !important
  }

  .mb-xl-0, .my-xl-0 {
    margin-bottom: 0 !important
  }

  .ml-xl-0, .mx-xl-0 {
    margin-left: 0 !important
  }

  .m-xl-1 {
    margin: .5rem !important
  }

  .mt-xl-1, .my-xl-1 {
    margin-top: .5rem !important
  }

  .mr-xl-1, .mx-xl-1 {
    margin-right: .5rem !important
  }

  .mb-xl-1, .my-xl-1 {
    margin-bottom: .5rem !important
  }

  .ml-xl-1, .mx-xl-1 {
    margin-left: .5rem !important
  }

  .m-xl-2 {
    margin: 1rem !important
  }

  .mt-xl-2, .my-xl-2 {
    margin-top: 1rem !important
  }

  .mr-xl-2, .mx-xl-2 {
    margin-right: 1rem !important
  }

  .mb-xl-2, .my-xl-2 {
    margin-bottom: 1rem !important
  }

  .ml-xl-2, .mx-xl-2 {
    margin-left: 1rem !important
  }

  .m-xl-3 {
    margin: 1.5rem !important
  }

  .mt-xl-3, .my-xl-3 {
    margin-top: 1.5rem !important
  }

  .mr-xl-3, .mx-xl-3 {
    margin-right: 1.5rem !important
  }

  .mb-xl-3, .my-xl-3 {
    margin-bottom: 1.5rem !important
  }

  .ml-xl-3, .mx-xl-3 {
    margin-left: 1.5rem !important
  }

  .m-xl-4 {
    margin: 2rem !important
  }

  .mt-xl-4, .my-xl-4 {
    margin-top: 2rem !important
  }

  .mr-xl-4, .mx-xl-4 {
    margin-right: 2rem !important
  }

  .mb-xl-4, .my-xl-4 {
    margin-bottom: 2rem !important
  }

  .ml-xl-4, .mx-xl-4 {
    margin-left: 2rem !important
  }

  .m-xl-5 {
    margin: 2.5rem !important
  }

  .mt-xl-5, .my-xl-5 {
    margin-top: 2.5rem !important
  }

  .mr-xl-5, .mx-xl-5 {
    margin-right: 2.5rem !important
  }

  .mb-xl-5, .my-xl-5 {
    margin-bottom: 2.5rem !important
  }

  .ml-xl-5, .mx-xl-5 {
    margin-left: 2.5rem !important
  }

  .p-xl-0 {
    padding: 0 !important
  }

  .pt-xl-0, .py-xl-0 {
    padding-top: 0 !important
  }

  .pr-xl-0, .px-xl-0 {
    padding-right: 0 !important
  }

  .pb-xl-0, .py-xl-0 {
    padding-bottom: 0 !important
  }

  .pl-xl-0, .px-xl-0 {
    padding-left: 0 !important
  }

  .p-xl-1 {
    padding: .5rem !important
  }

  .pt-xl-1, .py-xl-1 {
    padding-top: .5rem !important
  }

  .pr-xl-1, .px-xl-1 {
    padding-right: .5rem !important
  }

  .pb-xl-1, .py-xl-1 {
    padding-bottom: .5rem !important
  }

  .pl-xl-1, .px-xl-1 {
    padding-left: .5rem !important
  }

  .p-xl-2 {
    padding: 1rem !important
  }

  .pt-xl-2, .py-xl-2 {
    padding-top: 1rem !important
  }

  .pr-xl-2, .px-xl-2 {
    padding-right: 1rem !important
  }

  .pb-xl-2, .py-xl-2 {
    padding-bottom: 1rem !important
  }

  .pl-xl-2, .px-xl-2 {
    padding-left: 1rem !important
  }

  .p-xl-3 {
    padding: 1.5rem !important
  }

  .pt-xl-3, .py-xl-3 {
    padding-top: 1.5rem !important
  }

  .pr-xl-3, .px-xl-3 {
    padding-right: 1.5rem !important
  }

  .pb-xl-3, .py-xl-3 {
    padding-bottom: 1.5rem !important
  }

  .pl-xl-3, .px-xl-3 {
    padding-left: 1.5rem !important
  }

  .p-xl-4 {
    padding: 2rem !important
  }

  .pt-xl-4, .py-xl-4 {
    padding-top: 2rem !important
  }

  .pr-xl-4, .px-xl-4 {
    padding-right: 2rem !important
  }

  .pb-xl-4, .py-xl-4 {
    padding-bottom: 2rem !important
  }

  .pl-xl-4, .px-xl-4 {
    padding-left: 2rem !important
  }

  .p-xl-5 {
    padding: 2.5rem !important
  }

  .pt-xl-5, .py-xl-5 {
    padding-top: 2.5rem !important
  }

  .pr-xl-5, .px-xl-5 {
    padding-right: 2.5rem !important
  }

  .pb-xl-5, .py-xl-5 {
    padding-bottom: 2.5rem !important
  }

  .pl-xl-5, .px-xl-5 {
    padding-left: 2.5rem !important
  }

  .m-xl-n1 {
    margin: -.5rem !important
  }

  .mt-xl-n1, .my-xl-n1 {
    margin-top: -.5rem !important
  }

  .mr-xl-n1, .mx-xl-n1 {
    margin-right: -.5rem !important
  }

  .mb-xl-n1, .my-xl-n1 {
    margin-bottom: -.5rem !important
  }

  .ml-xl-n1, .mx-xl-n1 {
    margin-left: -.5rem !important
  }

  .m-xl-n2 {
    margin: -1rem !important
  }

  .mt-xl-n2, .my-xl-n2 {
    margin-top: -1rem !important
  }

  .mr-xl-n2, .mx-xl-n2 {
    margin-right: -1rem !important
  }

  .mb-xl-n2, .my-xl-n2 {
    margin-bottom: -1rem !important
  }

  .ml-xl-n2, .mx-xl-n2 {
    margin-left: -1rem !important
  }

  .m-xl-n3 {
    margin: -1.5rem !important
  }

  .mt-xl-n3, .my-xl-n3 {
    margin-top: -1.5rem !important
  }

  .mr-xl-n3, .mx-xl-n3 {
    margin-right: -1.5rem !important
  }

  .mb-xl-n3, .my-xl-n3 {
    margin-bottom: -1.5rem !important
  }

  .ml-xl-n3, .mx-xl-n3 {
    margin-left: -1.5rem !important
  }

  .m-xl-n4 {
    margin: -2rem !important
  }

  .mt-xl-n4, .my-xl-n4 {
    margin-top: -2rem !important
  }

  .mr-xl-n4, .mx-xl-n4 {
    margin-right: -2rem !important
  }

  .mb-xl-n4, .my-xl-n4 {
    margin-bottom: -2rem !important
  }

  .ml-xl-n4, .mx-xl-n4 {
    margin-left: -2rem !important
  }

  .m-xl-n5 {
    margin: -2.5rem !important
  }

  .mt-xl-n5, .my-xl-n5 {
    margin-top: -2.5rem !important
  }

  .mr-xl-n5, .mx-xl-n5 {
    margin-right: -2.5rem !important
  }

  .mb-xl-n5, .my-xl-n5 {
    margin-bottom: -2.5rem !important
  }

  .ml-xl-n5, .mx-xl-n5 {
    margin-left: -2.5rem !important
  }

  .m-xl-auto {
    margin: auto !important
  }

  .mt-xl-auto, .my-xl-auto {
    margin-top: auto !important
  }

  .mr-xl-auto, .mx-xl-auto {
    margin-right: auto !important
  }

  .mb-xl-auto, .my-xl-auto {
    margin-bottom: auto !important
  }

  .ml-xl-auto, .mx-xl-auto {
    margin-left: auto !important
  }
}

:root {
  --stage-content-background: #fff;
  --stage-content-color: inital;
  --content-card-headline: #0075ac;
  --color-primary: #0075ac
}

.img-cover {
  display: block;
  width: 100%;
  height: 100%;
  transform: scale(1);
  transition: transform .3s ease-out;
  -o-object-position: center;
  object-position: center;
  -o-object-fit: cover;
  object-fit: cover
}

.list, .rich ul {
  margin-bottom: 24px
}

  .list li, .rich ul li {
    position: relative
  }

    .list li + li, .rich ul li + li {
      margin-top: 8px
    }

  .list--bullet li, .rich ul li {
    padding-left: 19px
  }

    .list--bullet li:before, .rich ul li:before {
      display: block;
      position: absolute;
      content: "";
      top: 7px;
      left: 0;
      width: 6px;
      height: 6px;
      background-color: #0075ac;
      border-radius: 50%
    }

.list--check li {
  position: relative;
  padding-left: 24px
}

  .list--check li:after, .list--check li:before {
    display: block;
    position: absolute;
    content: "";
    background: var(--list-check-background,#0075ac);
    transform: rotate(45deg);
    transform-origin: bottom right
  }

  .list--check li:before {
    top: 11px;
    left: 0;
    width: 8px;
    height: 3px;
    border-radius: 1px 0 0 1px
  }

  .list--check li:after {
    top: 1px;
    left: 6px;
    width: 3px;
    height: 12px;
    border-radius: 1px 1px 0 0
  }

.h1, .h2, .h3, .h4, .rich h1, .rich h2, .rich h3, .rich h4 {
  display: block;
  color: var(--headline--base-color,#0075ac);
  font-weight: 500
}

.h1, .rich h1 {
  font-size: 28px;
  line-height: 32px;
  margin: 0 0 16px;
  color: #0075ac
}

@media(min-width:1440px) {
  .h1, .rich h1 {
    font-size: 42px;
    line-height: 52px;
    margin-bottom: 24px
  }
}

.h2, .rich h2 {
  font-size: 20px;
  line-height: 24px;
  margin: 0 0 16px
}

@media(min-width:1440px) {
  .h2, .rich h2 {
    font-size: 32px;
    line-height: 44px
  }
}

.h3, .rich h3 {
  font-size: 16px;
  line-height: 20px;
  margin: 0 0 8px
}

@media(min-width:1440px) {
  .h3, .rich h3 {
    font-size: 21px;
    line-height: 28px
  }
}

.h4, .rich h4 {
  font-size: 13px;
  line-height: 20px
}

@media(min-width:1440px) {
  .h4, .rich h4 {
    font-size: 15px;
    line-height: 24px
  }
}

#search-bar-area-desktop .download, #search-bar-area-desktop .search-bar-suggest-category h3, #search-bar-area-mobile .download, #search-bar-area-mobile .search-bar-suggest-category h3, .copy--asterisk, .copy--sm {
  font-size: 12px;
  line-height: 20px
}

@media(min-width:1440px) {
  #search-bar-area-desktop .download, #search-bar-area-desktop .search-bar-suggest-category h3, #search-bar-area-mobile .download, #search-bar-area-mobile .search-bar-suggest-category h3, .copy--asterisk, .copy--sm {
    font-size: 13px;
    line-height: 20px
  }
}

.consultant-search-toggle-area .consultant-search-toggle-label:before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  opacity: 0;
  box-shadow: 2px 6px 21px -1px rgba(0,0,0,.2),0 5px 28px -6px rgba(0,0,0,.15);
  z-index: 0;
  transition: opacity .3s cubic-bezier(.12,.73,.39,1)
}

.rich table, .table--responsive table {
  border: none;
  width: 100%;
  border-spacing: 0;
  border-collapse: separate
}

  .rich table img, .table--responsive table img {
    display: inline-block
  }

  .rich table td, .rich table th, .rich table tr, .table--responsive table td, .table--responsive table th, .table--responsive table tr {
    border: none;
    padding: 0
  }

  .rich table p, .table--responsive table p {
    display: inline
  }

  .rich table caption, .table--responsive table caption {
    display: none
  }

@media(max-width:991px) {
  .rich table tbody, .rich table td, .rich table th, .rich table thead, .rich table tr, .table--responsive table tbody, .table--responsive table td, .table--responsive table th, .table--responsive table thead, .table--responsive table tr {
    display: block;
    overflow: hidden
  }
}

.rich table tr td, .table--responsive table tr td {
  font-weight: 400
}

@media(min-width:992px) {
  .rich table tbody tr:nth-child(2n), .table--responsive table tbody tr:nth-child(2n) {
    background-color: #f9fafb
  }
}

.rich table tbody tr + tr, .table--responsive table tbody tr + tr {
  margin-top: 24px
}

@media(min-width:992px) {
  .rich table tbody tr + tr, .table--responsive table tbody tr + tr {
    margin-top: 0
  }
}

.rich table thead th, .table--responsive table thead th {
  background-color: #ecf8fe;
  color: #0075ac;
  font-weight: 500
}

.rich table thead tr, .table--responsive table thead tr {
  position: absolute;
  top: -9999px;
  left: -9999px
}

@media(min-width:992px) {
  .rich table thead tr, .table--responsive table thead tr {
    position: static
  }
}

.rich table td, .rich table th, .table--responsive table td, .table--responsive table th {
  display: flex;
  padding: 14px;
  font-weight: 500;
  text-align: left
}

  .rich table td:before, .rich table th:before, .table--responsive table td:before, .table--responsive table th:before {
    content: attr(data-label) ": ";
    margin-right: 1em;
    margin-bottom: .25em;
    flex: 0 0 150px;
    font-weight: 500
  }

@media(min-width:992px) {
  .rich table td, .rich table th, .table--responsive table td, .table--responsive table th {
    display: table-cell;
    padding: 14px
  }

    .rich table td:before, .rich table th:before, .table--responsive table td:before, .table--responsive table th:before {
      display: none
    }

    .rich table td:not(:first-child), .rich table th:not(:first-child), .table--responsive table td:not(:first-child), .table--responsive table th:not(:first-child) {
      border-left: 1px solid #dee2e6
    }
}

@media(min-width:1440px) {
  .rich table td, .rich table th, .table--responsive table td, .table--responsive table th {
    padding: 16px
  }
}

.rich table td p, .rich table th p, .table--responsive table td p, .table--responsive table th p {
  margin-bottom: 0
}

.rich table th, .table--responsive table th {
  color: #0075ac
}

  .rich table th:before, .table--responsive table th:before {
    display: none
  }

.rich table tr td:nth-child(2n), .table--responsive table tr td:nth-child(2n) {
  background-color: #f9fafb
}

@media(min-width:992px) {
  .rich table tr td:nth-child(2n), .table--responsive table tr td:nth-child(2n) {
    background-color: transparent
  }
}

.bg--blue-onyx {
  background-color: #0075ac
}

.bg--blue-alice {
  background-color: #ecf8fe
}

.bg--white {
  background-color: #fff
}

.bg--grey-silver {
  background-color: #a0a0a0
}

.font--white {
  color: #fff
}

.nm {
  margin: 0
}

.width--full {
  width: 100%;
  height: auto
}

.text-nobreak {
  white-space: nowrap
}

.text-break {
  white-space: normal
}

.visually-hidden {
  position: absolute;
  margin: -1px;
  border: 0;
  padding: 0;
  width: 1px;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  white-space: nowrap
}

.float-left {
  float: left
}

.float-right {
  float: right
}

.clearfix:after {
  display: block;
  clear: both;
  content: ""
}

.clear {
  clear: both
}

.hidden {
  display: none !important
}

.component-spacing {
  margin-bottom: 40px
}

@media(min-width:992px) {
  .component-spacing {
    margin-bottom: 72px
  }
}

* {
  box-sizing: border-box
}

@media(min-width:1440px) {
  body {
    font-size: 15px;
    line-height: 24px
  }
}

body.height-full {
  height: 100vh;
  background: #fff
}

.body-fixed, .page-wrap {
  overflow: hidden
}

.page-wrap {
  position: relative;
  max-width: 100%;
  min-height: 100%
}

@media(min-width:992px) {
  .page-wrap {
    padding-top: 80px
  }
}

@media(min-width:1440px) {
  .page-wrap {
    padding-top: 120px
  }
}

.page-wrap:before {
  height: 1600px;
  background: linear-gradient(180deg,#31cbf8 0,#0075ac 30%,#0075ac);
  z-index: 1
}

.page-wrap:after, .page-wrap:before {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  pointer-events: none
}

.page-wrap:after {
  height: 100%;
  background: linear-gradient(45deg,rgba(38,154,209,0),rgba(38,154,209,0) 70%,#269ad1 93%,#269ad1);
  z-index: 2
}

.page-content {
  position: relative;
  min-height: 100%;
  z-index: 10
}

@media(max-width:767px) {
  .header-mobile-spacing .page-content {
    margin-top: 48px
  }
}

@media(max-width:991px) {
  .header-mobile-spacing .page-content {
    margin-top: 64px
  }
}

.page--full-height .page-content, .page-bayculator .page-content {
  min-height: 100vh;
  background: #fff
}

@media(min-width:992px) {
  .page--full-height .page-content, .page-bayculator .page-content {
    min-height: calc(100vh - 80px)
  }
}

@media(min-width:1440px) {
  .page--full-height .page-content, .page-bayculator .page-content {
    min-height: calc(100vh - 120px)
  }
}

p {
  margin: 0 0 16px;
  font-size: 14px;
  line-height: 20px
}

@media(min-width:1440px) {
  p {
    font-size: 15px;
    line-height: 24px
  }
}

.copy--sm-slim {
  font-size: 12px;
  line-height: 16px
}

@media(min-width:1440px) {
  .copy--sm-slim {
    font-size: 13px;
    line-height: 16px
  }
}

.copy--lg {
  font-size: 16px;
  line-height: 24px
}

@media(min-width:1440px) {
  .copy--lg {
    font-size: 17px;
    line-height: 24px
  }
}

.copy--xl {
  font-size: 23px;
  line-height: 30px
}

@media(min-width:1440px) {
  .copy--xl {
    font-size: 23px;
    line-height: 30px
  }
}

.copy--asterisk {
  color: #a0a0a0
}

.anchor, .link {
  color: var(--link-color,#b94f17);
  font-weight: var(--link-font-weigth,400)
}

  .anchor:focus, .link:focus {
    -webkit-text-decoration: var(--link__focus-text-decoration-color,#f9ba3f);
    text-decoration: var(--link__focus-text-decoration-color,#f9ba3f)
  }

  .anchor:hover, .link:hover {
    color: var(--link__hover-color,#eb7d1a);
    text-decoration: underline
  }

  .anchor:active, .link:active {
    color: var(--link__active-color,#dd6900);
    text-decoration: underline
  }

.link--icon {
  display: inline-block;
  position: relative;
  margin-top: 5px;
  padding: 0;
  width: auto;
  height: auto;
  background: transparent;
  color: #b94f17;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  text-align: right;
  cursor: pointer;
  white-space: nowrap
}

  .link--icon .icon-wrapper {
    display: none
  }

@media(min-width:768px) {
  .link--icon {
    padding: 0 32px 0 8px;
    text-align: right
  }

    .link--icon .icon-wrapper {
      display: block;
      position: absolute;
      top: 50%;
      right: 0;
      width: 24px;
      line-height: 0;
      overflow: hidden;
      transform: translateY(-50%);
      transition: transform .3s
    }

      .link--icon .icon-wrapper .icon-ui {
        margin: 0;
        transition: transform .3s
      }
}

@media(min-width:1440px) {
  .link--icon {
    font-size: 13px;
    line-height: 20px
  }
}

.link--icon .label {
  display: inline-block;
  position: relative
}

  .link--icon .label:before {
    position: absolute;
    content: "";
    bottom: -6px;
    left: 50%;
    width: 32px;
    height: 2px;
    background-color: #b94f17;
    border-radius: 1px;
    transform: translateX(-50%) scaleX(1);
    transition: transform .2s ease-out
  }

@media(min-width:768px) {
  .link--icon .label:before {
    transform: translateX(-50%) scaleX(0)
  }
}

.link--icon:focus {
  background: transparent
}

  .link--icon:focus .label:before {
    transform: translateX(-50%) scaleX(2)
  }

.link--icon:hover {
  background: transparent
}

  .link--icon:hover .icon-wrapper {
    transform: translate(4px,-50%)
  }

.link--icon:active {
  background: transparent
}

  .link--icon:active .icon-wrapper {
    transform: translate(4px,-50%)
  }

label {
  margin: 0
}

svg {
  vertical-align: top
}

img {
  display: block
}

dd, dl, dt {
  margin: 0;
  padding: 0
}

.link.link-white {
  color: #fff
}

@media(min-width:1440px) {
  .list--check li {
    font-size: 17px;
    line-height: 24px
  }
}

.list--bullet-check li {
  padding-left: 24px
}

  .list--bullet-check li:before {
    display: block;
    position: absolute;
    content: "";
    top: 2px;
    left: 0;
    width: 16px;
    height: 16px;
    background: url(../../icons/ui/list-bullet-check.svg) no-repeat 0 0 transparent;
    border-radius: 50%
  }

@media(min-width:1440px) {
  .list--bullet-check li:before {
    top: 4px
  }
}

.list--mousy {
  color: #a0a0a0
}

  .list--mousy li:after, .list--mousy li:before {
    background: #a0a0a0
  }

.checkmark-list ol li, .checkmark-list ul li {
  padding-left: 35px;
  background-image: url(../../icons/ui/check-light-blue.svg);
  background-repeat: no-repeat;
  background-position: 0 0
}

.checkmark-list ol, .checkmark-list ul {
  margin: 0;
  padding: 0;
  list-style: none
}

  .checkmark-list ol li:not(:last-of-type), .checkmark-list ul li:not(:last-of-type) {
    margin-bottom: 16px
  }

.button-row:after {
  display: block;
  clear: both;
  content: ""
}

@media(max-width:767px) {
  .has-headline-link {
    position: relative;
    padding-bottom: 36px
  }
}

@media(max-width:767px) {
  .headline-link .button {
    position: absolute;
    right: 0;
    bottom: 6px;
    left: 0
  }
}

@media(min-width:768px) {
  .headline-link {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between
  }
}

.component-head {
  margin-bottom: 32px;
  min-height: 24px
}

@media(min-width:768px) {
  .component-head {
    position: relative
  }
}

@media(min-width:1440px) {
  .component-head {
    position: relative;
    min-height: 48px
  }
}

.component-head .button {
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 2px;
  left: 0;
  text-align: center
}

@media(min-width:768px) {
  .component-head .button {
    left: auto
  }
}

@media(min-width:992px) {
  .component-head .button {
    bottom: 0;
    left: auto
  }
}

@media(min-width:1440px) {
  .component-head .button {
    margin-bottom: 6px
  }
}

.main-content {
  position: relative;
  padding-top: 40px;
  background: #fff;
  z-index: 1
}

  .main-content:before {
    z-index: -1
  }

@media(min-width:992px) {
  .main-content {
    padding-top: 72px
  }
}

@media(min-width:992px) {
  .mo {
    display: none !important
  }
}

@media(max-width:991px) {
  .dt {
    display: none !important
  }
}

textarea {
  resize: none
}

.email-hp, .email-repeated, .emailhp, .sugarhoneyicetea {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0;
  z-index: -1
}

video:focus {
  outline: none
}

.js_lazy picture {
  display: inline-block;
  width: 100%;
  height: 100%;
  overflow: hidden
}

  .js_lazy picture img {
    width: 100%
  }

.container {
  padding-right: 20px;
  padding-left: 20px
}

.row > .col, .row > [class*=col-] {
  padding-right: 4px;
  padding-left: 4px
}

@media(min-width:540px)and (max-width:767px) {
  .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    padding-right: 5px;
    padding-left: 5px
  }

  .row {
    margin-right: -5px;
    margin-left: -5px
  }

    .row > .col, .row > [class*=col-] {
      padding-right: 5px;
      padding-left: 5px
    }
}

@media(min-width:768px)and (max-width:991px) {
  .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    padding-right: 6px;
    padding-left: 6px
  }

  .row {
    margin-right: -6px;
    margin-left: -6px
  }

    .row > .col, .row > [class*=col-] {
      padding-right: 6px;
      padding-left: 6px
    }
}

@media(min-width:992px)and (max-width:1439px) {
  .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    padding-right: 8px;
    padding-left: 8px
  }

  .row {
    margin-right: -8px;
    margin-left: -8px
  }

    .row > .col, .row > [class*=col-] {
      padding-right: 8px;
      padding-left: 8px
    }
}

@media(min-width:1440px) {
  .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    padding-right: 10px;
    padding-left: 10px
  }

  .row {
    margin-right: -10px;
    margin-left: -10px
  }

    .row > .col, .row > [class*=col-] {
      padding-right: 10px;
      padding-left: 10px
    }
}

@media(max-width:539px) {
  .container-fluid.full-width-xs, .container.full-width-xs, .full-width-xs.container-lg, .full-width-xs.container-md, .full-width-xs.container-sm, .full-width-xs.container-xl {
    padding-right: 0;
    padding-left: 0;
    max-width: none
  }

    .container-fluid.full-width-xs .row, .container.full-width-xs .row, .full-width-xs.container-lg .row, .full-width-xs.container-md .row, .full-width-xs.container-sm .row, .full-width-xs.container-xl .row {
      margin-right: 0;
      margin-left: 0
    }

    .container-fluid.full-width-xs .col, .container.full-width-xs .col, .full-width-xs.container-lg .col, .full-width-xs.container-md .col, .full-width-xs.container-sm .col, .full-width-xs.container-xl .col {
      padding-right: 0;
      padding-left: 0
    }
}

@media(max-width:991px) {
  .container-fluid.full-width-md, .container.full-width-md, .full-width-md.container-lg, .full-width-md.container-md, .full-width-md.container-sm, .full-width-md.container-xl {
    padding-right: 0;
    padding-left: 0;
    max-width: none
  }

    .container-fluid.full-width-md .row, .container.full-width-md .row, .full-width-md.container-lg .row, .full-width-md.container-md .row, .full-width-md.container-sm .row, .full-width-md.container-xl .row {
      margin-right: 0;
      margin-left: 0
    }

    .container-fluid.full-width-md .col, .container.full-width-md .col, .full-width-md.container-lg .col, .full-width-md.container-md .col, .full-width-md.container-sm .col, .full-width-md.container-xl .col {
      padding-right: 0;
      padding-left: 0
    }
}

@media(min-width:320px) {
  .container-fluid.padding-none, .container.padding-none, .padding-none.container-lg, .padding-none.container-md, .padding-none.container-sm, .padding-none.container-xl {
    padding-right: 0;
    padding-left: 0
  }
}

@media(max-width:767px) {
  .container-fluid.full-width-sm, .container.full-width-sm, .full-width-sm.container-lg, .full-width-sm.container-md, .full-width-sm.container-sm, .full-width-sm.container-xl {
    padding-right: 0;
    padding-left: 0;
    max-width: none
  }
}

svg * {
  vector-effect: non-scaling-stroke
}

.svg-icon--ci svg {
  stroke: #0075ac;
  fill: #0075ac
}

.svg-icon--ci-light svg {
  stroke: #31cbf8;
  fill: #31cbf8
}

.svg-info--outline:hover .border {
  fill: #31cbf8
}

.svg-info--outline:hover .text {
  fill: #fff
}

.svg-icon--cta svg {
  stroke: var(--svg-icon--cta__stroke,#b94f17);
  fill: var(--svg-icon--cta__fill,#b94f17)
}

.svg-icon--mousy svg, .svg-icon--mousy svg .svg-icon-secondary {
  stroke: #a0a0a0;
  fill: #a0a0a0
}

.svg-icon--mousy-light svg, .svg-icon--mousy-light svg .svg-icon-secondary {
  stroke: #d9d9d9;
  fill: #d9d9d9
}

.svg-icon--inverse svg, .svg-icon--inverse svg .svg-icon-secondary {
  stroke: #fff;
  fill: #fff
}

.svg-icon--warning svg {
  stroke: #f53a23;
  fill: #f53a23
}

svg .svg-icon-secondary {
  stroke: #b94f17;
  fill: #b94f17
}

.form {
  padding-top: 16px
}

.form-wrapper .h3 {
  margin-top: 48px
}

  .form-wrapper .h3:first-child {
    margin-top: 0
  }

.form-wrapper .button--full-width-sm {
  margin-bottom: 32px
}

  .form-wrapper .button--full-width-sm:last-child {
    margin-bottom: 0
  }

@media(min-width:768px) {
  .form-wrapper .button--full-width-sm {
    margin-bottom: 0
  }
}

.radio-one-row {
  background-color: #f4f4f4
}

  .radio-one-row .col {
    padding: 0 !important;
    flex-grow: 0
  }

@media(max-width:539px) {
  .radio-one-row .col {
    min-width: 50%
  }
}

.radio-one-row .col .form-field {
  margin-bottom: 0
}

.form-field {
  position: relative;
  margin-bottom: 24px
}

  .form-field .error-info, .form-field .field-info {
    position: relative;
    padding: 4px 16px 0;
    font-size: 12px;
    line-height: 14px
  }

  .form-field .field-info {
    color: #a0a0a0
  }

  .form-field .error-info {
    display: none;
    color: #f53a23
  }

  .form-field.field--error .error-info {
    display: block;
    color: #f53a23
  }

  .form-field.visually-hidden {
    position: absolute;
    margin: -1px
  }

.form-buttons {
  position: relative;
  margin-bottom: 24px
}

.clone {
  border-top: 2px solid #eee;
  padding-top: 24px
}

.form-error-general {
  display: none;
  padding-top: 8px;
  color: #f53a23;
  line-height: 14px
}

.bubble-info {
  display: inline-block;
  position: relative;
  margin-bottom: 16px;
  padding: 9px 16px;
  background: #31cbf8;
  border-radius: 4px;
  color: #fff;
  font-size: 15px;
  line-height: 20px;
  cursor: default
}

  .bubble-info:before {
    display: block;
    position: absolute;
    content: "";
    bottom: -8px;
    left: 36px;
    margin-left: -5px;
    border-top: 9px solid #31cbf8;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    width: 0;
    height: 0
  }

.optional {
  display: inline-block;
  position: relative
}

  .optional:after {
    position: relative;
    content: "(optional)";
    top: -4px;
    left: 2px;
    color: #a0a0a0;
    font-size: 10px
  }

.attr {
  position: absolute;
  top: 19px;
  right: 15px;
  color: #a0a0a0;
  pointer-events: none;
  z-index: 0
}

.form-field.vn-text-dummy .input.filled, .form-field.vn-text-dummy .input:focus {
  padding-left: 46px
}

  .form-field.vn-text-dummy .input.filled ~ .field-info:before, .form-field.vn-text-dummy .input:focus ~ .field-info:before {
    position: absolute;
    content: "S00";
    top: -25px;
    left: 15px;
    color: #575757;
    font-weight: 200;
    font-size: 16px
  }

.form-field.vn-text-dummy.field--error .input.filled ~ .error-info + .field-info:before, .form-field.vn-text-dummy.field--error .input:focus ~ .error-info + .field-info:before {
  top: -43px
}

label p {
  font-weight: 500
}

.button {
  display: flex;
  position: relative;
  border: none;
  padding: 0 20px;
  width: 194px;
  height: 48px;
  background: var(--button-primary-background,#b94f17);
  border-radius: 999px;
  color: var(--button-primary-color,#fff);
  font-weight: var(--button-primary-font-weight,300);
  font-size: 16px;
  line-height: 1.2em;
  text-align: center;
  cursor: pointer;
  transition: all .3s;
  align-items: center;
  justify-content: center;
  font-family: Gotham Narrow SSm,Helvetica Neue,Arial,sans-serif;
  font-style: normal
}

  .button:focus {
    background-color: var(--button-primary-background__focus,#f9ba3f);
    outline: none
  }

  .button:focus, .button:hover {
    box-shadow: var(--button-box-shadow,0 1px 3px rgba(0,0,0,.3))
  }

  .button:hover {
    background-color: var(--button-primary-background__hover,#eb7d1a)
  }

  .button:active {
    border: var(--button-primary-border__active,none);
    background-color: var(--button-primary-background__active,#eb7d1a);
    color: var(--button-primary-color__active,initial)
  }

  .button:disabled, .button[disabled] {
    background-color: #d9d9d9
  }

  .button[type=submit] .lds-ring {
    top: 8px;
    right: 0;
    left: 0;
    margin: auto;
    transform: scale(.7)
  }

  .button .icon-ui {
    margin-right: 12px;
    width: 24px;
    height: 24px;
    stroke: currentColor;
    fill: currentColor
  }

  .button + .button {
    margin-top: 24px
  }

@media(min-width:768px) {
  .button + .button {
    margin-top: 20px
  }
}

.button--lg {
  height: 48px
}

.button--md {
  height: 40px
}

.button--sm {
  height: 32px;
  font-size: 14px
}

.button--xs {
  width: 72px;
  height: 40px;
  font-size: 14px
}

.button--long {
  width: 260px;
  max-width: 100%
}

.button--full-width {
  width: 100%
}

.button--full-width-xs {
  width: 100%;
  max-width: 280px
}

.button--full-width-sm {
  width: 100%
}

@media(min-width:768px) {
  .button--full-width-sm {
    max-width: 280px
  }
}

.button--ghost {
  border: 2px solid #b94f17;
  background: transparent;
  color: #b94f17
}

  .button--ghost:focus {
    background: transparent;
    box-shadow: 0 0 4px 0 #b94f17
  }

  .button--ghost:hover {
    background-color: #b94f17;
    box-shadow: none;
    color: #fff
  }

  .button--ghost:active {
    background-color: #dd6900;
    border-color: #dd6900;
    box-shadow: none
  }

  .button--ghost:disabled, .button--ghost[disabled] {
    background-color: #fff;
    border-color: #d9d9d9;
    color: #d9d9d9
  }

  .button--ghost .icon-wrapper {
    position: relative
  }

.button--link {
  margin-top: 5px;
  padding: 0;
  width: auto;
  height: auto;
  background: transparent;
  color: #b94f17;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  text-align: right;
  cursor: pointer;
  white-space: nowrap
}

  .button--link.blue {
    color: #0075ac
  }

  .button--link:focus, .button--link:hover {
    box-shadow: none
  }

  .button--link .icon-wrapper {
    display: none
  }

@media(min-width:768px) {
  .button--link {
    padding: 0 32px 0 8px;
    text-align: right
  }

    .button--link .icon-wrapper {
      display: block;
      position: absolute;
      top: 50%;
      right: 0;
      width: 24px;
      line-height: 0;
      overflow: hidden;
      transform: translateY(-50%);
      transition: transform .3s
    }

      .button--link .icon-wrapper .icon-ui {
        margin: 0;
        transition: transform .3s
      }
}

@media(min-width:1440px) {
  .button--link {
    font-size: 13px;
    line-height: 20px
  }
}

.button--link .label {
  display: inline-block;
  position: relative
}

  .button--link .label:before {
    position: absolute;
    content: "";
    bottom: -6px;
    left: 50%;
    width: 32px;
    height: 2px;
    background-color: #b94f17;
    border-radius: 1px;
    transform: translateX(-50%) scaleX(1);
    transition: transform .2s ease-out
  }

@media(min-width:768px) {
  .button--link .label:before {
    transform: translateX(-50%) scaleX(0)
  }
}

.button--link:focus {
  background: transparent
}

  .button--link:focus .label:before {
    transform: translateX(-50%) scaleX(2)
  }

.button--link:hover {
  background: transparent
}

  .button--link:hover .icon-wrapper {
    transform: translate(4px,-50%)
  }

.button--link:active {
  background: transparent
}

  .button--link:active .icon-wrapper {
    transform: translate(4px,-50%)
  }

.button--link.button-link-arrow .icon-wrapper {
  display: block
}

.button--link.button-link-arrow .label:before {
  transform: translateX(-50%) scaleX(0)
}

.button--arrow {
  margin-top: 5px;
  width: auto;
  height: auto;
  background: transparent;
  color: #b94f17;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  text-align: right;
  cursor: pointer;
  white-space: nowrap
}

  .button--arrow .icon-wrapper {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 24px;
    line-height: 0;
    overflow: hidden;
    transform: translateY(-50%);
    transition: transform .3s
  }

    .button--arrow .icon-wrapper .icon-ui {
      margin: 0;
      transition: transform .3s
    }

@media(min-width:1440px) {
  .button--arrow {
    font-size: 13px;
    line-height: 20px
  }
}

.button--arrow .label {
  display: inline-block;
  position: relative;
  padding-right: 34px
}

.button--arrow:focus, .button--arrow:hover {
  background: transparent;
  box-shadow: none
}

  .button--arrow:focus .icon-wrapper, .button--arrow:hover .icon-wrapper {
    transform: translate(4px,-50%)
  }

.button--arrow:active {
  background: transparent
}

  .button--arrow:active .icon-wrapper {
    transform: translate(4px,-50%)
  }

.button--arrow.reverse {
  transform: scaleX(-1)
}

  .button--arrow.reverse .label {
    padding-left: 16px;
    transform: scaleX(-1)
  }

.button-animation-container:active .button--arrow .icon-wrapper, .button-animation-container:focus .button--arrow .icon-wrapper, .button-animation-container:hover .button--arrow .icon-wrapper {
  transform: translate(4px,-50%)
}

.button--icon-right {
  position: relative;
  padding: 0 50px
}

  .button--icon-right .icon-wrapper {
    position: absolute;
    top: 50%;
    right: 24px;
    transform: translateY(-50%)
  }

.button--font-xl {
  font-size: 32px
}

.button-label-wrapper {
  display: flex;
  align-items: center
}

  .button-label-wrapper .button-label {
    color: #575757;
    font-weight: 200;
    font-size: 16px
  }

.field--input .input, .field--input .input-multi, .field--select .input, .field--select .input-multi {
  margin: 0;
  border: none;
  padding: 27px 15px 9px;
  width: 100%;
  height: 56px;
  background: #f4f4f4;
  border-radius: 4px;
  color: #575757;
  font-weight: 300;
  font-size: 16px;
  text-align: left;
  outline: 0;
  transition: all .3s ease;
  vertical-align: baseline;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

  .field--input .input-multi:focus, .field--input .input-multi:hover, .field--input .input:focus, .field--input .input:hover, .field--select .input-multi:focus, .field--select .input-multi:hover, .field--select .input:focus, .field--select .input:hover {
    box-shadow: 0 1px 3px rgba(0,0,0,.3)
  }

  .field--input .input-multi:disabled, .field--input .input-multi:disabled ~ label, .field--input .input:disabled, .field--input .input:disabled ~ label, .field--select .input-multi:disabled, .field--select .input-multi:disabled ~ label, .field--select .input:disabled, .field--select .input:disabled ~ label {
    pointer-events: none;
    color: #a0a0a0
  }

  .field--input .input[type=number], .field--select .input[type=number] {
    padding-right: 16px
  }

  .field--input .input[type=date], .field--select .input[type=date] {
    padding-right: 16px;
    color: transparent;
    transition: color .3s ease-out
  }

    .field--input .input[type=date]::-webkit-calendar-picker-indicator, .field--select .input[type=date]::-webkit-calendar-picker-indicator {
      display: none
    }

    .field--input .input[type=date].filled, .field--input .input[type=date]:focus, .field--select .input[type=date].filled, .field--select .input[type=date]:focus {
      color: currentColor
    }

  .field--input .filled-multi ~ .label, .field--input .filled ~ .label, .field--input .flatpickr-wrapper.filled ~ .label, .field--input .input-multi:focus ~ .label, .field--input .input:focus ~ .label, .field--select .filled-multi ~ .label, .field--select .filled ~ .label, .field--select .flatpickr-wrapper.filled ~ .label, .field--select .input-multi:focus ~ .label, .field--select .input:focus ~ .label {
    top: 3px;
    color: #a0a0a0;
    font-size: 12px
  }

.field--input .label, .field--input .label-multi, .field--select .label, .field--select .label-multi {
  position: absolute;
  top: 18px;
  left: 16px;
  color: #575757;
  font-weight: 300;
  font-size: 16px;
  cursor: text;
  pointer-events: none
}

.field--input .label, .field--select .label {
  transition: top .3s,font-size .3s
}

.field--input .label-multi, .field--select .label-multi {
  transform: translateY(0) translateZ(1px) scale(1);
  transform-origin: left top;
  transition: all .2s linear
}

.field--input .upload_result, .field--select .upload_result {
  margin-bottom: 16px;
  color: #0075ac
}

  .field--input .upload_result .filename, .field--select .upload_result .filename {
    padding-right: 16px;
    font-weight: 700
  }

  .field--input .upload_result .filesize, .field--select .upload_result .filesize {
    font-size: 12px
  }

  .field--input .upload_result .link, .field--select .upload_result .link {
    float: right;
    cursor: pointer
  }

.field--input .upload-input, .field--select .upload-input {
  padding: 16px 15px
}

.field--input.field--error .input, .field--select.field--error .input {
  box-shadow: inset 0 0 0 1px #f53a23;
  background: #fff0ee
}

  .field--input.field--error .input:focus, .field--input.field--error .input:hover, .field--select.field--error .input:focus, .field--select.field--error .input:hover {
    background: #fff0ee
  }

    .field--input.field--error .input:focus + .label, .field--input.field--error .label, .field--select.field--error .input:focus + .label, .field--select.field--error .label {
      background: #fff0ee;
      color: #f53a23
    }

.field--input.field--error + .error-info, .field--select.field--error + .error-info {
  display: block;
  position: relative;
  top: -20px;
  padding: 0 15px;
  color: #f53a23
}

input.hide-clear[type=search]::-ms-clear, input.hide-clear[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0
}

input.hide-clear[type=search]::-webkit-search-cancel-button, input.hide-clear[type=search]::-webkit-search-decoration, input.hide-clear[type=search]::-webkit-search-results-button, input.hide-clear[type=search]::-webkit-search-results-decoration {
  display: none
}

.radio-label {
  display: flex;
  align-items: center;
  position: relative;
  margin: 0;
  border: none;
  padding: 15px 15px 15px 45px;
  width: 100%;
  height: 56px;
  background: #f4f4f4;
  border-radius: 4px;
  color: #575757;
  font-weight: 300;
  font-size: 16px;
  cursor: pointer
}

  .radio-label:before {
    background: #fff;
    transform: translateY(-50%)
  }

  .radio-label:after, .radio-label:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 13px;
    border: 1px solid #a0a0a0;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    transition: all .2s ease-out
  }

  .radio-label:after {
    display: inline-block;
    background-color: #f4f4f4;
    transform: translateY(-50%) scale3d(0,0,0)
  }

  .radio-label:focus, .radio-label:hover {
    box-shadow: 0 1px 3px rgba(0,0,0,.3)
  }

.radio-input {
  position: absolute;
  top: auto;
  left: auto;
  opacity: 0;
  z-index: 0
}

  .radio-input:focus + .radio-label {
    box-shadow: 0 1px 3px rgba(0,0,0,.3)
  }

  .radio-input:checked + .radio-label {
    background: #31cbf8;
    border-color: #31cbf8;
    color: #fff
  }

    .radio-input:checked + .radio-label:before {
      background: #31cbf8;
      border-color: #fff
    }

    .radio-input:checked + .radio-label:after {
      background: #fff;
      border-color: #fff;
      transform: translateY(-50%) scale3d(.5,.5,.5)
    }

.field--error .radio-label {
  background: #fff0ee;
  color: #f53a23;
  box-shadow: inset 0 0 0 1px #f53a23
}

.field--error .radio-input + .radio-label:after, .field--error .radio-input + .radio-label:before {
  background: #fff0ee;
  border-color: #f53a23
}

.field--error .radio-input:checked + .radio-label {
  background: #31cbf8;
  border-color: #31cbf8
}

  .field--error .radio-input:checked + .radio-label:before {
    background: #31cbf8;
    border-color: #fff
  }

  .field--error .radio-input:checked + .radio-label:after {
    background: #fff;
    border-color: #fff
  }

.checkbox-label {
  display: inline-block;
  position: relative;
  padding-top: 2px;
  padding-left: 32px;
  width: 100%;
  cursor: pointer;
  outline: 0
}

@media(min-width:1440px) {
  .checkbox-label {
    padding-top: 0
  }
}

.checkbox-label:before {
  display: inline-block;
  border: 1px solid #a0a0a0;
  background-color: #fff;
  border-radius: 4px
}

.checkbox-label:after, .checkbox-label:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 23px;
  height: 23px;
  transition: all .2s ease-out
}

.checkbox-label:after {
  background: url(../../icons/ui/check-bold-white.svg) no-repeat 50% #31cbf8;
  background-size: 75%;
  border-radius: 3px;
  opacity: 0
}

.checkbox-input {
  position: absolute;
  top: auto;
  left: auto;
  opacity: 0;
  z-index: 0
}

  .checkbox-input:focus ~ .checkbox-label:before, .checkbox-input:hover ~ .checkbox-label:before {
    box-shadow: 0 1px 3px rgba(0,0,0,.3)
  }

  .checkbox-input:checked ~ .checkbox-label {
    position: relative
  }

    .checkbox-input:checked ~ .checkbox-label:before {
      border-color: #31cbf8
    }

    .checkbox-input:checked ~ .checkbox-label:after {
      opacity: 1
    }

  .checkbox-input:disabled ~ .checkbox-label:before, .checkbox-input[disabled] ~ .checkbox-label:before {
    border-color: #d9d9d9
  }

  .checkbox-input:disabled ~ .checkbox-label:after, .checkbox-input[disabled] ~ .checkbox-label:after {
    background: url(../../icons/ui/check-bold-white.svg) no-repeat 50% #d9d9d9;
    opacity: 1
  }

.field--error .checkbox-label:before {
  background: #fff0ee;
  border-color: #f53a23
}

.field--input .textarea-input {
  height: 168px;
  vertical-align: top;
  resize: vertical
}

.field--input .textarea-diebayerische-input {
  height: 252px;
  vertical-align: top
}

  .field--input .textarea-diebayerische-input.input {
    padding-bottom: 30px
  }

  .field--input .textarea-diebayerische-input.filled ~ .label, .field--input .textarea-diebayerische-input:focus ~ .label {
    color: transparent
  }

.field--input .max-length-chars {
  position: absolute;
  right: 15px;
  bottom: 30px;
  color: #a0a0a0;
  font-weight: 400;
  font-size: 12px
}

.field--select .input {
  padding: 24px 48px 8px 16px
}

  .field--select .input::-ms-expand {
    display: none
  }

.field--select:before {
  display: block;
  position: absolute;
  content: "";
  top: 26px;
  right: 15px;
  bottom: 18px;
  border-bottom: 1px solid;
  border-left: 1px solid;
  width: 10px;
  height: 10px;
  color: #575757;
  z-index: 6;
  transform: rotate(-45deg);
  pointer-events: none
}

.field--select .label {
  top: 3px;
  color: #a0a0a0;
  font-size: 12px
}

.field--select .option {
  color: #575757
}

.field--select .icon-ui {
  position: absolute;
  top: 16px;
  right: 49px;
  fill: #a0a0a0;
  pointer-events: none
}

.field--select .input, .field--select .input-multi {
  padding: 22px 48px 10px 16px;
  width: 100%
}

.field--select.field--error:after {
  position: absolute;
  content: "!";
  top: 17px;
  right: 47px;
  width: 24px;
  height: 24px;
  background-color: #f53a23;
  border-radius: 50%;
  color: #fff;
  line-height: 24px;
  text-align: center;
  pointer-events: none
}

.form-configured-component .button {
  float: left
}

  .form-configured-component .button + .button {
    float: right;
    margin-top: 0
  }

.button-container-schadenformulare {
  display: flex;
  flex-direction: column
}

  .button-container-schadenformulare .add-button {
    width: 100%
  }

  .button-container-schadenformulare .button + .button {
    margin-bottom: 24px
  }

@media(min-width:768px) {
  .button-container-schadenformulare {
    flex-direction: row
  }

    .button-container-schadenformulare .add-button {
      margin-right: 24px;
      max-width: 324px;
      flex: 2
    }

    .button-container-schadenformulare .button-submit {
      max-width: 190px;
      flex: 1
    }

    .button-container-schadenformulare .button + .button {
      margin-top: 0;
      margin-bottom: 0
    }
}

@media(min-width:1440px) {
  .button-container-schadenformulare .add-button {
    margin-right: 0
  }
}

.form-group-fields-schadenformulare .accordeon-container-element {
  margin-bottom: 0
}

  .form-group-fields-schadenformulare .accordeon-container-element .accordeon-content {
    border: 0;
    padding: 16px 0
  }

.form-group-fields-schadenformulare .rich a, .form-group-fields-schadenformulare .rich a:visited, .form-group-fields-schadenformulare label a, .form-group-fields-schadenformulare label a:visited {
  color: #dd6900
}

  .form-group-fields-schadenformulare .rich a:focus, .form-group-fields-schadenformulare .rich a:hover, .form-group-fields-schadenformulare label a:focus, .form-group-fields-schadenformulare label a:hover {
    text-decoration: underline
  }

.form-group-fields-schadenformulare label p {
  font-weight: 400
}

.form-group-fields-schadenformulare#personenschaden-form, .form-group-fields-schadenformulare .is-hidden, [data-linked-category] {
  display: none
}

.custom-fileupload-field .upload_result {
  margin-bottom: 32px
}

.custom-fileupload-field .meta-info-wrapper {
  display: flex;
  margin-bottom: 8px;
  padding-left: 50px;
  flex-direction: column
}

  .custom-fileupload-field .meta-info-wrapper .filename {
    padding-right: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
  }

  .custom-fileupload-field .meta-info-wrapper:before {
    position: absolute;
    content: "";
    left: 0;
    width: 42px;
    height: 42px;
    background-image: url("data:image/svg+xml;utf8,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill-rule='nonzero' stroke-width='1.6' fill='none'%3E%3Cg stroke='%230075AC' transform='translate(5 3)'%3E%3Cpath d='M24 18.56v14.93c0 .86-.7 1.56-1.57 1.56H2.03c-.87 0-1.57-.7-1.57-1.56V8.56C.46 7.7 1.16 7 2.03 7h10.4'/%3E%3Cpath stroke-linecap='round' d='M4.5 18.5h9M4.5 23.5h15M4.5 28.5h15'/%3E%3Ccircle cx='23' cy='8' r='8'/%3E%3C/g%3E%3Cpath d='M32 8l-5.33 6L24 11' stroke='%23F90' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat
  }

.custom-fileupload-field .form-field {
  margin-bottom: 16px
}

.custom-fileupload-field .link-wrapper {
  text-align: right
}

  .custom-fileupload-field .link-wrapper .link {
    float: none
  }

@media(min-width:768px) {
  .custom-fileupload-field .upload_result {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 48px
  }

  .custom-fileupload-field .meta-info-wrapper {
    flex-basis: 100%
  }

  .custom-fileupload-field .form-field {
    margin-bottom: 0
  }
}

@media(min-width:992px) {
  .custom-fileupload-field .upload_result {
    flex-wrap: nowrap;
    align-items: center
  }

  .custom-fileupload-field .meta-info-wrapper {
    flex-basis: 50%;
    margin-bottom: 0;
    min-width: 0
  }
}

.table-component {
  margin-bottom: 40px
}

@media(min-width:992px) {
  .table-component {
    margin-bottom: 72px
  }
}

.table--responsive {
  width: 100%
}

.js_tr table {
  display: none
}

@media(min-width:992px) {
  .js_tr table.has-mobile-table {
    display: table
  }
}

.js_tr table.has-mobile-table + .table-mobile {
  display: block
}

@media(min-width:992px) {
  .js_tr table.has-mobile-table + .table-mobile {
    display: none
  }
}

.table-mobile {
  display: none;
  margin-right: -20px;
  margin-left: -20px
}

  .table-mobile img, .table-mobile p {
    display: inline-block;
    margin: 0;
    padding: 0
  }

  .table-mobile .table-headline {
    padding: 12px 24px 16px;
    background-color: #fff;
    color: #0075ac;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    word-break: break-word
  }

  .table-mobile .has-2-headlines .table-headline {
    float: left;
    padding-right: 8px;
    width: 50%
  }

    .table-mobile .has-2-headlines .table-headline + .table-headline {
      padding-right: 24px;
      padding-left: 8px
    }

  .table-mobile .has-2-headlines .table-body {
    clear: both
  }

  .table-mobile .content-row {
    padding: 12px 24px 16px;
    background-color: #fff
  }

    .table-mobile .content-row:nth-child(odd) {
      background-color: #f9fafb
    }

    .table-mobile .content-row:after {
      display: block;
      clear: both;
      content: ""
    }

  .table-mobile .property-headline, .table-mobile .property-value {
    float: left;
    width: 50%;
    color: #575757;
    font-size: 14px;
    line-height: 20px
  }

  .table-mobile .property-headline {
    padding-right: 8px;
    font-weight: 500
  }

    .table-mobile .property-headline + .property-value {
      padding-left: 8px
    }

  .table-mobile .property-value {
    font-weight: 400
  }

@-webkit-keyframes animation-bounce-right-left {
  25% {
    transform: translateX(8px)
  }

  50% {
    transform: translateX(0)
  }

  65% {
    transform: translateX(4px)
  }

  80% {
    transform: translateX(0)
  }

  90% {
    transform: translateX(2px)
  }

  to {
    transform: translateX(0)
  }
}

@keyframes animation-bounce-right-left {
  25% {
    transform: translateX(8px)
  }

  50% {
    transform: translateX(0)
  }

  65% {
    transform: translateX(4px)
  }

  80% {
    transform: translateX(0)
  }

  90% {
    transform: translateX(2px)
  }

  to {
    transform: translateX(0)
  }
}

@-webkit-keyframes animation-right-left {
  50% {
    transform: translateX(8px)
  }

  0% {
    transform: translateX(0)
  }
}

@keyframes animation-right-left {
  50% {
    transform: translateX(8px)
  }

  0% {
    transform: translateX(0)
  }
}

.animate--right:hover .animate__element {
  -webkit-animation: animation-bounce-right-left .6s ease-in-out;
  animation: animation-bounce-right-left .6s ease-in-out
}

.transition--right .transition__element {
  transition: all .3s
}

.transition--right:hover .transition__element {
  transform: translateX(4px)
}

.animate-arrow .animate__element {
  transform: translateX(0);
  transition: transform .3s ease-in
}

.animate-arrow:focus .animate__element, .animate-arrow:hover .animate__element {
  transform: translateX(5px)
}

.overlay {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  z-index: -1;
  transition: opacity .3s ease-out
}

@media(min-width:992px) {
  .overlay {
    top: 80px
  }
}

@media(min-width:1440px) {
  .overlay {
    top: 120px
  }
}

.overlay.active {
  opacity: 1;
  z-index: 20
}

  .overlay.active.modal, .overlay.active.overlay--page {
    top: 0;
    z-index: 30
  }

  .overlay.active .overlay-content {
    display: inline-block
  }

.overlay .btn-close {
  position: absolute;
  top: 8px;
  right: 8px;
  cursor: pointer;
  z-index: 1100
}

  .overlay .btn-close svg {
    width: 35px;
    height: 35px;
    fill: #a0a0a0;
    stroke: #a0a0a0
  }

    .overlay .btn-close svg:hover {
      fill: #575757;
      stroke: #575757
    }

.overlay .loading-wrapper {
  display: none
}

.overlay-background {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,.5)
}

.overlay-content {
  display: none;
  position: relative;
  top: 50vh;
  margin-left: 50%;
  width: min(600px,80%);
  min-height: 3rem;
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  z-index: 150;
  transform: translateY(-50%) translateX(-50%);
  border: 1px solid #31cbf8
}

  .overlay-content .overlay-content-container {
    margin: calc(2rem + 8px) 1rem 2rem 2rem;
    padding-right: 1rem;
    max-height: calc(70vh - 4rem - 8px);
    overflow: scroll
  }

  .overlay-content .content-area a, .overlay-content .content-area a:visited {
    color: #0075ac
  }

    .overlay-content .content-area a:focus, .overlay-content .content-area a:hover {
      text-decoration: underline
    }

  .overlay-content .button-area {
    padding: 24px 0 0;
    background-color: #fff
  }

@media(min-width:768px) {
  .overlay-content .button-area {
    display: flex;
    min-width: 500px
  }
}

.overlay-content .button-area .button {
  margin: 8px 0
}

.is-fixed .overlay-content {
  position: fixed;
  max-height: 70vh
}

.img-modal .overlay-content {
  border: none;
  width: auto;
  max-height: 90vh;
  background: transparent;
  overflow: initial
}

  .img-modal .overlay-content svg, .img-modal .overlay-content svg:focus, .img-modal .overlay-content svg:hover {
    fill: #fff;
    stroke: #fff
  }

  .img-modal .overlay-content .overlay-content-container {
    position: relative;
    margin: 0;
    padding: 0;
    min-width: 260px;
    max-width: 90vw;
    min-height: 48px;
    max-height: 90vh;
    z-index: 1000
  }

  .img-modal .overlay-content img {
    max-width: 90vw;
    max-height: 90vh
  }

  .img-modal .overlay-content .btn-close {
    top: .75rem;
    right: .75rem;
    width: 2.1875rem;
    height: 2.1875rem;
    background: #31cbf8;
    border-radius: 50%
  }

    .img-modal .overlay-content .btn-close:hover {
      background: #0075ac
    }

  .img-modal .overlay-content .loading-wrapper {
    display: block
  }

.overlay-target.active .overlay-content {
  display: inline-block
}

.overlay-target.active .overlay--open {
  display: none
}

.overlay-target.active .overlay--close {
  display: block;
  z-index: 150
}

.overlay-control {
  display: none;
  position: absolute;
  top: 16px;
  right: 0;
  cursor: pointer
}

  .overlay-control .icon-ui {
    color: #31cbf8
  }

.overlay--open {
  display: block
}

.js_img-zoom img {
  cursor: zoom-in
}

.rich {
  margin-top: 8px
}

  .rich * {
    font-family: Gotham Narrow SSm,Helvetica Neue,Arial,sans-serif !important;
    font-style: normal
  }

  .rich h2 {
    margin-bottom: 24px
  }

@media(min-width:1439px) {
  .rich h2 {
    margin-bottom: 40px
  }
}

.rich a {
  color: var(--rich-a-color,#0075ac);
  -webkit-text-decoration: var(--rich-a-text-decoration,none);
  text-decoration: var(--rich-a-text-decoration,none)
}

  .rich a:visited {
    color: var(--rich-a__visited-color,#0075ac)
  }

  .rich a:focus, .rich a:hover {
    color: var(--rich-a__hover-color,initial);
    -webkit-text-decoration: var(--rich-a__hover-text-decoration,underline);
    text-decoration: var(--rich-a__hover-text-decoration,underline)
  }

.rich p {
  margin: 8px 0 0
}

.rich strong {
  font-weight: 500
}

.rich ul {
  margin-top: 16px;
  margin-bottom: 0
}

  .rich ul li {
    padding-left: 40px
  }

    .rich ul li:before {
      left: 24px
    }

  .rich ul + p, .rich ul + ul {
    margin-top: 8px
  }

.rich td > ul:first-child {
  margin-top: 0
}

.rich ol {
  margin-top: 16px;
  padding-left: 40px
}

.rich img {
  max-width: 100%;
  height: auto !important
}

.rich .accordion-content > a, .rich .accordion-content > h1, .rich .accordion-content > h2, .rich .accordion-content > h3, .rich .accordion-content > h4, .rich .accordion-content > img, .rich .accordion-content > ol, .rich .accordion-content > p, .rich .accordion-content > ul {
  max-width: 754px
}

  .rich .accordion-content > a:last-child, .rich .accordion-content > h1:last-child, .rich .accordion-content > h2:last-child, .rich .accordion-content > h3:last-child, .rich .accordion-content > h4:last-child, .rich .accordion-content > img:last-child, .rich .accordion-content > ol:last-child, .rich .accordion-content > p:last-child, .rich .accordion-content > ul:last-child {
    padding-bottom: 16px
  }

.rich.font--white * {
  color: #fff
}

.h3 + .rich {
  margin-top: 8px
}

.item-components [class*=item-component--] + [class*=item-component--download], .item-components [class*=item-component--] + [class*=item-component--h3], .item-components [class*=item-component--] + [class*=item-component--rich], .rich + .h3 {
  margin-top: 24px
}

.item-components [class*=item-component--] + [class*=item-component--button], .item-components [class*=item-component--] + [class*=item-component--link] {
  margin-top: 32px
}

.mobile-nav-open {
  height: 100% !important;
  overflow: hidden !important
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 80px;
  z-index: 20;
}

@media(min-width:992px) {
  .header {
    position: absolute;
  }
}

@media(max-width:991px) {
  .header:after {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1
  }
}

.header.active-burger {
  position: fixed;
  bottom: 0;
  height: 100vh;
  overflow-y: scroll;
  overflow-x: hidden
}

.header .header-burger-desktop, .header .header-content-ghost {
  height: auto
}

@media(min-width:992px) {
  .header .header-burger-desktop, .header .header-content-ghost {
    height: 80px
  }
}

@media(min-width:1440px) {
  .header .header-burger-desktop, .header .header-content-ghost {
    height: 120px
  }
}

.header .header-content-wrapper {
  position: relative;
  z-index: 30
}

.header .header-content {
  position: relative;
  height: 80px
}

@media(min-width:768px) {
  .header .header-content {
    height: 64px
  }
}

@media(min-width:992px) {
  .header .header-content {
    margin: 0 auto;
    height: 80px
  }
}

@media(min-width:1440px) {
  .header .header-content {
    max-width: 1440px;
    height: 120px
  }
}

@media(max-width:767px) {
  .header .header-wrapper-mobile {
    margin-top: -80px
  }
}

@media(max-width:991px) {
  .header .header-wrapper-mobile {
    position: relative;
    margin-top: -64px;
    box-shadow: 6px 0 36px 4px rgba(0,0,0,.3);
    z-index: 30;
    transform: translateX(300%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
  }

    .header .header-wrapper-mobile.isOpen {
      position: fixed;
      bottom: 0;
      height: 100%;
      overflow-y: auto;
      overflow-x: hidden;
      background-color: #fff
    }
}

.header .header-content-ghost {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #31cbf8;
  opacity: 0;
  visibility: hidden;
  z-index: 25;
  pointer-events: none
}

.header .header-logo {
  display: block;
  position: absolute;
  top: 8px;
  left: 16px;
  width: 167px
}

@media(min-width:768px) {
  .header .header-logo {
    margin-left: 30px;
    padding-top: 12px;
    width: 208px
  }
}

@media(min-width:992px) {
  .header .header-logo {
    top: 50%;
    left: 25px;
    margin: 0;
    padding-top: 0;
    width: 240px;
    transform: translateY(-50%)
  }
}

@media(min-width:1440px) {
  .header .header-logo {
    left: 39px;
    width: 269px
  }
}

.header .logo-bay {
  width: 100%;
  height: auto;
  fill: #fff
}

.header .header-burger-desktop, .header .header-contact {
  position: absolute;
  top: 0;
  width: 32px
}

@media(min-width:768px) {
  .header .header-burger-desktop, .header .header-contact {
    top: 50%;
    width: 40px;
    transform: translateY(-50%)
  }
}

.header .header-burger-desktop svg, .header .header-contact svg {
  width: 100%;
  height: auto
}

.header .header-burger-desktop {
  right: 12px;
  color: #fff;
  cursor: pointer;
  z-index: 40
}

@media(min-width:768px) {
  .header .header-burger-desktop {
    right: 30px
  }
}

@media(min-width:992px) {
  .header .header-burger-desktop {
    right: 0;
    width: 80px;
    background: #31cbf8
  }

    .header .header-burger-desktop .header-burger-trigger {
      display: flex;
      width: 100%;
      height: 100%;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      outline: none
    }

      .header .header-burger-desktop .header-burger-trigger:hover .icon-content {
        transform: scale(1.05)
      }

    .header .header-burger-desktop .icon-content {
      width: 36px;
      transform: scale(1);
      transition: transform .2s ease-in
    }

    .header .header-burger-desktop .icon-label {
      text-align: center
    }
}

@media(min-width:1440px) {
  .header .header-burger-desktop {
    width: 120px
  }

    .header .header-burger-desktop .header-burger-trigger {
      justify-content: flex-start;
      padding-top: 16px
    }

    .header .header-burger-desktop .icon-content {
      width: 48px
    }
}

.header .header-burger-desktop .icon-ui {
  max-width: 100%;
  max-height: 100%
}

.header .header-contact {
  display: block;
  right: 68px;
  height: 100%;
  font-size: 0;
  line-height: 0
}

@media(min-width:768px) {
  .header .header-contact {
    right: 102px
  }
}

.header .header-contact .icon-header {
  stroke: #fff
}

@media(min-width:992px) {
  .header .header-overlay.dt {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    background-color: rgba(0,0,0,.5);
    opacity: 0;
    z-index: -1;
    transition: opacity .3s ease-out
  }

    .header .header-overlay.dt.active {
      height: 100%;
      opacity: 1;
      z-index: 1
    }
}

@media(max-width:991px) {
  .header-mobile-blue .header .header-logo {
    z-index: 41
  }
}

.header-service {
  position: relative;
  color: #fff;
  font-size: 0;
  z-index: 50
}

@media(min-width:992px) {
  .header-service {
    position: absolute;
    top: 8px;
    right: 86px
  }
}

.header-service:hover {
  z-index: 50
}

@media(min-width:1440px) {
  .header-service {
    top: 16px;
    right: 136px
  }
}

.header-service .icon-header {
  position: absolute;
  top: auto;
  left: 0;
  margin-right: 12px;
  width: 24px;
  height: 24px;
  vertical-align: bottom;
  stroke: #fff
}

@media(min-width:1440px) {
  .header-service .icon-header {
    margin-right: 8px
  }
}

.header-service .icon-header .icon {
  width: 100%;
  height: 100%
}

.cons-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%
}

.header-mobile-toggle {
  display: none;
  position: relative;
  height: 48px;
  background-color: #32c22b;
  z-index: 40
}

.header-service-mobile {
  position: relative;
  width: 100%;
  text-align: right;
  z-index: 40;
  pointer-events: none
}

  .header-service-mobile .header-service-mobile-ghost {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
    visibility: hidden
  }

@media(min-width:768px) {
  .header-service-mobile {
    padding-top: 16px;
    padding-right: 24px;
    padding-bottom: 8px
  }

    .header-service-mobile .header-service-mobile-item {
      margin-left: 20px;
      padding: 5px
    }
}

@media(min-width:992px) {
  .header-service-mobile {
    position: absolute;
    top: 0;
    right: 0;
    padding-top: 0;
    padding-right: 0;
    width: auto
  }

    .header-service-mobile:before {
      display: none
    }

    .header-service-mobile .header-service-mobile-item {
      margin-left: 0
    }
}

.header-service-mobile .header-service-mobile-item {
  display: inline-block;
  padding: 10px;
  z-index: 1;
  pointer-events: all
}

  .header-service-mobile .header-service-mobile-item .header-service_mo {
    display: inline-block
  }

  .header-service-mobile .header-service-mobile-item .icon-header {
    position: relative;
    width: 30px;
    height: 30px
  }

@media(min-width:768px) {
  .header-service-mobile .header-service-mobile-item .icon-header {
    width: 40px;
    height: 40px
  }
}

.header-service-mobile .header-service-mobile-item .icon-header svg {
  width: 100%;
  height: auto
}

.header-service-mobile .svg-m-search-burger-close {
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  visibility: hidden;
  z-index: 2;
  transform: translate(-50%,-50%)
}

.header-mobile-blue .header-service-mobile {
  background-color: #31cbf8;
  transition: background-color .5s cubic-bezier(.12,.73,.39,1)
}

.consultant-dot {
  display: block;
  position: absolute;
  right: -7px;
  bottom: -3px;
  width: 12px;
  height: 12px;
  background-color: #b94f17;
  border-radius: 50%;
  opacity: 0;
  visibility: hidden;
  transform: scale(0)
}

.header-service-item.has-consultant:before {
  display: block;
  position: absolute;
  content: "";
  top: -5px;
  left: -8px;
  width: calc(100% + 18px);
  height: 100%;
  background: hsla(0,0%,100%,.35);
  border-radius: 24px
}

.header-service-item {
  display: inline-block;
  position: relative;
  width: 33.3333333333%;
  font-size: .75rem;
  line-height: 1.5rem;
  cursor: pointer;
  z-index: 1;
  vertical-align: top
}

  .header-service-item .icon-toggle {
    display: inline-block;
    position: relative;
    top: .25rem;
    padding-left: .125rem;
    width: 1.25rem;
    height: 1rem;
    z-index: 100
  }

  .header-service-item .header-service-item-nav {
    white-space: nowrap
  }

@media(min-width:992px) {
  .header-service-item {
    margin: 0 16px;
    padding: 0 0 .625rem 1.875rem;
    width: auto;
    box-sizing: content-box
  }

    .header-service-item.has-consultant {
      margin: 0 24px;
      padding-left: 40px
    }

    .header-service-item .svg-header-login--mono .svg-icon_arrow, .header-service-item .svg-header-login--mono .svg-icon_circle {
      transition: all .3s ease-in-out
    }

    .header-service-item .svg-header-login--mono .svg-icon_arrow {
      transform: translateY(15px)
    }

    .header-service-item:focus .header-service-item-nav, .header-service-item:hover .header-service-item-nav {
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
    }

      .header-service-item:focus .header-service-item-nav + .header-service-item-box, .header-service-item:hover .header-service-item-nav + .header-service-item-box {
        opacity: 1;
        visibility: visible;
        pointer-events: auto
      }

    .header-service-item:focus .consultant-unset .header-service-item-box, .header-service-item:hover .consultant-unset .header-service-item-box {
      visibility: visible;
      pointer-events: auto
    }

    .header-service-item:focus .consultant-set .header-service-item-box, .header-service-item:hover .consultant-set .header-service-item-box {
      visibility: hidden;
      pointer-events: none
    }

    .header-service-item:focus .svg-header-login--mono .svg-icon_arrow, .header-service-item:focus .svg-header-login--mono .svg-icon_circle, .header-service-item:hover .svg-header-login--mono .svg-icon_arrow, .header-service-item:hover .svg-header-login--mono .svg-icon_circle {
      stroke-width: 2px
    }

    .header-service-item:focus .svg-header-login--mono .svg-icon_arrow, .header-service-item:hover .svg-header-login--mono .svg-icon_arrow {
      transform: translate(6px,15px)
    }

    .header-service-item .consultant-unset .js_consultant-search-toggle.box-visible {
      opacity: 1;
      visibility: visible;
      pointer-events: auto
    }
}

@media(min-width:992px)and (max-width:1439px) {
  .header-service-item:last-of-type .header-service-item-box {
    left: 20%
  }

    .header-service-item:last-of-type .header-service-item-box:after {
      left: 50%;
      transform: translateX(0)
    }
}

.header-service-item:focus {
  border: 0;
  box-shadow: none;
  outline: 0
}

@media(min-width:1440px) {
  .header-service-item {
    font-size: 16px
  }
}

.header-service-item .button {
  margin-top: 24px
}

.header-service-item hr {
  margin: 0 16px;
  border: 0;
  height: 1px;
  background-color: #e4e4e4
}

.header-service-item > .link {
  color: #fff
}

  .header-service-item > .link:focus, .header-service-item > .link:hover {
    text-decoration: none
  }

.header-service-item-box {
  padding-bottom: 1.25rem;
  width: 100%;
  text-align: center
}

  .header-service-item-box .h1 {
    margin-top: 16px;
    color: #fff
  }

    .header-service-item-box .h1 a {
      color: #fff
    }

  .header-service-item-box .header-service-item-subline {
    color: #fff;
    font-weight: 500
  }

    .header-service-item-box .header-service-item-subline .button {
      color: #fff
    }

    .header-service-item-box .header-service-item-subline .header-service-item-subline-inner {
      display: inline-block
    }

  .header-service-item-box .button--link {
    display: inline-block;
    position: relative;
    margin-top: 1.5rem
  }

@media(min-width:992px) {
  .header-service-item-box {
    position: absolute;
    top: 100%;
    left: 50%;
    padding-top: 12px;
    width: auto;
    min-width: 328px;
    background-color: #fff;
    border-radius: 4px;
    opacity: 0;
    color: #0075ac;
    cursor: auto;
    visibility: hidden;
    z-index: 2;
    transform: translateX(-45%);
    transition: opacity .3s ease-out;
    pointer-events: none
  }

    .header-service-item-box:before {
      position: absolute;
      content: "";
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      border-radius: inherit;
      opacity: .6;
      box-shadow: 2px 6px 21px -1px rgba(0,0,0,.2),0 5px 62px -6px rgba(0,0,0,.15);
      z-index: 0;
      transition: opacity .5s cubic-bezier(.12,.73,.39,1);
      pointer-events: none
    }

    .header-service-item-box:hover:before {
      opacity: 1
    }
}

@media(min-width:992px)and (min-width:992px)and (max-width:1439px) {
  .consultant-unset .header-service-item-box {
    transform: translateX(-58%)
  }

    .consultant-unset .header-service-item-box:after {
      transform: translateX(124%)
    }
}

@media(min-width:992px)and (min-width:992px)and (max-width:1439px) {
  .consultant-set .header-service-item-box {
    transform: translateX(-60%)
  }

    .consultant-set .header-service-item-box:after {
      transform: translateX(170%)
    }
}

@media(min-width:992px) {
  .header-service-item-box.lg {
    min-width: 365px
  }
}

@media(min-width:992px) {
  .header-service-item-box:after {
    display: block;
    position: absolute;
    content: "";
    top: -10px;
    left: 50%;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    width: 0;
    height: 0;
    transform: translateX(-50%)
  }
}

@media(min-width:992px) {
  .header-service-item-box .input {
    width: 100%
  }
}

@media(min-width:992px) {
  .header-service-item-box .header-service-item-subline {
    color: #b94f17
  }
}

.header-service-item-box-inner {
  position: relative
}

  .header-service-item-box-inner .h4 {
    margin-top: 0;
    font-size: 17px
  }

    .header-service-item-box-inner .h4 small {
      display: block
    }

  .header-service-item-box-inner p {
    font-weight: 300
  }

  .header-service-item-box-inner .card-consultant {
    display: flex;
    position: relative;
    min-height: 64px;
    text-align: left;
    align-items: center
  }

    .header-service-item-box-inner .card-consultant .h4 {
      margin: 0
    }

  .header-service-item-box-inner .card-consultant--image {
    position: absolute;
    top: 0;
    left: 0;
    width: 64px;
    height: auto;
    border-radius: 50%
  }

@media(min-width:992px) {
  .header-service-item-box-inner {
    padding: 8px 24px;
    background-color: #fff;
    border-radius: 4px;
    z-index: 3
  }

    .header-service-item-box-inner p {
      color: #575757
    }

    .header-service-item-box-inner .card-consultant {
      padding-left: 72px
    }

    .header-service-item-box-inner .service-link {
      margin-right: -24px;
      margin-left: -24px
    }
}

.header-service-item-link .h3 {
  font-size: 13px;
  line-height: 20px
}

.consultant-unset {
  position: static;
  visibility: visible
}

.consultant-set {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden
}

  .consultant-set .header-service-item-box-inner:first-of-type {
    padding: 8px 24px
  }

.header-service-item.has-consultant .consultant-unset, .tab-navigation-area-mobile.has-consultant .consultant-unset {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden
}

  .header-service-item.has-consultant .consultant-unset .header-service-item-box, .tab-navigation-area-mobile.has-consultant .consultant-unset .header-service-item-box {
    visibility: hidden;
    pointer-events: none
  }

.header-service-item.has-consultant .consultant-set, .tab-navigation-area-mobile.has-consultant .consultant-set {
  position: static;
  visibility: visible
}

@media(min-width:992px) {
  .header-service-item.has-consultant:hover .consultant-set .header-service-item-box, .tab-navigation-area-mobile.has-consultant:hover .consultant-set .header-service-item-box {
    visibility: visible;
    pointer-events: auto
  }

  .header-service-item.has-consultant:hover .consultant-unset .header-service-item-box, .tab-navigation-area-mobile.has-consultant:hover .consultant-unset .header-service-item-box {
    visibility: hidden;
    pointer-events: none
  }
}

.fixed .header-service {
  top: 50%;
  color: #0075ac;
  transform: translateY(-50%)
}

  .fixed .header-service .icon-header {
    stroke: #0075ac
  }

.tab-navigation-area-mobile .svg-consultant {
  display: inline-block;
  position: relative
}

  .tab-navigation-area-mobile .svg-consultant svg {
    width: auto;
    height: 100%
  }

.tab-navigation-area-mobile .consultant-set {
  display: none
}

  .tab-navigation-area-mobile .consultant-set .header-service-item-box-inner {
    text-align: left
  }

  .tab-navigation-area-mobile .consultant-set .card-consultant {
    padding-left: 70px;
    width: 100%
  }

    .tab-navigation-area-mobile .consultant-set .card-consultant .h4 {
      margin-top: 16px;
      color: #fff;
      font-size: 15px;
      line-height: 20px
    }

      .tab-navigation-area-mobile .consultant-set .card-consultant .h4 small {
        font-size: 13px
      }

  .tab-navigation-area-mobile .consultant-set .button--ghost {
    border-color: #fff;
    color: #fff
  }

    .tab-navigation-area-mobile .consultant-set .button--ghost:hover {
      border-color: #b94f17
    }

  .tab-navigation-area-mobile .consultant-set .delete-consultant {
    border-color: #fff;
    transition: all .2s ease-in-out
  }

    .tab-navigation-area-mobile .consultant-set .delete-consultant:after {
      background-color: #fff
    }

    .tab-navigation-area-mobile .consultant-set .delete-consultant:hover {
      border-color: #b94f17
    }

.tab-navigation-area-mobile .consultant-unset, .tab-navigation-area-mobile.has-consultant .consultant-set {
  display: block
}

.tab-navigation-area-mobile.has-consultant .consultant-unset {
  display: none
}

.customer-account-link {
  cursor: pointer
}

.header-agent-area .header-content-wrapper {
  height: 50px
}

@media(max-width:991px) {
  .header-agent-area .header-content-wrapper {
    background-color: #31cbf8
  }
}

@media(min-width:768px) {
  .header-agent-area .header-content-wrapper {
    height: 74px
  }
}

@media(min-width:992px) {
  .header-agent-area .header-content-wrapper {
    height: 80px
  }
}

@media(min-width:1440px) {
  .header-agent-area .header-content-wrapper {
    height: 74px
  }
}

.header-agent-area .header-content-wrapper .header-content {
  height: 100%
}

.header-agent {
  display: flex;
  height: 100%;
  flex-wrap: wrap;
  justify-content: end
}

@media(min-width:992px) {
  .header-agent {
    position: relative;
    top: 50%;
    margin-right: 5rem;
    transform: translateY(-50%);
    flex-direction: row-reverse;
    flex-wrap: nowrap
  }
}

.header-agent .agent-general {
  display: flex;
  margin-right: 1rem;
  align-items: center;
  color: #fff
}

.header-agent .agent-general-inner {
  display: flex;
  padding: 4px 6px;
  background: hsla(0,0%,100%,.35);
  border-radius: 100px;
  cursor: pointer
}

@media(min-width:992px) {
  .header-agent .agent-general-inner {
    cursor: auto
  }
}

.header-agent .cons-name {
  position: relative;
  margin-left: 1rem;
  padding-right: 1.875rem
}

@media(min-width:992px) {
  .header-agent .cons-name {
    padding-right: 1.875rem
  }
}

.header-agent .icon-toggle {
  position: absolute;
  top: 50%;
  right: 0;
  width: 16px;
  height: auto;
  transform: translateY(-50%)
}

.header-agent .cons-img {
  position: relative;
  width: 1.5rem;
  height: 1.5rem
}

.header-agent .agent-contact {
  display: flex;
  position: absolute;
  top: 50px;
  padding: 16px 0;
  width: 100%;
  background: #31cbf8;
  flex-direction: column
}

@media(max-width:991px) {
  .header-agent .agent-contact {
    transform: translateX(100%);
    transition: transform .2s ease-out
  }

    .header-agent .agent-contact.active {
      transform: translateX(0)
    }
}

@media(min-width:768px) {
  .header-agent .agent-contact {
    top: 74px
  }
}

@media(min-width:992px) {
  .header-agent .agent-contact {
    position: relative;
    top: 0;
    margin-right: 3.5rem;
    width: auto;
    background: initial;
    flex-direction: row
  }
}

.header-agent .contact-wrap {
  display: flex;
  margin: 0 auto;
  align-items: center;
  color: #fff
}

  .header-agent .contact-wrap:focus, .header-agent .contact-wrap:hover {
    text-decoration: underline
  }

@media(min-width:992px) {
  .header-agent .contact-wrap {
    margin-left: 3.5rem
  }
}

@media(max-width:991px) {
  .header-agent .contact-wrap + .contact-wrap {
    margin-top: 1rem
  }
}

.header-agent .contact-info {
  margin-left: 1rem
}

.hs-nav-list {
  margin: 2rem -20px 0;
  border-bottom: 1px solid #b7dcf0
}

.hs-nav-item {
  display: flex;
  position: relative;
  border-top: 1px solid #b7dcf0;
  align-items: center;
  color: #fff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

  .hs-nav-item .h3 {
    display: inline-block;
    position: absolute;
    top: 50%;
    margin: 0;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    text-decoration: inherit;
    transform: translateY(-50%)
  }

  .hs-nav-item .hs-nav-link {
    display: block;
    padding: 0 20px;
    width: 100%;
    height: 100%;
    min-height: 3rem
  }

    .hs-nav-item .hs-nav-link:hover {
      text-decoration: underline
    }

.hs-cons-delete {
  --link__hover-color: #fff
}

  .hs-cons-delete .link {
    position: relative;
    padding-right: 36px
  }

    .hs-cons-delete .link .icon-wrapper {
      position: absolute;
      top: 50%;
      right: 0;
      transform: translateY(-50%)
    }

.header-service-item-link {
  margin-bottom: 24px
}

#search-bar-area-desktop, #search-bar-area-mobile {
  pointer-events: none;
  background: transparent
}

  #search-bar-area-desktop .search-bar-inner, #search-bar-area-mobile .search-bar-inner {
    border: 1px solid #d9d9d9;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    text-align: left;
    z-index: 1;
    pointer-events: none
  }

  #search-bar-area-desktop .ic-search-bar-magnifier, #search-bar-area-mobile .ic-search-bar-magnifier {
    position: absolute;
    top: calc(50% - 22px);
    right: 6px;
    padding: 10px;
    width: 44px;
    height: 44px;
    pointer-events: auto
  }

  #search-bar-area-desktop .search-bar-input, #search-bar-area-mobile .search-bar-input {
    margin: 0;
    border: 0;
    width: 100%;
    border-radius: 5px;
    font-weight: 200;
    outline: 0;
    pointer-events: auto
  }

    #search-bar-area-desktop .search-bar-input::-webkit-input-placeholder, #search-bar-area-mobile .search-bar-input::-webkit-input-placeholder {
      font-style: italic
    }

    #search-bar-area-desktop .search-bar-input::-moz-placeholder, #search-bar-area-mobile .search-bar-input::-moz-placeholder {
      font-style: italic
    }

    #search-bar-area-desktop .search-bar-input:-ms-input-placeholder, #search-bar-area-mobile .search-bar-input:-ms-input-placeholder {
      font-style: italic
    }

    #search-bar-area-desktop .search-bar-input::placeholder, #search-bar-area-mobile .search-bar-input::placeholder {
      font-style: italic
    }

  #search-bar-area-desktop.search-bar-suggest-active .search-bar-inner, #search-bar-area-mobile.search-bar-suggest-active .search-bar-inner {
    border-bottom-color: transparent
  }

  #search-bar-area-desktop.search-bar-suggest-active .search-bar-input, #search-bar-area-mobile.search-bar-suggest-active .search-bar-input {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
  }

  #search-bar-area-desktop.search-bar-suggest-active .search-bar-suggest, #search-bar-area-mobile.search-bar-suggest-active .search-bar-suggest {
    display: block
  }

  #search-bar-area-desktop .search-bar-suggest, #search-bar-area-mobile .search-bar-suggest {
    border-radius: 5px;
    pointer-events: all
  }

  #search-bar-area-desktop .search-bar-suggest-category, #search-bar-area-mobile .search-bar-suggest-category {
    padding-top: 32px;
    opacity: 0;
    visibility: hidden
  }

    #search-bar-area-desktop .search-bar-suggest-category h3, #search-bar-area-mobile .search-bar-suggest-category h3 {
      margin: 0 20px;
      color: #fff;
      font-weight: 400
    }

  #search-bar-area-desktop .search-bar-suggest-list li, #search-bar-area-mobile .search-bar-suggest-list li {
    position: relative
  }

    #search-bar-area-desktop .search-bar-suggest-list li:before, #search-bar-area-mobile .search-bar-suggest-list li:before {
      position: absolute;
      content: "";
      top: 0;
      left: 20px;
      width: calc(100% - 40px);
      height: 1px;
      background: hsla(0,0%,100%,.2);
      transition: all .3s ease
    }

    #search-bar-area-desktop .search-bar-suggest-list li:first-child:before, #search-bar-area-mobile .search-bar-suggest-list li:first-child:before {
      content: none
    }

    #search-bar-area-desktop .search-bar-suggest-list li:last-child:after, #search-bar-area-mobile .search-bar-suggest-list li:last-child:after {
      position: absolute;
      content: "";
      bottom: 0;
      left: 20px;
      width: calc(100% - 40px);
      height: 1px;
      background: hsla(0,0%,100%,.2);
      transition: all .3s ease
    }

  #search-bar-area-desktop .search-bar-suggest-list a, #search-bar-area-mobile .search-bar-suggest-list a {
    display: block;
    position: relative;
    padding: 16px 20px;
    width: 100%;
    color: #fff;
    font-size: 16px;
    transition: all .3s ease
  }

  #search-bar-area-desktop .download, #search-bar-area-mobile .download {
    margin: 0 0 8px;
    color: #fff;
    font-weight: 400
  }

    #search-bar-area-desktop .download .download-icon, #search-bar-area-mobile .download .download-icon {
      display: block;
      float: left;
      position: relative;
      margin-right: 12px
    }

  #search-bar-area-desktop .icon-holder, #search-bar-area-mobile .icon-holder {
    display: none
  }

#search-bar-area-mobile {
  width: 100%
}

  #search-bar-area-mobile .search-bar-inner {
    position: relative
  }

  #search-bar-area-mobile .search-bar-input {
    padding: 8px 56px 8px 16px;
    height: 48px;
    font-size: 15px
  }

  #search-bar-area-mobile .search-bar-suggest {
    height: 0;
    overflow: hidden
  }

  #search-bar-area-mobile.search-bar-suggest-active .search-bar-suggest {
    height: auto
  }

#search-bar-area-desktop {
  position: absolute;
  top: calc(50% - 25px);
  left: 383px;
  margin: 0 16px;
  width: 46.5%;
  height: 56px;
  opacity: 0;
  z-index: 40
}

  #search-bar-area-desktop .search-bar-inner {
    transform: translate(200%)
  }

  #search-bar-area-desktop .search-bar-input {
    padding: 16px 56px 16px 32px;
    height: 100%;
    font-size: 20px
  }

  #search-bar-area-desktop .search-bar-suggest {
    margin-top: -8px;
    border: 1px solid #d9d9d9;
    border-top: 0;
    padding-bottom: 48px;
    background: #fff;
    opacity: 0;
    visibility: hidden
  }

  #search-bar-area-desktop .search-bar-suggest-category h3 {
    color: #a0a0a0
  }

  #search-bar-area-desktop .search-bar-suggest-list li:before {
    background: #e4e4e4
  }

  #search-bar-area-desktop .search-bar-suggest-list li:hover:before {
    background: #ecf8fe
  }

  #search-bar-area-desktop .search-bar-suggest-list li:hover + li:before {
    background: #fff
  }

  #search-bar-area-desktop .search-bar-suggest-list li:first-child:before {
    content: none
  }

  #search-bar-area-desktop .search-bar-suggest-list li:last-child:after {
    background: #e4e4e4
  }

  #search-bar-area-desktop .search-bar-suggest-list li:last-child:hover:after {
    background: #ecf8fe
  }

  #search-bar-area-desktop .search-bar-suggest-list a {
    color: #0075ac;
    font-size: 14px
  }

    #search-bar-area-desktop .search-bar-suggest-list a:hover {
      background: #ecf8fe
    }

  #search-bar-area-desktop .download {
    color: #0075ac
  }

.consultant-search-toggle-area .form-field {
  margin-bottom: 16px
}

  .consultant-search-toggle-area .form-field .input-1, .consultant-search-toggle-area .form-field .input-2 {
    display: none
  }

  .consultant-search-toggle-area .form-field .label-multi {
    right: 16px;
    transform-origin: left top
  }

  .consultant-search-toggle-area .form-field .label-input-1, .consultant-search-toggle-area .form-field .label-input-2 {
    display: block;
    position: absolute;
    opacity: 0;
    transition: opacity .1s ease-in
  }

.consultant-search-toggle-area .radio-1:focus ~ .consultant-search-toggle-labels .label-1:before {
  opacity: 1
}

.consultant-search-toggle-area .radio-1:checked ~ .consultant-search-toggle-labels .label-1 {
  background-color: #31cbf8
}

  .consultant-search-toggle-area .radio-1:checked ~ .consultant-search-toggle-labels .label-1:hover {
    cursor: auto
  }

  .consultant-search-toggle-area .radio-1:checked ~ .consultant-search-toggle-labels .label-1 .dot {
    transform: translateY(-50%) scale(1)
  }

.consultant-search-toggle-area .radio-1:checked ~ .form-field .input-multi {
  display: block
}

  .consultant-search-toggle-area .radio-1:checked ~ .form-field .input-multi.filled ~ .label-multi, .consultant-search-toggle-area .radio-1:checked ~ .form-field .input-multi:focus ~ .label-multi {
    opacity: .7;
    transform: translateY(-12px) translateZ(1px) scale(.75);
    transform-origin: left top
  }

.consultant-search-toggle-area .radio-1:checked ~ .form-field .label-input-1, .consultant-search-toggle-area .radio-2:focus ~ .consultant-search-toggle-labels .label-2:before {
  opacity: 1
}

.consultant-search-toggle-area .radio-2:checked ~ .consultant-search-toggle-labels .label-2 {
  background-color: #31cbf8
}

  .consultant-search-toggle-area .radio-2:checked ~ .consultant-search-toggle-labels .label-2:hover {
    cursor: auto
  }

  .consultant-search-toggle-area .radio-2:checked ~ .consultant-search-toggle-labels .label-2 .dot {
    transform: translateY(-50%) scale(1)
  }

.consultant-search-toggle-area .radio-2:checked ~ .form-field .input-multi {
  display: block
}

  .consultant-search-toggle-area .radio-2:checked ~ .form-field .input-multi.filled ~ .label-multi, .consultant-search-toggle-area .radio-2:checked ~ .form-field .input-multi:focus ~ .label-multi {
    opacity: .7;
    transform: translateY(-12px) translateZ(1px) scale(.75);
    transform-origin: left top
  }

.consultant-search-toggle-area .radio-2:checked ~ .form-field .label-input-2 {
  opacity: 1
}

.consultant-search-toggle-area .consultant-search-toggle-radio {
  display: block;
  margin: 0;
  padding: 0;
  width: 0;
  height: 0;
  opacity: 0
}

.consultant-search-toggle-area .consultant-search-toggle-labels {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px
}

.consultant-search-toggle-area .consultant-search-toggle-label {
  display: inline-block;
  position: relative;
  padding: 18px 8px 18px 37px;
  width: 48%;
  background-color: rgba(49,203,248,.5);
  border-radius: 5px;
  color: #fff;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  cursor: pointer;
  z-index: 2;
  transform: translateZ(1px);
  transition: background-color 1s cubic-bezier(.12,.73,.39,1)
}

  .consultant-search-toggle-area .consultant-search-toggle-label:last-of-type {
    float: right
  }

  .consultant-search-toggle-area .consultant-search-toggle-label:after {
    display: block;
    position: absolute;
    content: "";
    top: 50%;
    left: 12px;
    border: 1px solid #fff;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    transform: translateY(-50%);
    pointer-events: none
  }

  .consultant-search-toggle-area .consultant-search-toggle-label .dot {
    display: block;
    position: absolute;
    top: 50%;
    left: 15px;
    width: 12px;
    height: 12px;
    background-color: #fff;
    border-radius: 50%;
    z-index: 1;
    transform: translateY(-50%) scale(0);
    transition: transform .3s cubic-bezier(.12,.73,.39,1);
    pointer-events: none
  }

  .consultant-search-toggle-area .consultant-search-toggle-label:hover {
    background-color: #31cbf8
  }

.stage-info-buttons-area .benefit-list-area {
  margin-top: 40px
}

@media(min-width:768px) {
  .stage-info-buttons-area .benefit-list-area {
    margin-top: 32px
  }
}

.tab-navigation-area-mobile {
  position: relative;
  background-color: #1c7ec4;
  color: #fff;
  z-index: 50
}

  .tab-navigation-area-mobile .tn-top-bar {
    height: 48px;
    background: #fff;
    text-align: right
  }

    .tab-navigation-area-mobile .tn-top-bar .tn-close {
      display: inline-block;
      padding: 12px
    }

@media(min-width:768px) {
  .tab-navigation-area-mobile .tn-top-bar .tn-close {
    padding: 12px
  }
}

.tab-navigation-area-mobile .tn-header-ghost, .tab-navigation-area-mobile .tn-header-wrap {
  display: flex;
  position: relative;
  justify-content: space-around
}

.tab-navigation-area-mobile .tn-header-ghost {
  position: absolute;
  top: 0;
  left: 0;
  margin: 8px;
  width: calc(100% - 16px)
}

@media(min-width:768px) {
  .tab-navigation-area-mobile .tn-header-ghost {
    margin: 16px 32px;
    width: calc(100% - 64px)
  }
}

.tab-navigation-area-mobile .tn-header-wrap {
  padding: 8px;
  text-align: center;
  z-index: 1;
  pointer-events: none
}

@media(max-width:539px) {
  .tab-navigation-area-mobile .tn-header-wrap {
    font-size: 12px;
    line-height: 1.2em
  }
}

.tab-navigation-area-mobile .tn-header {
  position: relative;
  background: linear-gradient(180deg,#1ab8e6,rgba(26,184,230,.9173) 11.36%,rgba(26,184,230,.82176) 21.57%,rgba(26,184,230,.71719) 30.81%,rgba(26,184,230,.60741) 39.26%,rgba(26,184,230,.49624) 47.09%,rgba(26,184,230,.3875) 54.5%,rgba(26,184,230,.28501) 61.66%,rgba(26,184,230,.19259) 68.74%,rgba(26,184,230,.11406) 75.94%,rgba(26,184,230,.05324) 83.43%,rgba(26,184,230,.01395) 91.39%,rgba(26,184,230,0))
}

  .tab-navigation-area-mobile .tn-header .icon-header {
    width: 24px;
    height: 24px
  }

@media(min-width:768px) {
  .tab-navigation-area-mobile .tn-header {
    padding: 8px 24px
  }
}

.tab-navigation-area-mobile .tn-head-ghost-col, .tab-navigation-area-mobile .tn-header-item, .tab-navigation-area-mobile .tn-marker {
  width: 33.3333333333%;
  height: 72px
}

.tab-navigation-area-mobile.nav-item-count-4 .tn-head-ghost-col, .tab-navigation-area-mobile.nav-item-count-4 .tn-header-item, .tab-navigation-area-mobile.nav-item-count-4 .tn-marker {
  width: 25%
}

.tab-navigation-area-mobile .tn-header-item {
  padding: 8px;
  pointer-events: none
}

.tab-navigation-area-mobile .tn-marker {
  position: absolute;
  top: 0;
  left: 0;
  width: 33.3333333333%;
  height: 72px;
  background: #31cbf8;
  border-radius: 3px;
  opacity: 0;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

  .tab-navigation-area-mobile .tn-marker:nth-child(5) {
    width: 25%
  }

  .tab-navigation-area-mobile .tn-marker:after {
    display: block;
    position: absolute;
    content: "";
    bottom: -10px;
    left: 50%;
    margin-left: -16px;
    border-top: 17px solid #31cbf8;
    border-right: 16px solid transparent;
    border-left: 16px solid transparent;
    cursor: default
  }

@media(min-width:768px) {
  .tab-navigation-area-mobile .tn-marker:after {
    bottom: -8px
  }
}

.tab-navigation-area-mobile .tn-content-wrap {
  position: relative;
  padding-bottom: 10px;
  overflow: hidden
}

.tab-navigation-area-mobile .tn-content {
  position: absolute;
  top: 0;
  left: 0;
  padding: 16px 20px 40px;
  width: 100%;
  opacity: 0;
  visibility: hidden
}

@media(min-width:768px) {
  .tab-navigation-area-mobile .tn-content {
    padding: 8px 16px 40px
  }
}

@media(max-width:539px) {
  .tn-header-item-title {
    padding-top: 4px
  }
}

.consent {
  position: fixed;
  bottom: 0;
  padding: 8px 24px;
  width: 100%;
  background: #ecf8fe;
  text-align: center;
  z-index: 100
}

  .consent .row {
    align-items: center
  }

  .consent p {
    margin-top: 0;
    margin-bottom: 0
  }

  .consent .button {
    margin: 16px auto
  }

@media(min-width:540px) {
  .consent {
    text-align: left
  }

    .consent .cta {
      justify-content: flex-end
    }

    .consent .button {
      margin-right: 0;
      width: auto
    }
}

.consent-modal {
  display: block;
  position: fixed;
  top: 50%;
  bottom: auto;
  left: 50%;
  padding: 32px 0;
  width: calc(100vw - 40px);
  max-width: 960px;
  max-height: calc(100vh - 80px);
  background: #ecf8fe;
  text-align: left;
  z-index: 100;
  transform: translateX(-50%) translateY(-50%);
  overflow-y: hidden
}

@media(min-width:768px) {
  .consent-modal {
    top: 100px;
    transform: translateX(-50%)
  }
}

@media(min-width:1440px) {
  .consent-modal {
    max-width: 1100px
  }
}

@media(min-width:768px)and (max-height:700px) {
  .consent-modal {
    top: calc((100vh - 300px)/2)
  }
}

.consent-modal .modal-content {
  padding: 0 16px;
  max-height: calc(100vh - 270px);
  overflow-y: auto
}

@media(min-width:768px) {
  .consent-modal .modal-content {
    max-height: calc(100vh - 300px)
  }
}

@media(min-width:992px) {
  .consent-modal .modal-content {
    padding: 0 24px
  }
}

.consent-modal .modal-content-inner {
  padding-bottom: 16px
}

.consent-modal .modal-details {
  display: none;
  max-height: 0;
  opacity: 0;
  transition: max-height .8s ease-out
}

.consent-modal .button-container {
  position: relative;
  width: 100%;
  background: #ecf8fe
}

  .consent-modal .button-container.container-shadow {
    box-shadow: 0 -9px 10px 0 rgba(0,0,0,.2)
  }

.consent-modal .button-wrapper {
  padding: 16px 16px 0
}

@media(min-width:1440px) {
  .consent-modal .button-wrapper {
    padding: 16px 24px 0
  }
}

.consent-modal .buttons-default {
  position: relative;
  opacity: 1;
  z-index: 10;
  transition: opacity .5s ease-out
}

.consent-modal .buttons-detail {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  z-index: 1;
  transition: opacity .5s ease-out
}

.consent-modal .button + .button {
  margin-top: 16px
}

@media(min-width:768px) {
  .consent-modal .button + .button {
    margin-top: 0;
    margin-left: 32px
  }
}

.consent-modal.details-open .modal-content {
  height: calc(100% - 80px)
}

.consent-modal.details-open .modal-details {
  max-height: 1000px;
  opacity: 1
}

.consent-modal.details-open .buttons-default {
  opacity: 0;
  z-index: 1
}

.consent-modal.details-open .buttons-detail {
  opacity: 1;
  z-index: 10
}

.pangaea-life .consent-modal.details-open {
  top: 50%;
  transform: translateY(-50%) translateX(-50%)
}

.nav-item {
  display: block;
  position: relative;
  height: 48px
}

  .nav-item.active, .nav-item:hover {
    background-color: #ecf8fe;
    z-index: 10
  }

    .nav-item.active .link-text .text, .nav-item:hover .link-text .text {
      text-decoration: underline
    }

    .nav-item.active .link-text:before, .nav-item:hover .link-text:before {
      display: none
    }

    .nav-item.active:focus, .nav-item:hover:focus {
      background-color: #ecf8fe
    }

  .nav-item:after {
    display: block;
    clear: both;
    content: ""
  }

  .nav-item .link-text {
    float: right;
    margin: 0;
    width: 320px;
    max-width: 100%;
    height: 48px;
    color: #0075ac;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px
  }

    .nav-item .link-text .text {
      position: absolute;
      top: 50%;
      padding-right: 42px;
      max-height: 100%;
      overflow: hidden;
      transform: translateY(-50%)
    }

    .nav-item .link-text:before {
      display: block;
      position: absolute;
      content: "";
      top: -1px;
      width: 320px;
      max-width: 100%;
      height: 1px;
      background-color: #d9d9d9
    }

  .nav-item:first-of-type .link-text:before {
    display: none
  }

.nav-item-link {
  color: #0075ac
}

  .nav-item-link[data-target] .link-text {
    width: 320px
  }

  .nav-item-link[data-target] .icon-wrapper {
    position: absolute;
    top: 18px;
    right: 24px
  }

  .nav-item-link[data-target] .icon-ui {
    width: 12px;
    height: 12px
  }

  .nav-item-link.active .link-icon {
    background-color: #ecf8fe
  }

.header-service-item .nav-list {
  position: relative;
  margin: 0 -24px;
  z-index: 10
}

.header-service-item .nav-item .link-text {
  width: 100%
}

  .header-service-item .nav-item .link-text:before {
    display: block;
    width: 100%
  }

  .header-service-item .nav-item .link-text .text {
    left: 1.25rem
  }

@media(min-width:992px) {
  .navigation-desktop {
    display: flex;
    position: absolute;
    right: 86px;
    bottom: 8px;
    justify-content: flex-end;
    z-index: 40
  }

  .fixed .navigation-desktop {
    display: none
  }
}

@media(min-width:1440px) {
  .navigation-desktop {
    right: 136px;
    bottom: 32px
  }
}

.navigation-desktop .navigation-group {
  position: relative;
  height: 24px;
  overflow: hidden
}

  .navigation-desktop .navigation-group:after {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    left: 0;
    height: 32px
  }

@media(min-width:1440px) {
  .navigation-desktop .navigation-group:after {
    height: 56px
  }
}

.navigation-desktop .navigation-group:hover {
  height: auto;
  overflow: visible
}

  .navigation-desktop .navigation-group:hover .nav-body {
    display: block;
    overflow-y: visible
  }

@media(min-width:768px) {
  .navigation-desktop .navigation-group:last-child .nav-body {
    left: calc(50% - 70px)
  }
}

@media(min-width:1440px) {
  .navigation-desktop .navigation-group:last-child .nav-body {
    left: calc(50% - 15.5px)
  }
}

.navigation-desktop .nav-headline {
  position: relative;
  margin: 0;
  padding: 0 16px;
  color: #fff;
  font-weight: 400;
  font-size: 16px;
  cursor: pointer;
  z-index: 10
}

@media(min-width:1439px) {
  .navigation-desktop .nav-headline {
    font-size: 19px
  }
}

.fixed .navigation-desktop .nav-headline {
  color: #0075ac
}

.navigation-desktop .nav-headline:after {
  display: block;
  position: absolute;
  content: "";
  bottom: -18px;
  left: 50%;
  margin-left: -16px;
  border-right: 16px solid transparent;
  border-bottom: 13px solid #fff;
  border-left: 16px solid transparent;
  cursor: default
}

@media(min-width:1440px) {
  .navigation-desktop .nav-headline:after {
    bottom: -37px
  }
}

.navigation-desktop .nav-body {
  position: absolute;
  top: 32px;
  left: 50%;
  margin-left: -200px;
  width: 400px;
  background: #fff
}

@media(max-width:991px) {
  .navigation-desktop .nav-body {
    /*display: none*/
  }
}

@media(min-width:1440px) {
  .navigation-desktop .nav-body {
    top: 48px
  }
}

.navigation-desktop .nav-main, .navigation-desktop .nav-sub {
  overflow: hidden
}

.navigation-desktop .nav-list-wrapper {
  position: relative;
  width: 400px;
  background: #fff
}

  .navigation-desktop .nav-list-wrapper.active {
    left: 0;
    z-index: 100
  }

.navigation-desktop .nav-list {
  padding: 16px 0 80px
}

.navigation-desktop .link-icon {
  float: left;
  width: 80px;
  height: 48px;
  text-align: center
}

.navigation-desktop .icon-content, .navigation-desktop .nav-icon {
  position: absolute;
  top: 12px;
  right: 0;
  left: 28px;
  width: 24px;
  height: 24px
}

.navigation-desktop .nav-overview {
  position: absolute;
  right: 28px;
  bottom: 24px;
  padding-right: 32px;
  max-width: 280px;
  color: #0075ac;
  font-weight: 300;
  text-align: right
}

  .navigation-desktop .nav-overview .icon {
    position: absolute;
    bottom: 0;
    padding-left: 2px
  }

    .navigation-desktop .nav-overview .icon .svg-arrow--link {
      vertical-align: text-top
    }

  .navigation-desktop .nav-overview:hover {
    text-decoration: underline
  }

  .navigation-desktop .nav-overview .icon-ui {
    margin-left: 8px;
    width: 16px;
    height: 16px
  }

.navigation-desktop .nav-sub {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 0;
  background: #fff;
  z-index: 10;
  transition: width .3s
}

  .navigation-desktop .nav-sub.active {
    width: 320px;
    background: #fff;
    transition: width .3s
  }

  .navigation-desktop .nav-sub .nav-sub-headline {
    position: relative;
    margin: 4px 0 16px;
    padding: 0 32px;
    color: #0075ac;
    font-weight: 500;
    font-size: 15px;
    cursor: default
  }

  .navigation-desktop .nav-sub .nav-list-wrapper {
    position: absolute;
    top: 0;
    padding: 24px 0 48px;
    width: 320px;
    background: transparent;
    opacity: 0
  }

    .navigation-desktop .nav-sub .nav-list-wrapper.active {
      opacity: 1
    }

  .navigation-desktop .nav-sub .nav-list {
    padding-top: 0
  }

  .navigation-desktop .nav-sub .link-text {
    position: relative;
    width: 100%
  }

    .navigation-desktop .nav-sub .link-text .text {
      padding: 0
    }

  .navigation-desktop .nav-sub .nav-item {
    padding: 0 32px
  }

    .navigation-desktop .nav-sub .nav-item .text {
      font-weight: 300
    }

.navigation-desktop .nav-sub-close {
  position: absolute;
  top: 0;
  right: 24px;
  cursor: pointer
}

  .navigation-desktop .nav-sub-close .icon-ui {
    width: 20px;
    height: 20px
  }

.navigation-desktop .active-nav-sub .nav-active-shadow {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  width: 80px;
  box-shadow: 6px 0 10px rgba(0,0,0,.1);
  z-index: 100;
  transition: box-shadow .1s .3s;
  pointer-events: none
}

.navigation-desktop .active-nav-sub .nav-item-link[data-target] .icon-wrapper {
  transform: translateX(-302px);
  transition: transform .3s ease-out
}

.navigation-group--advisor .nav-body {
  position: absolute;
  top: 32px;
  right: -86px;
  left: auto;
  margin-left: 0;
  padding: 60px 0;
  width: 100vw;
  background: #fff;
  transform: translateX(-5000%)
}

@media(min-width:1440px) {
  .navigation-group--advisor .nav-body {
    top: 56px;
    right: -136px
  }

    .navigation-group--advisor .nav-body:before {
      display: block;
      position: absolute;
      content: "";
      top: 0;
      right: -100vw;
      bottom: 0;
      width: 100vw;
      background: #fff
    }
}

.navigation-group--advisor:hover {
  position: static
}

  .navigation-group--advisor:hover .nav-body, .navigation-group--advisor:hover .nav-headline:after {
    transform: none
  }

.navigation-group--advisor .nav-headline {
  margin-left: 4px;
  padding-left: 21px
}

  .navigation-group--advisor .nav-headline:before {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    width: 1px;
    background: #fff
  }

  .navigation-group--advisor .nav-headline:after {
    transform: translateX(-5000%)
  }

.navigation-group--advisor .advisor-group-container {
  margin: 0 auto;
  max-width: 940px
}

@media(min-width:1440px) {
  .navigation-group--advisor .advisor-group-container {
    margin-right: 153.5px;
    margin-left: auto;
    max-width: 1132px
  }
}

.navigation-group--advisor .advisor-group--links {
  margin-right: 48px;
  min-width: 269px
}

.navigation-group--advisor .advisor-group--articles {
  width: 100%
}

  .navigation-group--advisor .advisor-group--articles .advisor-group-body {
    margin-top: 0
  }

.navigation-group--advisor .advisor-group-body {
  position: relative;
  margin-top: 40px
}

.navigation-group--advisor .nav-list {
  padding-top: 0;
  padding-bottom: 40px
}

  .navigation-group--advisor .nav-list .link-text {
    font-weight: 400
  }

    .navigation-group--advisor .nav-list .link-text .text {
      padding-left: 8px
    }

.navigation-group--advisor .advisor-sub-nav {
  position: relative
}

  .navigation-group--advisor .advisor-sub-nav .nav-wiki {
    color: #0075ac
  }

    .navigation-group--advisor .advisor-sub-nav .nav-wiki .text {
      padding-left: 8px;
      line-height: 32px
    }

    .navigation-group--advisor .advisor-sub-nav .nav-wiki:hover .text {
      text-decoration: underline
    }

  .navigation-group--advisor .advisor-sub-nav .nav-overview {
    right: 0;
    bottom: 0;
    padding-right: 0;
    line-height: 32px
  }

    .navigation-group--advisor .advisor-sub-nav .nav-overview .icon {
      position: relative
    }

.navigation-group--advisor .advisor-text {
  margin-bottom: 16px
}

.advisor-group-article {
  margin-top: 40px
}

@media(min-width:992px) {
  .advisor-group-article {
    max-width: 286px
  }
}

@media(min-width:1440px) {
  .advisor-group-article {
    max-width: 328px
  }
}

.advisor-group-article .advisor-link img {
  transition: transform .3s ease-out
}

.advisor-group-article .advisor-link:hover img {
  transform: scale(1.05)
}

.advisor-group-article .advisor-link .icon-wrapper {
  position: relative;
  bottom: 3px;
  left: 12px
}

.advisor-group-article .advisor-link .icon-ui {
  transition: transform .3s ease-out
}

.advisor-group-article .advisor-link:hover .icon-ui {
  transform: translateX(4px)
}

.advisor-group-article .img-wrapper {
  width: 286px;
  height: 112px;
  overflow: hidden
}

@media(min-width:1440px) {
  .advisor-group-article .img-wrapper {
    width: 328px;
    height: 120px
  }
}

.advisor-group-article .advisor-link-text {
  position: relative;
  margin-top: 8px
}

.header-burger-navigation {
  position: relative;
  top: auto;
  width: 100vw;
  min-height: calc(100vh - 80px);
  opacity: 0;
  visibility: hidden;
  outline: none;
  z-index: 25
}

@media(min-width:992px) {
  .header-burger-navigation {
    position: absolute;
    top: 0;
    left: 0
  }
}

@media(min-width:1440px) {
  .header-burger-navigation {
    min-height: calc(100vh - 120px)
  }
}

.fixed .header-burger-navigation {
  top: 80px;
  min-height: calc(100vh - 80px)
}

.burger-navigation {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  min-height: calc(100vh - 80px);
  background: #fff
}

@media(min-width:1440px) {
  .burger-navigation {
    min-height: calc(100vh - 120px)
  }
}

.burger-navigation .navigation-area {
  position: relative;
  padding: 40px 0 0
}

@media(min-width:992px) {
  .burger-navigation .navigation-area {
    padding: 40px 0 16px
  }
}

@media(min-width:992px) {
  .burger-navigation .navigation-area + .navigation-area {
    margin-top: 24px
  }

    .burger-navigation .navigation-area + .navigation-area:before {
      display: block;
      position: absolute;
      content: "";
      top: 0;
      right: 0;
      left: 0;
      height: 1px;
      background: #e4e4e4
    }
}

.burger-navigation .navigation-link {
  height: 48px
}

@media(min-width:992px) {
  .burger-navigation .navigation-link {
    height: auto
  }
}

.burger-navigation .navigation-area-inner {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  max-width: 957px
}

@media(min-width:1440px) {
  .burger-navigation .navigation-area-inner {
    max-width: 1132px
  }
}

.burger-navigation .navigation-group {
  display: flex;
  position: relative;
  margin-top: 40px;
  justify-content: space-between
}

@media(max-width:991px) {
  .burger-navigation .navigation-group.navigation-group--secondary {
    margin: 48px 0 0
  }
}

.burger-navigation .link--icon {
  float: right
}

.burger-navigation .nav-item {
  display: block;
  position: relative;
  width: 100%;
  height: 48px;
  cursor: pointer
}

  .burger-navigation .nav-item:last-of-type:before {
    content: none
  }

  .burger-navigation .nav-item:before {
    display: block;
    position: absolute;
    content: "";
    right: 0;
    bottom: -1px;
    left: 0;
    height: 1px;
    background-color: #d9d9d9
  }

@media(min-width:992px) {
  .burger-navigation .nav-item:before {
    right: 8px;
    left: 8px
  }
}

.burger-navigation .nav-item:hover {
  background-color: #ecf8fe;
  z-index: 10
}

  .burger-navigation .nav-item:hover:before {
    display: none
  }

  .burger-navigation .nav-item:hover > .nav-item-inner {
    text-decoration: underline
  }

.burger-navigation .nav-item .nav-item-inner {
  display: inline-block;
  position: absolute;
  top: 50%;
  margin: 0;
  padding: 0 30px 0 20px;
  color: #0075ac;
  font-size: 16px;
  line-height: 20px;
  transform: translateY(-50%)
}

@media(min-width:992px) {
  .burger-navigation .nav-item .nav-item-inner {
    padding: 0 30px 0 8px;
    font-size: 13px;
    line-height: 16px
  }
}

.burger-navigation .nav-item:after {
  display: block;
  clear: both;
  content: ""
}

.burger-navigation .nav-item:first-of-type .nav-item-inner:before {
  display: none
}

.active-burger .header-burger-navigation {
  pointer-events: all;
  z-index: 25
}

.active-burger .burger-navigation {
  transform: translateY(0)
}

.nav-guide {
  display: none
}

.burger-navigation-link-component {
  display: block;
  width: 215px;
  min-height: 44px
}

  .burger-navigation-link-component .navigation-link:after {
    display: block;
    clear: both;
    content: ""
  }

  .burger-navigation-link-component .link-icon {
    display: inline-block;
    padding: 8px 8px 0 0
  }

    .burger-navigation-link-component .link-icon svg {
      width: 28px;
      height: 28px
    }

  .burger-navigation-link-component .link-text {
    display: inline-block;
    padding-top: 14px;
    color: #0075ac;
    font-size: 13px;
    line-height: 16px
  }

  .burger-navigation-link-component:hover .link-text {
    text-decoration: underline
  }

@media(min-width:1440px) {
  .burger-navigation-link-component {
    width: 240px
  }
}

@media(max-width:991px) {
  .burger-navigation.burger-navigation .link-navi-item .link--icon:before, .burger-navigation.burger-navigation .manual-navigation-component .navigation-link:before, .burger-navigation.burger-navigation .nav-list-headline:before {
    display: block;
    position: absolute;
    content: "";
    right: 0;
    bottom: -1px;
    left: 0;
    height: 1px;
    background-color: #d9d9d9
  }

  .burger-navigation.burger-navigation .nav-guide {
    display: flex;
    padding: 0 10px;
    height: 48px;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
  }

    .burger-navigation.burger-navigation .nav-guide svg {
      width: 32px;
      height: 32px;
      fill: #d9d9d9;
      stroke: #d9d9d9
    }

  .burger-navigation.burger-navigation .automatic-navigation-component .navigation-link.nav-overview, .burger-navigation.burger-navigation .manual-navigation-component .navigation-link.nav-overview {
    margin: 48px 0 0;
    padding-right: 20px;
    justify-content: flex-end
  }

    .burger-navigation.burger-navigation .automatic-navigation-component .navigation-link.nav-overview .label:before, .burger-navigation.burger-navigation .automatic-navigation-component .navigation-link.nav-overview:before, .burger-navigation.burger-navigation .manual-navigation-component .navigation-link.nav-overview .label:before, .burger-navigation.burger-navigation .manual-navigation-component .navigation-link.nav-overview:before {
      content: none
    }

    .burger-navigation.burger-navigation .automatic-navigation-component .navigation-link.nav-overview .link--icon, .burger-navigation.burger-navigation .manual-navigation-component .navigation-link.nav-overview .link--icon {
      display: flex;
      align-items: center;
      margin-top: 0
    }

      .burger-navigation.burger-navigation .automatic-navigation-component .navigation-link.nav-overview .link--icon .icon-wrapper, .burger-navigation.burger-navigation .manual-navigation-component .navigation-link.nav-overview .link--icon .icon-wrapper {
        display: inline-block
      }

      .burger-navigation.burger-navigation .automatic-navigation-component .navigation-link.nav-overview .link--icon:hover .icon-wrapper, .burger-navigation.burger-navigation .manual-navigation-component .navigation-link.nav-overview .link--icon:hover .icon-wrapper {
        transform: none
      }

      .burger-navigation.burger-navigation .automatic-navigation-component .navigation-link.nav-overview .link--icon .label, .burger-navigation.burger-navigation .manual-navigation-component .navigation-link.nav-overview .link--icon .label {
        margin-right: 8px
      }

  .burger-navigation.burger-navigation .navigation-area-headline {
    margin: 0;
    padding: 0 30px 0 20px;
    color: #575757;
    font-size: 12px;
    line-height: 16px
  }

    .burger-navigation.burger-navigation .navigation-area-headline.level-second {
      margin: 24px 0 16px;
      font-weight: 500
    }

  .burger-navigation.burger-navigation .navigation-area, .burger-navigation.burger-navigation .navigation-area-inner {
    position: static
  }

  .burger-navigation.burger-navigation .navigation-group {
    position: static;
    margin-top: 16px;
    flex-wrap: wrap
  }

  .burger-navigation.burger-navigation .nav-item:last-of-type:before {
    content: ""
  }

  .burger-navigation.burger-navigation .nav-item-sub, .burger-navigation.burger-navigation .nav-list {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    margin: 0;
    width: 100%;
    background: #fff;
    opacity: 0;
    transform: translateX(100%)
  }

    .burger-navigation.burger-navigation .nav-item-sub.active, .burger-navigation.burger-navigation .nav-list.active {
      right: 0;
      left: 0;
      z-index: 100
    }

  .burger-navigation.burger-navigation .link-navi-item .link--icon {
    float: none;
    margin: 0;
    padding: 0 30px 0 20px;
    width: 100%;
    height: 48px;
    color: #0075ac;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    text-align: left
  }

    .burger-navigation.burger-navigation .link-navi-item .link--icon:hover {
      text-decoration: underline
    }

    .burger-navigation.burger-navigation .link-navi-item .link--icon .icon-wrapper {
      display: none
    }

    .burger-navigation.burger-navigation .link-navi-item .link--icon .label {
      display: inline-block;
      position: absolute;
      top: 50%;
      margin: 0;
      color: #0075ac;
      font-size: 16px;
      line-height: 20px;
      text-decoration: inherit;
      transform: translateY(-50%)
    }

      .burger-navigation.burger-navigation .link-navi-item .link--icon .label:before {
        content: none
      }

  .burger-navigation.burger-navigation .automatic-navigation-component {
    display: block
  }

    .burger-navigation.burger-navigation .automatic-navigation-component .nav-overview {
      display: flex;
      position: relative;
      right: 0;
      bottom: 0;
      margin: 48px 0 0;
      padding-right: 20px;
      justify-content: flex-end
    }

      .burger-navigation.burger-navigation .automatic-navigation-component .nav-overview .nav-overview-link {
        color: #b94f17
      }

        .burger-navigation.burger-navigation .automatic-navigation-component .nav-overview .nav-overview-link .icon svg {
          top: -2px;
          width: 24px;
          height: 24px;
          fill: #b94f17;
          stroke: #b94f17
        }

  .burger-navigation.burger-navigation .manual-navigation-component .navigation-link, .burger-navigation.burger-navigation .nav-list-headline {
    position: relative;
    padding: 0 30px 0 20px;
    height: 48px
  }

    .burger-navigation.burger-navigation .manual-navigation-component .navigation-link:hover, .burger-navigation.burger-navigation .nav-list-headline:hover {
      text-decoration: underline
    }

    .burger-navigation.burger-navigation .manual-navigation-component .navigation-link .headline, .burger-navigation.burger-navigation .nav-list-headline .headline {
      display: inline-block;
      position: absolute;
      top: 50%;
      margin: 0;
      padding: 0;
      color: #0075ac;
      font-size: 16px;
      line-height: 20px;
      text-decoration: inherit;
      transform: translateY(-50%)
    }

    .burger-navigation.burger-navigation .manual-navigation-component .navigation-link .svg-arrow--right, .burger-navigation.burger-navigation .nav-list-headline .svg-arrow--right {
      position: absolute;
      top: 50%;
      right: 16px;
      margin-top: -8px;
      width: 16px;
      height: 16px
    }

    .burger-navigation.burger-navigation .manual-navigation-component .navigation-link:focus, .burger-navigation.burger-navigation .nav-list-headline:focus {
      background-color: #ecf8fe
    }

  .burger-navigation.burger-navigation .manual-navigation-component {
    width: 100%
  }

    .burger-navigation.burger-navigation .manual-navigation-component .navigation-group {
      flex-wrap: wrap;
      position: static
    }

    .burger-navigation.burger-navigation .manual-navigation-component .navigation-link {
      width: 100%;
      height: auto;
      overflow: initial
    }

      .burger-navigation.burger-navigation .manual-navigation-component .navigation-link.link-navi-item .link--icon {
        padding: 0
      }

      .burger-navigation.burger-navigation .manual-navigation-component .navigation-link .icon {
        width: auto;
        height: auto
      }

    .burger-navigation.burger-navigation .manual-navigation-component .navigation-image {
      display: none
    }

    .burger-navigation.burger-navigation .manual-navigation-component .navigation-headline.level-first {
      position: relative;
      background: transparent;
      border-radius: initial;
      box-shadow: none;
      color: #0075ac;
      font-weight: 500;
      font-size: 16px;
      line-height: 20px;
      text-align: left;
      transform: none
    }

    .burger-navigation.burger-navigation .manual-navigation-component .manual-navigation-item-component-img, .burger-navigation.burger-navigation .manual-navigation-component .manual-navigation-item-component-img .navigation-headline, .burger-navigation.burger-navigation .manual-navigation-component .manual-navigation-item-component-img .navigation-link {
      padding: 0
    }

      .burger-navigation.burger-navigation .manual-navigation-component .manual-navigation-item-component-img .svg-arrow--link {
        position: absolute;
        right: 8px;
        bottom: 16px;
        fill: #fff;
        stroke: #fff
      }
}

.automatic-navigation-component {
  width: 215px
}

@media(max-width:991px) {
  .automatic-navigation-component {
    flex-basis: 100%
  }
}

@media(min-width:1440px) {
  .automatic-navigation-component {
    width: 240px
  }
}

.automatic-navigation-component .nav-list {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

@media(max-width:991px) {
  .automatic-navigation-component .nav-list {
    box-shadow: -14px 0 23px -2px rgba(0,0,0,.17);
    z-index: 1
  }
}

.automatic-navigation-component .nav-list-headline {
  display: flex;
  align-items: center;
  padding-bottom: 16px;
  color: #0075ac;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

  .automatic-navigation-component .nav-list-headline:hover {
    text-decoration: underline
  }

@media(min-width:992px) {
  .automatic-navigation-component .nav-list-headline .icon {
    display: block;
    float: left;
    width: 32px;
    height: 32px
  }
}

.automatic-navigation-component .nav-list-headline .icon-content, .automatic-navigation-component .nav-list-headline .icon .icon-content {
  width: 100%;
  height: auto
}

.automatic-navigation-component .nav-list-headline .headline {
  margin: 0;
  padding-left: 8px
}

.automatic-navigation-component .nav-item-main .icon svg {
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -8px;
  width: 16px;
  height: 16px
}

.automatic-navigation-component .nav-item-main.active, .automatic-navigation-component .nav-item-main:hover {
  background-color: #ecf8fe;
  z-index: 10
}

  .automatic-navigation-component .nav-item-main.active .nav-item-inner .text, .automatic-navigation-component .nav-item-main:hover .nav-item-inner .text {
    text-decoration: underline
  }

.automatic-navigation-component .nav-item-main:focus {
  background-color: #ecf8fe;
  outline: none
}

.automatic-navigation-component .nav-item-sub {
  position: relative;
  margin-right: -16px;
  margin-left: -16px;
  width: 248px;
  max-width: none;
  height: auto;
  z-index: 20
}

@media(min-width:992px) {
  .automatic-navigation-component .nav-item-sub {
    margin-top: -16px;
    margin-right: -32px;
    margin-left: -32px;
    width: 280px;
    height: 0;
    opacity: 0;
    overflow: hidden;
    visibility: hidden
  }
}

@media(min-width:1440px) {
  .automatic-navigation-component .nav-item-sub {
    width: 296px
  }
}

.automatic-navigation-component .nav-item-sub:before {
  display: none
}

.automatic-navigation-component .nav-item-sub.active {
  display: block
}

.automatic-navigation-component .nav-item-sub .nav-item.active, .automatic-navigation-component .nav-item-sub .nav-item:hover {
  background-color: #ecf8fe;
  z-index: 10
}

  .automatic-navigation-component .nav-item-sub .nav-item.active .nav-item-inner .text, .automatic-navigation-component .nav-item-sub .nav-item:hover .nav-item-inner .text {
    text-decoration: underline
  }

.automatic-navigation-component .nav-item-sub .nav-item:focus {
  background-color: #ecf8fe
}

@media(min-width:992px) {
  .automatic-navigation-component .nav-item-sub + .nav-item {
    margin-top: 16px
  }
}

@media(min-width:992px) {
  .automatic-navigation-component .nav-item-sub-inner-wrap {
    padding: 16px
  }
}

@media(min-width:992px) {
  .automatic-navigation-component .nav-item-sub-inner {
    display: inline-block;
    position: relative;
    margin-bottom: 8px;
    padding: 8px 0 56px;
    width: 100%;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 12px 2px hsla(0,0%,62.7%,.14),0 4px 8px 0 hsla(0,0%,62.7%,.1),0 2px 4px 0 hsla(0,0%,100%,.5)
  }

    .automatic-navigation-component .nav-item-sub-inner .nav-item {
      padding-right: 16px;
      padding-left: 16px
    }
}

.automatic-navigation-component .nav-overview {
  position: absolute;
  right: 10px;
  bottom: 24px;
  font-size: 13px
}

  .automatic-navigation-component .nav-overview:hover {
    text-decoration: underline
  }

  .automatic-navigation-component .nav-overview .icon svg {
    position: relative;
    top: 2px;
    margin-left: 8px;
    width: 16px;
    height: 16px
  }

.automatic-navigation-component .nav-overview-link {
  color: #0075ac
}

.manual-navigation-component {
  width: 216px
}

@media(min-width:1440px) {
  .manual-navigation-component {
    width: 244px
  }
}

.manual-navigation-component .navigation-link {
  display: flex;
  align-items: center;
  position: relative;
  width: 216px;
  height: 106px;
  overflow: hidden
}

@media(min-width:992px) {
  .manual-navigation-component .navigation-link {
    display: inline-block
  }

    .manual-navigation-component .navigation-link img {
      transition: transform .3s ease-out
    }

    .manual-navigation-component .navigation-link:hover img {
      transform: scale(1.05)
    }
}

@media(min-width:1440px) {
  .manual-navigation-component .navigation-link {
    width: 244px;
    height: 119px
  }
}

.manual-navigation-component .navigation-link .icon {
  float: left;
  width: 32px;
  height: 32px
}

  .manual-navigation-component .navigation-link .icon .icon-content {
    width: 100%;
    height: auto
  }

.manual-navigation-component .navigation-headline {
  display: flex;
  margin: 0;
  width: 100%;
  height: 48px;
  background: rgba(0,0,0,.2);
  border-radius: 100%;
  box-shadow: 0 0 15px 15px rgba(0,0,0,.2);
  color: #0075ac;
  color: #fff;
  font-weight: 400;
  text-align: center;
  transform: translateY(-50%);
  align-items: center
}

  .manual-navigation-component .navigation-headline.level-second {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    padding: 0;
    height: auto;
    color: #fff;
    font-size: 24px;
    line-height: 28px;
    transform: translateY(-50%)
  }

@media(min-width:992px) {
  .manual-navigation-component .navigation-headline {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    padding: 0 8px;
    height: auto;
    color: #fff;
    font-size: 24px;
    line-height: 28px;
    transform: translateY(-50%)
  }
}

@media(max-width:991px) {
  .navigation-group--secondary {
    border-top: 1px solid #d9d9d9
  }
}

.navigation-group--secondary .manual-navigation-component {
  width: 295px
}

@media(min-width:1440px) {
  .navigation-group--secondary .manual-navigation-component {
    width: 345px
  }
}

.navigation-group--secondary .navigation-link {
  width: 295px;
  height: 104px
}

@media(min-width:1440px) {
  .navigation-group--secondary .navigation-link {
    width: 345px;
    height: 128px
  }
}

.stage {
  position: relative;
  z-index: 2
}

@media(min-width:992px) {
  .stage {
    background: transparent
  }
}

@media(min-width:992px) {
  .stage:after {
    display: block;
    clear: both;
    content: ""
  }
}

.stage .stage-inner {
  position: relative;
  z-index: 2;
  transition: height 1s ease-out
}

@media(min-width:992px) {
  .stage .stage-inner {
    display: flex;
    padding: 0 0 60px 90px;
    min-height: 450px;
    box-sizing: content-box;
    flex-direction: row-reverse
  }
}

@media(min-width:1440px) {
  .stage .stage-inner {
    margin: 0 auto;
    padding: 0 0 60px;
    max-width: 1440px;
    min-height: 500px
  }
}

.stage .stage-inner.has-service-bar {
  padding-bottom: 0
}

.stage .stage-image-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden
}

@media(min-width:992px) {
  .stage .stage-image-wrapper {
    width: 62.1951219512%
  }
}

@media(min-width:1440px) {
  .stage .stage-image-wrapper {
    width: 800px
  }
}

.stage .stage-image {
  width: 100%;
  height: auto
}

@media(min-width:992px) {
  .stage .stage-image {
    min-width: 650px
  }
}

@media(min-width:1440px) {
  .stage .stage-image {
    width: 100%;
    min-width: 0;
    height: auto;
    min-height: 0
  }
}

.stage .stage-image img {
  width: 100%;
  height: auto
}

@media(min-width:992px) {
  .stage .stage-image img {
    display: block;
    width: 100%;
    height: 100%;
    transform: scale(1);
    transition: transform .3s ease-out;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover
  }
}

.stage .stage-body {
  padding-bottom: 25px
}

@media(min-width:992px) {
  .stage .stage-body {
    padding: 0;
    width: 37.6940133038%;
    background: #fff
  }
}

@media(min-width:1440px) {
  .stage .stage-body {
    width: 486px
  }
}

.stage .stage-content {
  position: relative;
  margin: -60px 20px 0 0;
  padding: 20px;
  max-width: 512px;
  height: 100%;
  min-height: 280px;
  background: var(--stage-content-background);
  color: var(--stage-content-color);
  z-index: 10
}

@media(min-width:540px) {
  .stage .stage-content {
    padding: 24px
  }
}

@media(min-width:768px) {
  .stage .stage-content {
    display: block;
    padding: 30px;
    max-width: 65%;
    min-height: 350px
  }
}

@media(min-width:992px) {
  .stage .stage-content {
    margin: 0;
    padding: 24px;
    max-width: 512px
  }
}

@media(min-width:1440px) {
  .stage .stage-content {
    padding: 32px;
    width: 486px
  }
}

.stage .content-card-topline {
  display: flex;
  margin-bottom: 16px;
  padding: 0;
  align-items: center
}

@media(min-width:768px) {
  .stage .content-card-topline {
    margin-bottom: 24px
  }
}

@media(min-width:992px) {
  .stage .content-card-topline {
    margin-bottom: 16px
  }
}

@media(min-width:1440px) {
  .stage .content-card-topline {
    margin-bottom: 24px
  }
}

.stage .content-card-topline .icon-content {
  margin-right: 8px;
  width: 32px;
  height: 32px
}

@media(min-width:768px) {
  .stage .content-card-topline .icon-content {
    margin-right: 12px;
    width: 36px;
    height: 36px
  }
}

@media(min-width:992px) {
  .stage .content-card-topline .icon-content {
    width: 28px;
    height: 28px
  }
}

@media(min-width:1440px) {
  .stage .content-card-topline .icon-content {
    width: 36px;
    height: 36px
  }
}

.stage .content-card-headline {
  margin-bottom: 16px;
  color: var(--content-card-headline)
}

.stage .topline--card {
  margin: 0
}

.stage .content-card-text {
  margin-bottom: 24px
}

@media(min-width:768px) {
  .stage .content-card-text {
    margin-bottom: 32px
  }
}

@media(min-width:992px) {
  .stage .content-card-text {
    margin-bottom: 24px
  }
}

@media(min-width:1440px) {
  .stage .content-card-text {
    margin-bottom: 32px
  }
}

.stage .badge {
  position: absolute;
  bottom: 74px;
  left: 20px;
  width: 100px;
  height: 100px
}

@media(min-width:540px) {
  .stage .badge {
    width: 125px;
    height: 125px
  }
}

@media(min-width:992px) {
  .stage .badge {
    bottom: 20px;
    left: 30px
  }
}

@media(min-width:1440px) {
  .stage .badge {
    bottom: 30px;
    left: 40px;
    width: 150px;
    height: 150px
  }
}

.stage .badge img {
  position: absolute;
  bottom: 0;
  left: 0;
  max-height: 100%
}

@media(max-width:540px) {
  .stage .badge img {
    max-width: 270px
  }
}

@media(max-width:992px) {
  .stage .badge img {
    width: auto;
    height: auto;
    max-height: 100%
  }
}

@media(min-width:768px) {
  .stage .badge img {
    width: auto
  }
}

@media(min-width:992px) {
  .stage .badge img {
    position: absolute;
    right: auto;
    left: 0;
    max-width: none
  }
}

.stage .content-card-calculator .content-card-cta {
  max-width: none
}

.stage .content-card-calculator .form-field .input {
  width: 100%
}

.stage .content-card-cta {
  width: 100%;
  max-width: 280px
}

  .stage .content-card-cta.full-width {
    max-width: none
  }

.stage .benefit-list-area {
  margin-top: 16px;
  padding: 0 8px
}

  .stage .benefit-list-area .list {
    width: 100%
  }

.stage-product .content-card-cta {
  width: 100%;
  max-width: none
}

.stage-product .benefit-list-area {
  margin-top: 16px
}

  .stage-product .benefit-list-area .list {
    width: 100%
  }

.stage-product .button-dropdown-component {
  width: 100%;
  min-width: 0
}

.product-rotation .content-card-topline .icon-content, .product-rotation .teaser-nav .nav-button .icon-content {
  margin-right: 12px;
  width: 32px;
  height: 32px
}

@media(min-width:768px) {
  .product-rotation .content-card-topline .icon-content, .product-rotation .teaser-nav .nav-button .icon-content {
    width: 36px;
    height: 36px
  }
}

@media(min-width:992px) {
  .product-rotation .content-card-topline .icon-content, .product-rotation .teaser-nav .nav-button .icon-content {
    width: 28px;
    height: 28px
  }
}

@media(min-width:1440px) {
  .product-rotation .content-card-topline .icon-content, .product-rotation .teaser-nav .nav-button .icon-content {
    width: 36px;
    height: 36px
  }
}

.product-rotation {
  overflow: hidden
}

  .product-rotation .stage-inner {
    padding-bottom: 0
  }

@media(min-width:992px) {
  .product-rotation .stage-inner {
    min-height: 500px
  }
}

@media(min-width:1440px) {
  .product-rotation .stage-inner {
    min-height: 632px
  }
}

.product-rotation .rotation-images {
  position: relative
}

@media(max-width:991px) {
  .product-rotation .rotation-images {
    aspect-ratio: 128/71
  }
}

@media(max-width:767px) {
  .product-rotation .rotation-images {
    aspect-ratio: 270/169
  }
}

@media(max-width:539px) {
  .product-rotation .rotation-images {
    aspect-ratio: 18/13
  }
}

@media(min-width:992px) {
  .product-rotation .rotation-images {
    width: 62.1951219512%;
    overflow: hidden
  }
}

@media(min-width:1440px) {
  .product-rotation .rotation-images {
    width: 800px
  }
}

.product-rotation .stage-image-wrapper {
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s ease-out;
  transition-delay: .3s
}

@media(min-width:992px) {
  .product-rotation .stage-image-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    height: auto
  }
}

.product-rotation .stage-image-wrapper + .stage-image-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0
}

@media(max-width:991px) {
  .product-rotation .stage-image-wrapper img {
    position: relative;
    width: 100%;
    height: auto
  }
}

.product-rotation .stage-image-wrapper.active {
  opacity: 1;
  pointer-events: all;
  transition-delay: 0s;
  z-index: 10
}

.product-rotation .rotation-body {
  padding-bottom: 25px
}

@media(min-width:992px) {
  .product-rotation .rotation-body {
    padding: 0;
    width: 37.6940133038%;
    background: #f9fafb
  }
}

@media(min-width:1440px) {
  .product-rotation .rotation-body {
    width: 486px
  }
}

.product-rotation .stage-body .stage-content {
  padding: 0;
  background: #fff;
  overflow: hidden
}

@media(min-width:768px) {
  .product-rotation .stage-body .stage-content {
    background: #f9fafb
  }
}

.product-rotation .content-element-container {
  display: flex;
  flex-direction: row-reverse
}

@media(max-width:767px) {
  .product-rotation .content-element-container {
    transition: transform .3s ease-out
  }

    .product-rotation .content-element-container.active-1 {
      transform: translateX(100%)
    }

    .product-rotation .content-element-container.active-2 {
      transform: translateX(200%)
    }
}

@media(min-width:768px) {
  .product-rotation .content-element-container {
    display: block
  }
}

.product-rotation .content-element {
  position: relative;
  max-height: 72px;
  background: #fff;
  overflow: hidden;
  transition: max-height .3s ease-out;
  flex-shrink: 0;
  flex-basis: 100%
}

@media(max-width:767px) {
  .product-rotation .content-element {
    max-height: none !important
  }
}

@media(min-width:768px) {
  .product-rotation .content-element .nav-item {
    border-bottom: 1px solid #d9d9d9
  }

  .product-rotation .content-element:last-of-type .nav-item {
    border-bottom: none
  }

  .product-rotation .content-element.active {
    border-bottom: 1px solid #d9d9d9
  }
}

@media(min-width:992px) {
  .product-rotation .content-element {
    margin: 0;
    padding: 0;
    max-height: 56px;
    background: #fff;
    flex-basis: 490px
  }

    .product-rotation .content-element > .button {
      margin-top: 32px
    }
}

@media(min-width:1440px) {
  .product-rotation .content-element {
    max-height: 76px
  }
}

.product-rotation .content-element.active .nav-item {
  opacity: 0
}

@media(min-width:768px) {
  .product-rotation .content-element.active .nav-progress {
    opacity: 1
  }
}

.product-rotation .content-card-inner {
  padding: 0 20px 20px
}

@media(min-width:540px) {
  .product-rotation .content-card-inner {
    padding: 0 24px 40px
  }
}

@media(min-width:768px) {
  .product-rotation .content-card-inner {
    padding: 0 32px 40px
  }
}

@media(min-width:992px) {
  .product-rotation .content-card-inner {
    padding: 0 20px 40px
  }
}

@media(min-width:1440px) {
  .product-rotation .content-card-inner {
    padding: 0 32px 40px
  }
}

.product-rotation .content-card-topline {
  display: flex;
  margin: 0;
  padding: 16px 0;
  align-items: center
}

@media(min-width:768px) {
  .product-rotation .content-card-topline {
    margin: 0;
    padding: 0;
    height: 72px
  }
}

@media(min-width:992px) {
  .product-rotation .content-card-topline {
    margin: 0;
    padding: 0;
    height: 56px
  }
}

@media(min-width:1440px) {
  .product-rotation .content-card-topline {
    margin: 0;
    padding: 0;
    height: 76px
  }
}

.product-rotation .content-card-headline {
  margin-top: 0;
  cursor: default
}

@media(min-width:768px) {
  .product-rotation .content-card-headline {
    font-size: 42px;
    line-height: 52px
  }
}

@media(min-width:992px) {
  .product-rotation .content-card-headline {
    font-size: 28px;
    line-height: 38px
  }
}

@media(min-width:1440px) {
  .product-rotation .content-card-headline {
    font-size: 42px;
    line-height: 52px
  }
}

.product-rotation .content-card-topline + .content-card-headline {
  margin-top: 0
}

.product-rotation .content-card-text {
  width: 100%;
  min-width: 260px;
  max-width: 570px
}

@media(min-width:768px) {
  .product-rotation .content-card-text {
    width: auto;
    min-width: 0;
    max-width: none
  }
}

.product-rotation .content-card-cta {
  margin-top: 24px;
  max-width: none
}

@media(min-width:768px) {
  .product-rotation .content-card-cta {
    margin-top: 32px
  }
}

@media(min-width:992px) {
  .product-rotation .content-card-cta {
    margin-top: 24px
  }
}

@media(min-width:1440px) {
  .product-rotation .content-card-cta {
    margin-top: 32px
  }
}

.product-rotation .content-card-cta + .button {
  margin-top: 24px
}

@media(min-width:768px) {
  .product-rotation .content-card-cta + .button {
    margin-top: 20px
  }
}

.product-rotation .button + .content-card-text {
  margin-top: 24px
}

@media(min-width:768px) {
  .product-rotation .button + .content-card-text {
    margin-top: 20px
  }
}

.product-rotation .teaser-nav {
  display: none
}

@media(min-width:768px) {
  .product-rotation .teaser-nav {
    display: block
  }
}

.product-rotation .teaser-nav .nav-item {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  padding: 0 30px;
  height: 72px;
  background: #f9fafb;
  cursor: pointer;
  z-index: 10;
  transition: opacity .3s ease-out;
  align-items: center
}

@media(min-width:992px) {
  .product-rotation .teaser-nav .nav-item {
    padding: 0 20px;
    height: 56px
  }
}

@media(min-width:1440px) {
  .product-rotation .teaser-nav .nav-item {
    padding: 0 32px;
    height: 76px
  }
}

.product-rotation .teaser-nav .nav-item.active .nav-progress {
  opacity: 1
}

.product-rotation .teaser-nav .nav-headline {
  margin: 0;
  color: #a0a0a0;
  font-size: 17px;
  cursor: default
}

@media(min-width:992px) {
  .product-rotation .teaser-nav .nav-headline {
    font-size: 15px
  }
}

@media(min-width:1440px) {
  .product-rotation .teaser-nav .nav-headline {
    font-size: 17px
  }
}

.product-rotation .nav-progress {
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #31cbf8;
  opacity: 0;
  z-index: 10;
  transform: scaleX(0) translateZ(0);
  transform-origin: 0 0 0
}

.product-rotation .nav-mobile {
  display: flex;
  position: relative;
  max-width: 100%;
  background-color: #fff
}

@media(min-width:768px) {
  .product-rotation .nav-mobile {
    display: none
  }
}

.product-rotation .nav-mobile .nav-item {
  position: relative;
  color: #fff
}

  .product-rotation .nav-mobile .nav-item .nav-button {
    display: flex;
    width: 48px;
    height: 48px;
    background-color: #eee;
    align-items: center;
    justify-content: center
  }

    .product-rotation .nav-mobile .nav-item .nav-button .icon-content {
      width: 28px;
      height: 28px
    }

  .product-rotation .nav-mobile .nav-item .nav-headline {
    display: none
  }

  .product-rotation .nav-mobile .nav-item:first-of-type.active .nav-button {
    margin-left: -48px
  }

  .product-rotation .nav-mobile .nav-item.active {
    flex-basis: auto;
    flex-grow: 1
  }

    .product-rotation .nav-mobile .nav-item.active .nav-progress {
      opacity: 1
    }

    .product-rotation .nav-mobile .nav-item.active .nav-button {
      display: none
    }

    .product-rotation .nav-mobile .nav-item.active .nav-headline {
      display: block;
      position: relative;
      padding: 0 10px;
      height: 48px;
      font-weight: 500;
      text-align: center;
      text-transform: uppercase
    }

      .product-rotation .nav-mobile .nav-item.active .nav-headline:before {
        display: block;
        position: absolute;
        content: "";
        top: -8px;
        left: 50%;
        margin-left: -5px;
        border-right: 10px solid transparent;
        border-bottom: 9px solid #fff;
        border-left: 10px solid transparent;
        width: 0;
        height: 0
      }

      .product-rotation .nav-mobile .nav-item.active .nav-headline:after {
        display: block;
        position: absolute;
        content: "";
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #575757
      }

      .product-rotation .nav-mobile .nav-item.active .nav-headline .h4 {
        position: relative;
        top: 50%;
        margin: 0;
        transform: translateY(-50%)
      }

  .product-rotation .nav-mobile .nav-item + .nav-item .nav-button:after {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: -1px;
    width: 2px;
    background: #fff
  }

  .product-rotation .nav-mobile .nav-item.active + .nav-item .nav-button:after {
    display: none
  }

@media(min-width:1440px) {
  .product-rotation-list .list {
    font-size: 17px
  }
}

.service-bar-component {
  display: none;
  position: relative;
  margin: 28px 0;
  color: #fff
}

@media(min-width:992px) {
  .service-bar-component {
    display: block;
    padding-left: 90px
  }
}

@media(min-width:1440px) {
  .service-bar-component {
    display: block;
    margin: 38px auto;
    padding-left: 0;
    max-width: 1440px
  }
}

.service-bar-component .badge-wrap {
  display: none
}

@media(min-width:1440px) {
  .service-bar-component .badge-wrap {
    display: flex;
    justify-content: flex-end
  }
}

.service-bar-component .badge-wrap .badge-inner {
  position: relative;
  padding: 16px;
  max-width: 112px;
  background: #31cbf8;
  border-radius: 5px;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  text-transform: uppercase;
  font-style: italic
}

  .service-bar-component .badge-wrap .badge-inner:after {
    position: absolute;
    content: "";
    top: 50%;
    right: -7px;
    width: 15px;
    height: 15px;
    background-color: inherit;
    transform: translateY(-50%) rotate(45deg)
  }

@media(min-width:1440px) {
  .service-bar-component .service-bar-item--telephone {
    min-width: 300px
  }
}

.service-bar-component .service-bar-item--telephone .tel-sub-text {
  font-size: 13px;
  line-height: 16px
}

.service-bar-component .badge-wrap, .service-bar-component .service-bar-item {
  justify-content: center
}

.service-bar-component .service-bar-item {
  display: flex;
  cursor: pointer
}

  .service-bar-component .service-bar-item a {
    display: flex;
    color: #fff
  }

    .service-bar-component .service-bar-item a:active, .service-bar-component .service-bar-item a:focus, .service-bar-component .service-bar-item a:hover {
      color: #fff
    }

  .service-bar-component .service-bar-item svg {
    margin: 0 8px;
    transition: margin .2s ease-in;
    vertical-align: inherit
  }

@media(min-width:1440px) {
  .service-bar-component .service-bar-item svg {
    margin: -2px 8px 0
  }
}

.service-bar-component .service-bar-item svg .svg-icon-secondary {
  fill: #b94f17;
  stroke: #b94f17
}

.service-bar-component .service-bar-item .text-container {
  display: inline-block
}

  .service-bar-component .service-bar-item .text-container p {
    margin-bottom: 0;
    line-height: 20px
  }

  .service-bar-component .service-bar-item .text-container .icon-svg {
    margin: -4px 1px
  }

.service-bar-component .service-bar-item .icon-svg--position, .service-bar-component .service-bar-item .text-container {
  width: auto;
  align-self: center
}

.service-bar-component .service-bar-item:hover .text-container .icon-svg {
  margin-left: 5px
}

.header-service-link-component, .service-link {
  color: #575757;
  text-decoration: none;
  display: block;
  position: relative;
  margin-bottom: 2px;
  padding: 20px 20px 20px 70px;
  background-color: #ecf8fe;
  text-align: left;
  transition: background-color .5s
}

  .header-service-link-component:focus, .header-service-link-component:hover, .service-link:focus, .service-link:hover {
    color: #575757;
    text-decoration: none;
    background-color: #e2f6ff
  }

  .header-service-link-component .h3, .service-link .h3 {
    margin-bottom: 0
  }

  .header-service-link-component .icon-ui, .service-link .icon-ui {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateX(0) translateY(-50%);
    transition: transform .3s
  }

@media(min-width:540px) {
  .header-service-link-component .icon-ui, .service-link .icon-ui {
    right: 24px
  }
}

.header-service-link-component:focus .icon-ui, .header-service-link-component:hover .icon-ui, .service-link:focus .icon-ui, .service-link:hover .icon-ui {
  transform: translateX(4px) translateY(-50%)
}

.header-service-link-component:focus, .service-link:focus {
  z-index: 1
}

.header-service-link-component .icon-content, .service-link .icon-content {
  position: absolute;
  top: 50%;
  left: 20px;
  width: 32px;
  height: auto;
  transform: translateX(0) translateY(-50%)
}

@media(min-width:540px) {
  .header-service-link-component .icon-content, .service-link .icon-content {
    left: 24px
  }
}

.header-service-link-component {
  margin-right: -24px;
  margin-left: -24px
}

.service-link-component {
  margin-bottom: 40px
}

@media(min-width:992px) {
  .service-link-component {
    margin-bottom: 72px
  }
}

.service-link-component .component-headline {
  margin-bottom: 24px;
  padding: 0 20px
}

@media(min-width:540px) {
  .service-link-component .component-headline {
    padding: initial
  }
}

@media(min-width:768px) {
  .service-link-component .component-headline {
    margin-bottom: 32px
  }
}

@media(min-width:992px) {
  .service-link-component .component-headline {
    margin-bottom: 40px
  }
}

.service-link-wrap .service-link {
  padding: 30px 30px 30px 70px
}

  .service-link-wrap .service-link .service-link-copy {
    display: none
  }

@media(min-width:540px) {
  .service-link-wrap .service-link .h3 {
    margin-bottom: 8px
  }
}

@media(min-width:992px) {
  .service-link-wrap .service-link:focus .icon-ui, .service-link-wrap .service-link:focus .link-wrapper .icon-ui, .service-link-wrap .service-link:hover .icon-ui, .service-link-wrap .service-link:hover .link-wrapper .icon-ui {
    transform: translateX(4px) translateY(0)
  }
}

.service-link-wrap .service-link .service-link-copy-wrap {
  height: 0
}

@media(min-width:540px) {
  .service-link-wrap .service-link .service-link-copy-wrap {
    height: auto
  }

    .service-link-wrap .service-link .service-link-copy-wrap .service-link-copy-wrap {
      margin: 0 0 16px;
      font-size: 14px;
      line-height: 20px
    }
}

@media(min-width:540px)and (min-width:1440px) {
  .service-link-wrap .service-link .service-link-copy-wrap .service-link-copy-wrap {
    font-size: 15px;
    line-height: 24px
  }
}

.service-link-wrap .service-link .service-link-copy-wrap.show-copy {
  height: auto
}

  .service-link-wrap .service-link .service-link-copy-wrap.show-copy .service-link-copy {
    display: block
  }

.service-link-wrap .service-link.no-icon-padding {
  padding: 30px
}

.service-link-wrap .service-link .link-wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: auto;
  padding-top: 16px
}

  .service-link-wrap .service-link .link-wrapper .label {
    color: #b94f17;
    font-weight: 400
  }

  .service-link-wrap .service-link .link-wrapper .icon-ui {
    position: static;
    margin-left: .5em;
    transform: translateX(0) translateY(0)
  }

@media(min-width:540px) {
  .service-link-wrap .service-link .service-link-copy {
    display: inline
  }

  .service-link-wrap .service-link .icon-content {
    left: 32px;
    width: 49px
  }

  .service-link-wrap .service-link .icon-ui {
    position: static;
    margin-left: .5em;
    transform: translateX(0) translateY(0)
  }
}

@media(min-width:540px)and (max-width:991px) {
  .service-link-wrap .service-link {
    padding: 30px 80px 30px 120px
  }

    .service-link-wrap .service-link .icon-ui {
      position: absolute;
      top: 50%;
      right: 24px;
      transform: translateX(0) translateY(-50%)
    }
}

@media(min-width:768px) {
  .service-link-wrap .service-link .icon-content {
    position: absolute;
    top: 50%;
    height: auto;
    transform: translateY(-50%)
  }
}

@media(min-width:992px) {
  .service-link-wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: -16px
  }

    .service-link-wrap .service-link {
      margin-top: 16px;
      padding: 30px 30px 30px 120px;
      width: calc(50% - 8px)
    }

    .service-link-wrap .icon-content {
      width: 56px
    }
}

@media(min-width:1440px) {
  .service-link-wrap {
    margin-top: -20px
  }

    .service-link-wrap .service-link {
      margin-top: 20px;
      width: calc(50% - 10px)
    }
}

.lds-ring {
  display: none;
  position: absolute;
  width: 48px;
  height: 48px;
  z-index: 200
}

  .lds-ring.center-x {
    right: auto;
    left: 50%;
    transform: translateX(-50%)
  }

  .lds-ring.center-y {
    top: 50%;
    bottom: auto;
    transform: translateY(-50%)
  }

  .lds-ring.center-x.center-y {
    transform: translateX(-50%) translateY(-50%)
  }

.loading .lds-ring {
  display: inline-block
}

.lds-ring .ring-child {
  display: block;
  position: absolute;
  margin: 4px;
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 4px solid transparent;
  border-top-color: #eb7d1a;
  -webkit-animation: lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;
  animation: lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite
}

@media(min-width:540px) {
  .lds-ring .ring-child {
    margin: 6px;
    border-width: 6px
  }
}

.lds-ring .ring-child:first-child {
  -webkit-animation-delay: -.45s;
  animation-delay: -.45s
}

.lds-ring .ring-child:nth-child(2) {
  -webkit-animation-delay: -.3s;
  animation-delay: -.3s
}

.lds-ring .ring-child:nth-child(3) {
  -webkit-animation-delay: -.15s;
  animation-delay: -.15s
}

@-webkit-keyframes lds-ring {
  0% {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(1turn)
  }
}

@keyframes lds-ring {
  0% {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(1turn)
  }
}

.position-relative {
  position: relative
}

.external-content--overlay {
  position: relative;
  margin: 0 auto;
  padding: 1rem;
  max-width: 600px;
  height: auto;
  background: #0075ac;
  z-index: 500
}

@media(min-width:540px) {
  .external-content--overlay {
    height: auto
  }
}

.external-content--overlay p {
  color: #fff
}

.external-content--small .external-content--overlay p {
  font-size: 12px;
  line-height: 20px
}

.page-theme-default {
  background-color: #fff
}

  .page-theme-default .page-wrap:after, .page-theme-default .page-wrap:before {
    display: none
  }

  .page-theme-default .header:after {
    content: none
  }

  .page-theme-default .main-content {
    padding-top: 0
  }

.page-einfach-b {
  --color-primary: #009fe3;
  --list--check-color: #fff;
  --list-check-background: #fff;
  --headline--base-color: #303030;
  --button-primary-background: #009fe3;
  --button-primary-color: #fff;
  --button-primary-font-weight: 500;
  --button-box-shadow: 0 15px 35px 0 rgba(0,159,227,0.5);
  --button-primary-background__focus: #009fe3;
  --button-primary-background__hover: #009fe3;
  --button-primary-background__active: #fff;
  --button-primary-color__active: #009fe3;
  --button-primary-border__active: 3px solid #009fe3;
  --link-font-weigth: 500;
  --link-color: #009fe3;
  --link__focus-text-decoration-color: #009fe3;
  --link__hover-color: #67c7e8;
  --link__active-color: #009fe3;
  --stage-content-background: #009fe3;
  --topline-card-color: #fff;
  --topline-card-line-color: #fff;
  --stage-content-color: #fff;
  --content-card-headline: #fff;
  --stage-button-primary-background: #fff;
  --stage-button-primary-color: #009fe3;
  --stage-button-primary-shadow__hover: 0 15px 30px 0 hsla(0,0%,100%,0.5);
  --stage-button-primary-color__active: #fff;
  --stage-button-primary-background__active: #009fe3;
  --stage-button-primary-border__active: 3px solid #fff;
  --stage-button-primary-shadow__active: 0 5px 15px 0 hsla(0,0%,100%,0.5);
  --stage-button-secondary-color: #fff;
  --stage-button-secondary-background: #009fe3;
  --stage-button-secondary-border: 2px solid #fff;
  --stage-button-secondary-background__hover: #009fe3;
  --stage-button-secondary-border__hover: 2px solid #fff;
  --stage-button-secondary-shadow__hover: 0 15px 30px 0 hsla(0,0%,100%,0.5);
  --stage-button-secondary-background__active: #009fe3;
  --stage-button-secondary-border__active: 3px solid #fff;
  --stage-button-secondary-shadow__active: 0 5px 15px 0 hsla(0,0%,100%,0.5);
  --trust-text-wrapper-background: linear-gradient(180deg,#009fe3 0%,#009fe3);
  --trust-text-wrapper-color: #fff;
  --checkmark-list-component-background: #009fe3;
  --checkmark-list-component-color: #fff;
  --checkmark-list-component-headline-color: #fff;
  --checkmark-list-component-list-headline-color: #fff;
  --checkmark-icon: url(../../icons/ui/check-bold-white.svg);
  --box-media-inner-background: #fff;
  --box-media-inner-headline-color: #303030;
  --contact-button-text-color: #303030;
  --contact-options-color: #303030;
  --trust-slider-component-background: #fff;
  --trust-slider-item-component-background: #fff;
  --trust-slider-component-background-image: none;
  --trust-slider-item-component-background-image: none;
  --text-icon-component-background: #fff;
  --t-head__tariff-has-recom: linear-gradient(180deg,#009fe3 0%,#009fe3 4%,rgba(49,203,248,0) 0,rgba(49,203,248,0));
  --tariff-r-reccommendation-background: #009fe3;
  --tariff-r-reccommendation-color: #fff;
  --tariff-r-reccommendation__chevron-border-top-color: none;
  --tariff-tariff-dt-background: #fff;
  --tariff-tariff-dt-box-shadow: #fff;
  --svg-icon-primary: #303030;
  --svg-icon-secondary: #009fe3;
  --svg-icon--cta__stroke: #009fe3;
  --svg-icon--cta__fill: #009fe3;
  --disrupter-container-background-color: #009fe3;
  --disrupter-content-color: #fff
}

  .page-einfach-b .icon-svg, .page-einfach-b .svg-icon--ci svg {
    stroke: var(--svg-icon-primary);
    fill: var(--svg-icon-primary)
  }

    .page-einfach-b .icon-svg .svg-icon-secondary, .page-einfach-b .svg-icon--ci svg .svg-icon-secondary {
      stroke: var(--svg-icon-secondary);
      fill: var(--svg-icon-secondary)
    }

  .page-einfach-b .list--check li:after, .page-einfach-b .list--check li:before {
    background: var(--list-check-background)
  }

@media(min-width:768px)and (max-width:1439px) {
  .page-einfach-b .header .header-content {
    height: 80px
  }
}

@media(max-width:1439px) {
  .page-einfach-b .header .header-content {
    background-color: #fff
  }
}

.page-einfach-b .header .header-logo {
  top: 30px;
  width: 105px
}

@media(min-width:768px) {
  .page-einfach-b .header .header-logo {
    top: 8px;
    width: 167px
  }
}

@media(min-width:992px) {
  .page-einfach-b .header .header-logo {
    top: 60px;
    width: 190px
  }
}

@media(min-width:1440px) {
  .page-einfach-b .header .header-logo {
    top: 50%
  }
}

.page-einfach-b .simple-linklist {
  border-top: 1px solid #ababaa
}

  .page-einfach-b .simple-linklist .link {
    margin: 0 16px;
    font-weight: 400
  }

  .page-einfach-b .simple-linklist .svg {
    display: none
  }

.page-einfach-b .disrupter-container {
  padding: 6px 6px 6px 25px;
  height: 1.5625rem
}

  .page-einfach-b .disrupter-container:after {
    right: -15px;
    width: 1rem;
    height: 1.5625rem;
    transform: none;
    border-bottom-right-radius: 1.375rem
  }

  .page-einfach-b .disrupter-container .disrupter-content {
    line-height: 14px;
    text-transform: none;
    font-style: normal
  }

@media(min-width:768px) {
  .page-einfach-b .disrupter-container {
    padding: 10px 10px 10px 62px;
    height: 2rem
  }

    .page-einfach-b .disrupter-container:after {
      height: 2rem
    }

    .page-einfach-b .disrupter-container .disrupter-content {
      font-size: 12px
    }
}

.page-einfach-b .checkmark-list-component {
  padding-top: 25px;
  padding-bottom: 25px;
  background-color: var(--checkmark-list-component-background);
  color: var(--checkmark-list-component-color)
}

  .page-einfach-b .checkmark-list-component .component-headline {
    color: var(--checkmark-list-component-headline-color)
  }

  .page-einfach-b .checkmark-list-component .checkmark-list-headline {
    color: var(--checkmark-list-component-list-headline-color)
  }

@media(min-width:992px) {
  .page-einfach-b .checkmark-list-component {
    padding-top: 65px;
    padding-bottom: 75px
  }
}

.page-einfach-b .stage {
  margin-top: 80px
}

  .page-einfach-b .stage .svg-icon--ci svg, .page-einfach-b .stage .svg-icon--ci svg .svg-icon-secondary {
    stroke: #fff;
    fill: #fff
  }

  .page-einfach-b .stage .badge {
    right: 35px;
    left: auto;
    width: 64px;
    height: 64px
  }

  .page-einfach-b .stage .content-card-cta {
    margin: 0 auto
  }

  .page-einfach-b .stage .button {
    background-color: var(--stage-button-primary-background);
    color: var(--stage-button-primary-color)
  }

    .page-einfach-b .stage .button:hover {
      box-shadow: var(--stage-button-primary-shadow__hover)
    }

    .page-einfach-b .stage .button:active {
      border: var(--stage-button-primary-border__active);
      background-color: var(--stage-button-primary-background__active);
      box-shadow: var(--stage-button-primary-border__active);
      color: var(--stage-button-primary-color__active)
    }

  .page-einfach-b .stage .button--ghost {
    border: var(--stage-button-secondary-border);
    background: var(--stage-button-secondary-background);
    color: var(--stage-button-secondary-color)
  }

    .page-einfach-b .stage .button--ghost:hover {
      border: var(--stage-button-secondary-border__hover);
      background-color: var(--stage-button-secondary-background__hover);
      box-shadow: var(--stage-button-secondary-shadow__hover)
    }

    .page-einfach-b .stage .button--ghost:active {
      border: var(--stage-button-secondary-border__active);
      background-color: var(--stage-button-secondary-background__active);
      box-shadow: var(--stage-button-secondary-shadow__active)
    }

@media(min-width:768px) {
  .page-einfach-b .stage .badge {
    width: 125px;
    height: 125px
  }
}

@media(min-width:992px) {
  .page-einfach-b .stage .badge {
    bottom: 20px;
    left: 50px
  }
}

@media(min-width:1440px) {
  .page-einfach-b .stage {
    margin-top: 0
  }
}

.page-einfach-b .box-media-component .h2 {
  color: var(--box-media-inner-headline-color)
}

.page-einfach-b .box-media-component .media-wrapper {
  margin-top: 16px
}

@media(min-width:992px) {
  .page-einfach-b .box-media-component .media-wrapper {
    margin-top: 8px
  }
}

.page-einfach-b .trust-text-wrap .trust-text-container {
  padding-top: 30px;
  color: var(--trust-text-wrapper-color)
}

  .page-einfach-b .trust-text-wrap .trust-text-container .h2 {
    color: var(--trust-text-wrapper-color)
  }

  .page-einfach-b .trust-text-wrap .trust-text-container .rich {
    --rich-a-color: #fff;
    --rich-a-text-decoration: underline;
    --rich-a__visited-color: #81807f;
    --rich-a__hover-color: #303030;
    --rich-a__hover-text-decoration: none
  }

@media(min-width:992px) {
  .page-einfach-b .trust-text-wrap .trust-text-container {
    padding-top: 90px
  }
}

.page-einfach-b .tariff-component {
  --list--check-color: #ababaa;
  --list-check-background: #ababaa;
  --svg-icon-primary: #fff
}

  .page-einfach-b .tariff-component .gs_info-close--circle {
    stroke: #009fe3 !important;
    fill: #fff
  }

  .page-einfach-b .tariff-component .gs_info-close--i {
    fill: #009fe3
  }

  .page-einfach-b .tariff-component .t-benefit-info[data-open=true] .gs_info-close--circle {
    fill: #009fe3 !important
  }

  .page-einfach-b .tariff-component .t-benefits-definition .t-benefits-title svg path {
    fill: none;
    stroke: #009fe3
  }

  .page-einfach-b .tariff-component .t-benefits-definition.t-benefit-not-incl .t-benefits-title svg path {
    fill: none;
    stroke: #cdc9d6
  }

  .page-einfach-b .tariff-component .show-more-button-container {
    --svg-icon-primary: #009fe3;
    color: var(--color-primary);
    font-weight: 500
  }

.page-einfach-b .box-service-component .box-service-item .icon-show-desktop {
  margin-right: 24px !important
}

.page-einfach-b .box-service-component .box-service-item .svg-icon--cta svg {
  stroke: #009fe3;
  fill: #009fe3
}

.nm-important {
  margin: 0 !important;
}

.intro-headline {
  color: currentColor;
}

:is(.img-col-auto, .img-col-6, .img-col-8, .img-col-12) img {
  width: 100%;
}

@media (min-width: 1440px) {
  .img-col-auto img {
    width: auto;
    max-width: 100%;
  }
  .img-col-6 img {
    width: 50%;
  }
  .img-col-8 img {
    width: 75%;
  }
  .img-col-12 img {
    width: 100%;
  }
}