.formElement {
  margin-right: -1rem;
  margin-left: -1rem;
  padding: 0.5rem 0;
}
.formElement:before, .formElement:after {
  display: table;
  content: " ";
}
.formElement:after {
  clear: both;
}
.formElement_label {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
}
.formElement_label .labelAndTooltip_label {
  text-align: left;
  margin-bottom: 0.25rem;
}
.formElement_labelHeading {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
  padding-right: 0.25rem;
  margin-bottom: 0.5rem;
}
.formElement_labelHeading .labelAndTooltip_label {
  color: #555555;
  font-weight: 500;
}
.formElement_input {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
}
.formElement_fieldpair-vornameNachname .formElement_fieldpair {
  margin-right: -1rem;
  margin-left: -1rem;
}
.formElement_fieldpair-vornameNachname .formElement_fieldpair:before, .formElement_fieldpair-vornameNachname .formElement_fieldpair:after {
  display: table;
  content: " ";
}
.formElement_fieldpair-vornameNachname .formElement_fieldpair:after {
  clear: both;
}
.formElement_fieldpair-vornameNachname .formElement_fieldpair .formElement_field:first-child {
  position: relative;
  float: left;
  width: 50%;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
}
.formElement_fieldpair-vornameNachname .formElement_fieldpair .formElement_field:last-child {
  position: relative;
  float: left;
  width: 50%;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
}
.formElement_fieldpair-vornameNachname .formElement-validate .formElement_field:first-child {
  padding-right: 1.8rem;
}
.formElement_fieldpair-vornameNachname .formElement-validate .formElement_field:last-child {
  padding-left: 0.5rem;
  padding-right: 1.8rem;
}
.formElement_fieldpair-strasseHausnummer .formElement_fieldpair {
  margin-right: -1rem;
  margin-left: -1rem;
}
.formElement_fieldpair-strasseHausnummer .formElement_fieldpair:before, .formElement_fieldpair-strasseHausnummer .formElement_fieldpair:after {
  display: table;
  content: " ";
}
.formElement_fieldpair-strasseHausnummer .formElement_fieldpair:after {
  clear: both;
}
.formElement_fieldpair-strasseHausnummer .formElement_fieldpair .formElement_field:first-child {
  position: relative;
  float: left;
  width: 66.6666666667%;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
}
.formElement_fieldpair-strasseHausnummer .formElement_fieldpair .formElement_field:last-child {
  position: relative;
  float: left;
  width: 33.3333333333%;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
}
.formElement_fieldpair-strasseHausnummer .formElement-validate .formElement_field:first-child {
  padding-right: 1.8rem;
}
.formElement_fieldpair-strasseHausnummer .formElement-validate .formElement_field:last-child {
  padding-left: 0.5rem;
  padding-right: 1.8rem;
}
.formElement_fieldpair-plzOrt .formElement_fieldpair, .formElement_fieldpair-telefonvorwahlTelefonnummer .formElement_fieldpair {
  margin-right: -1rem;
  margin-left: -1rem;
}
.formElement_fieldpair-plzOrt .formElement_fieldpair:before, .formElement_fieldpair-plzOrt .formElement_fieldpair:after, .formElement_fieldpair-telefonvorwahlTelefonnummer .formElement_fieldpair:before, .formElement_fieldpair-telefonvorwahlTelefonnummer .formElement_fieldpair:after {
  display: table;
  content: " ";
}
.formElement_fieldpair-plzOrt .formElement_fieldpair:after, .formElement_fieldpair-telefonvorwahlTelefonnummer .formElement_fieldpair:after {
  clear: both;
}
.formElement_fieldpair-plzOrt .formElement_fieldpair .formElement_field:first-child, .formElement_fieldpair-telefonvorwahlTelefonnummer .formElement_fieldpair .formElement_field:first-child {
  position: relative;
  float: left;
  width: 41.6666666667%;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
}
.formElement_fieldpair-plzOrt .formElement_fieldpair .formElement_field:last-child, .formElement_fieldpair-telefonvorwahlTelefonnummer .formElement_fieldpair .formElement_field:last-child {
  position: relative;
  float: left;
  width: 58.3333333333%;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
}
.formElement_fieldpair-plzOrt .formElement-validate .formElement_field:first-child, .formElement_fieldpair-telefonvorwahlTelefonnummer .formElement-validate .formElement_field:first-child {
  padding-right: 1.8rem;
}
.formElement_fieldpair-plzOrt .formElement-validate .formElement_field:last-child, .formElement_fieldpair-telefonvorwahlTelefonnummer .formElement-validate .formElement_field:last-child {
  padding-left: 0.5rem;
  padding-right: 1.8rem;
}
.formElement_field {
  position: relative;
}
.formElement_field .ui-datepicker-trigger {
  position: absolute;
  right: 1px;
  top: 1px;
  background-image: url("/_assets/hypo-custom/Images/Vergleich/form-element/vde-input-calendar.svg");
  border: none;
}
.formElement_field input, .formElement_field select, .formElement_field textarea {
  -webkit-box-shadow: inset 0 0 3px 0 #B3C5D9;
  -moz-box-shadow: inset 0 0 3px 0 #B3C5D9;
  box-shadow: inset 0 0 3px 0 #B3C5D9;
  border: 1px solid #B3C5D9;
  height: 48px;
  width: 100%;
  padding: 0 2em 0 0.5em;
  line-height: 1.5rem;
}
.formElement_field input:active, .formElement_field input:focus, .formElement_field select:active, .formElement_field select:focus, .formElement_field textarea:active, .formElement_field textarea:focus {
  outline: none;
  border-color: #45C68D;
}
.formElement_field input:disabled, .formElement_field select:disabled, .formElement_field textarea:disabled {
  background-color: #EBF5FC;
}
@media screen and (max-width: 991px) {
  .formElement_field input, .formElement_field select, .formElement_field textarea {
    min-height: 48px;
  }
}
.formElement_field select {
  appearance: none;
  background-image: url("/_assets/hypo-custom/Images/Vergleich/formElement/ic-pfeil-unten.svg");
  background-position: right 0.75em center;
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  background-size: 14px;
}
.formElement_field select::-ms-expand {
  display: none;
}
.formElement_field input[type=radio] {
  height: auto;
  width: auto;
  cursor: pointer;
}
.formElement_field input[type=checkbox] {
  appearance: none;
  width: 1rem;
  height: 1rem;
  cursor: pointer;
}
.formElement_field input[type=checkbox]::-ms-expand {
  display: none;
}
.formElement_field input[type=checkbox] + label {
  margin-left: 0.2rem;
  margin-right: 0.8rem;
  color: #555555;
}
.formElement_field input[type=number]::-webkit-outer-spin-button, .formElement_field input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.formElement_field input[type=number] {
  -moz-appearance: textfield;
}
.formElement_field input[type=checkbox] {
  display: none;
}
.formElement_field input[type=checkbox] + label {
  padding-left: 2rem;
  display: block;
  margin: 0;
}
.formElement_field input[type=checkbox] + label::before {
  border: 1px solid #B3C5D9;
  -webkit-box-shadow: inset 0 0 0.0625rem 0 #B3C5D9;
  -moz-box-shadow: inset 0 0 0.0625rem 0 #B3C5D9;
  box-shadow: inset 0 0 0.0625rem 0 #B3C5D9;
  content: " ";
  background-color: #FFFFFF;
  display: block;
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.5rem;
  margin-left: -2rem;
  text-align: center;
  font-weight: 400;
  font-size: 0.75rem;
  color: #FFFFFF;
  cursor: pointer;
}
.formElement_field input[type=checkbox]:checked + label::before {
  background-image: url("/_assets/hypo-custom/Images/Vergleich/form-element/ic-haken.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  box-shadow: none;
}
.formElement_field input[type=number]::-webkit-outer-spin-button,
.formElement_field input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.formElement_field input[type=number] {
  -moz-appearance: textfield;
}
.formElement_field textarea {
  width: 100%;
  min-height: 6.25rem;
  line-height: 1.25rem;
  padding: 0.5rem;
}
.formElement_unit {
  position: absolute;
  width: 1.5rem;
  text-align: center;
  right: 0.5rem;
  line-height: 1.5rem;
}
.formElement_errorMessage {
  display: none;
  line-height: 1.5em;
}
.formElement_submit {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
}
.formElement_submitButton {
  color: #FFFFFF;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.444rem;
  text-decoration: none;
  display: inline-block;
  border: none;
  margin-top: 1rem;
  height: fit-content;
  white-space: nowrap;
  cursor: pointer;
  background: #AA0000 0 0 no-repeat padding-box;
  border-radius: 6px;
  border: 3px solid #AA0000;
  padding: 0.611rem 0.778rem;
  min-height: 48px;
  min-width: 14rem;
  text-align: center;
  height: 2.5rem;
  white-space: nowrap;
}
.formElement_submitButton:hover, .formElement_submitButton:focus, .formElement_submitButton:active {
  text-decoration: none;
  color: #FFFFFF;
}
.formElement_submitButton:hover {
  background-color: #950000;
  border-color: #950000;
}
.formElement_submitButton:focus {
  background-color: #AA0000;
  border-color: #000000;
  outline: 0;
}
.formElement_submitButton:active {
  background-color: #770000;
  border-color: #770000;
}
.formElement_radiogroup {
  display: flex;
  overflow: hidden;
  border-top: 1px solid #B3C5D9;
  border-left: 1px solid #B3C5D9;
  margin-top: 1px;
}
.formElement_radiogroup-item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
}
.formElement_radiogroup input {
  display: none;
}
.formElement_radiogroup input:checked + label {
  background-color: #45C68D;
  border: none;
  color: #FFFFFF;
}
.formElement_radiogroup label {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
  border-radius: 0;
  border-bottom: 1px solid #B3C5D9;
  border-right: 1px solid #B3C5D9;
  background-color: #FFFFFF;
  color: #3C5677;
  white-space: nowrap;
  user-select: none;
}
.formElement_radiogroup label:hover {
  background-color: #D2E8F5;
}
.formElement_checkboxgroup input[type=checkbox] + label {
  display: inline-block;
  margin-right: 1.25rem;
}
.formElement-labelLeftOfInput .formElement_label {
  position: relative;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
}
@media (min-width: 768px) {
  .formElement-labelLeftOfInput .formElement_label {
    float: left;
    width: 50%;
  }
}
.formElement-labelLeftOfInput .formElement_input {
  position: relative;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
}
@media (min-width: 768px) {
  .formElement-labelLeftOfInput .formElement_input {
    float: left;
    width: 50%;
  }
}
.formElement-labelLeftOfInput .formElement_submit {
  position: relative;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
}
@media (min-width: 768px) {
  .formElement-labelLeftOfInput .formElement_submit {
    float: left;
    width: 50%;
  }
}
@media (min-width: 768px) {
  .formElement-labelLeftOfInput .formElement_submit {
    margin-left: 50%;
  }
}
.formElement-labelLeftOfInput .formElement_tooltipText {
  position: relative;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
}
@media (min-width: 768px) {
  .formElement-labelLeftOfInput .formElement_tooltipText {
    float: left;
    width: 50%;
  }
}
@media (min-width: 768px) {
  .formElement-labelLeftOfInput .formElement_tooltipText {
    margin-left: 50%;
  }
}
.formElement--is-required .formElement_label .labelAndTooltip_label::after {
  content: "*";
  margin-left: 0.2rem;
}
.formElement--is-required input[type=checkbox] + label::after {
  content: "*";
  margin-left: 0.2rem;
}
.formElement-validate .formElement_field {
  padding-right: 1.8rem;
  background-repeat: no-repeat;
  background-position-x: right;
  background-size: 1.506122449rem;
}
.formElement-validate .formElement_field--is-invalid {
  background-image: url("/_assets/hypo-custom/Images/Vergleich/form-element/vde-invalid.svg");
}
.formElement-validate .formElement_field--is-invalid input, .formElement-validate .formElement_field--is-invalid select, .formElement-validate .formElement_field--is-invalid textarea {
  -webkit-box-shadow: inset 0 0 5px 0 #AA0000;
  -moz-box-shadow: inset 0 0 5px 0 #AA0000;
  box-shadow: inset 0 0 5px 0 #AA0000;
  border-color: #AA0000;
}
.formElement-validate .formElement_field--is-invalid input:active, .formElement-validate .formElement_field--is-invalid input:focus, .formElement-validate .formElement_field--is-invalid select:active, .formElement-validate .formElement_field--is-invalid select:focus, .formElement-validate .formElement_field--is-invalid textarea:active, .formElement-validate .formElement_field--is-invalid textarea:focus {
  -webkit-box-shadow: inset 0 0 3px 0 #B3C5D9;
  -moz-box-shadow: inset 0 0 3px 0 #B3C5D9;
  box-shadow: inset 0 0 3px 0 #B3C5D9;
}
.formElement-validate .formElement_field--is-invalid input[type=radio] + label {
  border-color: #AA0000;
}
.formElement-validate .formElement_field--is-invalid input[type=checkbox] + label::before {
  border-color: #AA0000;
}
.formElement-validate .formElement_field--is-valid {
  background-image: url("/_assets/hypo-custom/Images/Vergleich/form-element/vde-valid.svg");
}
.formElement-validate .formElement_field--is-valid input, .formElement-validate .formElement_field--is-valid select, .formElement-validate .formElement_field--is-valid textarea {
  border-color: #45C68D;
}
.formElement-validate .formElement_field--is-valid input[type=radio] + label {
  border-color: #45C68D;
}
.formElement-validate .formElement_field--is-valid input[type=checkbox] + label::before {
  border-color: #45C68D;
}
.formElement-validate .formElement_fieldpair {
  padding-right: 0.8rem;
}
.formElement-validate .formElement_unit {
  right: 2.3rem;
}
.formElement-validate .formElement_errorMessage {
  display: block;
  font-size: 0.75rem;
  color: #AA0000;
}
@media all and (max-width: 767px) {
  .formElement_label .labelAndTooltip_label {
    height: 2rem;
  }
  .formElement_unit {
    top: 13.5px;
  }
  .formElement-validate .formElement_field {
    background-position-y: 13.4571428571px;
  }
  .formElement-validate .formElement_field .ui-datepicker-trigger {
    right: 26.2px;
  }
}
@media all and (min-width: 768px) {
  .formElement_label .labelAndTooltip_label {
    width: auto;
  }
  .formElement-labelLeftOfInput .formElement_label {
    text-align: right;
  }
  .formElement-validate .formElement_field .ui-datepicker-trigger {
    right: 33.4px;
  }
}
@media all and (min-width: 768px) and (max-width: 991px) {
  .formElement-validate .formElement_field {
    background-position-y: 10.4448979592px;
  }
  .formElement_unit {
    top: 10.5px;
  }
}
@media all and (max-width: 991px) {
  .formElement_field input, .formElement_field select {
    min-height: 48px;
  }
  .formElement_field select {
    padding-right: 2rem;
  }
  .formElement_field-input-unit input {
    padding-right: 2rem;
  }
  .formElement_field-date input {
    padding-right: 53.44px;
  }
  .formElement_field .ui-datepicker-trigger {
    height: 46px;
    width: 53.44px;
  }
}
@media all and (min-width: 992px) {
  .formElement_field input, .formElement_field select {
    height: 2.5rem;
    padding: 0.5rem;
  }
  .formElement_field select {
    padding-right: 2rem;
  }
  .formElement_field-input-unit input {
    padding-right: 2rem;
  }
  .formElement_field-date input {
    padding-right: 2.7833333333rem;
  }
  .formElement_field .ui-datepicker-trigger {
    height: 43px;
    width: 2.7833333333rem;
  }
  .formElement_unit {
    top: 0.5rem;
  }
  .formElement-validate .formElement_field {
    background-position-y: 0.4969387755rem;
  }
}

.labelAndTooltip_tooltipIcon {
  position: relative;
  cursor: pointer;
  border-radius: 100%;
  background: #B3C5D9;
  width: 24px;
  height: 24px;
  text-align: center;
  font-size: 0.8em;
  display: inline-block;
  margin-left: 0.25rem;
  vertical-align: sub;
}
.labelAndTooltip_tooltipIcon::before {
  content: "i";
  position: absolute;
  left: 0;
  right: 0;
  font-weight: 400;
}
.labelAndTooltip_tooltipIcon:hover {
  z-index: 2;
}
.labelAndTooltip_tooltipIcon:hover .labelAndTooltip_tooltipText {
  visibility: visible;
  opacity: 1;
}
.labelAndTooltip_tooltipText {
  line-height: 1.5em;
}
.labelAndTooltip_tooltipText:not(.labelAndTooltip_tooltipText--is-slideDown) {
  -webkit-box-shadow: 0 0 5px 0 #B3C5D9;
  -moz-box-shadow: 0 0 5px 0 #B3C5D9;
  box-shadow: 0 0 5px 0 #B3C5D9;
  border: #B3C5D9 1px solid;
  transition: opacity 0.3s;
  width: 290px;
  background-color: #FFFFFF;
  text-align: left;
  padding: 5px;
  border-radius: 6px;
  visibility: hidden;
  opacity: 0;
}
@media all and (min-width: 768px) {
  .labelAndTooltip_tooltipText:not(.labelAndTooltip_tooltipText--is-slideDown) {
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: -145px;
  }
  .labelAndTooltip_tooltipText:not(.labelAndTooltip_tooltipText--is-slideDown)::after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #FFFFFF transparent transparent transparent;
  }
}
.labelAndTooltip_tooltipText:not(.labelAndTooltip_tooltipText--is-slideDown):active {
  opacity: 0 !important;
  visibility: hidden !important;
}
.labelAndTooltip_tooltipText--is-slideDown {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
@media all and (min-width: 768px) {
  .labelAndTooltip {
    padding-top: 0.625rem;
  }
  .labelAndTooltip_tooltipText--is-slideDown {
    font-size: 0.75rem;
  }
}

.advertising {
  display: block;
  background-color: #FFFFFF;
  border-radius: 0.778rem;
  -webkit-box-shadow: 0 3px 8px 0 rgba(73, 107, 148, 0.3);
  box-shadow: 0 3px 8px 0 rgba(73, 107, 148, 0.3);
}
.advertising > .mehrwerteTeaser > *:first-child,
.advertising > *:first-child.heading,
.advertising > *:first-child {
  margin-top: 0;
}
.advertising:hover {
  -webkit-box-shadow: 0 3px 12px 0 rgba(73, 107, 148, 0.3);
  box-shadow: 0 3px 12px 0 rgba(73, 107, 148, 0.3);
  text-decoration: none;
}
.advertising-image, .advertising-text {
  position: relative;
  overflow: hidden;
}
.advertising .advertising-image {
  background: none;
  border-top-left-radius: 0.778rem;
  border-top-right-radius: 0.778rem;
  max-height: 210px;
}
.advertising .advertising-image + .advertising-text {
  min-height: 100px;
}
.advertising .advertising-text {
  padding: 1.556rem;
}
.advertising .advertising-text h1:not(.button), .advertising .advertising-text h2:not(.button), .advertising .advertising-text h3:not(.button), .advertising .advertising-text h4:not(.button), .advertising .advertising-text h5:not(.button), .advertising .advertising-text div.heading:not(.button) {
  margin: 0;
  padding: 0;
  color: #000000;
}
.advertising .advertising-text p {
  color: #000000;
}
.advertising .advertising-text ol, .advertising .advertising-text ul {
  margin-top: 0;
}
.advertising .advertising-text ol li, .advertising .advertising-text ul li {
  color: #000000;
}
.advertising .advertising-text-header {
  margin-bottom: 0.778rem;
}
.advertising .advertising-text-header h1, .advertising .advertising-text-header h2, .advertising .advertising-text-header h3, .advertising .advertising-text-header h4, .advertising .advertising-text-header h5, .advertising .advertising-text-header div.heading {
  line-height: 1.25em;
  font-size: 1.125rem;
}
.advertising .advertising-text-header .advertising-text-header-date {
  margin-top: 0.444rem;
  font-size: 1rem;
  line-height: 1em;
  color: #777777;
}
.advertising .advertising-text-cta {
  width: 100%;
}
.advertising .advertising-text-cta .button {
  margin-top: 1rem;
  min-width: 100%;
}

@media all and (min-width: 480px) and (max-width: 767px) {
  .advertising-image {
    min-height: 202px;
  }
  .advertising-image img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
  }
}
@media all and (min-width: 768px) {
  .advertising-default {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 732px;
  }
  .advertising-default .advertising-image,
  .advertising-default .advertising-text {
    float: left;
  }
  .advertising-default .advertising-image {
    position: relative;
    border-top-left-radius: 0.778rem;
    border-top-right-radius: 0.778rem;
    border-bottom-left-radius: 0;
    min-height: 300px;
    max-width: 366px;
    width: 100%;
    height: 100%;
  }
  .advertising-default .advertising-image picture {
    height: 100%;
    display: block;
  }
  .advertising-default .advertising-image picture img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    object-fit: cover;
  }
  .advertising-default .advertising-image + .advertising-text {
    min-height: 300px;
    max-width: 366px;
    background-color: #FFFFFF;
  }
  .advertising-default .advertising-text {
    float: right;
  }
  .advertising-default .advertising-text-cta {
    position: absolute;
    bottom: 2rem;
    width: calc(100% - 4rem);
    background-color: white;
  }
  .advertising-default .advertising-text-cta .button {
    margin-top: 1.3rem;
  }
  .advertising-small {
    max-width: 318px;
  }
  .advertising-small .advertising-text {
    min-height: 315px;
  }
  .advertising-short {
    width: 100%;
    max-width: 366px;
  }
  .advertising .advertising-text {
    padding: 2rem;
  }
  .advertising .advertising-text-header {
    margin-bottom: 1rem;
  }
  .advertising .advertising-text-header-date {
    font-size: 0.875rem;
  }
  .advertising .advertising-text-body p, .advertising .advertising-text-body h1, .advertising .advertising-text-body h2, .advertising .advertising-text-body h3, .advertising .advertising-text-body h4, .advertising .advertising-text-body h5, .advertising .advertising-text-body div, .advertising .advertising-text-body li {
    font-size: 1rem;
  }
  .swiper-slide-container .advertising-small {
    max-width: inherit;
  }
  .swiper-slide-container .advertising-small .advertising-text {
    min-height: inherit;
  }
  .swiper-slide-container .advertising-default {
    height: 100%;
  }
  .swiper-slide-container .advertising-default .advertising-image {
    max-width: 50%;
    max-height: 100%;
  }
  .artikelseiteBasis_text .advertising .advertising-image,
  .artikelseiteBasis_text .advertising .advertising-text {
    width: 50%;
  }
  .flexibleGrid_row .flexibleGrid_col:only-child .advertising-default .advertising-image {
    border-top-left-radius: 0.778rem;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0.778rem;
  }
}
@media all and (min-width: 992px) {
  .advertising-default .advertising-image {
    border-top-left-radius: 0.778rem;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0.778rem;
  }
  .advertising-default .advertising-image + .advertising-text {
    border-bottom-left-radius: 0;
    border-top-right-radius: 0.778rem;
    border-bottom-right-radius: 0.778rem;
  }
  .flexibleGrid .advertising-image picture img {
    width: 100%;
  }
  .flexibleGrid .swiper-slide-container .advertising-default {
    height: auto;
  }
  .flexibleGrid .swiper-slide-container .advertising-default .advertising-image {
    min-height: 300px;
    max-height: 300px;
    max-width: 366px;
  }
  .flexibleGrid .flexibleGrid_colcount-2 .advertising-default .advertising-image,
  .flexibleGrid .flexibleGrid_colcount-3 .advertising-default .advertising-image,
  .flexibleGrid .flexibleGrid_colcount-4 .advertising-default .advertising-image,
  .flexibleGrid .flexibleGrid_colcount-5 .advertising-default .advertising-image,
  .flexibleGrid .flexibleGrid_colcount-6 .advertising-default .advertising-image {
    border-top-left-radius: 0.778rem;
    border-top-right-radius: 0.778rem;
    border-bottom-left-radius: 0;
  }
  .flexibleGrid .flexibleGrid_colcount-2 .advertising-default .advertising-image + .advertising-text,
  .flexibleGrid .flexibleGrid_colcount-3 .advertising-default .advertising-image + .advertising-text,
  .flexibleGrid .flexibleGrid_colcount-4 .advertising-default .advertising-image + .advertising-text,
  .flexibleGrid .flexibleGrid_colcount-5 .advertising-default .advertising-image + .advertising-text,
  .flexibleGrid .flexibleGrid_colcount-6 .advertising-default .advertising-image + .advertising-text {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0.778rem;
    border-bottom-left-radius: 0.778rem;
  }
  .layout-dreispaltig .advertising-default .advertising-image {
    position: relative;
    border-top-left-radius: 0.778rem;
    border-top-right-radius: 0.778rem;
    border-bottom-left-radius: 0;
  }
  .layout-dreispaltig .advertising-default .advertising-image picture img {
    max-height: 105%;
    width: 100%;
  }
  .layout-dreispaltig .advertising-default .advertising-image + .advertising-text {
    position: relative;
    border-top-left-radius: 0.778rem;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0.778rem;
  }
}
@media all and (min-width: 768px) and (max-width: 991px) {
  .advertising-default .advertising-image {
    border-top-left-radius: 0.778rem;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0.778rem;
  }
  .advertising-default .advertising-image + .advertising-text {
    max-width: 50%;
    border-top-left-radius: 0;
    border-top-right-radius: 0.778rem;
    border-bottom-right-radius: 0.778rem;
  }
}
@media all and (min-width: 876px) and (max-width: 991px) {
  .swiper-slide-container .advertising-small {
    display: inline-block;
    width: 100%;
    max-width: 732px;
  }
  .swiper-slide-container .advertising-small .advertising-image,
  .swiper-slide-container .advertising-small .advertising-text {
    float: left;
  }
  .swiper-slide-container .advertising-small .advertising-image {
    min-height: 300px;
    max-width: 366px;
    width: 100%;
    border-top-left-radius: 0.778rem;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0.778rem;
  }
  .swiper-slide-container .advertising-small .advertising-image + .advertising-text {
    min-height: 300px;
    max-width: 366px;
  }
  .swiper-slide-container .advertising-small .advertising-text-cta {
    position: absolute;
    bottom: 2rem;
    width: calc(100% - 4rem);
    background-color: white;
  }
  .swiper-slide-container .advertising-small .advertising-text-cta .button {
    margin-top: 1.3rem;
  }
}
.akkordeon {
  margin: 2rem 0;
  padding: 0;
  max-width: 42rem;
}

.artikelseiteBasis_contentContainer {
  padding-right: 1rem;
  padding-left: 1rem;
  margin-right: auto;
  margin-left: auto;
}
.artikelseiteBasis_contentContainer:before, .artikelseiteBasis_contentContainer:after {
  display: table;
  content: " ";
}
.artikelseiteBasis_contentContainer:after {
  clear: both;
}
@media (min-width: 1200px) {
  .artikelseiteBasis_contentContainer {
    width: 1170px;
  }
}
.artikelseiteBasis_contentRow {
  margin-right: -1rem;
  margin-left: -1rem;
}
.artikelseiteBasis_contentRow:before, .artikelseiteBasis_contentRow:after {
  display: table;
  content: " ";
}
.artikelseiteBasis_contentRow:after {
  clear: both;
}
.artikelseiteBasis_content {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
  position: relative;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
  position: relative;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
  padding-right: 5rem;
  margin-bottom: 5.5rem;
}
@media (min-width: 768px) {
  .artikelseiteBasis_content {
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .artikelseiteBasis_content {
    float: left;
    width: 66.6666666667%;
  }
}
@media all and (max-width: 991px) {
  .artikelseiteBasis_content {
    padding-right: 1rem;
  }
}
.artikelseiteBasis_content .benefitModul {
  margin-bottom: 2rem;
}
.artikelseiteBasis_text h1, .artikelseiteBasis_text h2, .artikelseiteBasis_text h3, .artikelseiteBasis_text h4, .artikelseiteBasis_text div.heading {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #123B71;
  line-height: 1.25em;
  font-size: 1.5rem;
  margin: 1rem 0 1rem;
  margin-top: 2.75rem;
}
.artikelseiteBasis_text h1.heading--is-small, .artikelseiteBasis_text h2.heading--is-small, .artikelseiteBasis_text h3.heading--is-small, .artikelseiteBasis_text h4.heading--is-small, .artikelseiteBasis_text div.heading.heading--is-small {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #123B71;
  line-height: 1.25em;
  font-size: 1.125rem;
  margin: 1rem 0 1rem;
  margin-top: 2rem;
  margin-bottom: 0.5rem;
}
.artikelseiteBasis_text figure:first-child {
  margin-top: 2.75rem;
}
.artikelseiteBasis_text figure + p {
  margin-top: 1rem;
}
.artikelseiteBasis_text img {
  width: 100%;
}
.artikelseiteBasis_text .benefitModul > .mehrwerteTeaser > *:first-child,
.artikelseiteBasis_text .benefitModul > *:first-child.heading,
.artikelseiteBasis_text .benefitModul > *:first-child {
  margin-top: 0;
}
.artikelseiteBasis_text .zinskommentar_prognose img {
  width: initial;
}
.artikelseiteBasis_text .hypo_elements-hypotable img {
  width: revert-layer;
}
.artikelseiteBasis_mehrwerteTeaser {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
  position: relative;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
  position: relative;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
  padding-left: 2rem;
  margin-bottom: 2.75rem;
}
@media (min-width: 768px) {
  .artikelseiteBasis_mehrwerteTeaser {
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .artikelseiteBasis_mehrwerteTeaser {
    float: left;
    width: 33.3333333333%;
  }
}
@media screen and (max-width: 991px) {
  .artikelseiteBasis_mehrwerteTeaser {
    padding-left: 1rem;
  }
}
.artikelseiteBasis_mehrwerteTeaser .mehrwerteTeaser {
  padding-top: 1.75rem;
  padding-bottom: 2.75rem;
  border-top: 1px solid #999999;
}
@media screen and (min-width: 992px) {
  .artikelseiteBasis_mehrwerteTeaser .mehrwerteTeaser {
    border-top: none;
  }
}
.artikelseiteBasis_mehrwerteTeaser .mehrwerteTeaser + .mehrwerteTeaser {
  border-top: 1px solid #999999;
}
.artikelseiteBasis_mehrwerteTeaser h1, .artikelseiteBasis_mehrwerteTeaser h2, .artikelseiteBasis_mehrwerteTeaser h3, .artikelseiteBasis_mehrwerteTeaser h4, .artikelseiteBasis_mehrwerteTeaser div.heading {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #123B71;
  line-height: 1.25em;
  font-size: 1.125rem;
  margin: 1rem 0 1rem;
}
.artikelseiteBasis_mehrwerteTeaser .vergleichRechner form {
  margin: 1rem 0;
  padding: 1rem;
  background-color: #F2F2F2;
}
.artikelseiteBasis_mehrwerteTeaser .vergleichRechner_column {
  width: 100%;
}

.artikelseiteBuehne:nth-child(odd) {
  background-color: #FFFFFF;
}
.artikelseiteBuehne:nth-child(even) {
  background-color: #F2F2F2;
}
.artikelseiteBuehne_contentContainer {
  padding-right: 1rem;
  padding-left: 1rem;
  margin-right: auto;
  margin-left: auto;
}
.artikelseiteBuehne_contentContainer:before, .artikelseiteBuehne_contentContainer:after {
  display: table;
  content: " ";
}
.artikelseiteBuehne_contentContainer:after {
  clear: both;
}
@media (min-width: 1200px) {
  .artikelseiteBuehne_contentContainer {
    width: 1170px;
  }
}
.artikelseiteBuehne_contentRow {
  margin-right: -1rem;
  margin-left: -1rem;
}
.artikelseiteBuehne_contentRow:before, .artikelseiteBuehne_contentRow:after {
  display: table;
  content: " ";
}
.artikelseiteBuehne_contentRow:after {
  clear: both;
}
.artikelseiteBuehne_head {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
  position: relative;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
}
@media (min-width: 992px) {
  .artikelseiteBuehne_head {
    float: left;
    width: 58.3333333333%;
  }
}
.artikelseiteBuehne_head h1, .artikelseiteBuehne_head h2, .artikelseiteBuehne_head h3, .artikelseiteBuehne_head h4, .artikelseiteBuehne_head div.heading {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #123B71;
  line-height: 1.25em;
  font-size: 2rem;
  margin: 2.75rem 0 2.75rem;
  margin-top: 0;
  margin-bottom: 2.75rem;
}
.artikelseiteBuehne_head h1.heading--is-small, .artikelseiteBuehne_head h2.heading--is-small, .artikelseiteBuehne_head h3.heading--is-small, .artikelseiteBuehne_head h4.heading--is-small, .artikelseiteBuehne_head div.heading.heading--is-small {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #123B71;
  line-height: 1.25em;
  font-size: 1.75rem;
  margin: 1rem 0 1rem;
  margin-top: 0;
  margin-bottom: 2.75rem;
}
.artikelseiteBuehne_rootlineTopic {
  color: #999999;
  text-transform: uppercase;
  margin-bottom: 0.25rem;
  margin-top: 1.5rem;
}
.artikelseiteBuehne_body {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
  position: relative;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
  padding-top: 2.75rem;
  padding-bottom: 2.75rem;
}
@media (min-width: 992px) {
  .artikelseiteBuehne_body {
    float: left;
    width: 58.3333333333%;
  }
}
.artikelseiteBuehne_backgroundImage {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
  position: relative;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
  text-align: center;
}
@media (min-width: 992px) {
  .artikelseiteBuehne_backgroundImage {
    float: left;
    width: 41.6666666667%;
  }
}
@media (min-width: 992px) {
  .artikelseiteBuehne_backgroundImage {
    margin-left: 58.3333333333%;
  }
}
@media all and (max-width: 991px) {
  .artikelseiteBuehne_backgroundImage figure {
    margin-top: 0;
  }
}
@media all and (min-width: 992px) {
  .artikelseiteBuehne_backgroundImage figure {
    position: absolute;
    bottom: 0;
    margin-bottom: 0;
  }
  .artikelseiteBuehne_backgroundImage figure:last-child {
    margin-bottom: 0;
  }
}

div.benefitModul {
  padding: 2rem;
  margin-top: 2rem;
  background-color: #EBF5FC;
}
div.benefitModul > .mehrwerteTeaser > *:first-child,
div.benefitModul > *:first-child.heading,
div.benefitModul > *:first-child {
  margin-top: 0;
}
div.benefitModul figure {
  text-align: left;
}
div.benefitModul p:last-of-type {
  margin-bottom: 0;
}
div.benefitModul-box {
  position: relative;
  border-radius: 10px;
  -webkit-box-shadow: -15px 0 0 -1px #000000;
  -moz-box-shadow: -15px 0 0 -1px #000000;
  box-shadow: -15px 0 0 -1px #000000;
  margin-left: 15px;
  background-color: #FFFFFF;
  padding: 0;
}
div.benefitModul-box > h1, div.benefitModul-box > h2, div.benefitModul-box > h3, div.benefitModul-box > h4, div.benefitModul-box > div.heading {
  color: #000000;
}
div.benefitModul-box .benefitModul_image {
  width: 150px;
  min-width: 150px;
  height: 150px;
  float: left;
  margin-right: 37px;
}
div.benefitModul-box .benefitModul_image img {
  width: 100%;
  height: auto;
}
div.benefitModul-box .benefitModul_profileimage {
  align-self: start;
  padding-top: 15px;
  text-align: right;
  padding-right: 50px;
  width: 148px;
  min-width: 148px;
}
div.benefitModul-box .benefitModul_profileimage img {
  border-radius: 10px;
  max-width: 98px;
  -webkit-box-shadow: 4px 4px 10px 0 rgba(28, 68, 82, 0.22);
  -moz-box-shadow: 4px 4px 10px 0 rgba(28, 68, 82, 0.22);
  box-shadow: 4px 4px 10px 0 rgba(28, 68, 82, 0.22);
}
.layout-zweispaltig div.benefitModul-box, .layout-dreispaltig div.benefitModul-box {
  position: relative;
  -webkit-box-shadow: 0 -15px 0 -1px #000000;
  -moz-box-shadow: 0 -15px 0 -1px #000000;
  box-shadow: 0 -15px 0 -1px #000000;
  margin-top: 30px;
  margin-left: 0;
  padding: 0 !important;
}
.layout-zweispaltig div.benefitModul-box .benefitModul_image, .layout-dreispaltig div.benefitModul-box .benefitModul_image {
  width: 75px;
  height: 75px;
  float: none;
  margin: 28px 0;
  margin-right: auto;
  margin-left: auto;
  min-width: auto;
}
@media screen and (max-width: 767px) {
  div.benefitModul-box {
    position: relative;
    -webkit-box-shadow: 0 -15px 0 -1px #000000;
    -moz-box-shadow: 0 -15px 0 -1px #000000;
    box-shadow: 0 -15px 0 -1px #000000;
    margin-top: 30px;
    margin-left: 0;
  }
  div.benefitModul-box .benefitModul_image {
    width: 75px;
    height: 75px;
    float: none;
    margin: 28px 0;
    margin-right: auto;
    margin-left: auto;
    min-width: auto;
  }
}
div.benefitModul-box > .benefitModul_outline {
  -webkit-box-shadow: 0 0 15px 2px rgba(60, 86, 119, 0.11);
  -moz-box-shadow: 0 0 15px 2px rgba(60, 86, 119, 0.11);
  box-shadow: 0 0 15px 2px rgba(60, 86, 119, 0.11);
  border-radius: 10px;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  padding-left: 32px;
  padding-right: 32px;
}
@media screen and (min-width: 768px) {
  div.benefitModul-box > .benefitModul_outline {
    display: flex;
    align-items: center;
  }
  div.benefitModul-box > .benefitModul_outline .benefitModul_inner {
    width: calc(100% - 150px);
  }
  div.benefitModul-box > .benefitModul_outline .benefitModul_inner.zitat {
    width: calc(100% - 298px);
    padding-right: 15px;
  }
  .layout-zweispaltig div.benefitModul-box > .benefitModul_outline, .layout-dreispaltig div.benefitModul-box > .benefitModul_outline {
    display: block;
    align-items: normal;
  }
  .layout-zweispaltig div.benefitModul-box > .benefitModul_outline .benefitModul_inner, .layout-dreispaltig div.benefitModul-box > .benefitModul_outline .benefitModul_inner {
    width: 100%;
  }
  .layout-zweispaltig div.benefitModul-box > .benefitModul_outline .benefitModul_inner.zitat, .layout-dreispaltig div.benefitModul-box > .benefitModul_outline .benefitModul_inner.zitat {
    width: 100%;
    padding-right: 0;
  }
}
.layout-zweispaltig div.benefitModul-box > .benefitModul_outline, .layout-dreispaltig div.benefitModul-box > .benefitModul_outline {
  padding: 0 14px 14px 14px;
}
@media screen and (max-width: 767px) {
  div.benefitModul-box > .benefitModul_outline {
    padding: 0 14px 14px 14px;
  }
}
div.benefitModul-box > .benefitModul_outline:before, div.benefitModul-box > .benefitModul_outline:after {
  content: "";
  display: table;
}
div.benefitModul-box > .benefitModul_outline:after {
  clear: both;
}
div.benefitModul-info {
  -webkit-box-shadow: -15px 0 0 -1px #FFD000;
  -moz-box-shadow: -15px 0 0 -1px #FFD000;
  box-shadow: -15px 0 0 -1px #FFD000;
}
.layout-zweispaltig div.benefitModul-info, .layout-dreispaltig div.benefitModul-info {
  -webkit-box-shadow: 0 -15px 0 -1px #FFD000;
  -moz-box-shadow: 0 -15px 0 -1px #FFD000;
  box-shadow: 0 -15px 0 -1px #FFD000;
}
@media screen and (max-width: 767px) {
  div.benefitModul-info {
    -webkit-box-shadow: 0 -15px 0 -1px #FFD000;
    -moz-box-shadow: 0 -15px 0 -1px #FFD000;
    box-shadow: 0 -15px 0 -1px #FFD000;
  }
}
div.benefitModul-info .benefitModul_outline .benefitModul_inner > h1, div.benefitModul-info .benefitModul_outline .benefitModul_inner > h2, div.benefitModul-info .benefitModul_outline .benefitModul_inner > h3, div.benefitModul-info .benefitModul_outline .benefitModul_inner > h4, div.benefitModul-info .benefitModul_outline .benefitModul_inner > div.heading {
  color: #FFD000;
}
@media screen and (min-width: 768px) {
  div.benefitModul-info .benefitModul_outline .benefitModul_inner > h1, div.benefitModul-info .benefitModul_outline .benefitModul_inner > h2, div.benefitModul-info .benefitModul_outline .benefitModul_inner > h3, div.benefitModul-info .benefitModul_outline .benefitModul_inner > h4, div.benefitModul-info .benefitModul_outline .benefitModul_inner > div.heading {
    margin-top: 0;
  }
}
div.benefitModul-zitat {
  -webkit-box-shadow: -15px 0 0 -1px #45C68D;
  -moz-box-shadow: -15px 0 0 -1px #45C68D;
  box-shadow: -15px 0 0 -1px #45C68D;
}
div.benefitModul-zitat .benefitModul_outline {
  padding-right: 0;
}
.layout-zweispaltig div.benefitModul-zitat, .layout-dreispaltig div.benefitModul-zitat {
  -webkit-box-shadow: 0 -15px 0 -1px #45C68D;
  -moz-box-shadow: 0 -15px 0 -1px #45C68D;
  box-shadow: 0 -15px 0 -1px #45C68D;
}
@media screen and (max-width: 767px) {
  div.benefitModul-zitat {
    -webkit-box-shadow: 0 -15px 0 -1px #45C68D;
    -moz-box-shadow: 0 -15px 0 -1px #45C68D;
    box-shadow: 0 -15px 0 -1px #45C68D;
  }
}
div.benefitModul-zitat .benefitModul_outline .benefitModul_inner > h1, div.benefitModul-zitat .benefitModul_outline .benefitModul_inner > h2, div.benefitModul-zitat .benefitModul_outline .benefitModul_inner > h3, div.benefitModul-zitat .benefitModul_outline .benefitModul_inner > h4, div.benefitModul-zitat .benefitModul_outline .benefitModul_inner > div.heading {
  color: #45C68D;
}
@media screen and (min-width: 768px) {
  div.benefitModul-zitat .benefitModul_outline .benefitModul_inner > h1, div.benefitModul-zitat .benefitModul_outline .benefitModul_inner > h2, div.benefitModul-zitat .benefitModul_outline .benefitModul_inner > h3, div.benefitModul-zitat .benefitModul_outline .benefitModul_inner > h4, div.benefitModul-zitat .benefitModul_outline .benefitModul_inner > div.heading {
    margin-top: 0;
  }
}
.layout-zweispaltig div.benefitModul-zitat .benefitModul_outline .benefitModul_inner + .benefitModul_profileimage, .layout-dreispaltig div.benefitModul-zitat .benefitModul_outline .benefitModul_inner + .benefitModul_profileimage {
  padding-right: 0;
  text-align: center;
  min-width: auto;
  width: 100%;
}
.layout-zweispaltig div.benefitModul-zitat .benefitModul_outline .benefitModul_inner + .benefitModul_profileimage img, .layout-dreispaltig div.benefitModul-zitat .benefitModul_outline .benefitModul_inner + .benefitModul_profileimage img {
  width: auto;
}
@media screen and (max-width: 767px) {
  div.benefitModul-zitat .benefitModul_outline .benefitModul_inner + .benefitModul_profileimage {
    padding-right: 0;
    text-align: center;
    min-width: auto;
    width: 100%;
  }
  div.benefitModul-zitat .benefitModul_outline .benefitModul_inner + .benefitModul_profileimage img {
    width: auto;
  }
}
div.benefitModul-warning {
  -webkit-box-shadow: -15px 0 0 -1px #AA0000;
  -moz-box-shadow: -15px 0 0 -1px #AA0000;
  box-shadow: -15px 0 0 -1px #AA0000;
}
.layout-zweispaltig div.benefitModul-warning, .layout-dreispaltig div.benefitModul-warning {
  -webkit-box-shadow: 0 -15px 0 -1px #AA0000;
  -moz-box-shadow: 0 -15px 0 -1px #AA0000;
  box-shadow: 0 -15px 0 -1px #AA0000;
}
@media screen and (max-width: 767px) {
  div.benefitModul-warning {
    -webkit-box-shadow: 0 -15px 0 -1px #AA0000;
    -moz-box-shadow: 0 -15px 0 -1px #AA0000;
    box-shadow: 0 -15px 0 -1px #AA0000;
  }
}
div.benefitModul-warning .benefitModul_outline .benefitModul_inner > h1, div.benefitModul-warning .benefitModul_outline .benefitModul_inner > h2, div.benefitModul-warning .benefitModul_outline .benefitModul_inner > h3, div.benefitModul-warning .benefitModul_outline .benefitModul_inner > h4, div.benefitModul-warning .benefitModul_outline .benefitModul_inner > div.heading {
  color: #AA0000;
}
@media screen and (min-width: 768px) {
  div.benefitModul-warning .benefitModul_outline .benefitModul_inner > h1, div.benefitModul-warning .benefitModul_outline .benefitModul_inner > h2, div.benefitModul-warning .benefitModul_outline .benefitModul_inner > h3, div.benefitModul-warning .benefitModul_outline .benefitModul_inner > h4, div.benefitModul-warning .benefitModul_outline .benefitModul_inner > div.heading {
    margin-top: 0;
  }
}

div.blueFooter {
  background-color: #B3C5D9;
  text-align: center;
  margin-top: 5rem;
  padding: 1.5rem;
}
div.blueFooter figure {
  text-align: center;
}
div.blueFooter figure:last-child {
  margin-bottom: 0;
}
div.blueFooter .layout-dreispaltig {
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 1200px) {
  div.blueFooter .layout-dreispaltig {
    max-width: 1170px;
  }
}

div.blueFooter .containerAlternierend {
  background-color: transparent;
}

div.card-container {
  max-width: 640px;
  width: 100%;
  min-width: 320px;
  margin: auto;
}
div.card-container .card {
  margin: 18px 18px 36px;
  border-radius: 0 0 5px 5px;
  padding: 18px;
  color: #3C5677;
}
@media only screen and (min-width: 1200px) {
  div.card-container .card {
    padding: 18px 36px 36px;
  }
}
div.card-container .card:not(.no-border) {
  border-top: 10px solid #B3C5D9;
  -webkit-box-shadow: 0 9px 18px -6px #B3C5D9;
  -moz-box-shadow: 0 9px 18px -6px #B3C5D9;
  box-shadow: 0 9px 18px -6px #B3C5D9;
}
div.card-container .card.no-border {
  padding: 0.5rem 0 0;
}
div.card-container .card > h1, div.card-container .card > h2, div.card-container .card > h3, div.card-container .card > h4, div.card-container .card > div.heading {
  font-size: 21px;
  margin: 1rem 0 1rem;
}
div.card-container .card > h1.heading--is-small, div.card-container .card > h2.heading--is-small, div.card-container .card > h3.heading--is-small, div.card-container .card > h4.heading--is-small, div.card-container .card > div.heading.heading--is-small {
  font-size: 21px;
}
div.card-container .card > h1:before, div.card-container .card > h2:before, div.card-container .card > h3:before, div.card-container .card > h4:before, div.card-container .card > div.heading:before {
  margin-top: 0;
  height: 0;
}
@media only screen and (max-width: 767px) {
  div.card-container .card .trustedShops {
    transform: scale(0.9) translateX(-18px);
  }
}

.containerAlternierend {
  padding: 4rem 0;
}
@media screen and (max-width: 991px) {
  .containerAlternierend {
    padding: 3.5rem 0;
  }
  .containerAlternierend .benefitModul .mehrwerteTeaser {
    border-bottom: none;
  }
  .containerAlternierend .mehrwerteTeaser {
    padding-bottom: 2rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #999999;
  }
}
.containerAlternierend:nth-child(odd) {
  background-color: #F2F2F2;
}
.containerAlternierend:nth-child(odd) .layout-zweispaltig .layout_row-LeftSide .layout_column:last-child {
  background-color: #FFFFFF;
}
.containerAlternierend:nth-child(even) {
  background-color: #FFFFFF;
}
.containerAlternierend:nth-child(even) .layout-zweispaltig .layout_row-LeftSide .layout_column:last-child {
  background-color: #F2F2F2;
}
.containerAlternierend_content {
  padding-right: 1rem;
  padding-left: 1rem;
  margin-right: auto;
  margin-left: auto;
}
.containerAlternierend_content:before, .containerAlternierend_content:after {
  display: table;
  content: " ";
}
.containerAlternierend_content:after {
  clear: both;
}
@media (min-width: 1200px) {
  .containerAlternierend_content {
    width: 1170px;
  }
}

.generalIframe {
  width: 100%;
  border: none;
  min-height: 416px;
}

.flexibleContent {
  display: flex;
  flex-wrap: nowrap;
  margin-left: -15px;
  margin-right: -15px;
}
.flexibleContent + .layout, .flexibleContent + .flexibleContent {
  margin-top: 1rem;
}
.flexibleContent h1, .flexibleContent h2, .flexibleContent h3, .flexibleContent h4, .flexibleContent div.heading {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #123B71;
  line-height: 1.25em;
  font-size: 1.5rem;
  margin: 1rem 0 1rem;
}
.flexibleContent h1.heading--is-small, .flexibleContent h2.heading--is-small, .flexibleContent h3.heading--is-small, .flexibleContent h4.heading--is-small, .flexibleContent div.heading.heading--is-small {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #123B71;
  line-height: 1.25em;
  font-size: 1.125rem;
  margin: 1rem 0 1rem;
}
.flexibleContent .flexibleContent_col {
  position: relative;
  width: 50%;
  display: none;
  margin-left: 15px;
  margin-right: 15px;
}
.flexibleContent .flexibleContent_col > .mehrwerteTeaser > *:first-child,
.flexibleContent .flexibleContent_col > *:first-child.heading,
.flexibleContent .flexibleContent_col > *:first-child {
  margin-top: 0;
}
.flexibleContent .flexibleContent_col figure.image {
  text-align: unset;
}
.flexibleContent .flexibleContent_col .hypo_elements-hypotable > .mehrwerteTeaser > *:first-child,
.flexibleContent .flexibleContent_col .hypo_elements-hypotable > *:first-child.heading,
.flexibleContent .flexibleContent_col .hypo_elements-hypotable > *:first-child {
  margin-top: 0;
}
@media all and (min-width: 768px) {
  .flexibleContent .vertical-center {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
.flexibleContent .text-left {
  text-align: left !important;
}
.flexibleContent .text-right {
  text-align: right !important;
}
.flexibleContent .text-center {
  text-align: center !important;
}
@media (min-width: 768px) {
  .flexibleContent .text-md-left {
    text-align: left !important;
  }
  .flexibleContent .text-md-right {
    text-align: right !important;
  }
  .flexibleContent .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .flexibleContent .text-lg-left {
    text-align: left !important;
  }
  .flexibleContent .text-lg-right {
    text-align: right !important;
  }
  .flexibleContent .text-lg-center {
    text-align: center !important;
  }
}
@media all and (max-width: 767px) {
  .flexibleContent {
    flex-wrap: wrap;
    flex-direction: column;
    margin: 0;
  }
  .flexibleContent--is-reversed-mobile {
    flex-direction: column-reverse;
  }
  .flexibleContent div.flexibleContent_col {
    width: auto !important;
    padding-top: 1rem;
  }
  .flexibleContent div.flexibleContent_col:first-child,
  .flexibleContent div.flexibleContent_col:empty {
    padding-top: 0;
  }
}
@media all and (max-width: 767px) {
  .flexibleContent_col1-showMobile .flexibleContent_col:first-child, .flexibleContent_col2-showMobile .flexibleContent_col:first-child + .flexibleContent_col {
    display: block;
  }
}
@media all and (min-width: 768px) and (max-width: 991px) {
  .flexibleContent_col1-showTablet .flexibleContent_col:first-child, .flexibleContent_col2-showTablet .flexibleContent_col:first-child + .flexibleContent_col {
    display: block;
  }
}
@media all and (min-width: 992px) {
  .flexibleContent_col1-showDesktop .flexibleContent_col:first-child, .flexibleContent_col2-showDesktop .flexibleContent_col:first-child + .flexibleContent_col {
    display: block;
  }
}
.flexibleContent--is-1-11 .flexibleContent_col:first-child {
  width: 8.3333333333%;
}
.flexibleContent--is-1-11 .flexibleContent_col:first-child + .flexibleContent_col {
  width: 91.6666666667%;
}
.flexibleContent--is-2-10 .flexibleContent_col:first-child {
  width: 16.6666666667%;
}
.flexibleContent--is-2-10 .flexibleContent_col:first-child + .flexibleContent_col {
  width: 83.3333333333%;
}
.flexibleContent--is-3-9 .flexibleContent_col:first-child {
  width: 25%;
}
.flexibleContent--is-3-9 .flexibleContent_col:first-child + .flexibleContent_col {
  width: 75%;
}
.flexibleContent--is-4-8 .flexibleContent_col:first-child {
  width: 33.3333333333%;
}
.flexibleContent--is-4-8 .flexibleContent_col:first-child + .flexibleContent_col {
  width: 66.6666666667%;
}
.flexibleContent--is-5-7 .flexibleContent_col:first-child {
  width: 41.6666666667%;
}
.flexibleContent--is-5-7 .flexibleContent_col:first-child + .flexibleContent_col {
  width: 58.3333333333%;
}
.flexibleContent--is-7-5 .flexibleContent_col:first-child {
  width: 58.3333333333%;
}
.flexibleContent--is-7-5 .flexibleContent_col:first-child + .flexibleContent_col {
  width: 41.6666666667%;
}
.flexibleContent--is-8-4 .flexibleContent_col:first-child {
  width: 66.6666666667%;
}
.flexibleContent--is-8-4 .flexibleContent_col:first-child + .flexibleContent_col {
  width: 33.3333333333%;
}
.flexibleContent--is-9-3 .flexibleContent_col:first-child {
  width: 75%;
}
.flexibleContent--is-9-3 .flexibleContent_col:first-child + .flexibleContent_col {
  width: 25%;
}
.flexibleContent--is-10-2 .flexibleContent_col:first-child {
  width: 83.3333333333%;
}
.flexibleContent--is-10-2 .flexibleContent_col:first-child + .flexibleContent_col {
  width: 16.6666666667%;
}
.flexibleContent--is-11-1 .flexibleContent_col:first-child {
  width: 91.6666666667%;
}
.flexibleContent--is-11-1 .flexibleContent_col:first-child + .flexibleContent_col {
  width: 8.3333333333%;
}
.flexibleContent--is-12-12 {
  flex-wrap: wrap;
}
.flexibleContent--is-12-12 .flexibleContent_col:first-child {
  width: 100%;
}
.flexibleContent--is-12-12 .flexibleContent_col:first-child + .flexibleContent_col {
  width: 100%;
}

.flexibleGrid {
  /*!
   * Bootstrap Grid v4.1.3 (https://getbootstrap.com/)
   * Copyright 2011-2018 The Bootstrap Authors
   * Copyright 2011-2018 Twitter, Inc.
   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
   */
}
.flexibleGrid *,
.flexibleGrid *::before,
.flexibleGrid *::after {
  box-sizing: inherit;
}
.flexibleGrid .bg-neutral-medium {
  background-color: #F2F2F2;
}
.flexibleGrid .bg-blue-medium {
  background-color: #B3C5D9;
}
.flexibleGrid .bg-blue-medium-light {
  background-color: #D2E8F5;
}
.flexibleGrid .bg-blue-medium-dark {
  background-color: #496B94;
}
.flexibleGrid .container {
  display: flow-root;
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 1200px) {
  .flexibleGrid .container {
    max-width: 1170px;
  }
}
@media (max-width: 767px) {
  .flexibleGrid .container.xs-readmore {
    display: none;
  }
}
@media (max-width: 991px) {
  .flexibleGrid .container.md-readmore {
    display: none;
  }
}
@media (min-width: 992px) {
  .flexibleGrid .container.lg-readmore {
    display: none;
  }
}
.flexibleGrid .container-xl {
  display: flow-root;
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 1340px) {
  .flexibleGrid .container-xl {
    max-width: 1316px;
  }
}
.flexibleGrid-heading > h1, .flexibleGrid-heading > h2, .flexibleGrid-heading > h3, .flexibleGrid-heading > h4, .flexibleGrid-heading > div.heading {
  margin: 1rem 0 1rem;
  line-height: 1.25em;
  font-size: 1.75rem;
  color: #3C5677;
}
.flexibleGrid-heading > h1.heading--is-small, .flexibleGrid-heading > h2.heading--is-small, .flexibleGrid-heading > h3.heading--is-small, .flexibleGrid-heading > h4.heading--is-small, .flexibleGrid-heading > div.heading.heading--is-small {
  line-height: 1.25em;
  font-size: 1.5rem;
}
.flexibleGrid-heading > h1[id]::before, .flexibleGrid-heading > h2[id]::before, .flexibleGrid-heading > h3[id]::before, .flexibleGrid-heading > h4[id]::before, .flexibleGrid-heading > div.heading[id]::before {
  margin-top: 0;
  height: 0;
}
.flexibleGrid h1, .flexibleGrid h2, .flexibleGrid h3, .flexibleGrid h4, .flexibleGrid div.heading {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #123B71;
  line-height: 1.25em;
  font-size: 1.5rem;
  margin: 1rem 0 1rem;
}
.flexibleGrid h1.heading--is-small, .flexibleGrid h2.heading--is-small, .flexibleGrid h3.heading--is-small, .flexibleGrid h4.heading--is-small, .flexibleGrid div.heading.heading--is-small {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #123B71;
  line-height: 1.25em;
  font-size: 1.125rem;
  margin: 1rem 0 1rem;
}
.flexibleGrid .swiper {
  width: 100%;
}
.flexibleGrid .swiper-trash, .flexibleGrid .swiper-mobile {
  display: none;
}
.flexibleGrid .swiper-container {
  padding-bottom: 4rem;
}
.flexibleGrid .swiper-container .swiper-button-next {
  transform: translate(0, -2rem) scale(0.5);
  right: 0;
}
.flexibleGrid .swiper-container .swiper-button-prev {
  transform: translate(0, -2rem) scale(0.5);
  left: 0;
}
.flexibleGrid .swiper-container-small {
  padding-bottom: 2rem;
}
.flexibleGrid .swiper-container-small .swiper-button-next {
  transform: translate(0, -1rem) scale(0.5);
  right: 0;
}
.flexibleGrid .swiper-container-small .swiper-button-prev {
  transform: translate(0, -1rem) scale(0.5);
  left: 0;
}
.flexibleGrid .swiper-fraction {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  font-size: 0.75rem;
}
.flexibleGrid .swiper-wrapper {
  align-items: center;
}
.flexibleGrid .swiper-slide-container {
  box-sizing: border-box;
}
.flexibleGrid .swiper-slide-container .flexibleGrid_row {
  box-sizing: border-box;
}
.flexibleGrid .swiper-slide-container .flexibleGrid_row.default-gutters {
  margin-right: 2rem;
  margin-left: 2rem;
}
.flexibleGrid .swiper-slide-container .flexibleGrid_row.no-gutters {
  margin-right: 4rem;
  margin-left: 4rem;
}
.flexibleGrid .swiper-slide-container .flexibleGrid_col > div {
  height: 100%;
}
.flexibleGrid .swiper-button-next:after, .flexibleGrid .swiper-button-prev:after {
  color: #3C5677;
}
.flexibleGrid .swiper-pagination-bullet {
  background-color: transparent;
  border: 1px solid #3C5677;
}
.flexibleGrid .swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .flexibleGrid .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-next, .flexibleGrid .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-next-next {
  transform: scale(1);
}
.flexibleGrid .swiper-pagination-bullet-active {
  background-color: #3C5677;
}
@media all and (max-width: 767px) {
  .flexibleGrid .swiper {
    width: calc(100% + 2rem);
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .flexibleGrid .swiper-button-next {
    right: 10px;
  }
  .flexibleGrid .swiper-button-prev {
    left: 10px;
  }
}
.flexibleGrid_row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flexibleGrid_row.default-gutters {
  margin-right: -1rem;
  margin-left: -1rem;
}
.flexibleGrid_row.default-gutters > .col,
.flexibleGrid_row.default-gutters > [class*=col-] {
  padding-right: 1rem;
  padding-left: 1rem;
}
.flexibleGrid_row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.flexibleGrid_row.no-gutters > .col,
.flexibleGrid_row.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}
.flexibleGrid_col figure.image {
  text-align: unset;
}
.flexibleGrid .col-1, .flexibleGrid .col-2, .flexibleGrid .col-3, .flexibleGrid .col-4, .flexibleGrid .col-5, .flexibleGrid .col-6, .flexibleGrid .col-7, .flexibleGrid .col-8, .flexibleGrid .col-9, .flexibleGrid .col-10, .flexibleGrid .col-11, .flexibleGrid .col-12, .flexibleGrid .col,
.flexibleGrid .col-auto, .flexibleGrid .col-sm-1, .flexibleGrid .col-sm-2, .flexibleGrid .col-sm-3, .flexibleGrid .col-sm-4, .flexibleGrid .col-sm-5, .flexibleGrid .col-sm-6, .flexibleGrid .col-sm-7, .flexibleGrid .col-sm-8, .flexibleGrid .col-sm-9, .flexibleGrid .col-sm-10, .flexibleGrid .col-sm-11, .flexibleGrid .col-sm-12, .flexibleGrid .col-sm,
.flexibleGrid .col-sm-auto, .flexibleGrid .col-md-1, .flexibleGrid .col-md-2, .flexibleGrid .col-md-3, .flexibleGrid .col-md-4, .flexibleGrid .col-md-5, .flexibleGrid .col-md-6, .flexibleGrid .col-md-7, .flexibleGrid .col-md-8, .flexibleGrid .col-md-9, .flexibleGrid .col-md-10, .flexibleGrid .col-md-11, .flexibleGrid .col-md-12, .flexibleGrid .col-md,
.flexibleGrid .col-md-auto, .flexibleGrid .col-lg-1, .flexibleGrid .col-lg-2, .flexibleGrid .col-lg-3, .flexibleGrid .col-lg-4, .flexibleGrid .col-lg-5, .flexibleGrid .col-lg-6, .flexibleGrid .col-lg-7, .flexibleGrid .col-lg-8, .flexibleGrid .col-lg-9, .flexibleGrid .col-lg-10, .flexibleGrid .col-lg-11, .flexibleGrid .col-lg-12, .flexibleGrid .col-lg,
.flexibleGrid .col-lg-auto, .flexibleGrid .col-xl-1, .flexibleGrid .col-xl-2, .flexibleGrid .col-xl-3, .flexibleGrid .col-xl-4, .flexibleGrid .col-xl-5, .flexibleGrid .col-xl-6, .flexibleGrid .col-xl-7, .flexibleGrid .col-xl-8, .flexibleGrid .col-xl-9, .flexibleGrid .col-xl-10, .flexibleGrid .col-xl-11, .flexibleGrid .col-xl-12, .flexibleGrid .col-xl,
.flexibleGrid .col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
}
.flexibleGrid .col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.flexibleGrid .col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}
.flexibleGrid .col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}
.flexibleGrid .col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
.flexibleGrid .col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.flexibleGrid .col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.flexibleGrid .col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}
.flexibleGrid .col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.flexibleGrid .col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}
.flexibleGrid .col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}
.flexibleGrid .col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}
.flexibleGrid .col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}
.flexibleGrid .col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}
.flexibleGrid .col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.flexibleGrid .order-first {
  -ms-flex-order: -1;
  order: -1;
}
.flexibleGrid .order-last {
  -ms-flex-order: 13;
  order: 13;
}
.flexibleGrid .order-0 {
  -ms-flex-order: 0;
  order: 0;
}
.flexibleGrid .order-1 {
  -ms-flex-order: 1;
  order: 1;
}
.flexibleGrid .order-2 {
  -ms-flex-order: 2;
  order: 2;
}
.flexibleGrid .order-3 {
  -ms-flex-order: 3;
  order: 3;
}
.flexibleGrid .order-4 {
  -ms-flex-order: 4;
  order: 4;
}
.flexibleGrid .order-5 {
  -ms-flex-order: 5;
  order: 5;
}
.flexibleGrid .order-6 {
  -ms-flex-order: 6;
  order: 6;
}
.flexibleGrid .order-7 {
  -ms-flex-order: 7;
  order: 7;
}
.flexibleGrid .order-8 {
  -ms-flex-order: 8;
  order: 8;
}
.flexibleGrid .order-9 {
  -ms-flex-order: 9;
  order: 9;
}
.flexibleGrid .order-10 {
  -ms-flex-order: 10;
  order: 10;
}
.flexibleGrid .order-11 {
  -ms-flex-order: 11;
  order: 11;
}
.flexibleGrid .order-12 {
  -ms-flex-order: 12;
  order: 12;
}
.flexibleGrid .offset-1 {
  margin-left: 8.333333%;
}
.flexibleGrid .offset-2 {
  margin-left: 16.666667%;
}
.flexibleGrid .offset-3 {
  margin-left: 25%;
}
.flexibleGrid .offset-4 {
  margin-left: 33.333333%;
}
.flexibleGrid .offset-5 {
  margin-left: 41.666667%;
}
.flexibleGrid .offset-6 {
  margin-left: 50%;
}
.flexibleGrid .offset-7 {
  margin-left: 58.333333%;
}
.flexibleGrid .offset-8 {
  margin-left: 66.666667%;
}
.flexibleGrid .offset-9 {
  margin-left: 75%;
}
.flexibleGrid .offset-10 {
  margin-left: 83.333333%;
}
.flexibleGrid .offset-11 {
  margin-left: 91.666667%;
}
@media (min-width: 576px) {
  .flexibleGrid .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .flexibleGrid .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .flexibleGrid .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .flexibleGrid .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .flexibleGrid .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .flexibleGrid .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .flexibleGrid .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .flexibleGrid .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .flexibleGrid .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .flexibleGrid .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .flexibleGrid .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .flexibleGrid .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .flexibleGrid .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .flexibleGrid .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .flexibleGrid .order-sm-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .flexibleGrid .order-sm-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .flexibleGrid .order-sm-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .flexibleGrid .order-sm-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .flexibleGrid .order-sm-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .flexibleGrid .order-sm-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .flexibleGrid .order-sm-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .flexibleGrid .order-sm-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .flexibleGrid .order-sm-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .flexibleGrid .order-sm-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .flexibleGrid .order-sm-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .flexibleGrid .order-sm-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .flexibleGrid .order-sm-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .flexibleGrid .order-sm-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .flexibleGrid .order-sm-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .flexibleGrid .offset-sm-0 {
    margin-left: 0;
  }
  .flexibleGrid .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .flexibleGrid .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .flexibleGrid .offset-sm-3 {
    margin-left: 25%;
  }
  .flexibleGrid .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .flexibleGrid .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .flexibleGrid .offset-sm-6 {
    margin-left: 50%;
  }
  .flexibleGrid .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .flexibleGrid .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .flexibleGrid .offset-sm-9 {
    margin-left: 75%;
  }
  .flexibleGrid .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .flexibleGrid .offset-sm-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 768px) {
  .flexibleGrid .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .flexibleGrid .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .flexibleGrid .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .flexibleGrid .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .flexibleGrid .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .flexibleGrid .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .flexibleGrid .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .flexibleGrid .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .flexibleGrid .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .flexibleGrid .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .flexibleGrid .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .flexibleGrid .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .flexibleGrid .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .flexibleGrid .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .flexibleGrid .order-md-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .flexibleGrid .order-md-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .flexibleGrid .order-md-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .flexibleGrid .order-md-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .flexibleGrid .order-md-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .flexibleGrid .order-md-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .flexibleGrid .order-md-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .flexibleGrid .order-md-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .flexibleGrid .order-md-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .flexibleGrid .order-md-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .flexibleGrid .order-md-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .flexibleGrid .order-md-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .flexibleGrid .order-md-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .flexibleGrid .order-md-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .flexibleGrid .order-md-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .flexibleGrid .offset-md-0 {
    margin-left: 0;
  }
  .flexibleGrid .offset-md-1 {
    margin-left: 8.333333%;
  }
  .flexibleGrid .offset-md-2 {
    margin-left: 16.666667%;
  }
  .flexibleGrid .offset-md-3 {
    margin-left: 25%;
  }
  .flexibleGrid .offset-md-4 {
    margin-left: 33.333333%;
  }
  .flexibleGrid .offset-md-5 {
    margin-left: 41.666667%;
  }
  .flexibleGrid .offset-md-6 {
    margin-left: 50%;
  }
  .flexibleGrid .offset-md-7 {
    margin-left: 58.333333%;
  }
  .flexibleGrid .offset-md-8 {
    margin-left: 66.666667%;
  }
  .flexibleGrid .offset-md-9 {
    margin-left: 75%;
  }
  .flexibleGrid .offset-md-10 {
    margin-left: 83.333333%;
  }
  .flexibleGrid .offset-md-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 992px) {
  .flexibleGrid .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .flexibleGrid .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .flexibleGrid .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .flexibleGrid .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .flexibleGrid .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .flexibleGrid .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .flexibleGrid .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .flexibleGrid .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .flexibleGrid .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .flexibleGrid .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .flexibleGrid .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .flexibleGrid .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .flexibleGrid .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .flexibleGrid .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .flexibleGrid .order-lg-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .flexibleGrid .order-lg-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .flexibleGrid .order-lg-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .flexibleGrid .order-lg-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .flexibleGrid .order-lg-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .flexibleGrid .order-lg-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .flexibleGrid .order-lg-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .flexibleGrid .order-lg-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .flexibleGrid .order-lg-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .flexibleGrid .order-lg-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .flexibleGrid .order-lg-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .flexibleGrid .order-lg-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .flexibleGrid .order-lg-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .flexibleGrid .order-lg-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .flexibleGrid .order-lg-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .flexibleGrid .offset-lg-0 {
    margin-left: 0;
  }
  .flexibleGrid .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .flexibleGrid .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .flexibleGrid .offset-lg-3 {
    margin-left: 25%;
  }
  .flexibleGrid .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .flexibleGrid .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .flexibleGrid .offset-lg-6 {
    margin-left: 50%;
  }
  .flexibleGrid .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .flexibleGrid .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .flexibleGrid .offset-lg-9 {
    margin-left: 75%;
  }
  .flexibleGrid .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .flexibleGrid .offset-lg-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 1200px) {
  .flexibleGrid .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .flexibleGrid .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .flexibleGrid .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .flexibleGrid .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .flexibleGrid .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .flexibleGrid .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .flexibleGrid .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .flexibleGrid .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .flexibleGrid .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .flexibleGrid .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .flexibleGrid .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .flexibleGrid .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .flexibleGrid .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .flexibleGrid .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .flexibleGrid .order-xl-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .flexibleGrid .order-xl-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .flexibleGrid .order-xl-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .flexibleGrid .order-xl-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .flexibleGrid .order-xl-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .flexibleGrid .order-xl-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .flexibleGrid .order-xl-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .flexibleGrid .order-xl-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .flexibleGrid .order-xl-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .flexibleGrid .order-xl-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .flexibleGrid .order-xl-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .flexibleGrid .order-xl-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .flexibleGrid .order-xl-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .flexibleGrid .order-xl-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .flexibleGrid .order-xl-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .flexibleGrid .offset-xl-0 {
    margin-left: 0;
  }
  .flexibleGrid .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .flexibleGrid .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .flexibleGrid .offset-xl-3 {
    margin-left: 25%;
  }
  .flexibleGrid .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .flexibleGrid .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .flexibleGrid .offset-xl-6 {
    margin-left: 50%;
  }
  .flexibleGrid .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .flexibleGrid .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .flexibleGrid .offset-xl-9 {
    margin-left: 75%;
  }
  .flexibleGrid .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .flexibleGrid .offset-xl-11 {
    margin-left: 91.666667%;
  }
}
.flexibleGrid .d-none {
  display: none !important;
}
.flexibleGrid .d-inline {
  display: inline !important;
}
.flexibleGrid .d-inline-block {
  display: inline-block !important;
}
.flexibleGrid .d-block {
  display: block !important;
}
.flexibleGrid .d-table {
  display: table !important;
}
.flexibleGrid .d-table-row {
  display: table-row !important;
}
.flexibleGrid .d-table-cell {
  display: table-cell !important;
}
.flexibleGrid .d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}
.flexibleGrid .d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}
@media (min-width: 576px) {
  .flexibleGrid .d-sm-none {
    display: none !important;
  }
  .flexibleGrid .d-sm-inline {
    display: inline !important;
  }
  .flexibleGrid .d-sm-inline-block {
    display: inline-block !important;
  }
  .flexibleGrid .d-sm-block {
    display: block !important;
  }
  .flexibleGrid .d-sm-table {
    display: table !important;
  }
  .flexibleGrid .d-sm-table-row {
    display: table-row !important;
  }
  .flexibleGrid .d-sm-table-cell {
    display: table-cell !important;
  }
  .flexibleGrid .d-sm-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .flexibleGrid .d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .flexibleGrid .d-md-none {
    display: none !important;
  }
  .flexibleGrid .d-md-inline {
    display: inline !important;
  }
  .flexibleGrid .d-md-inline-block {
    display: inline-block !important;
  }
  .flexibleGrid .d-md-block {
    display: block !important;
  }
  .flexibleGrid .d-md-table {
    display: table !important;
  }
  .flexibleGrid .d-md-table-row {
    display: table-row !important;
  }
  .flexibleGrid .d-md-table-cell {
    display: table-cell !important;
  }
  .flexibleGrid .d-md-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .flexibleGrid .d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .flexibleGrid .d-lg-none {
    display: none !important;
  }
  .flexibleGrid .d-lg-inline {
    display: inline !important;
  }
  .flexibleGrid .d-lg-inline-block {
    display: inline-block !important;
  }
  .flexibleGrid .d-lg-block {
    display: block !important;
  }
  .flexibleGrid .d-lg-table {
    display: table !important;
  }
  .flexibleGrid .d-lg-table-row {
    display: table-row !important;
  }
  .flexibleGrid .d-lg-table-cell {
    display: table-cell !important;
  }
  .flexibleGrid .d-lg-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .flexibleGrid .d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .flexibleGrid .d-xl-none {
    display: none !important;
  }
  .flexibleGrid .d-xl-inline {
    display: inline !important;
  }
  .flexibleGrid .d-xl-inline-block {
    display: inline-block !important;
  }
  .flexibleGrid .d-xl-block {
    display: block !important;
  }
  .flexibleGrid .d-xl-table {
    display: table !important;
  }
  .flexibleGrid .d-xl-table-row {
    display: table-row !important;
  }
  .flexibleGrid .d-xl-table-cell {
    display: table-cell !important;
  }
  .flexibleGrid .d-xl-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .flexibleGrid .d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
.flexibleGrid .m-0 {
  margin: 0 !important;
}
.flexibleGrid .mt-0,
.flexibleGrid .my-0 {
  margin-top: 0 !important;
}
.flexibleGrid .mr-0,
.flexibleGrid .mx-0 {
  margin-right: 0 !important;
}
.flexibleGrid .mb-0,
.flexibleGrid .my-0 {
  margin-bottom: 0 !important;
}
.flexibleGrid .ml-0,
.flexibleGrid .mx-0 {
  margin-left: 0 !important;
}
.flexibleGrid .m-1 {
  margin: 0.25rem !important;
}
.flexibleGrid .mt-1,
.flexibleGrid .my-1 {
  margin-top: 0.25rem !important;
}
.flexibleGrid .mr-1,
.flexibleGrid .mx-1 {
  margin-right: 0.25rem !important;
}
.flexibleGrid .mb-1,
.flexibleGrid .my-1 {
  margin-bottom: 0.25rem !important;
}
.flexibleGrid .ml-1,
.flexibleGrid .mx-1 {
  margin-left: 0.25rem !important;
}
.flexibleGrid .m-2 {
  margin: 0.5rem !important;
}
.flexibleGrid .mt-2,
.flexibleGrid .my-2 {
  margin-top: 0.5rem !important;
}
.flexibleGrid .mr-2,
.flexibleGrid .mx-2 {
  margin-right: 0.5rem !important;
}
.flexibleGrid .mb-2,
.flexibleGrid .my-2 {
  margin-bottom: 0.5rem !important;
}
.flexibleGrid .ml-2,
.flexibleGrid .mx-2 {
  margin-left: 0.5rem !important;
}
.flexibleGrid .m-3 {
  margin: 1rem !important;
}
.flexibleGrid .mt-3,
.flexibleGrid .my-3 {
  margin-top: 1rem !important;
}
.flexibleGrid .mr-3,
.flexibleGrid .mx-3 {
  margin-right: 1rem !important;
}
.flexibleGrid .mb-3,
.flexibleGrid .my-3 {
  margin-bottom: 1rem !important;
}
.flexibleGrid .ml-3,
.flexibleGrid .mx-3 {
  margin-left: 1rem !important;
}
.flexibleGrid .m-4 {
  margin: 1.5rem !important;
}
.flexibleGrid .mt-4,
.flexibleGrid .my-4 {
  margin-top: 1.5rem !important;
}
.flexibleGrid .mr-4,
.flexibleGrid .mx-4 {
  margin-right: 1.5rem !important;
}
.flexibleGrid .mb-4,
.flexibleGrid .my-4 {
  margin-bottom: 1.5rem !important;
}
.flexibleGrid .ml-4,
.flexibleGrid .mx-4 {
  margin-left: 1.5rem !important;
}
.flexibleGrid .m-5 {
  margin: 3rem !important;
}
.flexibleGrid .mt-5,
.flexibleGrid .my-5 {
  margin-top: 3rem !important;
}
.flexibleGrid .mr-5,
.flexibleGrid .mx-5 {
  margin-right: 3rem !important;
}
.flexibleGrid .mb-5,
.flexibleGrid .my-5 {
  margin-bottom: 3rem !important;
}
.flexibleGrid .ml-5,
.flexibleGrid .mx-5 {
  margin-left: 3rem !important;
}
.flexibleGrid .p-0 {
  padding: 0 !important;
}
.flexibleGrid .pt-0,
.flexibleGrid .py-0 {
  padding-top: 0 !important;
}
.flexibleGrid .pr-0,
.flexibleGrid .px-0 {
  padding-right: 0 !important;
}
.flexibleGrid .pb-0,
.flexibleGrid .py-0 {
  padding-bottom: 0 !important;
}
.flexibleGrid .pl-0,
.flexibleGrid .px-0 {
  padding-left: 0 !important;
}
.flexibleGrid .p-1 {
  padding: 0.25rem !important;
}
.flexibleGrid .pt-1,
.flexibleGrid .py-1 {
  padding-top: 0.25rem !important;
}
.flexibleGrid .pr-1,
.flexibleGrid .px-1 {
  padding-right: 0.25rem !important;
}
.flexibleGrid .pb-1,
.flexibleGrid .py-1 {
  padding-bottom: 0.25rem !important;
}
.flexibleGrid .pl-1,
.flexibleGrid .px-1 {
  padding-left: 0.25rem !important;
}
.flexibleGrid .p-2 {
  padding: 0.5rem !important;
}
.flexibleGrid .pt-2,
.flexibleGrid .py-2 {
  padding-top: 0.5rem !important;
}
.flexibleGrid .pr-2,
.flexibleGrid .px-2 {
  padding-right: 0.5rem !important;
}
.flexibleGrid .pb-2,
.flexibleGrid .py-2 {
  padding-bottom: 0.5rem !important;
}
.flexibleGrid .pl-2,
.flexibleGrid .px-2 {
  padding-left: 0.5rem !important;
}
.flexibleGrid .p-3 {
  padding: 1rem !important;
}
.flexibleGrid .pt-3,
.flexibleGrid .py-3 {
  padding-top: 1rem !important;
}
.flexibleGrid .pr-3,
.flexibleGrid .px-3 {
  padding-right: 1rem !important;
}
.flexibleGrid .pb-3,
.flexibleGrid .py-3 {
  padding-bottom: 1rem !important;
}
.flexibleGrid .pl-3,
.flexibleGrid .px-3 {
  padding-left: 1rem !important;
}
.flexibleGrid .p-4 {
  padding: 1.5rem !important;
}
.flexibleGrid .pt-4,
.flexibleGrid .py-4 {
  padding-top: 1.5rem !important;
}
.flexibleGrid .pr-4,
.flexibleGrid .px-4 {
  padding-right: 1.5rem !important;
}
.flexibleGrid .pb-4,
.flexibleGrid .py-4 {
  padding-bottom: 1.5rem !important;
}
.flexibleGrid .pl-4,
.flexibleGrid .px-4 {
  padding-left: 1.5rem !important;
}
.flexibleGrid .p-5 {
  padding: 3rem !important;
}
.flexibleGrid .pt-5,
.flexibleGrid .py-5 {
  padding-top: 3rem !important;
}
.flexibleGrid .pr-5,
.flexibleGrid .px-5 {
  padding-right: 3rem !important;
}
.flexibleGrid .pb-5,
.flexibleGrid .py-5 {
  padding-bottom: 3rem !important;
}
.flexibleGrid .pl-5,
.flexibleGrid .px-5 {
  padding-left: 3rem !important;
}
.flexibleGrid .m-n1 {
  margin: -0.25rem !important;
}
.flexibleGrid .mt-n1,
.flexibleGrid .my-n1 {
  margin-top: -0.25rem !important;
}
.flexibleGrid .mr-n1,
.flexibleGrid .mx-n1 {
  margin-right: -0.25rem !important;
}
.flexibleGrid .mb-n1,
.flexibleGrid .my-n1 {
  margin-bottom: -0.25rem !important;
}
.flexibleGrid .ml-n1,
.flexibleGrid .mx-n1 {
  margin-left: -0.25rem !important;
}
.flexibleGrid .m-n2 {
  margin: -0.5rem !important;
}
.flexibleGrid .mt-n2,
.flexibleGrid .my-n2 {
  margin-top: -0.5rem !important;
}
.flexibleGrid .mr-n2,
.flexibleGrid .mx-n2 {
  margin-right: -0.5rem !important;
}
.flexibleGrid .mb-n2,
.flexibleGrid .my-n2 {
  margin-bottom: -0.5rem !important;
}
.flexibleGrid .ml-n2,
.flexibleGrid .mx-n2 {
  margin-left: -0.5rem !important;
}
.flexibleGrid .m-n3 {
  margin: -1rem !important;
}
.flexibleGrid .mt-n3,
.flexibleGrid .my-n3 {
  margin-top: -1rem !important;
}
.flexibleGrid .mr-n3,
.flexibleGrid .mx-n3 {
  margin-right: -1rem !important;
}
.flexibleGrid .mb-n3,
.flexibleGrid .my-n3 {
  margin-bottom: -1rem !important;
}
.flexibleGrid .ml-n3,
.flexibleGrid .mx-n3 {
  margin-left: -1rem !important;
}
.flexibleGrid .m-n4 {
  margin: -1.5rem !important;
}
.flexibleGrid .mt-n4,
.flexibleGrid .my-n4 {
  margin-top: -1.5rem !important;
}
.flexibleGrid .mr-n4,
.flexibleGrid .mx-n4 {
  margin-right: -1.5rem !important;
}
.flexibleGrid .mb-n4,
.flexibleGrid .my-n4 {
  margin-bottom: -1.5rem !important;
}
.flexibleGrid .ml-n4,
.flexibleGrid .mx-n4 {
  margin-left: -1.5rem !important;
}
.flexibleGrid .m-n5 {
  margin: -3rem !important;
}
.flexibleGrid .mt-n5,
.flexibleGrid .my-n5 {
  margin-top: -3rem !important;
}
.flexibleGrid .mr-n5,
.flexibleGrid .mx-n5 {
  margin-right: -3rem !important;
}
.flexibleGrid .mb-n5,
.flexibleGrid .my-n5 {
  margin-bottom: -3rem !important;
}
.flexibleGrid .ml-n5,
.flexibleGrid .mx-n5 {
  margin-left: -3rem !important;
}
.flexibleGrid .m-auto {
  margin: auto !important;
}
.flexibleGrid .mt-auto,
.flexibleGrid .my-auto {
  margin-top: auto !important;
}
.flexibleGrid .mr-auto,
.flexibleGrid .mx-auto {
  margin-right: auto !important;
}
.flexibleGrid .mb-auto,
.flexibleGrid .my-auto {
  margin-bottom: auto !important;
}
.flexibleGrid .ml-auto,
.flexibleGrid .mx-auto {
  margin-left: auto !important;
}
@media (min-width: 576px) {
  .flexibleGrid .m-sm-0 {
    margin: 0 !important;
  }
  .flexibleGrid .mt-sm-0,
  .flexibleGrid .my-sm-0 {
    margin-top: 0 !important;
  }
  .flexibleGrid .mr-sm-0,
  .flexibleGrid .mx-sm-0 {
    margin-right: 0 !important;
  }
  .flexibleGrid .mb-sm-0,
  .flexibleGrid .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .flexibleGrid .ml-sm-0,
  .flexibleGrid .mx-sm-0 {
    margin-left: 0 !important;
  }
  .flexibleGrid .m-sm-1 {
    margin: 0.25rem !important;
  }
  .flexibleGrid .mt-sm-1,
  .flexibleGrid .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .flexibleGrid .mr-sm-1,
  .flexibleGrid .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .flexibleGrid .mb-sm-1,
  .flexibleGrid .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .flexibleGrid .ml-sm-1,
  .flexibleGrid .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .flexibleGrid .m-sm-2 {
    margin: 0.5rem !important;
  }
  .flexibleGrid .mt-sm-2,
  .flexibleGrid .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .flexibleGrid .mr-sm-2,
  .flexibleGrid .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .flexibleGrid .mb-sm-2,
  .flexibleGrid .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .flexibleGrid .ml-sm-2,
  .flexibleGrid .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .flexibleGrid .m-sm-3 {
    margin: 1rem !important;
  }
  .flexibleGrid .mt-sm-3,
  .flexibleGrid .my-sm-3 {
    margin-top: 1rem !important;
  }
  .flexibleGrid .mr-sm-3,
  .flexibleGrid .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .flexibleGrid .mb-sm-3,
  .flexibleGrid .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .flexibleGrid .ml-sm-3,
  .flexibleGrid .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .flexibleGrid .m-sm-4 {
    margin: 1.5rem !important;
  }
  .flexibleGrid .mt-sm-4,
  .flexibleGrid .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .flexibleGrid .mr-sm-4,
  .flexibleGrid .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .flexibleGrid .mb-sm-4,
  .flexibleGrid .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .flexibleGrid .ml-sm-4,
  .flexibleGrid .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .flexibleGrid .m-sm-5 {
    margin: 3rem !important;
  }
  .flexibleGrid .mt-sm-5,
  .flexibleGrid .my-sm-5 {
    margin-top: 3rem !important;
  }
  .flexibleGrid .mr-sm-5,
  .flexibleGrid .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .flexibleGrid .mb-sm-5,
  .flexibleGrid .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .flexibleGrid .ml-sm-5,
  .flexibleGrid .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .flexibleGrid .p-sm-0 {
    padding: 0 !important;
  }
  .flexibleGrid .pt-sm-0,
  .flexibleGrid .py-sm-0 {
    padding-top: 0 !important;
  }
  .flexibleGrid .pr-sm-0,
  .flexibleGrid .px-sm-0 {
    padding-right: 0 !important;
  }
  .flexibleGrid .pb-sm-0,
  .flexibleGrid .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .flexibleGrid .pl-sm-0,
  .flexibleGrid .px-sm-0 {
    padding-left: 0 !important;
  }
  .flexibleGrid .p-sm-1 {
    padding: 0.25rem !important;
  }
  .flexibleGrid .pt-sm-1,
  .flexibleGrid .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .flexibleGrid .pr-sm-1,
  .flexibleGrid .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .flexibleGrid .pb-sm-1,
  .flexibleGrid .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .flexibleGrid .pl-sm-1,
  .flexibleGrid .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .flexibleGrid .p-sm-2 {
    padding: 0.5rem !important;
  }
  .flexibleGrid .pt-sm-2,
  .flexibleGrid .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .flexibleGrid .pr-sm-2,
  .flexibleGrid .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .flexibleGrid .pb-sm-2,
  .flexibleGrid .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .flexibleGrid .pl-sm-2,
  .flexibleGrid .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .flexibleGrid .p-sm-3 {
    padding: 1rem !important;
  }
  .flexibleGrid .pt-sm-3,
  .flexibleGrid .py-sm-3 {
    padding-top: 1rem !important;
  }
  .flexibleGrid .pr-sm-3,
  .flexibleGrid .px-sm-3 {
    padding-right: 1rem !important;
  }
  .flexibleGrid .pb-sm-3,
  .flexibleGrid .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .flexibleGrid .pl-sm-3,
  .flexibleGrid .px-sm-3 {
    padding-left: 1rem !important;
  }
  .flexibleGrid .p-sm-4 {
    padding: 1.5rem !important;
  }
  .flexibleGrid .pt-sm-4,
  .flexibleGrid .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .flexibleGrid .pr-sm-4,
  .flexibleGrid .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .flexibleGrid .pb-sm-4,
  .flexibleGrid .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .flexibleGrid .pl-sm-4,
  .flexibleGrid .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .flexibleGrid .p-sm-5 {
    padding: 3rem !important;
  }
  .flexibleGrid .pt-sm-5,
  .flexibleGrid .py-sm-5 {
    padding-top: 3rem !important;
  }
  .flexibleGrid .pr-sm-5,
  .flexibleGrid .px-sm-5 {
    padding-right: 3rem !important;
  }
  .flexibleGrid .pb-sm-5,
  .flexibleGrid .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .flexibleGrid .pl-sm-5,
  .flexibleGrid .px-sm-5 {
    padding-left: 3rem !important;
  }
  .flexibleGrid .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .flexibleGrid .mt-sm-n1,
  .flexibleGrid .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .flexibleGrid .mr-sm-n1,
  .flexibleGrid .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .flexibleGrid .mb-sm-n1,
  .flexibleGrid .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .flexibleGrid .ml-sm-n1,
  .flexibleGrid .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .flexibleGrid .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .flexibleGrid .mt-sm-n2,
  .flexibleGrid .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .flexibleGrid .mr-sm-n2,
  .flexibleGrid .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .flexibleGrid .mb-sm-n2,
  .flexibleGrid .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .flexibleGrid .ml-sm-n2,
  .flexibleGrid .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .flexibleGrid .m-sm-n3 {
    margin: -1rem !important;
  }
  .flexibleGrid .mt-sm-n3,
  .flexibleGrid .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .flexibleGrid .mr-sm-n3,
  .flexibleGrid .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .flexibleGrid .mb-sm-n3,
  .flexibleGrid .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .flexibleGrid .ml-sm-n3,
  .flexibleGrid .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .flexibleGrid .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .flexibleGrid .mt-sm-n4,
  .flexibleGrid .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .flexibleGrid .mr-sm-n4,
  .flexibleGrid .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .flexibleGrid .mb-sm-n4,
  .flexibleGrid .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .flexibleGrid .ml-sm-n4,
  .flexibleGrid .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .flexibleGrid .m-sm-n5 {
    margin: -3rem !important;
  }
  .flexibleGrid .mt-sm-n5,
  .flexibleGrid .my-sm-n5 {
    margin-top: -3rem !important;
  }
  .flexibleGrid .mr-sm-n5,
  .flexibleGrid .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .flexibleGrid .mb-sm-n5,
  .flexibleGrid .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .flexibleGrid .ml-sm-n5,
  .flexibleGrid .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .flexibleGrid .m-sm-auto {
    margin: auto !important;
  }
  .flexibleGrid .mt-sm-auto,
  .flexibleGrid .my-sm-auto {
    margin-top: auto !important;
  }
  .flexibleGrid .mr-sm-auto,
  .flexibleGrid .mx-sm-auto {
    margin-right: auto !important;
  }
  .flexibleGrid .mb-sm-auto,
  .flexibleGrid .my-sm-auto {
    margin-bottom: auto !important;
  }
  .flexibleGrid .ml-sm-auto,
  .flexibleGrid .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .flexibleGrid .m-md-0 {
    margin: 0 !important;
  }
  .flexibleGrid .mt-md-0,
  .flexibleGrid .my-md-0 {
    margin-top: 0 !important;
  }
  .flexibleGrid .mr-md-0,
  .flexibleGrid .mx-md-0 {
    margin-right: 0 !important;
  }
  .flexibleGrid .mb-md-0,
  .flexibleGrid .my-md-0 {
    margin-bottom: 0 !important;
  }
  .flexibleGrid .ml-md-0,
  .flexibleGrid .mx-md-0 {
    margin-left: 0 !important;
  }
  .flexibleGrid .m-md-1 {
    margin: 0.25rem !important;
  }
  .flexibleGrid .mt-md-1,
  .flexibleGrid .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .flexibleGrid .mr-md-1,
  .flexibleGrid .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .flexibleGrid .mb-md-1,
  .flexibleGrid .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .flexibleGrid .ml-md-1,
  .flexibleGrid .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .flexibleGrid .m-md-2 {
    margin: 0.5rem !important;
  }
  .flexibleGrid .mt-md-2,
  .flexibleGrid .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .flexibleGrid .mr-md-2,
  .flexibleGrid .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .flexibleGrid .mb-md-2,
  .flexibleGrid .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .flexibleGrid .ml-md-2,
  .flexibleGrid .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .flexibleGrid .m-md-3 {
    margin: 1rem !important;
  }
  .flexibleGrid .mt-md-3,
  .flexibleGrid .my-md-3 {
    margin-top: 1rem !important;
  }
  .flexibleGrid .mr-md-3,
  .flexibleGrid .mx-md-3 {
    margin-right: 1rem !important;
  }
  .flexibleGrid .mb-md-3,
  .flexibleGrid .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .flexibleGrid .ml-md-3,
  .flexibleGrid .mx-md-3 {
    margin-left: 1rem !important;
  }
  .flexibleGrid .m-md-4 {
    margin: 1.5rem !important;
  }
  .flexibleGrid .mt-md-4,
  .flexibleGrid .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .flexibleGrid .mr-md-4,
  .flexibleGrid .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .flexibleGrid .mb-md-4,
  .flexibleGrid .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .flexibleGrid .ml-md-4,
  .flexibleGrid .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .flexibleGrid .m-md-5 {
    margin: 3rem !important;
  }
  .flexibleGrid .mt-md-5,
  .flexibleGrid .my-md-5 {
    margin-top: 3rem !important;
  }
  .flexibleGrid .mr-md-5,
  .flexibleGrid .mx-md-5 {
    margin-right: 3rem !important;
  }
  .flexibleGrid .mb-md-5,
  .flexibleGrid .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .flexibleGrid .ml-md-5,
  .flexibleGrid .mx-md-5 {
    margin-left: 3rem !important;
  }
  .flexibleGrid .p-md-0 {
    padding: 0 !important;
  }
  .flexibleGrid .pt-md-0,
  .flexibleGrid .py-md-0 {
    padding-top: 0 !important;
  }
  .flexibleGrid .pr-md-0,
  .flexibleGrid .px-md-0 {
    padding-right: 0 !important;
  }
  .flexibleGrid .pb-md-0,
  .flexibleGrid .py-md-0 {
    padding-bottom: 0 !important;
  }
  .flexibleGrid .pl-md-0,
  .flexibleGrid .px-md-0 {
    padding-left: 0 !important;
  }
  .flexibleGrid .p-md-1 {
    padding: 0.25rem !important;
  }
  .flexibleGrid .pt-md-1,
  .flexibleGrid .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .flexibleGrid .pr-md-1,
  .flexibleGrid .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .flexibleGrid .pb-md-1,
  .flexibleGrid .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .flexibleGrid .pl-md-1,
  .flexibleGrid .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .flexibleGrid .p-md-2 {
    padding: 0.5rem !important;
  }
  .flexibleGrid .pt-md-2,
  .flexibleGrid .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .flexibleGrid .pr-md-2,
  .flexibleGrid .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .flexibleGrid .pb-md-2,
  .flexibleGrid .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .flexibleGrid .pl-md-2,
  .flexibleGrid .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .flexibleGrid .p-md-3 {
    padding: 1rem !important;
  }
  .flexibleGrid .pt-md-3,
  .flexibleGrid .py-md-3 {
    padding-top: 1rem !important;
  }
  .flexibleGrid .pr-md-3,
  .flexibleGrid .px-md-3 {
    padding-right: 1rem !important;
  }
  .flexibleGrid .pb-md-3,
  .flexibleGrid .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .flexibleGrid .pl-md-3,
  .flexibleGrid .px-md-3 {
    padding-left: 1rem !important;
  }
  .flexibleGrid .p-md-4 {
    padding: 1.5rem !important;
  }
  .flexibleGrid .pt-md-4,
  .flexibleGrid .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .flexibleGrid .pr-md-4,
  .flexibleGrid .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .flexibleGrid .pb-md-4,
  .flexibleGrid .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .flexibleGrid .pl-md-4,
  .flexibleGrid .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .flexibleGrid .p-md-5 {
    padding: 3rem !important;
  }
  .flexibleGrid .pt-md-5,
  .flexibleGrid .py-md-5 {
    padding-top: 3rem !important;
  }
  .flexibleGrid .pr-md-5,
  .flexibleGrid .px-md-5 {
    padding-right: 3rem !important;
  }
  .flexibleGrid .pb-md-5,
  .flexibleGrid .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .flexibleGrid .pl-md-5,
  .flexibleGrid .px-md-5 {
    padding-left: 3rem !important;
  }
  .flexibleGrid .m-md-n1 {
    margin: -0.25rem !important;
  }
  .flexibleGrid .mt-md-n1,
  .flexibleGrid .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .flexibleGrid .mr-md-n1,
  .flexibleGrid .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .flexibleGrid .mb-md-n1,
  .flexibleGrid .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .flexibleGrid .ml-md-n1,
  .flexibleGrid .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .flexibleGrid .m-md-n2 {
    margin: -0.5rem !important;
  }
  .flexibleGrid .mt-md-n2,
  .flexibleGrid .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .flexibleGrid .mr-md-n2,
  .flexibleGrid .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .flexibleGrid .mb-md-n2,
  .flexibleGrid .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .flexibleGrid .ml-md-n2,
  .flexibleGrid .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .flexibleGrid .m-md-n3 {
    margin: -1rem !important;
  }
  .flexibleGrid .mt-md-n3,
  .flexibleGrid .my-md-n3 {
    margin-top: -1rem !important;
  }
  .flexibleGrid .mr-md-n3,
  .flexibleGrid .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .flexibleGrid .mb-md-n3,
  .flexibleGrid .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .flexibleGrid .ml-md-n3,
  .flexibleGrid .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .flexibleGrid .m-md-n4 {
    margin: -1.5rem !important;
  }
  .flexibleGrid .mt-md-n4,
  .flexibleGrid .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .flexibleGrid .mr-md-n4,
  .flexibleGrid .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .flexibleGrid .mb-md-n4,
  .flexibleGrid .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .flexibleGrid .ml-md-n4,
  .flexibleGrid .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .flexibleGrid .m-md-n5 {
    margin: -3rem !important;
  }
  .flexibleGrid .mt-md-n5,
  .flexibleGrid .my-md-n5 {
    margin-top: -3rem !important;
  }
  .flexibleGrid .mr-md-n5,
  .flexibleGrid .mx-md-n5 {
    margin-right: -3rem !important;
  }
  .flexibleGrid .mb-md-n5,
  .flexibleGrid .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .flexibleGrid .ml-md-n5,
  .flexibleGrid .mx-md-n5 {
    margin-left: -3rem !important;
  }
  .flexibleGrid .m-md-auto {
    margin: auto !important;
  }
  .flexibleGrid .mt-md-auto,
  .flexibleGrid .my-md-auto {
    margin-top: auto !important;
  }
  .flexibleGrid .mr-md-auto,
  .flexibleGrid .mx-md-auto {
    margin-right: auto !important;
  }
  .flexibleGrid .mb-md-auto,
  .flexibleGrid .my-md-auto {
    margin-bottom: auto !important;
  }
  .flexibleGrid .ml-md-auto,
  .flexibleGrid .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .flexibleGrid .m-lg-0 {
    margin: 0 !important;
  }
  .flexibleGrid .mt-lg-0,
  .flexibleGrid .my-lg-0 {
    margin-top: 0 !important;
  }
  .flexibleGrid .mr-lg-0,
  .flexibleGrid .mx-lg-0 {
    margin-right: 0 !important;
  }
  .flexibleGrid .mb-lg-0,
  .flexibleGrid .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .flexibleGrid .ml-lg-0,
  .flexibleGrid .mx-lg-0 {
    margin-left: 0 !important;
  }
  .flexibleGrid .m-lg-1 {
    margin: 0.25rem !important;
  }
  .flexibleGrid .mt-lg-1,
  .flexibleGrid .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .flexibleGrid .mr-lg-1,
  .flexibleGrid .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .flexibleGrid .mb-lg-1,
  .flexibleGrid .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .flexibleGrid .ml-lg-1,
  .flexibleGrid .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .flexibleGrid .m-lg-2 {
    margin: 0.5rem !important;
  }
  .flexibleGrid .mt-lg-2,
  .flexibleGrid .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .flexibleGrid .mr-lg-2,
  .flexibleGrid .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .flexibleGrid .mb-lg-2,
  .flexibleGrid .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .flexibleGrid .ml-lg-2,
  .flexibleGrid .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .flexibleGrid .m-lg-3 {
    margin: 1rem !important;
  }
  .flexibleGrid .mt-lg-3,
  .flexibleGrid .my-lg-3 {
    margin-top: 1rem !important;
  }
  .flexibleGrid .mr-lg-3,
  .flexibleGrid .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .flexibleGrid .mb-lg-3,
  .flexibleGrid .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .flexibleGrid .ml-lg-3,
  .flexibleGrid .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .flexibleGrid .m-lg-4 {
    margin: 1.5rem !important;
  }
  .flexibleGrid .mt-lg-4,
  .flexibleGrid .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .flexibleGrid .mr-lg-4,
  .flexibleGrid .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .flexibleGrid .mb-lg-4,
  .flexibleGrid .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .flexibleGrid .ml-lg-4,
  .flexibleGrid .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .flexibleGrid .m-lg-5 {
    margin: 3rem !important;
  }
  .flexibleGrid .mt-lg-5,
  .flexibleGrid .my-lg-5 {
    margin-top: 3rem !important;
  }
  .flexibleGrid .mr-lg-5,
  .flexibleGrid .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .flexibleGrid .mb-lg-5,
  .flexibleGrid .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .flexibleGrid .ml-lg-5,
  .flexibleGrid .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .flexibleGrid .p-lg-0 {
    padding: 0 !important;
  }
  .flexibleGrid .pt-lg-0,
  .flexibleGrid .py-lg-0 {
    padding-top: 0 !important;
  }
  .flexibleGrid .pr-lg-0,
  .flexibleGrid .px-lg-0 {
    padding-right: 0 !important;
  }
  .flexibleGrid .pb-lg-0,
  .flexibleGrid .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .flexibleGrid .pl-lg-0,
  .flexibleGrid .px-lg-0 {
    padding-left: 0 !important;
  }
  .flexibleGrid .p-lg-1 {
    padding: 0.25rem !important;
  }
  .flexibleGrid .pt-lg-1,
  .flexibleGrid .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .flexibleGrid .pr-lg-1,
  .flexibleGrid .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .flexibleGrid .pb-lg-1,
  .flexibleGrid .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .flexibleGrid .pl-lg-1,
  .flexibleGrid .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .flexibleGrid .p-lg-2 {
    padding: 0.5rem !important;
  }
  .flexibleGrid .pt-lg-2,
  .flexibleGrid .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .flexibleGrid .pr-lg-2,
  .flexibleGrid .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .flexibleGrid .pb-lg-2,
  .flexibleGrid .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .flexibleGrid .pl-lg-2,
  .flexibleGrid .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .flexibleGrid .p-lg-3 {
    padding: 1rem !important;
  }
  .flexibleGrid .pt-lg-3,
  .flexibleGrid .py-lg-3 {
    padding-top: 1rem !important;
  }
  .flexibleGrid .pr-lg-3,
  .flexibleGrid .px-lg-3 {
    padding-right: 1rem !important;
  }
  .flexibleGrid .pb-lg-3,
  .flexibleGrid .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .flexibleGrid .pl-lg-3,
  .flexibleGrid .px-lg-3 {
    padding-left: 1rem !important;
  }
  .flexibleGrid .p-lg-4 {
    padding: 1.5rem !important;
  }
  .flexibleGrid .pt-lg-4,
  .flexibleGrid .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .flexibleGrid .pr-lg-4,
  .flexibleGrid .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .flexibleGrid .pb-lg-4,
  .flexibleGrid .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .flexibleGrid .pl-lg-4,
  .flexibleGrid .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .flexibleGrid .p-lg-5 {
    padding: 3rem !important;
  }
  .flexibleGrid .pt-lg-5,
  .flexibleGrid .py-lg-5 {
    padding-top: 3rem !important;
  }
  .flexibleGrid .pr-lg-5,
  .flexibleGrid .px-lg-5 {
    padding-right: 3rem !important;
  }
  .flexibleGrid .pb-lg-5,
  .flexibleGrid .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .flexibleGrid .pl-lg-5,
  .flexibleGrid .px-lg-5 {
    padding-left: 3rem !important;
  }
  .flexibleGrid .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .flexibleGrid .mt-lg-n1,
  .flexibleGrid .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .flexibleGrid .mr-lg-n1,
  .flexibleGrid .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .flexibleGrid .mb-lg-n1,
  .flexibleGrid .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .flexibleGrid .ml-lg-n1,
  .flexibleGrid .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .flexibleGrid .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .flexibleGrid .mt-lg-n2,
  .flexibleGrid .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .flexibleGrid .mr-lg-n2,
  .flexibleGrid .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .flexibleGrid .mb-lg-n2,
  .flexibleGrid .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .flexibleGrid .ml-lg-n2,
  .flexibleGrid .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .flexibleGrid .m-lg-n3 {
    margin: -1rem !important;
  }
  .flexibleGrid .mt-lg-n3,
  .flexibleGrid .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .flexibleGrid .mr-lg-n3,
  .flexibleGrid .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .flexibleGrid .mb-lg-n3,
  .flexibleGrid .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .flexibleGrid .ml-lg-n3,
  .flexibleGrid .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .flexibleGrid .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .flexibleGrid .mt-lg-n4,
  .flexibleGrid .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .flexibleGrid .mr-lg-n4,
  .flexibleGrid .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .flexibleGrid .mb-lg-n4,
  .flexibleGrid .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .flexibleGrid .ml-lg-n4,
  .flexibleGrid .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .flexibleGrid .m-lg-n5 {
    margin: -3rem !important;
  }
  .flexibleGrid .mt-lg-n5,
  .flexibleGrid .my-lg-n5 {
    margin-top: -3rem !important;
  }
  .flexibleGrid .mr-lg-n5,
  .flexibleGrid .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .flexibleGrid .mb-lg-n5,
  .flexibleGrid .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .flexibleGrid .ml-lg-n5,
  .flexibleGrid .mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .flexibleGrid .m-lg-auto {
    margin: auto !important;
  }
  .flexibleGrid .mt-lg-auto,
  .flexibleGrid .my-lg-auto {
    margin-top: auto !important;
  }
  .flexibleGrid .mr-lg-auto,
  .flexibleGrid .mx-lg-auto {
    margin-right: auto !important;
  }
  .flexibleGrid .mb-lg-auto,
  .flexibleGrid .my-lg-auto {
    margin-bottom: auto !important;
  }
  .flexibleGrid .ml-lg-auto,
  .flexibleGrid .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .flexibleGrid .m-xl-0 {
    margin: 0 !important;
  }
  .flexibleGrid .mt-xl-0,
  .flexibleGrid .my-xl-0 {
    margin-top: 0 !important;
  }
  .flexibleGrid .mr-xl-0,
  .flexibleGrid .mx-xl-0 {
    margin-right: 0 !important;
  }
  .flexibleGrid .mb-xl-0,
  .flexibleGrid .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .flexibleGrid .ml-xl-0,
  .flexibleGrid .mx-xl-0 {
    margin-left: 0 !important;
  }
  .flexibleGrid .m-xl-1 {
    margin: 0.25rem !important;
  }
  .flexibleGrid .mt-xl-1,
  .flexibleGrid .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .flexibleGrid .mr-xl-1,
  .flexibleGrid .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .flexibleGrid .mb-xl-1,
  .flexibleGrid .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .flexibleGrid .ml-xl-1,
  .flexibleGrid .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .flexibleGrid .m-xl-2 {
    margin: 0.5rem !important;
  }
  .flexibleGrid .mt-xl-2,
  .flexibleGrid .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .flexibleGrid .mr-xl-2,
  .flexibleGrid .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .flexibleGrid .mb-xl-2,
  .flexibleGrid .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .flexibleGrid .ml-xl-2,
  .flexibleGrid .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .flexibleGrid .m-xl-3 {
    margin: 1rem !important;
  }
  .flexibleGrid .mt-xl-3,
  .flexibleGrid .my-xl-3 {
    margin-top: 1rem !important;
  }
  .flexibleGrid .mr-xl-3,
  .flexibleGrid .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .flexibleGrid .mb-xl-3,
  .flexibleGrid .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .flexibleGrid .ml-xl-3,
  .flexibleGrid .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .flexibleGrid .m-xl-4 {
    margin: 1.5rem !important;
  }
  .flexibleGrid .mt-xl-4,
  .flexibleGrid .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .flexibleGrid .mr-xl-4,
  .flexibleGrid .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .flexibleGrid .mb-xl-4,
  .flexibleGrid .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .flexibleGrid .ml-xl-4,
  .flexibleGrid .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .flexibleGrid .m-xl-5 {
    margin: 3rem !important;
  }
  .flexibleGrid .mt-xl-5,
  .flexibleGrid .my-xl-5 {
    margin-top: 3rem !important;
  }
  .flexibleGrid .mr-xl-5,
  .flexibleGrid .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .flexibleGrid .mb-xl-5,
  .flexibleGrid .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .flexibleGrid .ml-xl-5,
  .flexibleGrid .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .flexibleGrid .p-xl-0 {
    padding: 0 !important;
  }
  .flexibleGrid .pt-xl-0,
  .flexibleGrid .py-xl-0 {
    padding-top: 0 !important;
  }
  .flexibleGrid .pr-xl-0,
  .flexibleGrid .px-xl-0 {
    padding-right: 0 !important;
  }
  .flexibleGrid .pb-xl-0,
  .flexibleGrid .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .flexibleGrid .pl-xl-0,
  .flexibleGrid .px-xl-0 {
    padding-left: 0 !important;
  }
  .flexibleGrid .p-xl-1 {
    padding: 0.25rem !important;
  }
  .flexibleGrid .pt-xl-1,
  .flexibleGrid .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .flexibleGrid .pr-xl-1,
  .flexibleGrid .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .flexibleGrid .pb-xl-1,
  .flexibleGrid .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .flexibleGrid .pl-xl-1,
  .flexibleGrid .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .flexibleGrid .p-xl-2 {
    padding: 0.5rem !important;
  }
  .flexibleGrid .pt-xl-2,
  .flexibleGrid .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .flexibleGrid .pr-xl-2,
  .flexibleGrid .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .flexibleGrid .pb-xl-2,
  .flexibleGrid .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .flexibleGrid .pl-xl-2,
  .flexibleGrid .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .flexibleGrid .p-xl-3 {
    padding: 1rem !important;
  }
  .flexibleGrid .pt-xl-3,
  .flexibleGrid .py-xl-3 {
    padding-top: 1rem !important;
  }
  .flexibleGrid .pr-xl-3,
  .flexibleGrid .px-xl-3 {
    padding-right: 1rem !important;
  }
  .flexibleGrid .pb-xl-3,
  .flexibleGrid .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .flexibleGrid .pl-xl-3,
  .flexibleGrid .px-xl-3 {
    padding-left: 1rem !important;
  }
  .flexibleGrid .p-xl-4 {
    padding: 1.5rem !important;
  }
  .flexibleGrid .pt-xl-4,
  .flexibleGrid .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .flexibleGrid .pr-xl-4,
  .flexibleGrid .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .flexibleGrid .pb-xl-4,
  .flexibleGrid .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .flexibleGrid .pl-xl-4,
  .flexibleGrid .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .flexibleGrid .p-xl-5 {
    padding: 3rem !important;
  }
  .flexibleGrid .pt-xl-5,
  .flexibleGrid .py-xl-5 {
    padding-top: 3rem !important;
  }
  .flexibleGrid .pr-xl-5,
  .flexibleGrid .px-xl-5 {
    padding-right: 3rem !important;
  }
  .flexibleGrid .pb-xl-5,
  .flexibleGrid .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .flexibleGrid .pl-xl-5,
  .flexibleGrid .px-xl-5 {
    padding-left: 3rem !important;
  }
  .flexibleGrid .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .flexibleGrid .mt-xl-n1,
  .flexibleGrid .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .flexibleGrid .mr-xl-n1,
  .flexibleGrid .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .flexibleGrid .mb-xl-n1,
  .flexibleGrid .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .flexibleGrid .ml-xl-n1,
  .flexibleGrid .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .flexibleGrid .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .flexibleGrid .mt-xl-n2,
  .flexibleGrid .my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .flexibleGrid .mr-xl-n2,
  .flexibleGrid .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .flexibleGrid .mb-xl-n2,
  .flexibleGrid .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .flexibleGrid .ml-xl-n2,
  .flexibleGrid .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .flexibleGrid .m-xl-n3 {
    margin: -1rem !important;
  }
  .flexibleGrid .mt-xl-n3,
  .flexibleGrid .my-xl-n3 {
    margin-top: -1rem !important;
  }
  .flexibleGrid .mr-xl-n3,
  .flexibleGrid .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .flexibleGrid .mb-xl-n3,
  .flexibleGrid .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .flexibleGrid .ml-xl-n3,
  .flexibleGrid .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .flexibleGrid .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .flexibleGrid .mt-xl-n4,
  .flexibleGrid .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .flexibleGrid .mr-xl-n4,
  .flexibleGrid .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .flexibleGrid .mb-xl-n4,
  .flexibleGrid .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .flexibleGrid .ml-xl-n4,
  .flexibleGrid .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .flexibleGrid .m-xl-n5 {
    margin: -3rem !important;
  }
  .flexibleGrid .mt-xl-n5,
  .flexibleGrid .my-xl-n5 {
    margin-top: -3rem !important;
  }
  .flexibleGrid .mr-xl-n5,
  .flexibleGrid .mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .flexibleGrid .mb-xl-n5,
  .flexibleGrid .my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .flexibleGrid .ml-xl-n5,
  .flexibleGrid .mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .flexibleGrid .m-xl-auto {
    margin: auto !important;
  }
  .flexibleGrid .mt-xl-auto,
  .flexibleGrid .my-xl-auto {
    margin-top: auto !important;
  }
  .flexibleGrid .mr-xl-auto,
  .flexibleGrid .mx-xl-auto {
    margin-right: auto !important;
  }
  .flexibleGrid .mb-xl-auto,
  .flexibleGrid .my-xl-auto {
    margin-bottom: auto !important;
  }
  .flexibleGrid .ml-xl-auto,
  .flexibleGrid .mx-xl-auto {
    margin-left: auto !important;
  }
}
.flexibleGrid .text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}
.flexibleGrid .text-justify {
  text-align: justify !important;
}
.flexibleGrid .text-wrap {
  white-space: normal !important;
}
.flexibleGrid .text-nowrap {
  white-space: nowrap !important;
}
.flexibleGrid .text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.flexibleGrid .text-left {
  text-align: left !important;
}
.flexibleGrid .text-right {
  text-align: right !important;
}
.flexibleGrid .text-center {
  text-align: center !important;
}
@media (min-width: 576px) {
  .flexibleGrid .text-sm-left {
    text-align: left !important;
  }
  .flexibleGrid .text-sm-right {
    text-align: right !important;
  }
  .flexibleGrid .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .flexibleGrid .text-md-left {
    text-align: left !important;
  }
  .flexibleGrid .text-md-right {
    text-align: right !important;
  }
  .flexibleGrid .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .flexibleGrid .text-lg-left {
    text-align: left !important;
  }
  .flexibleGrid .text-lg-right {
    text-align: right !important;
  }
  .flexibleGrid .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .flexibleGrid .text-xl-left {
    text-align: left !important;
  }
  .flexibleGrid .text-xl-right {
    text-align: right !important;
  }
  .flexibleGrid .text-xl-center {
    text-align: center !important;
  }
}
.flexibleGrid .padding-before_extra-small {
  padding-top: 0.25rem;
}
.flexibleGrid .padding-before_small {
  padding-top: 0.5rem;
}
.flexibleGrid .padding-before_medium {
  padding-top: 1rem;
}
.flexibleGrid .padding-before_large {
  padding-top: 1.5rem;
}
.flexibleGrid .padding-before_extra-large {
  padding-top: 3rem;
}
.flexibleGrid .padding-after_extra-small {
  padding-bottom: 0.25rem;
}
.flexibleGrid .padding-after_small {
  padding-bottom: 0.5rem;
}
.flexibleGrid .padding-after_medium {
  padding-bottom: 1rem;
}
.flexibleGrid .padding-after_large {
  padding-bottom: 1.5rem;
}
.flexibleGrid .padding-after_extra-large {
  padding-bottom: 3rem;
}
.flexibleGrid .margin-before_extra-small {
  margin-top: 0.25rem;
}
.flexibleGrid .margin-before_small {
  margin-top: 0.5rem;
}
.flexibleGrid .margin-before_medium {
  margin-top: 1rem;
}
.flexibleGrid .margin-before_large {
  margin-top: 1.5rem;
}
.flexibleGrid .margin-before_extra-large {
  margin-top: 3rem;
}
.flexibleGrid .margin-after_extra-small {
  margin-bottom: 0.25rem;
}
.flexibleGrid .margin-after_small {
  margin-bottom: 0.5rem;
}
.flexibleGrid .margin-after_medium {
  margin-bottom: 1rem;
}
.flexibleGrid .margin-after_large {
  margin-bottom: 1.5rem;
}
.flexibleGrid .margin-after_extra-large {
  margin-bottom: 3rem;
}
.flexibleGrid > .readmore_button {
  display: block;
  text-align: center;
  text-decoration: none;
  margin-bottom: 1rem;
}
.flexibleGrid > .readmore_button::after {
  font-family: FontAwesome;
  content: "\f107";
  color: #777777;
  display: inline-block;
  margin-left: 0.25rem;
}
.flexibleGrid > .readmore_button--is-content-open::after {
  font-family: FontAwesome;
  content: "\f106";
}
.flexibleGrid > .readmore_button:focus {
  color: #337ab7;
}

.fmhRechner {
  width: 100%;
  border: none;
}

.fullwidth-container {
  width: 100vw;
  max-width: calc(100vw - 2rem);
}
@media all and (max-width: 1199px) {
  .fullwidth-container {
    /* workaround for windows scrollbar bug in vw */
  }
  .fullwidth-container.respect-scrollbar {
    max-width: calc(100vw - 2rem - 17px);
  }
}
@media all and (min-width: 1200px) {
  .fullwidth-container {
    width: 1134px;
  }
}

.geldanlageHeader {
  background: #ECF6FD;
}
.geldanlageHeader h1 {
  margin: inherit;
}

.geldanlageWerbungOben {
  display: none;
}
.geldanlageWerbungOben .geldanlageWerbung_anzeige {
  float: right;
  margin-bottom: 0.3rem;
  margin-right: 1rem;
  font-size: 15px;
  font-weight: bold;
}
.geldanlageWerbungOben .geldanlageWerbung_contentRow {
  margin-bottom: 4px;
}

.geldanlageWerbungOben_container {
  background: #ECF6FD;
}

.geldanlageWerbung {
  display: none;
}
.geldanlageWerbung .toppartnerbox {
  border-bottom: 1px solid #9BB4C5;
  border-top: 1px solid #9BB4C5;
  margin-bottom: 1.9rem;
}
.geldanlageWerbung .geldanlageWerbung_anzeige {
  float: right;
  margin-bottom: 0.3rem;
  margin-right: 1rem;
  font-size: 15px;
  font-weight: bold;
}

div#geldanlageVergleich vde-vergleichsbox:first-of-type {
  margin-top: 0px;
}
@media (max-width: 1199px) {
  div#geldanlageVergleich .toppartnerbox_column--is-left strong {
    font-size: 3rem;
  }
}

#typo3-advertisement {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5em;
}

.geldanlageWerbung_contentContainer {
  margin-right: auto;
  margin-left: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.geldanlageWerbung_contentContainer:before,
.geldanlageWerbung_contentContainer:after {
  content: " ";
  display: table;
}

.geldanlageWerbung_contentRow {
  margin-left: -1rem;
  margin-right: -1rem;
}

.geldanlageWerbung_contentRow:before,
.geldanlageWerbung_contentRow:after {
  content: " ";
  display: table;
}

.geldanlageWerbung_content {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding: 0 1rem;
}

.geldanlageWerbung_contentRow:after {
  clear: both;
}

.geldanlageWerbung_contentRow:before,
.geldanlageWerbung_contentRow:after {
  content: " ";
  display: table;
}

@media (max-width: 767px) {
  .geldanlageWerbung_contentContainer {
    max-width: 348px;
  }
  .geldanlageHeader .geldanlageWerbung_content {
    padding: 3rem 1rem;
  }
  .geldanlageWerbungOben_container {
    padding-bottom: 40px;
  }
}
@media (min-width: 768px) {
  .geldanlageWerbung_contentContainer {
    max-width: 702px;
  }
}
@media (min-width: 992px) {
  .geldanlageWerbung_contentContainer {
    max-width: 930px;
  }
}
@media (min-width: 1200px) {
  .geldanlageWerbung_contentContainer {
    max-width: 1170px;
  }
}
.iconMitSlogan {
  display: flex;
  height: 50px;
  margin: 0 0 1.5rem 0;
}
@media (max-width: 767px) {
  .iconMitSlogan.xs-centered div {
    flex-grow: 1;
  }
}
@media (max-width: 991px) {
  .iconMitSlogan.md-centered div {
    flex-grow: 1;
  }
}
@media (min-width: 992px) {
  .iconMitSlogan.lg-centered div {
    flex-grow: 1;
  }
}
.iconMitSlogan div {
  display: flex;
  align-items: center;
}
.iconMitSlogan div .image {
  margin-right: 1rem;
  max-height: 50px;
  max-width: 50px;
}
.iconMitSlogan div p {
  font-weight: 400;
}

.indexedSearchBasis_contentContainer {
  padding-right: 1rem;
  padding-left: 1rem;
  margin-right: auto;
  margin-left: auto;
}
.indexedSearchBasis_contentContainer:before, .indexedSearchBasis_contentContainer:after {
  display: table;
  content: " ";
}
.indexedSearchBasis_contentContainer:after {
  clear: both;
}
@media (min-width: 1200px) {
  .indexedSearchBasis_contentContainer {
    width: 1170px;
  }
}
.indexedSearchBasis_contentRow {
  margin-right: -1rem;
  margin-left: -1rem;
}
.indexedSearchBasis_contentRow:before, .indexedSearchBasis_contentRow:after {
  display: table;
  content: " ";
}
.indexedSearchBasis_contentRow:after {
  clear: both;
}
.indexedSearchBasis_content {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
  position: relative;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
  margin-bottom: 2.75rem;
}
@media (min-width: 992px) {
  .indexedSearchBasis_content {
    float: left;
    width: 66.6666666667%;
  }
}
.indexedSearchBasis_mehrwerteTeaser {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
  position: relative;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
  margin-bottom: 2.75rem;
  padding-left: 3rem;
}
@media (min-width: 992px) {
  .indexedSearchBasis_mehrwerteTeaser {
    float: left;
    width: 33.3333333333%;
  }
}
.indexedSearchBasis_mehrwerteTeaser .mehrwerteTeaser {
  padding-top: 1.75rem;
  padding-bottom: 2.75rem;
}
.indexedSearchBasis_mehrwerteTeaser h1, .indexedSearchBasis_mehrwerteTeaser h2, .indexedSearchBasis_mehrwerteTeaser h3, .indexedSearchBasis_mehrwerteTeaser h4, .indexedSearchBasis_mehrwerteTeaser div.heading {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #123B71;
  line-height: 1.25em;
  font-size: 1.125rem;
  margin: 1rem 0 1rem;
}
.indexedSearchBasis_mehrwerteTeaser .mehrwerteTeaser + .mehrwerteTeaser {
  border-top: 1px solid #B3C5D9;
}

div.infoModul {
  padding: 1.556rem;
  background-color: #fff;
  border-width: 1px;
  border-style: solid;
  border-radius: 15px;
  border-color: #B3C5D9;
}
div.infoModul > .mehrwerteTeaser > *:first-child,
div.infoModul > *:first-child.heading,
div.infoModul > *:first-child {
  margin-top: 0;
}
div.infoModul-green {
  border-color: #35A976;
}
div.infoModul-blue {
  border-color: #2C99BA;
}
div.infoModul-yellow {
  border-color: #D89734;
}
div.infoModul-red {
  border-color: #AA0000;
}
div.infoModul-before_none {
  margin-top: 0 !important;
}
div.infoModul-before_extra-small {
  margin-top: 0.25rem !important;
}
div.infoModul-before_small {
  margin-top: 0.5rem !important;
}
div.infoModul-before_medium {
  margin-top: 1rem !important;
}
div.infoModul-before_large {
  margin-top: 1.5rem !important;
}
div.infoModul-before_extra-large {
  margin-top: 3rem !important;
}
div.infoModul-before_default {
  margin-top: 1.556rem !important;
}
div.infoModul-after_none {
  margin-bottom: 0 !important;
}
div.infoModul-after_extra-small {
  margin-bottom: 0.25rem !important;
}
div.infoModul-after_small {
  margin-bottom: 0.5rem !important;
}
div.infoModul-after_medium {
  margin-bottom: 1rem !important;
}
div.infoModul-after_large {
  margin-bottom: 1.5rem !important;
}
div.infoModul-after_extra-large {
  margin-bottom: 3rem !important;
}
div.infoModul-after_default {
  margin-bottom: 1.556rem !important;
}
div.infoModul .infoModul_head {
  display: flex;
  padding: 0 0 1rem 0;
}
div.infoModul .infoModul_head .infoModul_image {
  flex-basis: 2.222rem;
  width: 2.222rem;
  min-width: 2.222rem;
  height: 2.222rem;
  margin-right: 0.889rem;
  padding: 0;
}
div.infoModul .infoModul_head .infoModul_image .infoModul_green {
  fill: #35A976;
}
div.infoModul .infoModul_head .infoModul_image .infoModul_blue {
  fill: #2C99BA;
}
div.infoModul .infoModul_head .infoModul_image .infoModul_yellow {
  fill: #D89734;
}
div.infoModul .infoModul_head .infoModul_image .infoModul_red {
  fill: #AA0000;
}
div.infoModul .infoModul_head .infoModul_image .infoModul_none {
  fill: #B3C5D9;
}
div.infoModul .infoModul_head .infoModul_image svg, div.infoModul .infoModul_head .infoModul_image img {
  width: 100%;
  height: 100%;
}
div.infoModul .infoModul_head h1, div.infoModul .infoModul_head h2, div.infoModul .infoModul_head h3, div.infoModul .infoModul_head h4, div.infoModul .infoModul_head div {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #123B71;
  line-height: 1.25em;
  font-size: 1.125rem;
  margin: 1rem 0 1rem;
  color: #000000;
  line-height: 1.389rem;
  margin: 0;
  padding: 0.333rem 0 0.444rem;
}
div.infoModul .infoModul_content {
  padding: 0;
}
div.infoModul .infoModul_content h1:first-child, div.infoModul .infoModul_content h2:first-child, div.infoModul .infoModul_content h3:first-child, div.infoModul .infoModul_content h4:first-child, div.infoModul .infoModul_content div:first-child, div.infoModul .infoModul_content ul:first-child, div.infoModul .infoModul_content ol:first-child, div.infoModul .infoModul_content li:first-child, div.infoModul .infoModul_content p:first-child {
  margin-top: 0;
  padding-top: 0;
}
div.infoModul .infoModul_content h1::before, div.infoModul .infoModul_content h2::before, div.infoModul .infoModul_content h3::before, div.infoModul .infoModul_content h4::before, div.infoModul .infoModul_content div::before, div.infoModul .infoModul_content ul::before, div.infoModul .infoModul_content ol::before, div.infoModul .infoModul_content li::before, div.infoModul .infoModul_content p::before {
  display: none;
}
div.infoModul .infoModul_content h1, div.infoModul .infoModul_content h2, div.infoModul .infoModul_content h3, div.infoModul .infoModul_content h4, div.infoModul .infoModul_content div, div.infoModul .infoModul_content p, div.infoModul .infoModul_content ul, div.infoModul .infoModul_content ol, div.infoModul .infoModul_content li {
  font-size: 1rem;
  line-height: 1.333rem;
  color: #000000;
}

#inhaltsverzeichnis {
  max-width: 37.333rem;
}

.inhaltsverzeichnis_contentContainer {
  padding-right: 1rem;
  padding-left: 1rem;
  margin-right: auto;
  margin-left: auto;
}
.inhaltsverzeichnis_contentContainer:before, .inhaltsverzeichnis_contentContainer:after {
  display: table;
  content: " ";
}
.inhaltsverzeichnis_contentContainer:after {
  clear: both;
}
@media (min-width: 1200px) {
  .inhaltsverzeichnis_contentContainer {
    width: 1170px;
  }
}
.inhaltsverzeichnis_contentRow {
  margin-right: -1rem;
  margin-left: -1rem;
}
.inhaltsverzeichnis_contentRow:before, .inhaltsverzeichnis_contentRow:after {
  display: table;
  content: " ";
}
.inhaltsverzeichnis_contentRow:after {
  clear: both;
}
.inhaltsverzeichnis_contentCol {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
}
.inhaltsverzeichnis_badge {
  display: none;
  position: fixed;
  z-index: 2;
  margin-top: 1rem;
  width: 58px;
  height: 58px;
  top: 15rem;
  right: 0;
  border-top-left-radius: 14px;
  border-bottom-left-radius: 14px;
  box-shadow: 0 0 5px rgba(60, 86, 119, 0.3019607843);
  background-image: url("/_assets/hypo-custom/Images/Container/Inhaltsverzeichnis/inhaltsverzeichnis-icon_blue-medium-dark.svg");
  background-color: #FFFFFF;
  background-size: 27px;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}
.inhaltsverzeichnis_container {
  margin: 16px 0;
  border: 0;
  padding: 16px 0;
  background-color: #FFFFFF;
}
.inhaltsverzeichnis_container:not(.inhaltsverzeichnis_container.mobile).mb, .inhaltsverzeichnis_container:not(.inhaltsverzeichnis_container.sticky).mb {
  margin-bottom: 4rem;
}
.inhaltsverzeichnis_container.mobile {
  position: fixed;
  z-index: 2;
  top: 64px;
  right: -100vw;
  width: 100vw;
  box-shadow: 0 0 5px rgba(60, 86, 119, 0.3019607843);
  padding-left: 16px;
  padding-bottom: 32px;
}
.inhaltsverzeichnis_container.mobile:after {
  content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg width='100%25' height='100%25' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(0.0672766,0,0,0.0672766,-3.56358,-1.30887)'%3E%3Cpath d='M311.1,233.4C323.6,245.9 323.6,266.2 311.1,278.7L119.1,470.7C106.6,483.2 86.3,483.2 73.8,470.7C61.3,458.2 61.3,437.9 73.8,425.4L243.2,256L73.9,86.6C61.4,74.1 61.4,53.8 73.9,41.3C86.4,28.8 106.7,28.8 119.2,41.3L311.2,233.3L311.1,233.4Z' style='fill:rgb(60,86,119);fill-rule:nonzero;'/%3E%3C/g%3E%3Cg transform='matrix(-0.0672766,8.23901e-18,-8.23901e-18,-0.0672766,35.3312,33.1367)'%3E%3Cpath d='M311.1,233.4C323.6,245.9 323.6,266.2 311.1,278.7L119.1,470.7C106.6,483.2 86.3,483.2 73.8,470.7C61.3,458.2 61.3,437.9 73.8,425.4L243.2,256L73.9,86.6C61.4,74.1 61.4,53.8 73.9,41.3C86.4,28.8 106.7,28.8 119.2,41.3L311.2,233.3L311.1,233.4Z' style='fill:rgb(60,86,119);fill-rule:nonzero;'/%3E%3C/g%3E%3C/svg%3E%0A");
  position: absolute;
  z-index: -1;
  top: 26px;
  right: 14px;
  min-width: 27px;
  max-width: 27px;
  max-height: 27px;
}
.inhaltsverzeichnis_container.sticky {
  position: absolute;
  z-index: 2;
  top: 3rem;
  right: 1rem;
  opacity: 0;
  max-width: 336px;
}
.inhaltsverzeichnis_head {
  padding: 11px 27px 0;
  color: #3C5677;
  font-size: 20.25px;
  line-height: 25px;
  font-weight: 500;
  cursor: pointer;
}
.inhaltsverzeichnis_body {
  margin-top: 1rem;
  max-height: 70vh;
  overflow-y: auto;
}
.inhaltsverzeichnis_list {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: section;
}
.inhaltsverzeichnis_list li {
  position: relative;
  display: flex;
  margin: 0;
  border-left: 3px solid #DEDEDE;
  padding: 7px 32px;
  line-height: 1.333rem;
}
.inhaltsverzeichnis_list li:first-child {
  padding-top: 14px;
}
.inhaltsverzeichnis_list li:last-child {
  padding-bottom: 14px;
}
.inhaltsverzeichnis_list li:before {
  content: counters(section, "");
  counter-increment: section;
  margin-left: -8px;
  font-size: 1rem;
  font-weight: 400;
  color: #496B94;
  max-width: 22px;
}
.inhaltsverzeichnis_list li:nth-child(-n+9):before {
  content: "0" counters(section, "");
}
.inhaltsverzeichnis_list li.active, .inhaltsverzeichnis_list li:hover {
  border-left: 3px solid #496B94;
}
.inhaltsverzeichnis_list li.active:before, .inhaltsverzeichnis_list li:hover:before {
  content: counters(section, "");
  font-weight: 500;
}
.inhaltsverzeichnis_list li.active:nth-child(-n+9):before, .inhaltsverzeichnis_list li:hover:nth-child(-n+9):before {
  content: "0" counters(section, "");
}
.inhaltsverzeichnis_list li.active a, .inhaltsverzeichnis_list li:hover a {
  font-weight: 500;
}
.inhaltsverzeichnis_list li a {
  padding-left: 12px;
  color: #000000;
}
.inhaltsverzeichnis_list li a:hover, .inhaltsverzeichnis_list li a:focus {
  font-weight: 500;
  text-decoration: none;
}
@media all and (max-width: 991px) {
  .inhaltsverzeichnis.is-badge .inhaltsverzeichnis_badge {
    display: block;
  }
  .inhaltsverzeichnis_container.mobile .inhaltsverzeichnis_body {
    max-height: 60vh;
    overflow-y: scroll;
  }
  .inhaltsverzeichnis_container.mobile .inhaltsverzeichnis_list li {
    padding: 7px 32px;
  }
}
@media all and (max-width: 767px) {
  .inhaltsverzeichnis_container.mobile .inhaltsverzeichnis_body {
    max-height: 55vh;
  }
}
@media all and (min-width: 992px) {
  .inhaltsverzeichnis.is-sticky {
    background-color: #FFFFFF;
  }
  .inhaltsverzeichnis_container.mobile {
    display: none;
  }
  .inhaltsverzeichnis_container.sticky {
    min-width: 336px;
  }
}

.karussell {
  margin: 1.5em 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  .karussell--is-mobile-disabled .karussell_liste,
  .karussell--is-mobile-disabled .karussell_navigator,
  .karussell--is-mobile-disabled .carousel-control {
    display: none;
  }
}
.karussell_content {
  width: 100%;
}
@media screen and (min-width: 992px) {
  .karussell_content .vergleichIntro_content {
    padding-bottom: 2rem;
  }
}
.karussell_navigator {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  height: 45px;
}
.karussell_steuerLink {
  width: 5%;
  display: inline-block;
  line-height: 0;
}
.karussell_steuerLink:hover {
  outline: 0;
  text-decoration: none;
}
.karussell_steuerIcon {
  z-index: 5;
  display: inline-block;
  vertical-align: middle;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center center;
  height: 19px;
  width: 13px;
}
.karussell_steuerIcon-left {
  background-image: url("/_assets/hypo-custom/Images/Container/Karussell/ic-slider-left.svg");
}
.karussell_steuerIcon-right {
  background-image: url("/_assets/hypo-custom/Images/Container/Karussell/ic-slider-right.svg");
}
.karussell .item.active .layout:last-child {
  padding-bottom: 3rem;
}
.karussell_liste {
  display: inline-block;
  padding-left: 0;
  list-style: none;
  line-height: 0;
  height: 15px;
  z-index: 15;
  margin: 0;
}
.karussell_liste li {
  display: inline-block;
  vertical-align: middle;
  margin: 1px;
  width: 13px;
  height: 13px;
  text-indent: -999px;
  background-color: #B3C5D9;
  border-radius: 100%;
  cursor: pointer;
}
.karussell_liste li:last-child {
  margin-bottom: 1px;
}
.karussell_liste .active {
  margin: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #496B94;
  background-color: #496B94;
}
.karussell_liste .active:last-child {
  margin-bottom: 0;
}

.karussellmodul {
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
  display: none;
  position: relative;
}
.karussellmodul.active {
  left: 0;
  display: block;
}
.karussellmodul.active.left {
  left: -100%;
}
.karussellmodul.active.right {
  left: 100%;
}
.karussellmodul.next, .karussellmodul.prev {
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
}
.karussellmodul.next {
  left: 100%;
}
.karussellmodul.next.left {
  left: 0;
}
.karussellmodul.prev {
  left: -100%;
}
.karussellmodul.prev.right {
  left: 0;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .karussellmodul {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -moz-transition: -moz-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
  }
  .karussellmodul.next {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .karussellmodul.next.left {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
  .karussellmodul.prev {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .karussellmodul.prev.right {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
  .karussellmodul.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
  .karussellmodul.active.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .karussellmodul.active.right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
}

.klappmodul {
  list-style-type: none;
  margin-top: 1rem;
}
.klappmodul h1, .klappmodul h2, .klappmodul h3, .klappmodul h4, .klappmodul div.heading {
  font-size: 1rem;
  color: #000000;
}
.klappmodul:first-child {
  margin: 0;
}
.klappmodul h2[id]::before,
.klappmodul h3[id]::before {
  content: none;
}
.klappmodul .klappmodul_head {
  background-color: #F2F2F2;
  border: 0.125rem solid #F2F2F2;
  border-radius: 0.375rem;
  padding: 0.5rem 1rem;
  cursor: pointer;
  background-image: url("/_assets/hypo-custom/Images/Container/Klappmodul/ic-klappmodul-closed_red.svg");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 1rem auto;
  min-height: 2.75rem;
  min-width: 100%;
  text-align: left;
}
.klappmodul .klappmodul_head:focus {
  border: 2px solid #000000;
  outline: none;
}
.klappmodul .klappmodul_head:active {
  border: 0.125rem solid #DEDEDE;
}
.klappmodul .klappmodul_head h1, .klappmodul .klappmodul_head h2, .klappmodul .klappmodul_head h3, .klappmodul .klappmodul_head h4, .klappmodul .klappmodul_head div.heading {
  margin: 0;
  padding-right: 2rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  color: #000000;
}
.klappmodul .klappmodul_head h1.heading--is-small, .klappmodul .klappmodul_head h2.heading--is-small, .klappmodul .klappmodul_head h3.heading--is-small, .klappmodul .klappmodul_head h4.heading--is-small, .klappmodul .klappmodul_head div.heading.heading--is-small {
  margin: 0;
  padding-right: 2rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  color: #000000;
}
.klappmodul .klappmodul_head--is-open {
  background-image: url("/_assets/hypo-custom/Images/Container/Klappmodul/ic-klappmodul-opened_red.svg");
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.klappmodul .klappmodul_body {
  border: 0.125rem solid #F2F2F2;
  border-bottom-left-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
  border-top: 0;
  padding: 1rem;
}
.klappmodul .klappmodul_body > .mehrwerteTeaser > *:first-child,
.klappmodul .klappmodul_body > *:first-child.heading,
.klappmodul .klappmodul_body > *:first-child {
  margin-top: 0;
}
.klappmodul .klappmodul_body h1, .klappmodul .klappmodul_body h2, .klappmodul .klappmodul_body h3, .klappmodul .klappmodul_body h4, .klappmodul .klappmodul_body div.heading {
  margin: 1rem 0;
}
.klappmodul:hover .klappmodul_head {
  background-color: #DEDEDE;
  border: 0.125rem solid #DEDEDE;
}
.klappmodul:hover .klappmodul_body {
  border-color: #DEDEDE;
}

.containerAlternierend:nth-child(odd) .klappmodul .klappmodul_head {
  background-color: #FFFFFF;
  border: 0.125rem solid #FFFFFF;
}
.containerAlternierend:nth-child(odd) .klappmodul .klappmodul_head:focus {
  border: 2px solid #000000;
  outline: none;
}
.containerAlternierend:nth-child(odd) .klappmodul .klappmodul_head:active {
  border: 0.125rem solid #DEDEDE;
}
.containerAlternierend:nth-child(odd) .klappmodul .klappmodul_body {
  border: 0.125rem solid #FFFFFF;
  border-top: 0;
}
.containerAlternierend:nth-child(odd) .klappmodul:hover .klappmodul_head {
  background-color: #DEDEDE;
  border: 0.125rem solid #DEDEDE;
}
.containerAlternierend:nth-child(odd) .klappmodul:hover .klappmodul_body {
  border-color: #DEDEDE;
}

.layout {
  margin-bottom: 2rem;
}
.layout h1, .layout h2, .layout h3, .layout h4, .layout div.heading {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #123B71;
  line-height: 1.25em;
  font-size: 1.5rem;
  margin: 1rem 0 1rem;
}
.layout h1.heading--is-small, .layout h2.heading--is-small, .layout h3.heading--is-small, .layout h4.heading--is-small, .layout div.heading.heading--is-small {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #123B71;
  line-height: 1.25em;
  font-size: 1.125rem;
  margin: 1rem 0 1rem;
}
.layout:last-child {
  margin-bottom: 0;
}
.layout .layout_row, .layout .layout-zweispaltig .layout_row-LeftSide, .layout-zweispaltig .layout .layout_row-LeftSide {
  margin-right: -1rem;
  margin-left: -1rem;
}
.layout .layout_row:before, .layout .layout-zweispaltig .layout_row-LeftSide:before, .layout-zweispaltig .layout .layout_row-LeftSide:before, .layout .layout_row:after, .layout .layout-zweispaltig .layout_row-LeftSide:after, .layout-zweispaltig .layout .layout_row-LeftSide:after {
  display: table;
  content: " ";
}
.layout .layout_row:after, .layout .layout-zweispaltig .layout_row-LeftSide:after, .layout-zweispaltig .layout .layout_row-LeftSide:after {
  clear: both;
}
.layout .layout_column {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
  background-clip: content-box;
}
.layout .layout_column > .mehrwerteTeaser > *:first-child,
.layout .layout_column > *:first-child.heading,
.layout .layout_column > *:first-child {
  margin-top: 0;
}
@media screen and (max-width: 991px) {
  .layout .layout_column {
    margin-top: 1.5rem;
  }
  .layout .layout_column:first-child {
    margin-top: 0;
  }
  .layout .layout_column:last-child .mehrwerteTeaser {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
.layout .layout_column:empty {
  display: none;
}

.layout-einspaltig h1, .layout-einspaltig h2, .layout-einspaltig h3, .layout-einspaltig h4, .layout-einspaltig div.heading {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #123B71;
  line-height: 1.25em;
  font-size: 1.75rem;
  margin: 1rem 0 1rem;
}
.layout-einspaltig h1.heading--is-small, .layout-einspaltig h2.heading--is-small, .layout-einspaltig h3.heading--is-small, .layout-einspaltig h4.heading--is-small, .layout-einspaltig div.heading.heading--is-small {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #123B71;
  line-height: 1.25em;
  font-size: 1.5rem;
  margin: 1rem 0 1rem;
}

.layout-zweispaltig h1:first-child, .layout-zweispaltig h2:first-child, .layout-zweispaltig h3:first-child, .layout-zweispaltig h4:first-child, .layout-zweispaltig div.heading:first-child {
  margin-top: 0;
}
.layout-zweispaltig .layout_column {
  position: relative;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
}
@media (min-width: 992px) {
  .layout-zweispaltig .layout_column {
    float: left;
    width: 50%;
  }
}
.layout-zweispaltig .layout_row-LeftSide {
  margin-right: -1rem;
  margin-left: -1rem;
}
.layout-zweispaltig .layout_row-LeftSide:before, .layout-zweispaltig .layout_row-LeftSide:after {
  display: table;
  content: " ";
}
.layout-zweispaltig .layout_row-LeftSide:after {
  clear: both;
}
.layout-zweispaltig .layout_row-LeftSide .layout_column:first-child {
  position: relative;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
}
@media (min-width: 992px) {
  .layout-zweispaltig .layout_row-LeftSide .layout_column:first-child {
    float: left;
    width: 66.6666666667%;
  }
}
.layout-zweispaltig .layout_row-LeftSide .layout_column:last-child {
  position: relative;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
}
@media (min-width: 992px) {
  .layout-zweispaltig .layout_row-LeftSide .layout_column:last-child {
    float: left;
    width: 33.3333333333%;
  }
}
.layout-zweispaltig .layout_row-LeftSide .layout_column:last-child > * {
  padding: 0 1rem;
}
.layout-zweispaltig .layout_row-LeftSide .layout_column:last-child > *:first-child {
  padding-top: 1rem;
}
.layout-zweispaltig .layout_row-LeftSide .layout_column:last-child > *:last-child {
  padding-bottom: 1rem;
}
.layout-zweispaltig .layout_row-LeftSide .layout_column:last-child > ul {
  padding-left: 2rem;
}
.layout-zweispaltig .layout_row-LeftSide .layout_column:last-child > .list-plus, .layout-zweispaltig .layout_row-LeftSide .layout_column:last-child > .list-minus, .layout-zweispaltig .layout_row-LeftSide .layout_column:last-child > .list-checkmark {
  padding-left: 1rem;
}

.layout-dreispaltig .layout_column {
  position: relative;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
}
@media (min-width: 992px) {
  .layout-dreispaltig .layout_column {
    float: left;
    width: 33.3333333333%;
  }
}

.linkListeTeaser ul {
  list-style-type: none;
  padding: 0;
}
.linkListeTeaser li {
  background-image: url("/_assets/hypo-custom/Images/Container/LinkListeTeaser/ic-linkliste.svg");
  background-repeat: no-repeat;
  background-position: 0 0.35rem;
  padding-left: 1rem;
}
.linkListeTeaser li a {
  font-weight: 400;
}

.lottie-modul {
  height: 100%;
  position: relative;
}
.lottie-modul .lottie-container.center {
  margin: auto;
}
.lottie-modul .lottie-container.right {
  float: right;
}
.lottie-modul .lottie-container.bottom {
  position: absolute;
  bottom: 0;
}

@media screen and (max-width: 991px) {
  .mehrwerteTeaser figure, .mehrwerteTeaser ol, .mehrwerteTeaser ul {
    margin: 0 0 1rem;
  }
}
.mehrwerteTeaser_highlightArea {
  background-color: transparent;
}

.newsletterAnmeldungFormular_fehlermeldung {
  color: #AA0000;
  margin-top: 1rem;
  display: none;
}

div.newsletterRegistration {
  padding: 100px 20px 100px 20px;
  text-align: center;
}
div.newsletterRegistration_row {
  margin-right: -1rem;
  margin-left: -1rem;
}
div.newsletterRegistration_row:before, div.newsletterRegistration_row:after {
  display: table;
  content: " ";
}
div.newsletterRegistration_row:after {
  clear: both;
}
div.newsletterRegistration_column_left {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
  position: relative;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
  position: relative;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
  position: relative;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
}
@media (min-width: 768px) {
  div.newsletterRegistration_column_left {
    float: left;
    width: 66.6666666667%;
  }
}
@media (min-width: 992px) {
  div.newsletterRegistration_column_left {
    float: left;
    width: 66.6666666667%;
  }
}
@media (min-width: 1200px) {
  div.newsletterRegistration_column_left {
    float: left;
    width: 66.6666666667%;
  }
}
div.newsletterRegistration_column_right {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
  position: relative;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
  position: relative;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
  position: relative;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
}
@media (min-width: 768px) {
  div.newsletterRegistration_column_right {
    float: left;
    width: 33.3333333333%;
  }
}
@media (min-width: 992px) {
  div.newsletterRegistration_column_right {
    float: left;
    width: 33.3333333333%;
  }
}
@media (min-width: 1200px) {
  div.newsletterRegistration_column_right {
    float: left;
    width: 33.3333333333%;
  }
}
div.newsletterRegistration .newsletterRegistration_inner {
  max-width: 920px;
  margin-right: auto;
  margin-left: auto;
}
div.newsletterRegistration .newsletterRegistration_inner img {
  max-width: 70px;
}
div.newsletterRegistration .newsletterRegistration_inner .newsletterRegistration_heading {
  font-size: 1.125rem;
  font-weight: 500;
  color: #3C5677;
  margin-top: 1rem;
}
div.newsletterRegistration .newsletterRegistration_inner .heading.heading--is-small {
  font-size: 1.125rem;
}
div.newsletterRegistration .newsletterRegistration_inner h1:before, div.newsletterRegistration .newsletterRegistration_inner h2:before, div.newsletterRegistration .newsletterRegistration_inner h3:before, div.newsletterRegistration .newsletterRegistration_inner h4:before, div.newsletterRegistration .newsletterRegistration_inner div.heading:before {
  display: none;
}
div.newsletterRegistration .newsletterRegistration_subline {
  color: #3C5677;
  margin-top: 27px;
  max-width: 580px;
  margin-right: auto;
  margin-left: auto;
}
div.newsletterRegistration form.newsletterRegistration_form {
  margin-right: auto;
  margin-left: auto;
  margin-top: 20px;
}
div.newsletterRegistration form.newsletterRegistration_form input[name=email] {
  background-image: url("/_assets/hypo-custom/Images/Container/newsletter-registration/Icon_Letter.svg");
  background-repeat: no-repeat;
  background-position: 97.5% center;
  padding-right: 40px;
}
div.newsletterRegistration form.newsletterRegistration_form .button {
  outline-style: none;
  text-decoration: none;
  width: 100%;
  display: block;
  text-align: center;
}
div.newsletterRegistration form.newsletterRegistration_form .button:not(.button-prio3):not(.button-prio2):not(.button-prio1) {
  background-image: none;
  background-color: #45C68D;
  color: #FFFFFF;
  border-radius: 5px;
  font-size: 1rem;
  border: none;
}
div.newsletterRegistration form.newsletterRegistration_form .button:not(.button-prio3):not(.button-prio2):not(.button-prio1):before {
  display: none;
}
@media (min-width: 768px) {
  div.newsletterRegistration form.newsletterRegistration_form .button {
    margin-top: 8px;
  }
}
div.newsletterRegistration form.newsletterRegistration_form .button-prio3, div.newsletterRegistration form.newsletterRegistration_form .button-green {
  line-height: 46px;
  cursor: pointer;
  font-weight: 500;
}
@media (max-width: 991px) {
  div.newsletterRegistration {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  div.newsletterRegistration .newsletterRegistration_form {
    max-width: 600px;
  }
}
@media (max-width: 767px) {
  div.newsletterRegistration {
    padding: 50px 20px;
  }
  div.newsletterRegistration .newsletterRegistration_subline {
    max-width: 270px;
  }
  div.newsletterRegistration .newsletterRegistration_form {
    max-width: 320px;
    width: 90%;
  }
}
aside div.newsletterRegistration, .layout:not(.layout-einspaltig) > .layout_row > .layout_column div.newsletterRegistration, .layout-zweispaltig .layout:not(.layout-einspaltig) > .layout_row-LeftSide > .layout_column div.newsletterRegistration, .layout:not(.layout-einspaltig) > .layout_row-LeftSide > .layout_column:first-child div.newsletterRegistration {
  padding-right: 0;
  padding-left: 0;
}
@media (min-width: 992px) {
  aside div.newsletterRegistration, .layout:not(.layout-einspaltig) > .layout_row > .layout_column div.newsletterRegistration, .layout:not(.layout-einspaltig) > .layout_row-LeftSide > .layout_column div.newsletterRegistration {
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: left;
  }
  aside div.newsletterRegistration .newsletterRegistration_inner,
  aside div.newsletterRegistration .newsletterRegistration_subline,
  aside div.newsletterRegistration .newsletterRegistration_form, .layout:not(.layout-einspaltig) > .layout_row > .layout_column div.newsletterRegistration .newsletterRegistration_inner,
  .layout:not(.layout-einspaltig) > .layout_row > .layout_column div.newsletterRegistration .newsletterRegistration_subline,
  .layout:not(.layout-einspaltig) > .layout_row > .layout_column div.newsletterRegistration .newsletterRegistration_form, .layout:not(.layout-einspaltig) > .layout_row-LeftSide > .layout_column div.newsletterRegistration .newsletterRegistration_inner,
  .layout:not(.layout-einspaltig) > .layout_row-LeftSide > .layout_column div.newsletterRegistration .newsletterRegistration_subline,
  .layout:not(.layout-einspaltig) > .layout_row-LeftSide > .layout_column div.newsletterRegistration .newsletterRegistration_form {
    margin-right: 0;
    margin-left: 0;
  }
  aside div.newsletterRegistration .newsletterRegistration_form > div.newsletterRegistration_row > div, .layout:not(.layout-einspaltig) > .layout_row > .layout_column div.newsletterRegistration .newsletterRegistration_form > div.newsletterRegistration_row > div, .layout:not(.layout-einspaltig) > .layout_row-LeftSide > .layout_column div.newsletterRegistration .newsletterRegistration_form > div.newsletterRegistration_row > div {
    float: none;
    width: 100%;
  }
  aside div.newsletterRegistration .newsletterRegistration_heading, .layout:not(.layout-einspaltig) > .layout_row > .layout_column div.newsletterRegistration .newsletterRegistration_heading, .layout:not(.layout-einspaltig) > .layout_row-LeftSide > .layout_column div.newsletterRegistration .newsletterRegistration_heading {
    line-height: 1.25em;
    font-size: 1.125rem;
  }
  .layout > .layout_row > .layout_column div.newsletterRegistration:first-child, .layout-zweispaltig .layout > .layout_row-LeftSide > .layout_column div.newsletterRegistration:first-child {
    padding-top: 0;
  }
}

.containerAlternierend div.newsletterRegistration {
  padding: 100px 20px 0 20px;
}

.produktUebersichtSeiteBuehne {
  background-color: #D2E8F5;
}
.produktUebersichtSeiteBuehne .breadcrumb {
  margin-bottom: 1rem;
}
.produktUebersichtSeiteBuehne_contentContainer {
  padding-right: 1rem;
  padding-left: 1rem;
  margin-right: auto;
  margin-left: auto;
}
.produktUebersichtSeiteBuehne_contentContainer:before, .produktUebersichtSeiteBuehne_contentContainer:after {
  display: table;
  content: " ";
}
.produktUebersichtSeiteBuehne_contentContainer:after {
  clear: both;
}
@media (min-width: 1200px) {
  .produktUebersichtSeiteBuehne_contentContainer {
    width: 1170px;
  }
}
.produktUebersichtSeiteBuehne_footerContainer {
  padding-right: 1rem;
  padding-left: 1rem;
  margin-right: auto;
  margin-left: auto;
  padding: 1rem;
}
.produktUebersichtSeiteBuehne_footerContainer:before, .produktUebersichtSeiteBuehne_footerContainer:after {
  display: table;
  content: " ";
}
.produktUebersichtSeiteBuehne_footerContainer:after {
  clear: both;
}
@media (min-width: 1200px) {
  .produktUebersichtSeiteBuehne_footerContainer {
    width: 1170px;
  }
}
.produktUebersichtSeiteBuehne_footer {
  color: #3C5677;
  font-weight: 400;
  background-color: #F2F2F2;
  border-top: 3px solid #FFFFFF;
}
.produktUebersichtSeiteBuehne_footer ul, .produktUebersichtSeiteBuehne_footer p, .produktUebersichtSeiteBuehne_footer li {
  display: inline-block;
}
.produktUebersichtSeiteBuehne_footer p {
  margin: 0 2rem;
}
.produktUebersichtSeiteBuehne_footer p:first-child {
  margin-left: 0;
}
.produktUebersichtSeiteBuehne_footer p:last-child {
  margin-right: 0;
}
.produktUebersichtSeiteBuehne_footer ul {
  margin: 0;
}
.produktUebersichtSeiteBuehne_footer ul li {
  margin: 0.5rem 2rem 0.5rem 0;
}
.produktUebersichtSeiteBuehne_contentRow {
  margin-right: -1rem;
  margin-left: -1rem;
  min-height: 325px;
  background-repeat: no-repeat;
  background-position: right bottom;
}
.produktUebersichtSeiteBuehne_contentRow:before, .produktUebersichtSeiteBuehne_contentRow:after {
  display: table;
  content: " ";
}
.produktUebersichtSeiteBuehne_contentRow:after {
  clear: both;
}
.produktUebersichtSeiteBuehne_contentRow-kredit-vergleich {
  background-image: url("/fileadmin/medien/buehnen/kredit-vergleich_desktop.jpg");
}
@media all and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .produktUebersichtSeiteBuehne_contentRow-kredit-vergleich {
    background-image: url("/fileadmin/medien/buehnen/kredit-vergleich_desktop-2x.jpg");
    background-size: auto 490px;
  }
}
@media all and (max-width: 991px) {
  .produktUebersichtSeiteBuehne_contentRow-kredit-vergleich {
    background-image: url("/fileadmin/medien/buehnen/kredit-vergleich_mobil.jpg");
  }
}
@media all and (max-width: 991px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 991px) and (min-resolution: 192dpi) {
  .produktUebersichtSeiteBuehne_contentRow-kredit-vergleich {
    background-image: url("/fileadmin/medien/buehnen/kredit-vergleich_mobil-2x.jpg");
    background-size: auto 400px;
  }
}
.produktUebersichtSeiteBuehne_contentRow-immobilienfinanzierung {
  background-image: url("/fileadmin/medien/buehnen/immobilienfinanzierung_desktop.jpg");
}
@media all and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .produktUebersichtSeiteBuehne_contentRow-immobilienfinanzierung {
    background-image: url("/fileadmin/medien/buehnen/immobilienfinanzierung_desktop-2x.jpg");
    background-size: auto 490px;
  }
}
@media all and (max-width: 991px) {
  .produktUebersichtSeiteBuehne_contentRow-immobilienfinanzierung {
    background-image: url("/fileadmin/medien/buehnen/immobilienfinanzierung_mobil.jpg");
  }
}
@media all and (max-width: 991px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 991px) and (min-resolution: 192dpi) {
  .produktUebersichtSeiteBuehne_contentRow-immobilienfinanzierung {
    background-image: url("/fileadmin/medien/buehnen/immobilienfinanzierung_mobil-2x.jpg");
    background-size: auto 400px;
  }
}
.produktUebersichtSeiteBuehne_contentRow-vergleichsportal {
  background-image: url("/fileadmin/medien/buehnen/vergleichsportal_desktop.jpg");
}
@media all and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .produktUebersichtSeiteBuehne_contentRow-vergleichsportal {
    background-image: url("/fileadmin/medien/buehnen/vergleichsportal_desktop-2x.jpg");
    background-size: auto 490px;
  }
}
@media all and (max-width: 991px) {
  .produktUebersichtSeiteBuehne_contentRow-vergleichsportal {
    background-image: url("/fileadmin/medien/buehnen/vergleichsportal_mobil.jpg");
  }
}
@media all and (max-width: 991px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 991px) and (min-resolution: 192dpi) {
  .produktUebersichtSeiteBuehne_contentRow-vergleichsportal {
    background-image: url("/fileadmin/medien/buehnen/vergleichsportal_mobil-2x.jpg");
    background-size: auto 400px;
  }
}
.produktUebersichtSeiteBuehne_contentRow-geldanlage-vergleich {
  background-image: url("/fileadmin/medien/buehnen/geldanlage-vergleich_desktop.jpg");
}
@media all and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .produktUebersichtSeiteBuehne_contentRow-geldanlage-vergleich {
    background-image: url("/fileadmin/medien/buehnen/geldanlage-vergleich_desktop-2x.jpg");
    background-size: auto 490px;
  }
}
@media all and (max-width: 991px) {
  .produktUebersichtSeiteBuehne_contentRow-geldanlage-vergleich {
    background-image: url("/fileadmin/medien/buehnen/geldanlage-vergleich_mobil.jpg");
  }
}
@media all and (max-width: 991px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 991px) and (min-resolution: 192dpi) {
  .produktUebersichtSeiteBuehne_contentRow-geldanlage-vergleich {
    background-image: url("/fileadmin/medien/buehnen/geldanlage-vergleich_mobil-2x.jpg");
    background-size: auto 400px;
  }
}
.produktUebersichtSeiteBuehne_contentRow-girokonto-vergleich {
  background-image: url("/fileadmin/medien/buehnen/girokonto-vergleich_desktop.jpg");
}
@media all and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .produktUebersichtSeiteBuehne_contentRow-girokonto-vergleich {
    background-image: url("/fileadmin/medien/buehnen/girokonto-vergleich_desktop-2x.jpg");
    background-size: auto 490px;
  }
}
@media all and (max-width: 991px) {
  .produktUebersichtSeiteBuehne_contentRow-girokonto-vergleich {
    background-image: url("/fileadmin/medien/buehnen/girokonto-vergleich_mobil.jpg");
  }
}
@media all and (max-width: 991px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 991px) and (min-resolution: 192dpi) {
  .produktUebersichtSeiteBuehne_contentRow-girokonto-vergleich {
    background-image: url("/fileadmin/medien/buehnen/girokonto-vergleich_mobil-2x.jpg");
    background-size: auto 400px;
  }
}
.produktUebersichtSeiteBuehne_contentRow-versicherung {
  background-image: url("/fileadmin/medien/buehnen/versicherung_desktop.jpg");
}
@media all and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .produktUebersichtSeiteBuehne_contentRow-versicherung {
    background-image: url("/fileadmin/medien/buehnen/versicherung_desktop-2x.jpg");
    background-size: auto 490px;
  }
}
@media all and (max-width: 991px) {
  .produktUebersichtSeiteBuehne_contentRow-versicherung {
    background-image: url("/fileadmin/medien/buehnen/versicherung_mobil.jpg");
  }
}
@media all and (max-width: 991px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 991px) and (min-resolution: 192dpi) {
  .produktUebersichtSeiteBuehne_contentRow-versicherung {
    background-image: url("/fileadmin/medien/buehnen/versicherung_mobil-2x.jpg");
    background-size: auto 400px;
  }
}
.produktUebersichtSeiteBuehne_contentRow-standard {
  background-image: url("/fileadmin/medien/ueber-uns/auszeichnungen/siegel-beste-onlineportale.png");
}
.produktUebersichtSeiteBuehne_content {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
  position: relative;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
  padding-bottom: 2rem;
}
@media (min-width: 992px) {
  .produktUebersichtSeiteBuehne_content {
    float: left;
    width: 66.6666666667%;
  }
}
.produktUebersichtSeiteBuehne_panel h1, .produktUebersichtSeiteBuehne_panel h2, .produktUebersichtSeiteBuehne_panel h3, .produktUebersichtSeiteBuehne_panel h4, .produktUebersichtSeiteBuehne_panel div.heading {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #123B71;
  line-height: 1.25em;
  font-size: 2rem;
  margin: 2.75rem 0 2.75rem;
  margin: 1rem 0;
}
.produktUebersichtSeiteBuehne_panel h1.heading--is-small, .produktUebersichtSeiteBuehne_panel h2.heading--is-small, .produktUebersichtSeiteBuehne_panel h3.heading--is-small, .produktUebersichtSeiteBuehne_panel h4.heading--is-small, .produktUebersichtSeiteBuehne_panel div.heading.heading--is-small {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #123B71;
  line-height: 1.25em;
  font-size: 1.75rem;
  margin: 1rem 0 1rem;
}
.produktUebersichtSeiteBuehne_panel figure {
  text-align: center;
}
.produktUebersichtSeiteBuehne_rechner {
  -webkit-box-shadow: 0 3px 27px 0 #B3C5D9;
  -moz-box-shadow: 0 3px 27px 0 #B3C5D9;
  box-shadow: 0 3px 27px 0 #B3C5D9;
  color: #000000;
  margin: 2em 0;
  background-color: #FFFFFF;
  max-width: 660px;
}
.produktUebersichtSeiteBuehne_rechner .reitermodul .vergleichRechner_body, .produktUebersichtSeiteBuehne_rechner > .vergleichRechner {
  padding: 1rem;
}
@media screen and (max-width: 768px) {
  .produktUebersichtSeiteBuehne_rechner .reitermodul .vergleichRechner_body, .produktUebersichtSeiteBuehne_rechner > .vergleichRechner {
    display: none;
  }
}
.produktUebersichtSeiteBuehne_rechner .vergleichRechner_row + p {
  margin-top: 0.5rem;
}
.produktUebersichtSeiteBuehne_rechner .vergleichRechner_column .formElement_label {
  white-space: nowrap;
}
.produktUebersichtSeiteBuehne_rechner .vergleichRechner_column .formElement_submit {
  margin-top: 0.75rem;
}
.produktUebersichtSeiteBuehne_rechner .vergleichRechner_column .formElement_submitButton {
  margin-top: 1.25rem;
  padding-top: 0.444rem;
}
@media all and (max-width: 767px) {
  .produktUebersichtSeiteBuehne_contentRow {
    min-height: initial;
    background-position: center bottom;
    padding-bottom: 25rem;
  }
  .produktUebersichtSeiteBuehne_contentRow-standard {
    padding-bottom: 20rem;
  }
}
@media all and (min-width: 768px) {
  .produktUebersichtSeiteBuehne_rechner .vergleichRechner_column {
    width: auto;
  }
  .produktUebersichtSeiteBuehne_rechner .vergleichRechner_column .formElement_label {
    float: none;
    width: auto;
    padding-right: 0;
  }
  .produktUebersichtSeiteBuehne_rechner .vergleichRechner_column .formElement_input {
    float: none;
    width: auto;
    padding-right: 0;
  }
  .produktUebersichtSeiteBuehne_rechner .vergleichRechner-baufinanzierung-kurz .formElement_input input {
    width: 10rem;
  }
  .produktUebersichtSeiteBuehne_rechner .vergleichRechner-tagesgeld .formElement_input input {
    width: 7rem;
  }
  .produktUebersichtSeiteBuehne_rechner .vergleichRechner-festgeld .formElement_input input {
    width: 7rem;
  }
  .produktUebersichtSeiteBuehne_rechner .vergleichRechner-depot .formElement_input input {
    width: 9rem;
  }
  .produktUebersichtSeiteBuehne_rechner .vergleichRechner-autokredit .formElement_input input {
    width: 9rem;
  }
  .produktUebersichtSeiteBuehne_rechner .vergleichRechner-ratenkredit .formElement_input input {
    width: 9rem;
  }
  .produktUebersichtSeiteBuehne_panel {
    margin-top: 1em;
  }
}
@media all and (min-width: 768px) and (max-width: 991px) {
  .produktUebersichtSeiteBuehne_contentRow {
    min-height: initial;
    background-position: center bottom;
    padding-bottom: 18rem;
  }
  .produktUebersichtSeiteBuehne_contentRow-standard {
    padding-bottom: 15rem;
  }
}

.reitermodul {
  background-color: #FFFFFF;
  overflow: hidden;
  border: #B3C5D9 1px solid;
  margin-bottom: 1rem;
}
.reitermodul_tabContainer {
  overflow: hidden;
  min-height: 174px;
}
@media screen and (max-width: 767px) {
  .reitermodul_tabContainer {
    min-height: initial;
  }
}
.reitermodul_tabs {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: table;
  width: 100%;
  height: 54px;
}
@media screen and (max-width: 767px) {
  .reitermodul_tabs {
    display: none;
  }
}
.reitermodul_tab {
  display: table-cell;
  background-color: #EBF5FC;
  border-bottom: 1px solid #B3C5D9;
  padding: 0.75rem 0.25rem;
  text-align: center;
  cursor: pointer;
}
.reitermodul_tab + .reitermodul_tab {
  border-left: 1px solid #B3C5D9;
}
.reitermodul_tab:hover {
  background-color: #D2E8F5;
}
.reitermodul_tab a, .reitermodul_tab a:hover, .reitermodul_tab a:focus {
  text-decoration: none;
  font-weight: 500;
  color: #3C5677;
}
.reitermodul_tab--is-open {
  background-color: #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  border-left: none;
}
.reitermodul_tab--is-open:hover {
  background-color: #FFFFFF;
}
.reitermodul .vergleichRechner_heading {
  color: #3C5677;
  padding: 1rem;
  background-color: #EBF5FC;
  background-position: right 1em center;
}
@media screen and (min-width: 768px) {
  .reitermodul .vergleichRechner_heading {
    display: none;
  }
}
.reitermodul .klappmodul {
  border: 0;
  margin-top: 0;
}
.reitermodul .klappmodul_body {
  padding: 1rem;
  border-top: 0;
}
@media screen and (max-width: 768px) {
  .reitermodul .klappmodul_body {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .reitermodul .klappmodul .klappmodul_head {
    color: #3C5677;
    padding: 1rem;
    background-color: #EBF5FC;
    background-position: right 1em center;
    font-size: 1.5rem;
    font-weight: 500;
    text-overflow: ellipsis;
    overflow: hidden;
    border-bottom: 1px solid #B3C5D9;
  }
  .reitermodul .klappmodul .klappmodul_head h1, .reitermodul .klappmodul .klappmodul_head h2, .reitermodul .klappmodul .klappmodul_head h3, .reitermodul .klappmodul .klappmodul_head h4, .reitermodul .klappmodul .klappmodul_head div.heading {
    font-size: 1.5rem;
    font-weight: 500;
    color: #3C5677;
  }
}
.reitermodul .klappmodul-reiter.reiter .reiter_body {
  padding: 1rem;
}
.reitermodul .vergleichRechner_column {
  padding-bottom: 1rem;
}
.reitermodul .vergleichRechner_column .formElement_submit {
  margin-bottom: -0.5rem;
  margin-top: -1rem;
}
.reitermodul .vergleichRechner_column .formElement_submit .formElement_submitButton {
  margin-top: 0;
  padding-top: 0.444rem;
  min-width: 10rem;
}
.reitermodul .vergleichRechner_column:nth-child(odd) .formElement, .reitermodul .vergleichRechner_column:nth-child(even) .formElement {
  margin-left: -1rem;
  margin-right: -1rem;
}
.reitermodul .vergleichRechner_column:nth-child(odd) .formElement .formElement_submit, .reitermodul .vergleichRechner_column:nth-child(even) .formElement .formElement_submit {
  margin-bottom: -1rem;
}
.reitermodul .heading--is-small {
  margin-top: 0 !important;
}
@media only screen and (min-width: 768px) {
  .reitermodul .vergleichRechner_column {
    float: left;
    width: 50%;
  }
  .reitermodul .vergleichRechner_column:nth-child(odd) .formElement {
    margin-left: 0;
    margin-right: -1.5rem;
  }
  .reitermodul .vergleichRechner_column:nth-child(even) .formElement {
    margin-left: -1.5rem;
    margin-right: 0;
  }
}

.containerAlternierend .reitermodul .mehrwerteTeaser {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}

.produktUebersichtSeiteBuehne_rechner .reitermodul, .themenUebersichtSeiteBuehne_rechner .reitermodul {
  margin-bottom: 0;
}
.produktUebersichtSeiteBuehne_rechner .reitermodul .vergleichRechner_column, .themenUebersichtSeiteBuehne_rechner .reitermodul .vergleichRechner_column {
  padding-bottom: 0;
}
.produktUebersichtSeiteBuehne_rechner .reitermodul .vergleichRechner_column .formElement_submit, .themenUebersichtSeiteBuehne_rechner .reitermodul .vergleichRechner_column .formElement_submit {
  margin-bottom: 0;
  margin-top: 0.75rem;
}
.produktUebersichtSeiteBuehne_rechner .reitermodul .vergleichRechner_column .formElement_submit .formElement_submitButton, .themenUebersichtSeiteBuehne_rechner .reitermodul .vergleichRechner_column .formElement_submit .formElement_submitButton {
  margin-top: 1.25rem;
  padding-top: 0.444rem;
  min-width: 10rem;
}
.produktUebersichtSeiteBuehne_rechner .reitermodul .vergleichRechner_column:nth-child(odd) .formElement .formElement_submit, .produktUebersichtSeiteBuehne_rechner .reitermodul .vergleichRechner_column:nth-child(even) .formElement .formElement_submit, .themenUebersichtSeiteBuehne_rechner .reitermodul .vergleichRechner_column:nth-child(odd) .formElement .formElement_submit, .themenUebersichtSeiteBuehne_rechner .reitermodul .vergleichRechner_column:nth-child(even) .formElement .formElement_submit {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .produktUebersichtSeiteBuehne_rechner .reitermodul .vergleichRechner_column:nth-child(odd) .formElement, .themenUebersichtSeiteBuehne_rechner .reitermodul .vergleichRechner_column:nth-child(odd) .formElement {
    margin-left: -1rem;
    margin-right: -0.5rem;
  }
  .produktUebersichtSeiteBuehne_rechner .reitermodul .vergleichRechner_column:nth-child(even) .formElement, .themenUebersichtSeiteBuehne_rechner .reitermodul .vergleichRechner_column:nth-child(even) .formElement {
    margin-left: -1.5rem;
    margin-right: 0;
  }
  .produktUebersichtSeiteBuehne_rechner .reitermodul .vergleichRechner_column:nth-child(3) .formElement, .themenUebersichtSeiteBuehne_rechner .reitermodul .vergleichRechner_column:nth-child(3) .formElement {
    margin-left: -2rem;
    margin-right: 0;
  }
}

.containerAlternierend .reitermodul .mehrwerteTeaser {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}

.buttonrte {
  color: #FFFFFF;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.444rem;
  text-decoration: none;
  display: inline-block;
  border: none;
  margin-top: 1rem;
  height: fit-content;
  white-space: nowrap;
  cursor: pointer;
  background: #AA0000 0 0 no-repeat padding-box;
  border-radius: 6px;
  border: 3px solid #AA0000;
  padding: 0.611rem 0.778rem;
  min-height: 48px;
  min-width: 14rem;
  text-align: center;
  height: inherit;
  white-space: nowrap;
}
.buttonrte:hover, .buttonrte:focus, .buttonrte:active {
  text-decoration: none;
  color: #FFFFFF;
}
.buttonrte:hover {
  background-color: #950000;
  border-color: #950000;
}
.buttonrte:focus {
  background-color: #AA0000;
  border-color: #000000;
  outline: 0;
}
.buttonrte:active {
  background-color: #770000;
  border-color: #770000;
}

.schonGewusstTeaser {
  /* phones and below */
  /* tablets and larger */
  background-origin: content-box;
}
@media screen and (max-width: 767px) {
  .schonGewusstTeaser {
    background-image: url("/_assets/hypo-custom/Images/Container/SchonGewusstTeaser/img-schon-gewusst-teaser-mobil.svg");
    background-repeat: no-repeat;
    background-position: 100% center;
  }
  .schonGewusstTeaser h1, .schonGewusstTeaser h2, .schonGewusstTeaser h3, .schonGewusstTeaser h4, .schonGewusstTeaser div.heading, .schonGewusstTeaser p {
    padding-right: 4em;
  }
}
@media screen and (min-width: 768px) {
  .schonGewusstTeaser {
    background-image: url("/_assets/hypo-custom/Images/Container/SchonGewusstTeaser/img-schon-gewusst-teaser-desktop.svg");
    background-repeat: no-repeat;
    background-position: 100% center;
  }
  .schonGewusstTeaser h1, .schonGewusstTeaser h2, .schonGewusstTeaser h3, .schonGewusstTeaser h4, .schonGewusstTeaser div.heading, .schonGewusstTeaser p {
    padding-right: 6.5em;
  }
}
.schonGewusstTeaser .schonGewusstTeaser_quelle {
  font-size: 0.75rem;
}

.sitemapmodul ul:first-child > li:first-child > a {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #123B71;
  line-height: 1.25em;
  font-size: 1.5rem;
  margin: 1rem 0 1rem;
  display: block;
}
.sitemapmodul ul {
  padding-left: 0;
  margin: 0;
}
.sitemapmodul ul a {
  color: inherit;
}
.sitemapmodul ul > li {
  list-style: none;
  margin: 0;
}

p.greenline {
  padding: 0 0 0 1.8rem;
  margin: 0 0 1.8rem 0;
  border-left: 2px solid #45C68D;
}

.stage-wrap {
  background-repeat: no-repeat;
  color: #000000;
  font-size: 1rem;
  font-weight: 300;
  padding-bottom: 1.8rem;
}
.stage-wrap h1 {
  color: #000000;
  font-size: 2rem;
  line-height: 1.25em;
  font-weight: 500;
  hyphens: manual;
}
.stage-wrap h2, .stage-wrap h3, .stage-wrap h4 {
  color: #123B71;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.25em;
  margin: 0 0 1.8rem;
  padding: 0;
}
.stage-wrap ul.list-checkmark li {
  background-position: 0 0.1rem;
  background-size: 1.35rem;
}
.stage-wrap p.greenline {
  margin: 0 0 1.8rem;
  padding: 0 0 0 1.8rem;
}
.stage-wrap ol.list-checkmark, .stage-wrap ul.list-checkmark {
  padding: 0;
  margin: 0 0 1.8rem;
}
.stage-wrap p.greenline:last-child {
  padding: 0 0 0 1.8rem;
}
.stage-wrap ul.list-checkmark:last-child, .stage-wrap ol.list-checkmark:last-child {
  padding: 0 0 1.3rem;
  margin: 0;
}
.stage-wrap .stage-content {
  max-width: 1170px;
  margin: 0 auto;
}
.stage-wrap .stage-content .flexibleGrid {
  color: #000000;
  font-size: 1rem;
  font-weight: 300;
  padding-bottom: 1.8rem;
}
.stage-wrap .stage-content .flexibleGrid h1 {
  color: #000000;
  font-size: 2rem;
  line-height: 1.25em;
  font-weight: 500;
  hyphens: manual;
}
.stage-wrap .stage-content .flexibleGrid h2, .stage-wrap .stage-content .flexibleGrid h3, .stage-wrap .stage-content .flexibleGrid h4 {
  color: #123B71;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.25em;
  margin: 0 0 1.8rem;
  padding: 0;
}
.stage-wrap .stage-content .flexibleGrid ul.list-checkmark li {
  background-position: 0 0.1rem;
  background-size: 1.35rem;
}
.stage-wrap .stage-content .flexibleGrid p.greenline {
  margin: 0 0 1.8rem;
  padding: 0 0 0 1.8rem;
}
.stage-wrap .stage-content .flexibleGrid ol.list-checkmark, .stage-wrap .stage-content .flexibleGrid ul.list-checkmark {
  padding: 0;
  margin: 0 0 1.8rem;
}
.stage-wrap .stage-content .flexibleGrid p.greenline:last-child {
  padding: 0 0 0 1.8rem;
}
.stage-wrap .stage-content .flexibleGrid ul.list-checkmark:last-child, .stage-wrap .stage-content .flexibleGrid ol.list-checkmark:last-child {
  padding: 0 0 1.3rem;
  margin: 0;
}
.stage-wrap .stage-content .flexibleContent {
  color: #000000;
  font-size: 1rem;
  font-weight: 300;
  padding-bottom: 1.8rem;
}
.stage-wrap .stage-content .flexibleContent h1 {
  color: #000000;
  font-size: 2rem;
  line-height: 1.25em;
  font-weight: 500;
  hyphens: manual;
}
.stage-wrap .stage-content .flexibleContent h2, .stage-wrap .stage-content .flexibleContent h3, .stage-wrap .stage-content .flexibleContent h4 {
  color: #123B71;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.25em;
  margin: 0 0 1.8rem;
  padding: 0;
}
.stage-wrap .stage-content .flexibleContent ul.list-checkmark li {
  background-position: 0 0.1rem;
  background-size: 1.35rem;
}
.stage-wrap .stage-content .flexibleContent p.greenline {
  margin: 0 0 1.8rem;
  padding: 0 0 0 1.8rem;
}
.stage-wrap .stage-content .flexibleContent ol.list-checkmark, .stage-wrap .stage-content .flexibleContent ul.list-checkmark {
  padding: 0;
  margin: 0 0 1.8rem;
}
.stage-wrap .stage-content .flexibleContent p.greenline:last-child {
  padding: 0 0 0 1.8rem;
}
.stage-wrap .stage-content .flexibleContent ul.list-checkmark:last-child, .stage-wrap .stage-content .flexibleContent ol.list-checkmark:last-child {
  padding: 0 0 1.3rem;
  margin: 0;
}
.stage-wrap .stage-content .toppartnerboxNeu ul.list-base {
  text-align: left;
}
.stage-wrap .stage-content .toppartnerboxNeu p, .stage-wrap .stage-content .toppartnerboxNeu li {
  font-size: 0.8rem !important;
}
.stage-wrap .stage-content .toppartnerboxNeu .toppartnerboxNeuElement.attention p, .stage-wrap .stage-content .toppartnerboxNeu .toppartnerboxNeuElement.attention ol, .stage-wrap .stage-content .toppartnerboxNeu .toppartnerboxNeuElement.attention ul li, .stage-wrap .stage-content .toppartnerboxNeu .toppartnerboxNeuElement.attention .check {
  color: #ffffff;
}
.stage-wrap .stage-content .toppartnerboxNeu .toppartnerboxNeuElement.trustbullets p, .stage-wrap .stage-content .toppartnerboxNeu .toppartnerboxNeuElement.trustbullets ol, .stage-wrap .stage-content .toppartnerboxNeu .toppartnerboxNeuElement.trustbullets ul li, .stage-wrap .stage-content .toppartnerboxNeu .toppartnerboxNeuElement.trustbullets .check {
  color: #3C5677;
}
.stage-wrap .stage-content .toppartnerboxNeu.layout2 {
  padding-bottom: 3rem;
}
.stage-wrap .stage-content .toppartnerboxNeu.layout2 .toppartnerboxNeuElement.attention p, .stage-wrap .stage-content .toppartnerboxNeu.layout2 .toppartnerboxNeuElement.attention ol, .stage-wrap .stage-content .toppartnerboxNeu.layout2 .toppartnerboxNeuElement.attention ul li, .stage-wrap .stage-content .toppartnerboxNeu.layout2 .toppartnerboxNeuElement.attention .check {
  color: #3C5677;
}
.stage-wrap.stage-fontfcolor-dark.stage-lefter {
  color: #000000;
}
.stage-wrap.stage-fontfcolor-dark.stage-lefter h3, .stage-wrap.stage-fontfcolor-dark.stage-lefter h4, .stage-wrap.stage-fontfcolor-dark.stage-lefter p, .stage-wrap.stage-fontfcolor-dark.stage-lefter ul, .stage-wrap.stage-fontfcolor-dark.stage-lefter ol {
  color: #000000;
}
.stage-wrap.stage-fontfcolor-dark.stage-centered {
  color: #3C5677;
}
.stage-wrap.stage-fontfcolor-dark.stage-centered h3, .stage-wrap.stage-fontfcolor-dark.stage-centered h4, .stage-wrap.stage-fontfcolor-dark.stage-centered p, .stage-wrap.stage-fontfcolor-dark.stage-centered ul, .stage-wrap.stage-fontfcolor-dark.stage-centered ol {
  color: #3C5677;
}
.stage-wrap.stage-fontfcolor-light {
  color: #ffffff;
}
.stage-wrap.stage-fontfcolor-light p, .stage-wrap.stage-fontfcolor-light ul, .stage-wrap.stage-fontfcolor-light ol {
  color: #ffffff;
}
.stage-wrap.stage-fontfcolor-light .stage-inner .stage-breadcrumb .breadcrumb li a:link, .stage-wrap.stage-fontfcolor-light .stage-inner .stage-breadcrumb .breadcrumb li a:visited, .stage-wrap.stage-fontfcolor-light .stage-inner .stage-breadcrumb .breadcrumb li a:active {
  color: #ffffff;
}
.stage-wrap.stage-fontfcolor-light .stage-inner .stage-breadcrumb .breadcrumb li a:hover {
  color: #ffffff;
}
.stage-wrap .stage-inner .stage-breadcrumb .breadcrumb {
  font-size: 0.75rem;
  padding-top: 0.7rem;
  padding-bottom: 0;
  margin-top: 0;
}
.stage-wrap .stage-inner .stage-breadcrumb .breadcrumb li {
  text-align: left;
  font-size: 0.75rem;
}
.stage-wrap .stage-inner .stage-breadcrumb .breadcrumb li a {
  font-size: 0.75rem;
}
.stage-wrap .stage .stage-inner {
  max-width: 1170px;
  padding: 0 1rem;
  margin: 0 auto;
  position: relative;
}
.stage-wrap.stage-centered .stage-content p, .stage-wrap.stage-centered .stage-content ul, .stage-wrap.stage-centered .stage-content ol, .stage-wrap.stage-centered .stage-content h1, .stage-wrap.stage-centered .stage-content h2, .stage-wrap.stage-centered .stage-content h3, .stage-wrap.stage-centered .stage-content h4 {
  text-align: center;
}
.stage-wrap.stage-centered .stage-content p.greenline {
  padding: 0 1.8rem;
}
.stage-wrap.stage-centered .stage-content ul.list-checkmark {
  margin: 0 auto 1.3rem !important;
  width: fit-content;
}
.stage-wrap.stage-centered .stage-content ul.list-checkmark li {
  text-align: left;
  margin: 0 auto;
  display: block;
  width: fit-content;
}
.stage-wrap.stage-centered .stage-content ul.list-checkmark li:after {
  content: "\a";
  white-space: pre;
}
.stage-wrap.stage-centered .stage .stage-inner .stage-breadcrumb ol.breadcrumb {
  text-align: left;
}
.stage-wrap.stage-lefter .stage-content .flexibleGrid .stage-texts {
  text-align: left;
}
.stage-wrap .stage-image {
  height: 190px;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: auto 190px;
  display: flex;
  justify-content: center;
}
@media all and (max-width: 991px) {
  .stage-wrap .stage-image.stage-image-mobile-left {
    justify-content: start;
  }
  .stage-wrap .stage-image.stage-image-mobile-left figure {
    margin-left: 1rem;
  }
  .stage-wrap .stage-image.stage-image-mobile-center {
    justify-content: center;
  }
  .stage-wrap .stage-image.stage-image-mobile-right {
    justify-content: end;
  }
  .stage-wrap .stage-image.stage-image-mobile-right figure {
    margin-right: 1rem;
  }
}
.stage-wrap .stage-content {
  background-position: center 4rem;
  background-repeat: no-repeat;
  background-size: 100% 20rem;
}
.stage-wrap .stage-content.no-shadow {
  background-image: none;
}
.stage-wrap .stage-content .stage-content-inner {
  border-radius: 0.5rem;
}
.stage-wrap figure {
  margin: 0 -1rem 0 0;
}
.stage-wrap figure:first-child {
  margin-top: 1rem;
}
.stage-wrap .flexibleGrid .flexibleGrid_col:last-child figure:last-child {
  margin-bottom: 2rem;
}
.stage-wrap .flexibleGrid_row.default-gutters > .col, .stage-wrap .flexibleGrid_row.default-gutters > [class*=col-] {
  padding-left: 0;
}
.stage-wrap .flexibleGrid_row.default-gutters > .col, .stage-wrap .flexibleGrid_row.default-gutters > [class*=col-] {
  padding-right: 0;
}
.stage-wrap .flexibleContent .flexibleContent_col:last-child .align-bottom-center figure:last-child, .stage-wrap .flexibleContent .flexibleContent_col:last-child .align-bottom-right figure:last-child, .stage-wrap .flexibleContent .flexibleContent_col:last-child .align-bottom-left figure:last-child {
  margin-bottom: 0;
}

.stage-wrap:first-child {
  opacity: 0;
  transition: opacity 0.6s;
}

.stage-wrap:first-child.fadein {
  opacity: 1;
}

@media all and (min-width: 992px) {
  .stage-wrap {
    background-size: auto;
    padding: 0;
  }
  .stage-wrap.stage-lefter .stage-content h1 {
    padding: 2rem 0 0.5rem 0;
  }
  .stage-wrap.stage-lefter .stage-content .flexibleGrid h1 {
    padding: 2rem 0 0.5rem 0;
  }
  .stage-wrap.stage-lefter .stage-content .flexibleContent h1 {
    padding: 2rem 0 0.5rem 0;
  }
  .stage-wrap.stage-centered .stage-content h1 {
    padding: 2.5rem 0 0.4rem;
  }
  .stage-wrap.stage-centered .stage-content p {
    max-width: 38rem;
    margin: 0 auto 0.5rem;
  }
  .stage-wrap.stage-centered .stage-content p.greenline {
    margin: 0 auto 1.8rem;
  }
  .stage-wrap.stage-centered .stage-content h1, .stage-wrap.stage-centered .stage-content h2, .stage-wrap.stage-centered .stage-content h3, .stage-wrap.stage-centered .stage-content h4, .stage-wrap.stage-centered .stage-content p, .stage-wrap.stage-centered .stage-content ul, .stage-wrap.stage-centered .stage-content ol {
    text-align: center;
  }
  .stage-wrap.stage-centered .stage-content .flexibleGrid h1 {
    padding: 2.5rem 0 0.4rem;
  }
  .stage-wrap.stage-centered .stage-content .flexibleGrid p {
    max-width: 38rem;
    margin: 0 auto 0.5rem;
  }
  .stage-wrap.stage-centered .stage-content .flexibleGrid p.greenline {
    margin: 0 auto 1.8rem;
  }
  .stage-wrap.stage-centered .stage-content .flexibleGrid h1, .stage-wrap.stage-centered .stage-content .flexibleGrid h2, .stage-wrap.stage-centered .stage-content .flexibleGrid h3, .stage-wrap.stage-centered .stage-content .flexibleGrid h4, .stage-wrap.stage-centered .stage-content .flexibleGrid p, .stage-wrap.stage-centered .stage-content .flexibleGrid ul, .stage-wrap.stage-centered .stage-content .flexibleGrid ol {
    text-align: center;
  }
  .stage-wrap.stage-centered .stage-content .flexibleContent h1 {
    padding: 2.5rem 0 0.4rem;
  }
  .stage-wrap.stage-centered .stage-content .flexibleContent p {
    max-width: 38rem;
    margin: 0 auto 0.5rem;
  }
  .stage-wrap.stage-centered .stage-content .flexibleContent p.greenline {
    margin: 0 auto 1.8rem;
  }
  .stage-wrap.stage-centered .stage-content .flexibleContent h1, .stage-wrap.stage-centered .stage-content .flexibleContent h2, .stage-wrap.stage-centered .stage-content .flexibleContent h3, .stage-wrap.stage-centered .stage-content .flexibleContent h4, .stage-wrap.stage-centered .stage-content .flexibleContent p, .stage-wrap.stage-centered .stage-content .flexibleContent ul, .stage-wrap.stage-centered .stage-content .flexibleContent ol {
    text-align: center;
  }
  .stage-wrap .stage-content h2, .stage-wrap .stage-content h3, .stage-wrap .stage-content h4 {
    margin: 0;
    padding: 0 0 1.8rem;
  }
  .stage-wrap .stage-content h1 {
    margin: 0;
  }
  .stage-wrap .stage-content .flexibleGrid h2, .stage-wrap .stage-content .flexibleGrid h3, .stage-wrap .stage-content .flexibleGrid h4 {
    margin: 0;
    padding: 0 0 1.8rem;
  }
  .stage-wrap .stage-content .flexibleGrid h1 {
    margin: 0;
  }
  .stage-wrap .stage-content .flexibleContent h2, .stage-wrap .stage-content .flexibleContent h3, .stage-wrap .stage-content .flexibleContent h4 {
    margin: 0;
    padding: 0 0 1.8rem;
  }
  .stage-wrap .stage-content .flexibleContent h1 {
    margin: 0;
  }
  .stage-wrap .stage-image {
    display: none;
  }
  .stage-wrap .stage {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: auto 100%;
    padding-bottom: 0;
  }
  .stage-wrap .stage-content {
    padding: 0 1rem 1rem;
    background: transparent;
  }
  .stage-wrap .stage-content-container .stage-content .flexibleGrid {
    max-width: 1134px;
    margin: 0 auto 1.8rem;
    background: transparent;
  }
  .stage-wrap .stage-content-container .stage-content .flexibleGrid p.greenline:last-child {
    padding: 0 1.8rem;
  }
  .stage-wrap .stage-content-container .stage-content .flexibleGrid .container {
    padding-bottom: 1.8rem;
  }
  .stage-wrap .stage-content-container .stage-content .flexibleGrid .container div:last-child, .stage-wrap .stage-content-container .stage-content .flexibleGrid .container p.greenline:last-child, .stage-wrap .stage-content-container .stage-content .flexibleGrid .container ul.list-checkmark:last-child, .stage-wrap .stage-content-container .stage-content .flexibleGrid .container ol.list-checkmark:last-child, .stage-wrap .stage-content-container .stage-content .flexibleGrid .container h1:last-child, .stage-wrap .stage-content-container .stage-content .flexibleGrid .container h2:last-child, .stage-wrap .stage-content-container .stage-content .flexibleGrid .container h3:last-child, .stage-wrap .stage-content-container .stage-content .flexibleGrid .container h4:last-child {
    padding-bottom: 0;
  }
  .stage-wrap .stage-content-container figure.image {
    margin-left: 1rem;
  }
}
@media all and (max-width: 991px) {
  .stage-wrap .stage-content {
    padding: 0;
  }
  .stage-wrap .stage-content-container {
    padding: 1rem 1rem 0;
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }
  .stage-wrap .stage-content-container .stage-element, .stage-wrap .stage-content-container .stage-element .container, .stage-wrap .stage-content-container .stage-element .flexibleGrid_row, .stage-wrap .stage-content-container .stage-element .flexibleGrid_col {
    display: block;
    padding: 0;
    margin: 0;
    flex-wrap: unset;
    flex-basis: unset;
    flex-grow: unset;
  }
  .stage-wrap .stage-content .toppartnerboxNeu {
    padding-bottom: 3rem;
  }
  .stage-wrap .stage-image {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .stage-wrap .stage-image.stage-image-noimage {
    height: auto;
  }
  .stage-wrap .stage-texts {
    padding: 0 0 1rem;
  }
  .stage-wrap.stage-lefter .stage-texts h1 {
    line-height: 1.1em;
    padding: 2.5rem 0 1rem;
    margin: 0;
  }
  .stage-wrap.stage-centered .stage-texts h1 {
    margin: 0;
    padding: 2.5rem 0 1rem;
  }
  .stage-wrap.stage-centered .stage-texts h1, .stage-wrap.stage-centered .stage-texts h2, .stage-wrap.stage-centered .stage-texts h3, .stage-wrap.stage-centered .stage-texts h4, .stage-wrap.stage-centered .stage-texts p, .stage-wrap.stage-centered .stage-texts ul, .stage-wrap.stage-centered .stage-texts ol {
    text-align: center;
  }
  .stage-wrap.stage-centered .stage-texts ul.list-checkmark {
    margin: 0 auto 1.3rem !important;
  }
  .stage-wrap.stage-centered .stage-texts ul.list-checkmark li {
    margin: 0 auto;
    display: block;
    width: fit-content;
  }
  .stage-wrap.stage-centered .stage-texts ul.list-checkmark li:after {
    content: "\a";
    white-space: pre;
  }
  .stage-inner .stage-breadcrumb {
    display: none;
  }
}
@media all and (max-width: 767px) {
  .stage-wrap .stage-image {
    background-size: auto 190px;
  }
  .stage-wrap .stage-content-container .flexibleContent {
    padding-bottom: 0;
  }
}
@media all and (min-width: 768px) and (max-width: 991px) {
  .stage-wrap {
    background-size: auto 290px;
  }
  .stage-wrap .stage-image {
    height: 290px;
  }
  .stage-wrap .stage-image img {
    display: none;
  }
  .stage-wrap .stage-image img.showTablet {
    display: block;
  }
}
@media all and (max-width: 767px) {
  .stage-wrap .stage-image img {
    display: none;
  }
  .stage-wrap .stage-image img.showMobile {
    display: block;
  }
}
.tariffuxxVergleich_contentContainer {
  padding-right: 1rem;
  padding-left: 1rem;
  margin-right: auto;
  margin-left: auto;
}
.tariffuxxVergleich_contentContainer:before, .tariffuxxVergleich_contentContainer:after {
  display: table;
  content: " ";
}
.tariffuxxVergleich_contentContainer:after {
  clear: both;
}
@media (min-width: 1200px) {
  .tariffuxxVergleich_contentContainer {
    width: 1170px;
  }
}
.tariffuxxVergleich_contentRow {
  margin-right: -1rem;
  margin-left: -1rem;
}
.tariffuxxVergleich_contentRow:before, .tariffuxxVergleich_contentRow:after {
  display: table;
  content: " ";
}
.tariffuxxVergleich_contentRow:after {
  clear: both;
}
.tariffuxxVergleich_content {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
  margin-bottom: 5rem;
}
@media screen and (max-width: 767px) {
  .tariffuxxVergleich_content {
    padding-top: 1rem;
  }
}
.tariffuxxVergleich .breadcrumb {
  margin-bottom: 1rem;
}

.textMitBildTeaser img {
  width: 100%;
}

.themenUebersichtSeiteBuehne {
  background-color: #D2E8F5;
}
.themenUebersichtSeiteBuehne .breadcrumb {
  margin-bottom: 1rem;
}
.themenUebersichtSeiteBuehne_contentContainer {
  padding-right: 1rem;
  padding-left: 1rem;
  margin-right: auto;
  margin-left: auto;
}
.themenUebersichtSeiteBuehne_contentContainer:before, .themenUebersichtSeiteBuehne_contentContainer:after {
  display: table;
  content: " ";
}
.themenUebersichtSeiteBuehne_contentContainer:after {
  clear: both;
}
@media (min-width: 1200px) {
  .themenUebersichtSeiteBuehne_contentContainer {
    width: 1170px;
  }
}
.themenUebersichtSeiteBuehne_contentRow {
  margin-right: -1rem;
  margin-left: -1rem;
}
.themenUebersichtSeiteBuehne_contentRow:before, .themenUebersichtSeiteBuehne_contentRow:after {
  display: table;
  content: " ";
}
.themenUebersichtSeiteBuehne_contentRow:after {
  clear: both;
}
.themenUebersichtSeiteBuehne_panel h1, .themenUebersichtSeiteBuehne_panel h2, .themenUebersichtSeiteBuehne_panel h3, .themenUebersichtSeiteBuehne_panel h4, .themenUebersichtSeiteBuehne_panel div.heading {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #123B71;
  line-height: 1.25em;
  font-size: 2rem;
  margin: 2.75rem 0 2.75rem;
  margin: 1rem 0;
}
.themenUebersichtSeiteBuehne_panel h1.heading--is-small, .themenUebersichtSeiteBuehne_panel h2.heading--is-small, .themenUebersichtSeiteBuehne_panel h3.heading--is-small, .themenUebersichtSeiteBuehne_panel h4.heading--is-small, .themenUebersichtSeiteBuehne_panel div.heading.heading--is-small {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #123B71;
  line-height: 1.25em;
  font-size: 1.75rem;
  margin: 1rem 0 1rem;
  margin: 1rem 0;
  font-size: 1.5rem;
}
@media (min-width: 992px) {
  .themenUebersichtSeiteBuehne_contentRow {
    display: flex;
    display: -ms-flexbox;
  }
  .themenUebersichtSeiteBuehne_content, .themenUebersichtSeiteBuehne_vorteilTeaser {
    flex: 1 1 auto;
    -ms-flex: 1 1 auto;
  }
}
.themenUebersichtSeiteBuehne_content {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
  position: relative;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
  padding-bottom: 2rem;
}
@media (min-width: 992px) {
  .themenUebersichtSeiteBuehne_content {
    float: left;
    width: 58.3333333333%;
  }
}
@media screen and (max-width: 767px) {
  .themenUebersichtSeiteBuehne_content {
    padding: 1rem 1rem 2rem;
  }
}
.themenUebersichtSeiteBuehne_rechner {
  -webkit-box-shadow: 0 3px 27px 0 #B3C5D9;
  -moz-box-shadow: 0 3px 27px 0 #B3C5D9;
  box-shadow: 0 3px 27px 0 #B3C5D9;
  background-color: #FFFFFF;
  padding: 1rem;
  margin-top: 1rem;
  max-width: 660px;
}
.themenUebersichtSeiteBuehne_rechner .vergleichRechner_column .formElement {
  padding: 0.5rem;
  display: table;
}
@media screen and (min-width: 992px) and (max-width: 1199px), screen and (max-width: 767px) {
  .themenUebersichtSeiteBuehne_rechner .vergleichRechner_column .formElement {
    width: 100%;
  }
}
.themenUebersichtSeiteBuehne_rechner .vergleichRechner_column .formElement_unit {
  top: 1em;
  right: 1em;
}
.themenUebersichtSeiteBuehne_rechner .vergleichRechner_column .formElement_label {
  padding-left: 0;
  white-space: nowrap;
  float: none;
  position: static;
}
.themenUebersichtSeiteBuehne_rechner .vergleichRechner_column .formElement_input {
  padding: 0;
}
.themenUebersichtSeiteBuehne_rechner .vergleichRechner_column .formElement_input input, .themenUebersichtSeiteBuehne_rechner .vergleichRechner_column .formElement_input select {
  height: 3em;
}
.themenUebersichtSeiteBuehne_rechner .vergleichRechner_column .formElement_submit {
  margin-top: 0.5rem;
  padding: 0;
}
.themenUebersichtSeiteBuehne_rechner .reitermodul {
  margin: -1rem;
}
.themenUebersichtSeiteBuehne_rechner .reitermodul .vergleichRechner_column .formElement .formElement_input input, .themenUebersichtSeiteBuehne_rechner .reitermodul .vergleichRechner_column .formElement .formElement_input select {
  height: inherit;
}
.themenUebersichtSeiteBuehne_rechner .reitermodul .vergleichRechner_column .formElement .formElement_unit {
  top: 0.5rem;
  right: 0.5rem;
}
.themenUebersichtSeiteBuehne_rechner .reitermodul .vergleichRechner_column .formElement_submit {
  margin-top: 0.75rem;
}
.themenUebersichtSeiteBuehne_rechner .reitermodul .vergleichRechner_column .formElement_submitButton {
  margin-top: 1.25rem;
  padding-top: 0.444rem;
}
@media all and (max-width: 767px) {
  .themenUebersichtSeiteBuehne_rechner .reitermodul .vergleichRechner {
    padding: 0;
  }
  .themenUebersichtSeiteBuehne_rechner .reitermodul .vergleichRechner_column .formElement {
    padding: 0.5rem 0;
  }
  .themenUebersichtSeiteBuehne_rechner .reitermodul .vergleichRechner_column .formElement .formElement_unit {
    top: 13.5px;
  }
}
@media all and (min-width: 768px) {
  .themenUebersichtSeiteBuehne_rechner .reitermodul .vergleichRechner_column {
    width: auto;
    max-width: 33.333333%;
  }
  .themenUebersichtSeiteBuehne_rechner .reitermodul .vergleichRechner_column .formElement {
    padding: 0.5rem;
  }
}
@media all and (min-width: 992px) and (max-width: 1199px) {
  .themenUebersichtSeiteBuehne_rechner .reitermodul .vergleichRechner_column {
    width: 100%;
    max-width: 100%;
  }
}
.themenUebersichtSeiteBuehne_rechner .vergleichRechner {
  padding: 1rem;
  background-color: #FFFFFF;
}
.themenUebersichtSeiteBuehne_rechner .vergleichRechner_row {
  display: flex;
  flex-flow: row nowrap;
  margin: 0;
  margin-left: -0.5rem;
}
@media screen and (min-width: 992px) and (max-width: 1199px), screen and (max-width: 767px) {
  .themenUebersichtSeiteBuehne_rechner .vergleichRechner_row {
    flex-flow: row wrap;
  }
}
.themenUebersichtSeiteBuehne_rechner h1, .themenUebersichtSeiteBuehne_rechner h2, .themenUebersichtSeiteBuehne_rechner h3, .themenUebersichtSeiteBuehne_rechner h4, .themenUebersichtSeiteBuehne_rechner div.heading {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #123B71;
  line-height: 1.25em;
  font-size: 1.5rem;
  margin: 1rem 0 1rem;
  margin-top: 0;
}
.themenUebersichtSeiteBuehne_rechner h1.heading--is-small, .themenUebersichtSeiteBuehne_rechner h2.heading--is-small, .themenUebersichtSeiteBuehne_rechner h3.heading--is-small, .themenUebersichtSeiteBuehne_rechner h4.heading--is-small, .themenUebersichtSeiteBuehne_rechner div.heading.heading--is-small {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #123B71;
  line-height: 1.25em;
  font-size: 1.125rem;
  margin: 1rem 0 1rem;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.themenUebersichtSeiteBuehne_vorteilTeaser {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
  position: relative;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
  background-color: #EBF5FC;
  padding: 3.75rem 1rem 2rem 1rem;
}
@media (min-width: 992px) {
  .themenUebersichtSeiteBuehne_vorteilTeaser {
    float: left;
    width: 33.3333333333%;
  }
}
@media (min-width: 992px) {
  .themenUebersichtSeiteBuehne_vorteilTeaser {
    margin-left: 8.3333333333%;
  }
}
.themenUebersichtSeiteBuehne_vorteilTeaser .textpic {
  margin-top: 4.75rem;
}
.themenUebersichtSeiteBuehne_vorteilTeaser .linkliste {
  margin: 0;
}
.themenUebersichtSeiteBuehne_vorteilTeaser .linkliste a {
  background-color: #B3C5D9;
}
.themenUebersichtSeiteBuehne_vorteilTeaser .linkliste a:hover {
  background: #496B94;
  color: #FFFFFF;
}
@media (max-width: 991px) {
  .themenUebersichtSeiteBuehne_vorteilTeaser {
    padding: 2rem 1rem;
  }
  .themenUebersichtSeiteBuehne_vorteilTeaser .textpic {
    margin-top: 1rem;
  }
}
.themenUebersichtSeiteBuehne_vorteilTeaser h1, .themenUebersichtSeiteBuehne_vorteilTeaser h2, .themenUebersichtSeiteBuehne_vorteilTeaser h3, .themenUebersichtSeiteBuehne_vorteilTeaser h4, .themenUebersichtSeiteBuehne_vorteilTeaser div.heading {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #123B71;
  line-height: 1.25em;
  font-size: 1.5rem;
  margin: 1rem 0 1rem;
  margin-top: 0;
}
.themenUebersichtSeiteBuehne_vorteilTeaser h1.heading--is-small, .themenUebersichtSeiteBuehne_vorteilTeaser h2.heading--is-small, .themenUebersichtSeiteBuehne_vorteilTeaser h3.heading--is-small, .themenUebersichtSeiteBuehne_vorteilTeaser h4.heading--is-small, .themenUebersichtSeiteBuehne_vorteilTeaser div.heading.heading--is-small {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #123B71;
  line-height: 1.25em;
  font-size: 1.125rem;
  margin: 1rem 0 1rem;
  margin-top: 0;
}
.themenUebersichtSeiteBuehne_vorteilTeaser .textMitBildTeaser h1, .themenUebersichtSeiteBuehne_vorteilTeaser .textMitBildTeaser h2, .themenUebersichtSeiteBuehne_vorteilTeaser .textMitBildTeaser h3, .themenUebersichtSeiteBuehne_vorteilTeaser .textMitBildTeaser h4, .themenUebersichtSeiteBuehne_vorteilTeaser .textMitBildTeaser div.heading {
  margin: 1rem 0;
}
.themenUebersichtSeiteBuehne_vorteilTeaser .textMitBildTeaser h1:before, .themenUebersichtSeiteBuehne_vorteilTeaser .textMitBildTeaser h2:before, .themenUebersichtSeiteBuehne_vorteilTeaser .textMitBildTeaser h3:before, .themenUebersichtSeiteBuehne_vorteilTeaser .textMitBildTeaser h4:before, .themenUebersichtSeiteBuehne_vorteilTeaser .textMitBildTeaser div.heading:before {
  content: unset;
}
.themenUebersichtSeiteBuehne_vorteilTeaser figure {
  text-align: center;
  display: flex;
  justify-content: center;
  margin: 0;
  width: 100%;
  height: 100%;
}
.themenUebersichtSeiteBuehne_vorteilTeaser figure:first-child {
  margin: 0;
}
.themenUebersichtSeiteBuehne_vorteilTeaser figure picture {
  display: table;
  align-self: center;
  margin-top: -2.2rem;
}
@media (max-width: 991px) {
  .themenUebersichtSeiteBuehne_vorteilTeaser figure picture {
    margin-top: 0;
  }
}

.toppartnerbox {
  margin-right: -1rem;
  margin-left: -1rem;
  padding: 0 2rem;
  margin: 0;
  background-color: #FFFFFF;
}
.toppartnerbox:before, .toppartnerbox:after {
  display: table;
  content: " ";
}
.toppartnerbox:after {
  clear: both;
}
.toppartnerbox h1, .toppartnerbox h2, .toppartnerbox h3, .toppartnerbox h4, .toppartnerbox div.heading {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #123B71;
  line-height: 1.25em;
  font-size: 1.125rem;
  margin: 1rem 0 1rem;
  margin: 0 0 1rem;
}
.toppartnerbox figure {
  margin: 0 0 1rem;
  text-align: left;
}
.toppartnerbox .button {
  margin-top: 1rem;
}
@media screen and (max-width: 767px) {
  .toppartnerbox .button {
    margin-top: 0;
  }
}
.toppartnerbox + .toppartnerbox .toppartnerbox_column, .toppartnerbox + .toppartnerbox .toppartnerbox_column--is-right, .toppartnerbox + .toppartnerbox .toppartnerbox_column--is-middle, .toppartnerbox + .toppartnerbox .toppartnerbox_column--is-left {
  border-top: solid 1px #999999;
}
@media (max-width: 767px) {
  .toppartnerbox + .toppartnerbox .toppartnerbox_column--is-middle {
    border: none;
  }
}
.toppartnerbox_column, .toppartnerbox_column--is-right, .toppartnerbox_column--is-middle, .toppartnerbox_column--is-left {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
  padding: 1rem 0;
}
.toppartnerbox_column--is-left {
  position: relative;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
  position: relative;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
  padding-left: 0;
}
@media (min-width: 768px) {
  .toppartnerbox_column--is-left {
    float: left;
    width: 33.3333333333%;
  }
}
@media (min-width: 992px) {
  .toppartnerbox_column--is-left {
    float: left;
    width: 25%;
  }
}
.toppartnerbox_column--is-left strong {
  font-size: 3rem;
  line-height: 1.25em;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 500;
}
@media all and (max-width: 767px) {
  .toppartnerbox_column--is-left strong {
    font-size: 3em;
  }
}
.toppartnerbox_column--is-left p {
  margin: 0;
}
.toppartnerbox_column--is-middle {
  position: relative;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
  position: relative;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
}
@media (min-width: 768px) {
  .toppartnerbox_column--is-middle {
    float: left;
    width: 66.6666666667%;
  }
}
@media (min-width: 992px) {
  .toppartnerbox_column--is-middle {
    float: left;
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .toppartnerbox_column--is-middle {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .toppartnerbox_beschreibung {
    display: none;
  }
}
.toppartnerbox_beschreibung ul {
  margin: 0;
}
.toppartnerbox_beschreibung li {
  margin-bottom: 0.5rem;
}
.toppartnerbox_column--is-right {
  position: relative;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
  padding-right: 0;
  text-align: center;
}
@media (min-width: 992px) {
  .toppartnerbox_column--is-right {
    float: left;
    width: 25%;
  }
}
@media (max-width: 991px) {
  .toppartnerbox_column--is-right {
    display: none;
  }
}

.toppartnerboxContainer_headerRow {
  margin-right: -1rem;
  margin-left: -1rem;
}
.toppartnerboxContainer_headerRow:before, .toppartnerboxContainer_headerRow:after {
  display: table;
  content: " ";
}
.toppartnerboxContainer_headerRow:after {
  clear: both;
}
.toppartnerboxContainer_header {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
}
.toppartnerboxContainer_header h1, .toppartnerboxContainer_header h2, .toppartnerboxContainer_header h3, .toppartnerboxContainer_header h4, .toppartnerboxContainer_header div.heading {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #123B71;
  line-height: 1.25em;
  font-size: 2rem;
  margin: 2.75rem 0 2.75rem;
  margin-top: 0;
  margin-bottom: 1rem;
}
.toppartnerboxContainer_subheader {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
}
.toppartnerboxContainer_subheader h1, .toppartnerboxContainer_subheader h2, .toppartnerboxContainer_subheader h3, .toppartnerboxContainer_subheader h4, .toppartnerboxContainer_subheader div.heading {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #123B71;
  line-height: 1.25em;
  font-size: 1.5rem;
  margin: 1rem 0 1rem;
  margin-top: 0;
  margin-bottom: 1rem;
}
.toppartnerboxContainer_anzeigeRow {
  margin-right: -1rem;
  margin-left: -1rem;
}
.toppartnerboxContainer_anzeigeRow:before, .toppartnerboxContainer_anzeigeRow:after {
  display: table;
  content: " ";
}
.toppartnerboxContainer_anzeigeRow:after {
  clear: both;
}
.toppartnerboxContainer_anzeige {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
  font-size: 0.75rem;
  margin: 0;
  text-align: right;
}

.toppartnerboxNeu {
  font-size: 0.8rem;
  clear: both;
  margin-bottom: 3em;
}
@media screen and (max-width: 767px) {
  .toppartnerboxNeu {
    margin: auto;
    max-width: 300px;
  }
}
.toppartnerboxNeu a {
  text-decoration: none;
}
.toppartnerboxNeu a.link-external {
  background-image: none;
  padding-left: inherit;
}
.toppartnerboxNeu .star:before {
  content: "";
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 1em 1em;
  padding-left: 1.4em;
  font-size: 1em;
  background-image: url("/_assets/hypo-custom/Images/Container/Toppartnerbox-neu/icon-star.svg");
}
.toppartnerboxNeu .tpb_row {
  display: flex;
  position: relative;
  overflow: hidden;
  background: #FFFFFF;
  min-height: 160px;
  border-radius: 10px;
  -webkit-box-shadow: 3px 10px 18px 4px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 3px 10px 18px 4px rgba(0, 0, 0, 0.15);
  box-shadow: 3px 10px 18px 4px rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 767px) {
  .toppartnerboxNeu .tpb_row {
    margin-top: 0;
    flex-direction: column;
    height: unset;
    padding: 10px 0;
  }
}
.toppartnerboxNeu .rechenbeispiel {
  float: right;
}
@media screen and (max-width: 767px) {
  .toppartnerboxNeu .rechenbeispiel {
    word-break: break-all;
    margin-bottom: 2em;
    padding: 1rem 0.5rem;
  }
}

/************************************************************/
/************************************************************/
/************************************************************/
/************************************************************/
/************************************************************/
/************************************************************/
.toppartnerboxNeu.layout1 .tpb_row {
  border-radius: unset;
  box-shadow: unset;
}

.toppartnerboxNeu.small {
  margin: auto;
  max-width: 354px;
}
@media screen and (max-width: 767px) {
  .toppartnerboxNeu.small {
    max-width: 300px;
  }
}
.toppartnerboxNeu.small .tpb_row {
  margin-top: 0;
  flex-direction: column;
  height: unset;
  padding-top: 10px;
}
.toppartnerboxNeu.small .rechenbeispiel {
  word-break: break-all;
  margin-bottom: 2em;
  max-width: 354px;
}

.tpb_anzeige {
  text-align: right;
  margin-bottom: 0.5em;
  font-size: 1.04em;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .tpb_anzeige {
    font-size: 1.38em;
  }
}

.toppartnerboxNeuElement {
  flex-grow: 1;
  position: relative;
}
.toppartnerboxNeuElement a {
  text-decoration: none;
}
.toppartnerboxNeuElement a.link-external {
  background-image: none;
  padding-left: inherit;
}
.toppartnerboxNeuElement .textpic {
  margin-top: unset;
}
@media screen and (max-width: 767px) {
  .toppartnerboxNeuElement {
    max-width: 220px;
    margin: auto;
  }
}
.toppartnerboxNeuElement.attention {
  background: #28989A;
  background: linear-gradient(135deg, #3C5677, #4BC6B5, #45C68D);
  background-blend-mode: multiply;
  background-size: cover;
  background-position: center;
  text-align: center;
  color: #FFFFFF;
  padding-right: 1.5rem;
  max-width: 260px;
  min-width: 260px;
  overflow: hidden;
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .toppartnerboxNeuElement.attention {
    padding-right: unset;
    padding-bottom: 2.5em;
    max-width: unset;
    min-width: unset;
    margin-bottom: 20px;
    margin-top: -10px;
    height: 155px;
    width: 100%;
  }
}
.toppartnerboxNeuElement.attention header {
  font-weight: 500;
  background: rgba(0, 0, 0, 0.13);
  position: absolute;
  top: 0;
  width: 100%;
  height: unset;
  width: calc(100% - 1.2rem);
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .toppartnerboxNeuElement.attention header {
    width: 100%;
  }
}
.toppartnerboxNeuElement.attention section {
  position: relative;
  margin-top: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.toppartnerboxNeuElement.attention.header-bottom header {
  top: unset;
  bottom: 0;
}
@media screen and (max-width: 767px) {
  .toppartnerboxNeuElement.attention.header-bottom header {
    top: 0;
    bottom: unset;
  }
}
.toppartnerboxNeuElement.attention.header-bottom section {
  margin-top: -12px;
}
@media screen and (max-width: 767px) {
  .toppartnerboxNeuElement.attention.header-bottom section {
    margin-top: 10px;
  }
}
.toppartnerboxNeuElement.attention strong {
  font-size: 2.9em;
  color: #FFFFFF;
  line-height: 1em;
}
.toppartnerboxNeuElement.attention .pa strong > span {
  display: inline-block;
  position: relative;
  vertical-align: top;
  padding-left: 0.2em;
  font-size: 50%;
  line-height: 1.25em;
  white-space: pre;
}
.toppartnerboxNeuElement.attention .pa strong > span > span {
  display: inline-block;
  position: absolute;
  bottom: -0.8rem;
  left: 0.2rem;
}
.toppartnerboxNeuElement.attention p {
  margin: 0 0 0.3rem 0;
}
.toppartnerboxNeuElement.attention em {
  width: calc(100% + 1.2rem);
  background: rgba(0, 0, 0, 0.13);
  display: block;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 0.8em;
}
@media screen and (max-width: 767px) {
  .toppartnerboxNeuElement.attention em {
    width: 100%;
  }
}
.toppartnerboxNeuElement.attention .check,
.toppartnerboxNeuElement.attention .star {
  background: rgba(0, 0, 0, 0.13);
  display: table;
  border-radius: 10px;
  padding: 0 0.8em;
  margin: auto;
  margin-bottom: 0.3em;
}
.toppartnerboxNeuElement.attention .check:before {
  content: "";
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 1em 1em;
  padding-left: 1.4em;
  font-size: 1em;
  background-image: url("/_assets/hypo-custom/ImagesContainer/Toppartnerbox-neu/icon-check-white.svg");
}
.toppartnerboxNeuElement.attention .textpic {
  top: 50%;
  transform: translateY(-50%);
  position: relative;
}
.toppartnerboxNeuElement.attention:after {
  content: "";
  position: absolute;
  height: 70%;
  top: -20%;
  right: 0;
  margin: auto;
  border: solid 25px transparent;
  border-right-color: #FFFFFF;
}
@media screen and (max-width: 767px) {
  .toppartnerboxNeuElement.attention:after {
    top: unset;
    bottom: 0;
    left: 50%;
    height: unset;
    width: 70%;
    right: unset;
    border-left-color: transparent;
    border-bottom-color: #FFFFFF;
  }
}
.toppartnerboxNeuElement.attention:before {
  content: "";
  position: absolute;
  height: 70%;
  top: 50%;
  right: 0;
  margin: auto;
  border: solid 25px transparent;
  border-right-color: #FFFFFF;
}
@media screen and (max-width: 767px) {
  .toppartnerboxNeuElement.attention:before {
    top: unset;
    bottom: 0;
    left: -20%;
    height: unset;
    width: 70%;
    right: unset;
    border-right-color: transparent;
    border-bottom-color: #FFFFFF;
  }
}
.toppartnerboxNeuElement.trustbullets .textpic {
  display: table;
  margin: auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  line-height: 1.6em;
  position: relative;
  padding: 1em 0.6em;
  font-size: 1.04em;
}
@media screen and (max-width: 767px) {
  .toppartnerboxNeuElement.trustbullets .textpic {
    top: unset;
    transform: unset;
    margin-bottom: 1.4em;
    max-width: calc(100% - 40px);
    padding: unset;
    font-size: 1.04em;
  }
}
.toppartnerboxNeuElement.trustbullets .textpic p, .toppartnerboxNeuElement.trustbullets .textpic ul, .toppartnerboxNeuElement.trustbullets .textpic li {
  margin: 0;
}
.toppartnerboxNeuElement.trustbullets .textpic ul {
  padding-inline-start: 0;
  list-style-type: none;
}
.toppartnerboxNeuElement.trustbullets .textpic li {
  margin-left: 1.4em;
  position: relative;
}
@media screen and (max-width: 767px) {
  .toppartnerboxNeuElement.trustbullets .textpic li {
    margin-bottom: 0.4em;
  }
}
.toppartnerboxNeuElement.trustbullets .textpic li:before {
  content: "";
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 1em 1em;
  position: absolute;
  left: -1.4em;
  top: 0.4em;
  font-size: 1em;
  background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 17 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(1,0,0,1,0,-2)'%3E%3Cg id='Page-1'%3E%3Cg id='TPB_Layout_termingeld_mobile'%3E%3Cg id='Icons---Check---Hover'%3E%3Cpath id='Path-2' d='M6.308,10.164L3.402,7.687C2.732,7.116 1.726,7.196 1.155,7.866C0.584,8.536 0.664,9.542 1.334,10.113L6.481,14.5L15.759,5.221C16.382,4.599 16.382,3.59 15.759,2.967C15.137,2.345 14.128,2.345 13.505,2.967L6.308,10.164Z' style='fill:rgb(69,198,141);'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  height: 1em;
  width: 1em;
}
.toppartnerboxNeuElement.trustbullets .textpic p,
.toppartnerboxNeuElement.trustbullets .textpic h1, .toppartnerboxNeuElement.trustbullets .textpic h2, .toppartnerboxNeuElement.trustbullets .textpic h3, .toppartnerboxNeuElement.trustbullets .textpic h4, .toppartnerboxNeuElement.trustbullets .textpic div.heading {
  font-weight: 500;
  color: #3C5677;
  font-size: 15px;
}
@media screen and (max-width: 767px) {
  .toppartnerboxNeuElement.trustbullets .textpic p,
  .toppartnerboxNeuElement.trustbullets .textpic h1, .toppartnerboxNeuElement.trustbullets .textpic h2, .toppartnerboxNeuElement.trustbullets .textpic h3, .toppartnerboxNeuElement.trustbullets .textpic h4, .toppartnerboxNeuElement.trustbullets .textpic div.heading {
    font-size: 18px;
    margin-bottom: 6px;
    line-height: 23px;
  }
}
.toppartnerboxNeuElement.trustgrafic {
  display: flex;
  justify-content: flex-end;
  flex-grow: unset;
}
@media screen and (max-width: 767px) {
  .toppartnerboxNeuElement.trustgrafic {
    justify-content: center;
  }
}
.toppartnerboxNeuElement.trustgrafic .textpic {
  max-width: unset;
  align-items: center;
  display: flex;
}
@media screen and (max-width: 767px) {
  .toppartnerboxNeuElement.trustgrafic .textpic {
    margin-bottom: 1em;
  }
}
.toppartnerboxNeuElement.trustgrafic .textpic img {
  max-height: 120px;
  width: auto;
}
.toppartnerboxNeuElement.logo {
  margin-top: 20px;
  max-width: 280px;
  min-width: 280px;
}
@media screen and (max-width: 767px) {
  .toppartnerboxNeuElement.logo {
    max-width: unset;
    min-width: unset;
    margin-top: 0;
    margin-bottom: 1em;
  }
}
.toppartnerboxNeuElement.logo img {
  width: calc(100% - 2rem);
  width: 140px;
  height: auto;
}
.toppartnerboxNeuElement.logo .textpic {
  top: calc(50% - 36px);
  position: relative;
  transform: translateY(-50%);
  margin-bottom: 70px;
}
.toppartnerboxNeuElement.logo .textpic .image {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .toppartnerboxNeuElement.logo .textpic {
    top: unset;
    transform: unset;
    margin-bottom: unset;
  }
}
.toppartnerboxNeuElement.button {
  width: 0;
  max-width: 0;
}
@media screen and (max-width: 767px) {
  .toppartnerboxNeuElement.button {
    max-width: unset;
    width: 100%;
  }
}
.toppartnerboxNeuElement.button .textpic {
  background: #28989A;
  background: linear-gradient(135deg, #3C5677, #4BC6B5, #45C68D);
  background-blend-mode: multiply;
  cursor: pointer;
  width: 240px;
  position: absolute;
  left: -260px;
  bottom: 20px;
  text-align: center;
  font-weight: 500;
  border: none;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  height: 2.7rem;
  line-height: 2.7rem;
  border-radius: 25px;
}
@media screen and (max-width: 767px) {
  .toppartnerboxNeuElement.button .textpic {
    position: relative;
    left: unset;
    bottom: unset;
    margin: auto;
    margin-bottom: 1em;
    width: 200px;
  }
}
.toppartnerboxNeuElement.button .textpic a {
  width: 100%;
  height: 100%;
  display: block;
  color: #FFFFFF;
}
.toppartnerboxNeuElement.button .textpic a:hover {
  text-decoration: none;
}
.toppartnerboxNeuElement.button.order-1 .textpic {
  left: -250px;
}
@media screen and (max-width: 767px) {
  .toppartnerboxNeuElement.button.order-1 .textpic {
    left: unset;
  }
}
.toppartnerboxNeuElement .rechenbeispiel {
  float: right;
}
.toppartnerboxNeuElement.order-1 {
  order: 1;
}
.toppartnerboxNeuElement.order-2 {
  order: 2;
}
.toppartnerboxNeuElement.order-3 {
  order: 3;
}
.toppartnerboxNeuElement.order-4 {
  order: 4;
}
.toppartnerboxNeuElement.order-5 {
  order: 5;
}
@media screen and (max-width: 991px) {
  .toppartnerboxNeuElement.order-tablet-0 {
    order: 0;
  }
  .toppartnerboxNeuElement.order-tablet-1 {
    order: 1;
  }
  .toppartnerboxNeuElement.order-tablet-2 {
    order: 2;
  }
  .toppartnerboxNeuElement.order-tablet-3 {
    order: 3;
  }
  .toppartnerboxNeuElement.order-tablet-4 {
    order: 4;
  }
  .toppartnerboxNeuElement.hide-tablet {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .toppartnerboxNeuElement.hide-tablet {
    display: inherit;
  }
  .toppartnerboxNeuElement.order-mobile-0 {
    order: 0;
  }
  .toppartnerboxNeuElement.order-mobile-1 {
    order: 1;
  }
  .toppartnerboxNeuElement.order-mobile-2 {
    order: 2;
  }
  .toppartnerboxNeuElement.order-mobile-3 {
    order: 3;
  }
  .toppartnerboxNeuElement.order-mobile-4 {
    order: 4;
  }
  .toppartnerboxNeuElement.hide-mobile {
    display: none;
  }
}

/************************************************************/
/************************************************************/
/************************************************************/
/************************************************************/
/************************************************************/
/************************************************************/
.toppartnerboxNeu.layout1 .toppartnerboxNeuElement.attention {
  background: #3C5677;
  background: -o-linear-gradient(top, #496B94 0%, #3C5677 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#496B94), to(#3C5677));
  background: linear-gradient(to bottom, #496B94 0%, #3C5677 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF496B94", endColorstr="#FF3C5677", GradientType=0);
}
.toppartnerboxNeu.layout1 .toppartnerboxNeuElement.button .textpic {
  background: #3C5677;
  background: -o-linear-gradient(top, #496B94 0%, #3C5677 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#496B94), to(#3C5677));
  background: linear-gradient(to bottom, #496B94 0%, #3C5677 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF496B94", endColorstr="#FF3C5677", GradientType=0);
  border-radius: 5px;
}

.toppartnerboxNeu.layout2 {
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 1em;
}
.toppartnerboxNeu.layout2 .tpb_row {
  box-shadow: none;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0;
}
.toppartnerboxNeu.layout2 .toppartnerboxNeuElement.attention {
  background: transparent;
}
.toppartnerboxNeu.layout2 .toppartnerboxNeuElement.attention header {
  display: none;
}
.toppartnerboxNeu.layout2 .toppartnerboxNeuElement.attention section {
  margin-top: 0rem;
}
.toppartnerboxNeu.layout2 .toppartnerboxNeuElement.attention strong {
  color: #45C68D;
  font-size: 2.25rem;
  padding: 0.2rem 0 0 0;
  display: inline-block;
}
.toppartnerboxNeu.layout2 .toppartnerboxNeuElement.attention p {
  color: #000000;
  margin: 0 auto;
}
.toppartnerboxNeu.layout2 .toppartnerboxNeuElement.attention .star, .toppartnerboxNeu.layout2 .toppartnerboxNeuElement.attention .check {
  background: transparent;
  border: 1px solid #D2E8F5;
  padding-top: 1px;
  padding-bottom: 1px;
}
.toppartnerboxNeu.layout2 .toppartnerboxNeuElement.attention .check {
  background-image: url("data:image/svg+xml,%3Csvg width='17px' height='13px' viewBox='0 0 17 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='TPB_Layout_termingeld_mobile' transform='translate(-720.000000, -579.000000)' fill='%23000'%3E%3Cg id='Icons-/-Check-/-Hover' transform='translate(720.000000, 577.000000)'%3E%3Cpath d='M6.3082292,10.1642728 L3.40164087,7.68679166 C2.73176219,7.1158089 1.72584524,7.19597988 1.15486248,7.86585857 C0.583879714,8.53573725 0.664050697,9.5416542 1.33392938,10.112637 L6.48071686,14.4995909 L15.7591973,5.22111051 C16.3815954,4.59871242 16.3815954,3.58960574 15.7591973,2.96720765 C15.1367992,2.34480956 14.1276925,2.34480956 13.5052944,2.96720765 L6.3082292,10.1642728 Z' id='Path-2'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 8px center;
  background-size: 1.2em 1.2em;
  padding-left: 1.4em;
}
.toppartnerboxNeu.layout2 .toppartnerboxNeuElement.attention.order-1 {
  border-right: 1px solid #D2E8F5;
  padding-right: 0;
  max-width: 240px;
  min-width: 240px;
}
.toppartnerboxNeu.layout2 .toppartnerboxNeuElement.trustbullets .textpic {
  margin: 0 auto;
  width: 91%;
}
.toppartnerboxNeu.layout2 .toppartnerboxNeuElement.order-3.is-content.is-content {
  border-left: 1px solid #D2E8F5;
}
.toppartnerboxNeu.layout2 .toppartnerboxNeuElement.order-3.is-content.is-content figure {
  padding: 0 1rem;
}
.toppartnerboxNeu.layout2 .toppartnerboxNeuElement.order-3.is-content.is-content figure img {
  min-width: 4rem;
}
.toppartnerboxNeu.layout2 .toppartnerboxNeuElement.logo {
  border-left: 1px solid #D2E8F5;
  margin: 0 auto;
  max-width: 276px;
  min-width: 276px;
}
.toppartnerboxNeu.layout2 .toppartnerboxNeuElement.logo .textpic {
  top: calc(50% - 24px);
}
.toppartnerboxNeu.layout2 .toppartnerboxNeuElement.button .textpic {
  background: #45C68D;
  border-radius: 0.5rem;
  left: -258px;
  bottom: 18px;
  height: 2.66rem;
  line-height: 2.9rem;
}

@media screen and (max-width: 767px) {
  .toppartnerboxNeu.layout2 .tpb_anzeige {
    margin-bottom: 0;
  }
  .toppartnerboxNeu.layout2 .tpb_row {
    padding: 0;
    border-radius: 0;
  }
  .toppartnerboxNeu.layout2 .toppartnerboxNeuElement {
    max-width: unset;
    min-width: unset;
  }
  .toppartnerboxNeu.layout2 .toppartnerboxNeuElement.order-1 {
    order: 2;
    padding: 1rem;
    margin: 0;
  }
  .toppartnerboxNeu.layout2 .toppartnerboxNeuElement.order-2 {
    padding: 1rem;
    margin: 0;
    border-bottom: 1px solid #D2E8F5;
  }
  .toppartnerboxNeu.layout2 .toppartnerboxNeuElement.attention {
    height: unset;
  }
  .toppartnerboxNeu.layout2 .toppartnerboxNeuElement.attention.order-1 {
    max-width: unset;
    min-width: unset;
    border-left: none;
    border-bottom: 1px solid #D2E8F5;
    border-right: none;
    padding-right: 1rem;
  }
  .toppartnerboxNeu.layout2 .toppartnerboxNeuElement.attention:after {
    display: none;
  }
  .toppartnerboxNeu.layout2 .toppartnerboxNeuElement.attention header {
    position: relative;
    top: auto;
  }
  .toppartnerboxNeu.layout2 .toppartnerboxNeuElement.attention section {
    top: unset;
    transform: unset;
  }
  .toppartnerboxNeu.layout2 .toppartnerboxNeuElement.attention strong {
    font-size: 3rem;
    line-height: 1.2em;
  }
  .toppartnerboxNeu.layout2 .toppartnerboxNeuElement.attention .star, .toppartnerboxNeu.layout2 .toppartnerboxNeuElement.attention .check {
    font-size: 1rem;
  }
  .toppartnerboxNeu.layout2 .toppartnerboxNeuElement.attention .star:before, .toppartnerboxNeu.layout2 .toppartnerboxNeuElement.attention .check:before {
    font-size: 1.1em;
  }
  .toppartnerboxNeu.layout2 .toppartnerboxNeuElement.order-2 {
    order: 3;
  }
  .toppartnerboxNeu.layout2 .toppartnerboxNeuElement.order-3 {
    display: none;
  }
  .toppartnerboxNeu.layout2 .toppartnerboxNeuElement.order-4 {
    padding: 1rem;
    margin: 0;
  }
  .toppartnerboxNeu.layout2 .toppartnerboxNeuElement.order-4.order-mobile-1 {
    order: 1;
  }
  .toppartnerboxNeu.layout2 .toppartnerboxNeuElement.order-5 {
    order: 4;
  }
  .toppartnerboxNeu.layout2 .toppartnerboxNeuElement.order-5.button {
    padding: 1rem;
  }
  .toppartnerboxNeu.layout2 .toppartnerboxNeuElement.order-5.button .textpic {
    position: relative;
    bottom: auto;
    left: auto;
    font-size: 1rem;
    width: auto;
    margin-bottom: 0;
    height: 3.4rem;
    line-height: 3.4rem;
    font-size: 1.1rem;
  }
  .toppartnerboxNeu.layout2 .toppartnerboxNeuElement.logo {
    border-left: none;
    border-bottom: 1px solid #D2E8F5;
    max-width: unset;
    min-width: unset;
  }
  .toppartnerboxNeu.layout2 .toppartnerboxNeuElement.trustbullets .textpic div.heading {
    font-size: 1.2rem;
  }
  .toppartnerboxNeu.layout2 .toppartnerboxNeuElement p, .toppartnerboxNeu.layout2 .toppartnerboxNeuElement ul li, .toppartnerboxNeu.layout2 .toppartnerboxNeuElement ol li {
    font-size: 1rem;
  }
}
/************************************************************/
/************************************************************/
/************************************************************/
/************************************************************/
/************************************************************/
/************************************************************/
.toppartnerboxNeuElement.order-4.attention {
  padding-right: unset;
  padding-left: 25px;
  margin-left: 25px;
}
@media screen and (max-width: 767px) {
  .toppartnerboxNeuElement.order-4.attention {
    padding: 0;
    max-width: unset;
    min-width: unset;
    margin-left: unset;
    margin-bottom: -10px;
  }
  .toppartnerboxNeuElement.order-4.attention.header-bottom header {
    top: unset;
    bottom: 0;
  }
}
.toppartnerboxNeuElement.order-4.attention em {
  width: 100%;
}
.toppartnerboxNeuElement.order-4.attention:after {
  left: 0;
  right: unset;
  border-left-color: #FFFFFF;
  border-right-color: transparent;
}
@media screen and (max-width: 767px) {
  .toppartnerboxNeuElement.order-4.attention:after {
    top: 0;
    left: 50%;
    width: 70%;
    border-left-color: transparent;
    border-top-color: #FFFFFF;
    border-bottom-color: transparent;
  }
}
.toppartnerboxNeuElement.order-4.attention:before {
  left: 0;
  right: unset;
  margin: auto;
  border-left-color: #FFFFFF;
  border-right-color: transparent;
}
@media screen and (max-width: 767px) {
  .toppartnerboxNeuElement.order-4.attention:before {
    top: 0;
    left: -20%;
    width: 70%;
    border-top-color: #FFFFFF;
    border-bottom-color: transparent;
  }
}

/************************************************************/
/************************************************************/
/************************************************************/
/************************************************************/
/************************************************************/
/************************************************************/
.toppartnerboxNeuElement.order-mobile-0.attention {
  padding-right: unset;
  padding-left: 25px;
}
@media screen and (max-width: 767px) {
  .toppartnerboxNeuElement.order-mobile-0.attention {
    padding: 0;
    max-width: unset;
    min-width: unset;
    padding-bottom: 2.5em;
    margin-left: unset;
  }
}
.toppartnerboxNeuElement.order-mobile-0.attention:after {
  left: 0;
  right: unset;
  border-left-color: #FFFFFF;
  border-right-color: transparent;
}
@media screen and (max-width: 767px) {
  .toppartnerboxNeuElement.order-mobile-0.attention:after {
    top: unset;
    bottom: 0;
    left: 50%;
    height: unset;
    width: 70%;
    right: unset;
    border-color: transparent;
    border-bottom-color: #FFFFFF;
  }
}
.toppartnerboxNeuElement.order-mobile-0.attention:before {
  left: 0;
  right: unset;
  margin: auto;
  border-left-color: #FFFFFF;
  border-right-color: transparent;
}
@media screen and (max-width: 767px) {
  .toppartnerboxNeuElement.order-mobile-0.attention:before {
    top: unset;
    bottom: 0;
    left: -20%;
    height: unset;
    width: 70%;
    right: unset;
    border-color: transparent;
    border-bottom-color: #FFFFFF;
  }
}

/************************************************************/
/************************************************************/
/************************************************************/
/************************************************************/
/************************************************************/
/************************************************************/
.toppartnerboxNeu.small .tpb_row {
  padding-bottom: 10px;
}
.toppartnerboxNeu.small .toppartnerboxNeuElement {
  font-size: 12px;
}
.toppartnerboxNeu.small .toppartnerboxNeuElement.attention {
  padding-right: unset;
  padding-left: 0;
  padding-bottom: 2.5em;
  max-width: unset;
  min-width: unset;
  margin-top: -10px;
  height: 180px;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .toppartnerboxNeu.small .toppartnerboxNeuElement.attention {
    height: 155px;
    font-size: inherit;
  }
}
.toppartnerboxNeu.small .toppartnerboxNeuElement.attention header {
  width: 100%;
}
.toppartnerboxNeu.small .toppartnerboxNeuElement.attention:after {
  top: unset;
  bottom: 0;
  left: 50%;
  height: unset;
  width: 70%;
  right: unset;
  border-left-color: transparent;
  border-bottom-color: #FFFFFF;
}
.toppartnerboxNeu.small .toppartnerboxNeuElement.attention:before {
  top: unset;
  bottom: 0;
  left: -20%;
  height: unset;
  width: 70%;
  right: unset;
  border-right-color: transparent;
  border-bottom-color: #FFFFFF;
}
.toppartnerboxNeu.small .toppartnerboxNeuElement.attention em {
  width: 100%;
}
.toppartnerboxNeu.small .toppartnerboxNeuElement.button {
  max-width: unset;
  width: 100%;
}
.toppartnerboxNeu.small .toppartnerboxNeuElement.button .textpic {
  left: unset;
  width: 200px;
  bottom: unset;
  margin: auto;
  margin-bottom: 1.4em;
  position: relative;
}
.toppartnerboxNeu.small .toppartnerboxNeuElement.trustbullets .textpic {
  top: unset;
  transform: unset;
  margin-bottom: 1.4em;
  padding: unset;
  max-width: 200px;
}
.toppartnerboxNeu.small .toppartnerboxNeuElement.trustgrafic {
  display: block;
  justify-content: unset;
  flex-grow: unset;
}
.toppartnerboxNeu.small .toppartnerboxNeuElement.trustgrafic .textpic {
  margin-bottom: 1em;
  max-width: unset;
  align-items: unset;
  display: block;
}
@media screen and (max-width: 767px) {
  .toppartnerboxNeu.small .toppartnerboxNeuElement.trustgrafic .textpic {
    margin-bottom: 1em;
  }
}
.toppartnerboxNeu.small .toppartnerboxNeuElement.trustgrafic .textpic img {
  max-width: 200px;
}
.toppartnerboxNeu.small .toppartnerboxNeuElement.logo {
  max-width: unset;
  min-width: unset;
}
.toppartnerboxNeu.small .toppartnerboxNeuElement.logo .textpic {
  margin-top: 0;
  margin-bottom: 1em;
}

.toppartnerboxNeuContainer_headerRow {
  margin-right: -1rem;
  margin-left: -1rem;
}
.toppartnerboxNeuContainer_headerRow:before, .toppartnerboxNeuContainer_headerRow:after {
  display: table;
  content: " ";
}
.toppartnerboxNeuContainer_headerRow:after {
  clear: both;
}
.toppartnerboxNeuContainer_header {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
}
.toppartnerboxNeuContainer_header h1, .toppartnerboxNeuContainer_header h2, .toppartnerboxNeuContainer_header h3, .toppartnerboxNeuContainer_header h4, .toppartnerboxNeuContainer_header div.heading {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #123B71;
  line-height: 1.25em;
  font-size: 2rem;
  margin: 2.75rem 0 2.75rem;
  margin-top: 0;
  margin-bottom: 1rem;
}
.toppartnerboxNeuContainer_subheader {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
}
.toppartnerboxNeuContainer_subheader h1, .toppartnerboxNeuContainer_subheader h2, .toppartnerboxNeuContainer_subheader h3, .toppartnerboxNeuContainer_subheader h4, .toppartnerboxNeuContainer_subheader div.heading {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #123B71;
  line-height: 1.25em;
  font-size: 1.5rem;
  margin: 1rem 0 1rem;
  margin-top: 0;
  margin-bottom: 1rem;
}
.toppartnerboxNeuContainer_anzeigeRow {
  margin-right: -1rem;
  margin-left: -1rem;
}
.toppartnerboxNeuContainer_anzeigeRow:before, .toppartnerboxNeuContainer_anzeigeRow:after {
  display: table;
  content: " ";
}
.toppartnerboxNeuContainer_anzeigeRow:after {
  clear: both;
}
@media screen and (max-width: 767px) {
  .toppartnerboxNeuContainer_anzeigeRow {
    max-width: 220px;
    margin: auto;
  }
}
.toppartnerboxNeuContainer_anzeige {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
  font-size: 0.75rem;
  margin: 0;
  text-align: right;
}

.topzinsTeaser {
  margin-right: -1rem;
  margin-left: -1rem;
  margin-top: 1rem;
}
.topzinsTeaser:before, .topzinsTeaser:after {
  display: table;
  content: " ";
}
.topzinsTeaser:after {
  clear: both;
}
.topzinsTeaser_zins {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
  position: relative;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
  position: relative;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
  font-size: 3rem;
  line-height: 1.25em;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 500;
}
@media (min-width: 768px) {
  .topzinsTeaser_zins {
    float: left;
    width: 33.3333333333%;
  }
}
@media (min-width: 992px) {
  .topzinsTeaser_zins {
    float: left;
    width: 100%;
  }
}
@media all and (max-width: 767px) {
  .topzinsTeaser_zins {
    font-size: 3em;
  }
}
.topzinsTeaser_zins div p {
  margin: 0;
  white-space: nowrap;
}
.topzinsTeaser_annahmen {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
  position: relative;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
  position: relative;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
  font-size: 0.75rem;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .topzinsTeaser_annahmen {
    float: left;
    width: 66.6666666667%;
  }
}
@media (min-width: 992px) {
  .topzinsTeaser_annahmen {
    float: left;
    width: 100%;
  }
}
.topzinsTeaser_annahmen ul {
  margin: 0;
  padding: 0;
}
.topzinsTeaser_annahmen ul li {
  display: inline;
}
@media all and (min-width: 768px) and (max-width: 991px) {
  .topzinsTeaser_annahmen ul li {
    display: list-item;
    list-style-type: none;
  }
}

.trustbadge {
  max-width: 1170px;
  margin: 0 auto;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
}
.trustbadge.before-extra-small {
  padding-top: 0.5rem;
}
.trustbadge.before-small {
  padding-top: 1rem;
}
.trustbadge.before-medium {
  padding-top: 2rem;
}
.trustbadge.before-large {
  padding-top: 3rem;
}
.trustbadge.before-extra-large {
  padding-top: 4rem;
}
.trustbadge.after-extra-small {
  padding-bottom: 0.5rem;
}
.trustbadge.after-small {
  padding-bottom: 1rem;
}
.trustbadge.after-medium {
  padding-bottom: 2rem;
}
.trustbadge.after-large {
  padding-bottom: 3rem;
}
.trustbadge.after-extra-large {
  padding-bottom: 4rem;
}
.trustbadge-left {
  justify-content: flex-start;
}
.trustbadge-center {
  justify-content: center;
}
.trustbadge-right {
  justify-content: flex-end;
}
.trustbadge-smal #vergleichTrustbadge {
  width: 284px;
}
.trustbadge-larger #vergleichTrustbadge {
  width: 444px;
}

.artikelseiteBasis_content .trustbadge {
  padding-left: 0;
  padding-right: 0;
}

.containerAlternierend .trustbadge {
  padding-left: 0;
  padding-right: 0;
}

.trustedShops #vergleichTrustbadge {
  margin-top: 20px;
  margin-bottom: 20px;
}
.trustedShops #vergleichTrustbadge .etrusted-checkout-card--custom .etrusted-checkout-card__container {
  border-color: #D2E8F5;
}
.trustedShops #vergleichTrustbadge .etrusted-checkout-card--custom .etrusted-checkout-card__container .etrusted-checkout-card__checkout--rate-later .etrusted-checkout-card__table-cell i {
  color: #45C68D !important;
}

.vergleichBuehne {
  background-color: #D2E8F5;
}
.vergleichBuehne_contentContainer {
  padding-right: 1rem;
  padding-left: 1rem;
  margin-right: auto;
  margin-left: auto;
}
.vergleichBuehne_contentContainer:before, .vergleichBuehne_contentContainer:after {
  display: table;
  content: " ";
}
.vergleichBuehne_contentContainer:after {
  clear: both;
}
@media (min-width: 1200px) {
  .vergleichBuehne_contentContainer {
    width: 1170px;
  }
}
.vergleichBuehne_contentRow {
  margin-right: -1rem;
  margin-left: -1rem;
}
.vergleichBuehne_contentRow:before, .vergleichBuehne_contentRow:after {
  display: table;
  content: " ";
}
.vergleichBuehne_contentRow:after {
  clear: both;
}
.vergleichBuehne_content {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
}
@media screen and (max-width: 767px) {
  .vergleichBuehne_content {
    padding-top: 1rem;
  }
}
.vergleichBuehne .breadcrumb {
  margin-bottom: 1rem;
}
.vergleichBuehne .karussell, .vergleichBuehne .layout {
  margin-bottom: 0;
}

.vergleichDeTippTeaser {
  background-image: url("/_assets/hypo-custom/Images/Vergleich/eselsohr/bg-eselsohr.svg");
  background-repeat: no-repeat;
  background-color: #EBF5FC;
  padding: 2rem;
  margin-top: 2.75rem;
}
.vergleichDeTippTeaser h1, .vergleichDeTippTeaser h2, .vergleichDeTippTeaser h3, .vergleichDeTippTeaser h4, .vergleichDeTippTeaser div.heading {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #123B71;
  line-height: 1.25em;
  font-size: 1.5rem;
  margin: 1rem 0 1rem;
}

.vergleichIntro_contentRow {
  margin-right: -1rem;
  margin-left: -1rem;
}
.vergleichIntro_contentRow:before, .vergleichIntro_contentRow:after {
  display: table;
  content: " ";
}
.vergleichIntro_contentRow:after {
  clear: both;
}
.vergleichIntro_content {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
  min-height: 325px;
  background-repeat: no-repeat;
  background-position: right bottom;
}
.vergleichIntro_content-autokredit-vergleich {
  background-image: url("/fileadmin/medien/buehnen/autokredit-vergleich_desktop.jpg");
}
@media all and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .vergleichIntro_content-autokredit-vergleich {
    background-image: url("/fileadmin/medien/buehnen/autokredit-vergleich_desktop-2x.jpg");
    background-size: auto 325px;
  }
}
@media all and (max-width: 991px) {
  .vergleichIntro_content-autokredit-vergleich {
    background-image: url("/fileadmin/medien/buehnen/autokredit-vergleich_mobil.jpg");
  }
}
@media all and (max-width: 991px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 991px) and (min-resolution: 192dpi) {
  .vergleichIntro_content-autokredit-vergleich {
    background-image: url("/fileadmin/medien/buehnen/autokredit-vergleich_mobil-2x.jpg");
    background-size: auto 480px;
  }
}
.vergleichIntro_content-ratenkredit-vergleich {
  background-image: url("/fileadmin/medien/buehnen/ratenkredit-vergleich_desktop.jpg");
}
@media all and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .vergleichIntro_content-ratenkredit-vergleich {
    background-image: url("/fileadmin/medien/buehnen/ratenkredit-vergleich_desktop-2x.jpg");
    background-size: auto 325px;
  }
}
@media all and (max-width: 991px) {
  .vergleichIntro_content-ratenkredit-vergleich {
    background-image: url("/fileadmin/medien/buehnen/ratenkredit-vergleich_mobil.jpg");
  }
}
@media all and (max-width: 991px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 991px) and (min-resolution: 192dpi) {
  .vergleichIntro_content-ratenkredit-vergleich {
    background-image: url("/fileadmin/medien/buehnen/ratenkredit-vergleich_mobil-2x.jpg");
    background-size: auto 480px;
  }
}
.vergleichIntro_content-baufinanzierung-vergleich {
  background-image: url("/fileadmin/medien/buehnen/baufinanzierung-vergleich_desktop.jpg");
}
@media all and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .vergleichIntro_content-baufinanzierung-vergleich {
    background-image: url("/fileadmin/medien/buehnen/baufinanzierung-vergleich_desktop-2x.jpg");
    background-size: auto 325px;
  }
}
@media all and (max-width: 991px) {
  .vergleichIntro_content-baufinanzierung-vergleich {
    background-image: url("/fileadmin/medien/buehnen/baufinanzierung-vergleich_mobil.jpg");
  }
}
@media all and (max-width: 991px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 991px) and (min-resolution: 192dpi) {
  .vergleichIntro_content-baufinanzierung-vergleich {
    background-image: url("/fileadmin/medien/buehnen/baufinanzierung-vergleich_mobil-2x.jpg");
    background-size: auto 480px;
  }
}
.vergleichIntro_content-girokonto-vergleich {
  background-image: url("/fileadmin/medien/buehnen/girokonto-vergleich_desktop.jpg");
}
@media all and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .vergleichIntro_content-girokonto-vergleich {
    background-image: url("/fileadmin/medien/buehnen/girokonto-vergleich_desktop-2x.jpg");
    background-size: auto 325px;
  }
}
@media all and (max-width: 991px) {
  .vergleichIntro_content-girokonto-vergleich {
    background-image: url("/fileadmin/medien/buehnen/girokonto-vergleich_mobil.jpg");
  }
}
@media all and (max-width: 991px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 991px) and (min-resolution: 192dpi) {
  .vergleichIntro_content-girokonto-vergleich {
    background-image: url("/fileadmin/medien/buehnen/girokonto-vergleich_mobil-2x.jpg");
    background-size: auto 480px;
  }
}
.vergleichIntro_content-siegel-beste-onlineportale-hintergrund-blaugirokonto-vergleich-startseite {
  background-image: url("/fileadmin/medien/buehnen/girokonto-vergleich-startseite_desktop.jpg");
}
@media all and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .vergleichIntro_content-siegel-beste-onlineportale-hintergrund-blaugirokonto-vergleich-startseite {
    background-image: url("/fileadmin/medien/buehnen/girokonto-vergleich-startseite_desktop-2x.jpg");
    background-size: auto 325px;
  }
}
@media all and (max-width: 991px) {
  .vergleichIntro_content-siegel-beste-onlineportale-hintergrund-blaugirokonto-vergleich-startseite {
    background-image: url("/fileadmin/medien/buehnen/girokonto-vergleich-startseite_mobil.jpg");
  }
}
@media all and (max-width: 991px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 991px) and (min-resolution: 192dpi) {
  .vergleichIntro_content-siegel-beste-onlineportale-hintergrund-blaugirokonto-vergleich-startseite {
    background-image: url("/fileadmin/medien/buehnen/girokonto-vergleich-startseite_mobil-2x.jpg");
    background-size: auto 480px;
  }
}
.vergleichIntro_content-kreditkarten-vergleich {
  background-image: url("/fileadmin/medien/buehnen/kreditkarten-vergleich_desktop.jpg");
}
@media all and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .vergleichIntro_content-kreditkarten-vergleich {
    background-image: url("/fileadmin/medien/buehnen/kreditkarten-vergleich_desktop-2x.jpg");
    background-size: auto 325px;
  }
}
@media all and (max-width: 991px) {
  .vergleichIntro_content-kreditkarten-vergleich {
    background-image: url("/fileadmin/medien/buehnen/kreditkarten-vergleich_mobil.jpg");
  }
}
@media all and (max-width: 991px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 991px) and (min-resolution: 192dpi) {
  .vergleichIntro_content-kreditkarten-vergleich {
    background-image: url("/fileadmin/medien/buehnen/kreditkarten-vergleich_mobil-2x.jpg");
    background-size: auto 480px;
  }
}
.vergleichIntro_content-etf-vergleich {
  background-image: url("/fileadmin/medien/buehnen/etf-vergleich_desktop.jpg");
}
@media all and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .vergleichIntro_content-etf-vergleich {
    background-image: url("/fileadmin/medien/buehnen/etf-vergleich_desktop-2x.jpg");
    background-size: auto 490px;
  }
}
@media all and (max-width: 991px) {
  .vergleichIntro_content-etf-vergleich {
    background-image: url("/fileadmin/medien/buehnen/etf-vergleich_mobil.jpg");
  }
}
@media all and (max-width: 991px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 991px) and (min-resolution: 192dpi) {
  .vergleichIntro_content-etf-vergleich {
    background-image: url("/fileadmin/medien/buehnen/etf-vergleich_mobil-2x.jpg");
    background-size: auto 400px;
  }
}
.vergleichIntro_content-strom-vergleich {
  background-image: url("/fileadmin/medien/buehnen/strom-vergleich_desktop.jpg");
}
@media all and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .vergleichIntro_content-strom-vergleich {
    background-image: url("/fileadmin/medien/buehnen/strom-vergleich_desktop-2x.jpg");
    background-size: auto 325px;
  }
}
@media all and (max-width: 991px) {
  .vergleichIntro_content-strom-vergleich {
    background-image: url("/fileadmin/medien/buehnen/strom-vergleich_mobil.jpg");
  }
}
@media all and (max-width: 991px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 991px) and (min-resolution: 192dpi) {
  .vergleichIntro_content-strom-vergleich {
    background-image: url("/fileadmin/medien/buehnen/strom-vergleich_mobil-2x.jpg");
    background-size: auto 480px;
  }
}
.vergleichIntro_content-zahnzusatzversicherung-vergleich {
  background-image: url("/fileadmin/medien/buehnen/zahnzusatzversicherung-vergleich_desktop.jpg");
}
@media all and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .vergleichIntro_content-zahnzusatzversicherung-vergleich {
    background-image: url("/fileadmin/medien/buehnen/zahnzusatzversicherung-vergleich_desktop-2x.jpg");
    background-size: auto 325px;
  }
}
@media all and (max-width: 991px) {
  .vergleichIntro_content-zahnzusatzversicherung-vergleich {
    background-image: url("/fileadmin/medien/buehnen/zahnzusatzversicherung-vergleich_mobil.jpg");
  }
}
@media all and (max-width: 991px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 991px) and (min-resolution: 192dpi) {
  .vergleichIntro_content-zahnzusatzversicherung-vergleich {
    background-image: url("/fileadmin/medien/buehnen/zahnzusatzversicherung-vergleich_mobil-2x.jpg");
    background-size: auto 480px;
  }
}
.vergleichIntro_content-standard-vergleich {
  background-image: url("/fileadmin/medien/ueber-uns/auszeichnungen/siegel-beste-onlineportale.png");
}
@media (max-width: 991px) {
  .vergleichIntro_content {
    padding-bottom: 200px;
    min-height: initial;
    background-position: center bottom;
  }
}
.vergleichIntro_headline h1, .vergleichIntro_headline h2, .vergleichIntro_headline h3, .vergleichIntro_headline h4, .vergleichIntro_headline div.heading {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #123B71;
  line-height: 1.25em;
  font-size: 2rem;
  margin: 2.75rem 0 2.75rem;
  margin: 0 0 1rem;
}
.vergleichIntro_text {
  margin-bottom: 2rem;
}
.vergleichIntro_content-standard-vergleich .vergleichIntro_text {
  margin-bottom: 6rem;
}
.vergleichIntro_text h1, .vergleichIntro_text h2, .vergleichIntro_text h3, .vergleichIntro_text h4, .vergleichIntro_text div.heading {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #123B71;
  line-height: 1.25em;
  font-size: 1.5rem;
  margin: 1rem 0 1rem;
  margin-top: 1rem;
}
@media (min-width: 992px) {
  .vergleichIntro_text {
    width: 60%;
  }
}

.vergleichRechner {
  overflow: visible;
}
.vergleichRechner_row {
  margin-right: -1rem;
  margin-left: -1rem;
}
.vergleichRechner_row:before, .vergleichRechner_row:after {
  display: table;
  content: " ";
}
.vergleichRechner_row:after {
  clear: both;
}
.vergleichRechner_column {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
  position: relative;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
  position: relative;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
  position: relative;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
}
@media (min-width: 768px) {
  .vergleichRechner_column {
    float: left;
    width: 50%;
  }
}
@media (min-width: 992px) {
  .vergleichRechner_column {
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .vergleichRechner_column {
    float: left;
    width: 50%;
  }
}
.vergleichRechner h1, .vergleichRechner h2, .vergleichRechner h3, .vergleichRechner h4, .vergleichRechner div.heading {
  margin-top: 0;
}
.vergleichRechner h1 + p, .vergleichRechner h2 + p, .vergleichRechner h3 + p, .vergleichRechner h4 + p, .vergleichRechner div.heading + p {
  margin-top: 1rem;
}
.vergleichRechner h1 + .vergleichRechner_row, .vergleichRechner h2 + .vergleichRechner_row, .vergleichRechner h3 + .vergleichRechner_row, .vergleichRechner h4 + .vergleichRechner_row, .vergleichRechner div.heading + .vergleichRechner_row {
  margin-top: -0.5rem;
}
.vergleichRechner_heading {
  color: #496B94;
  font-size: 1.5rem;
  font-weight: 500;
  padding: 1rem 0;
  text-overflow: ellipsis;
  overflow: hidden;
  border-bottom: 1px solid #B3C5D9;
  min-height: 48px;
}
.vergleichRechner_linklist {
  margin-top: 1rem;
}
.vergleichRechner .formElement_field.formElement_field-date {
  padding-right: 0;
}
.vergleichRechner .formElement_field .ui-datepicker-trigger {
  right: 0;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 40 36' preserveAspectRatio='xMaxYMid'%3E%3Crect fill='%233C5677' width='40' height='36'/%3E%3Cpath fill='%23ffffff' d='M28.3,12.9v12.8c0,0.3-0.1,0.7-0.3,0.9c-0.2,0.3-0.5,0.5-0.9,0.5H13c-0.4,0-0.7-0.1-1-0.5 c-0.2-0.2-0.3-0.5-0.3-0.9V12.9c0-0.3,0.1-0.7,0.3-0.9c0.3-0.3,0.5-0.4,1-0.4h1.2v-1c0-0.4,0.2-0.8,0.4-1.1C14.9,9.2,15.4,9,15.8,9 h0.5c0.5,0,0.9,0.1,1.2,0.4c0.2,0.3,0.4,0.7,0.4,1.1v1h3.8v-1c0-0.4,0.2-0.8,0.5-1.1C22.7,9.1,23,9,23.5,9h0.7 c0.5,0,0.8,0.1,1.1,0.4c0.3,0.3,0.4,0.7,0.4,1.1v1h1.4c0.3,0,0.7,0.1,0.9,0.4C28.2,12.2,28.3,12.5,28.3,12.9 M24.5,13.4v-2.8 c0,0-0.1-0.1-0.1-0.2c-0.1,0-0.2,0-0.2,0h-0.7c-0.1,0-0.2,0-0.2,0c-0.1,0.1-0.1,0.2-0.1,0.2v2.9c0,0.1,0,0.2,0.1,0.3 c0,0,0.1,0,0.2,0h0.7c0,0,0.1,0,0.2,0C24.4,13.6,24.5,13.6,24.5,13.4z M24.2,18.3h2.9v-2.9h-2.9V18.3z M20.3,18.3h3.2v-2.9h-3.2 C20.3,15.4,20.3,18.3,20.3,18.3z M24.2,22.2h2.9V19h-2.9V22.2z M16.7,13.4v-2.8c0,0,0-0.1-0.1-0.2c0,0-0.1,0-0.2,0h-0.5 c-0.1,0-0.2,0-0.3,0c0,0.1,0,0.2,0,0.2v2.9c0,0.1,0,0.2,0,0.3c0.1,0,0.2,0,0.3,0h0.5c0.1,0,0.2,0,0.2,0 C16.7,13.6,16.7,13.6,16.7,13.4z M20.3,22.2h3.2V19h-3.2C20.3,19,20.3,22.2,20.3,22.2z M24.2,25.6h2.9v-2.9h-2.9V25.6z M16.4,18.3 h3.2v-2.9h-3.2V18.3z M20.3,25.6h3.2v-2.9h-3.2C20.3,22.7,20.3,25.6,20.3,25.6z M13,18.3h2.9v-2.9H13V18.3z M16.4,22.2h3.2V19h-3.2 V22.2z M13,22.2h2.9V19H13V22.2z M16.4,25.6h3.2v-2.9h-3.2V25.6z M13,25.6h2.9v-2.9H13V25.6z'/%3E%3C/svg%3E");
}
.vergleichRechner .formElement_field input, .vergleichRechner .formElement_field select, .vergleichRechner .formElement_field textarea {
  font-weight: 500;
}
.vergleichRechner .formElement_unit {
  font-weight: 500;
}
.vergleichRechner_whoFinanceLogo {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
  text-align: right;
}
.vergleichRechner p {
  margin-bottom: 0.5rem;
}

.labelAndTooltip_tooltipText {
  white-space: normal;
}

.verivoxContainer .verivox-tracking-pixel {
  height: 0;
}

.videoTeaser .videoTeaser_video {
  margin-top: 1.5em;
  padding-top: 0;
}

.weiterlesenRahmen *,
.weiterlesenRahmen *::before,
.weiterlesenRahmen *::after {
  box-sizing: inherit;
}
.weiterlesenRahmen .bg-neutral-medium {
  background-color: #F2F2F2;
}
.weiterlesenRahmen .bg-blue-medium {
  background-color: #B3C5D9;
}
.weiterlesenRahmen .bg-blue-medium-light {
  background-color: #D2E8F5;
}
.weiterlesenRahmen .shadow {
  -webkit-box-shadow: 0px 6px 15px 6px #F2F2F2;
  -moz-box-shadow: 0px 6px 15px 6px #F2F2F2;
  box-shadow: 0px 6px 15px 6px #F2F2F2;
}
.weiterlesenRahmen.container-padding .weiterlesenRahmen_button {
  margin-left: 1rem;
  margin-right: 1rem;
}
.weiterlesenRahmen.container-padding .weiterlesenRahmen_row {
  padding-left: 1rem;
  padding-right: 1rem;
}
.weiterlesenRahmen_content {
  display: none;
}
.weiterlesenRahmen_content h1, .weiterlesenRahmen_content h2, .weiterlesenRahmen_content h3, .weiterlesenRahmen_content h4, .weiterlesenRahmen_content div.heading {
  margin-top: 0;
}
.weiterlesenRahmen_button {
  display: none;
  text-decoration: none;
  text-align: center;
  margin-bottom: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-top: 0.5px solid #B3C5D9;
  border-bottom: 0.5px solid #B3C5D9;
}
.weiterlesenRahmen_button::after {
  font-family: FontAwesome;
  content: "\f107";
  color: #777777;
  display: inline-block;
  margin-left: 0.25rem;
}
.weiterlesenRahmen_button--is-content-open::after {
  font-family: FontAwesome;
  content: "\f106";
}
.weiterlesenRahmen_button:focus {
  color: #337ab7;
}
@media (min-width: 992px) {
  .weiterlesenRahmen_button.d-lg-block {
    display: block;
  }
}
@media (min-width: 767px) and (max-width: 992px) {
  .weiterlesenRahmen_button.d-md-block {
    display: block;
  }
}
@media (max-width: 767px) {
  .weiterlesenRahmen_button.d-block {
    display: block;
  }
}
.weiterlesenRahmen_button.margin-before_extra-small {
  margin-top: 0.25rem;
}
.weiterlesenRahmen_button.margin-before_small {
  margin-top: 0.5rem;
}
.weiterlesenRahmen_button.margin-before_medium {
  margin-top: 1rem;
}
.weiterlesenRahmen_button.margin-before_large {
  margin-top: 1.5rem;
}
.weiterlesenRahmen_button.margin-before_extra-large {
  margin-top: 3rem;
}
.weiterlesenRahmen_button.margin-after_extra-small {
  margin-bottom: 0.25rem;
}
.weiterlesenRahmen_button.margin-after_small {
  margin-bottom: 0.5rem;
}
.weiterlesenRahmen_button.margin-after_medium {
  margin-bottom: 1rem;
}
.weiterlesenRahmen_button.margin-after_large {
  margin-bottom: 1.5rem;
}
.weiterlesenRahmen_button.margin-after_extra-large {
  margin-bottom: 3rem;
}
.weiterlesenRahmen .weiterlesenRahmen_row .containerAlternierend_content {
  width: auto;
}
.weiterlesenRahmen a.weiterlesenRahmen_button:link, .weiterlesenRahmen a.weiterlesenRahmen_button:visited, .weiterlesenRahmen a.weiterlesenRahmen_button:active {
  color: #3C5677;
  text-decoration: none;
}
.weiterlesenRahmen a.weiterlesenRahmen_button:hover {
  color: #AA0000;
  text-decoration: underline;
}
.weiterlesenRahmen .container {
  display: flow-root;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
.weiterlesenRahmen .container .weiterlesenRahmen_row:nth-child(2) {
  display: none;
}
.weiterlesenRahmen .container .weiterlesenRahmen_row:nth-child(2) h2[id]:nth-child(1)::before, .weiterlesenRahmen .container .weiterlesenRahmen_row:nth-child(2) h3[id]:nth-child(1)::before {
  margin-top: 0;
}
@media (min-width: 1200px) {
  .weiterlesenRahmen .container {
    max-width: 1170px;
  }
}
@media (min-width: 992px) {
  .weiterlesenRahmen .container.lg-readmore .weiterlesenRahmen_row:nth-child(2) {
    display: none;
  }
}
@media (min-width: 767px) and (max-width: 992px) {
  .weiterlesenRahmen .container.md-readmore .weiterlesenRahmen_row:nth-child(2) {
    display: none;
  }
}
@media (max-width: 767px) {
  .weiterlesenRahmen .container.xs-readmore .weiterlesenRahmen_row:nth-child(2) {
    display: none;
  }
}
.weiterlesenRahmen .container.padding-before_extra-small {
  padding-top: 0.25rem;
}
.weiterlesenRahmen .container.padding-before_small {
  padding-top: 0.5rem;
}
.weiterlesenRahmen .container.padding-before_medium {
  padding-top: 1rem;
}
.weiterlesenRahmen .container.padding-before_large {
  padding-top: 1.5rem;
}
.weiterlesenRahmen .container.padding-before_extra-large {
  padding-top: 3rem;
}
.weiterlesenRahmen .container.padding-after_extra-small {
  padding-bottom: 0.25rem;
}
.weiterlesenRahmen .container.padding-after_small {
  padding-bottom: 0.5rem;
}
.weiterlesenRahmen .container.padding-after_medium {
  padding-bottom: 1rem;
}
.weiterlesenRahmen .container.padding-after_large {
  padding-bottom: 1.5rem;
}
.weiterlesenRahmen .container.padding-after_extra-large {
  padding-bottom: 3rem;
}
.weiterlesenRahmen .container.line {
  border-top-style: solid;
  border-top-color: #F2F2F2;
}
@media (min-width: 992px) {
  .weiterlesenRahmen .container.line {
    border-top-width: 0.5px;
  }
}
@media (min-width: 767px) and (max-width: 992px) {
  .weiterlesenRahmen .container.line {
    border-top-width: 0.625rem;
  }
}
@media (max-width: 767px) {
  .weiterlesenRahmen .container.line {
    border-top-width: 0.625rem;
  }
}
.weiterlesenRahmen.margin-before_extra-small {
  margin-top: 0.25rem;
}
.weiterlesenRahmen.margin-before_small {
  margin-top: 0.5rem;
}
.weiterlesenRahmen.margin-before_medium {
  margin-top: 1rem;
}
.weiterlesenRahmen.margin-before_large {
  margin-top: 1.5rem;
}
.weiterlesenRahmen.margin-before_extra-large {
  margin-top: 3rem;
}
.weiterlesenRahmen.margin-after_extra-small {
  margin-bottom: 0.25rem;
}
.weiterlesenRahmen.margin-after_small {
  margin-bottom: 0.5rem;
}
.weiterlesenRahmen.margin-after_medium {
  margin-bottom: 1rem;
}
.weiterlesenRahmen.margin-after_large {
  margin-bottom: 1.5rem;
}
.weiterlesenRahmen.margin-after_extra-large {
  margin-bottom: 3rem;
}

.zdfTeaser .zdfTeaser_fact {
  font-size: 3rem;
  line-height: 1.25em;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 500;
  margin: 0;
  line-height: 1.2em;
}
@media all and (max-width: 767px) {
  .zdfTeaser .zdfTeaser_fact {
    font-size: 3em;
  }
}
.zdfTeaser .zdfTeaser_text p {
  margin-top: 0;
}
.zdfTeaser .zdfTeaser_quelle {
  font-size: 0.75rem;
}

.zinskommentar {
  background-color: #F2F2F2;
  background-image: url("/_assets/hypo-custom/Images/Container/Zinskommentar/bg-zinskommentar.svg");
  background-repeat: no-repeat;
  margin-top: 2.75rem;
  padding: 2rem;
}
.zinskommentar:before, .zinskommentar:after {
  display: table;
  content: " ";
}
.zinskommentar:after {
  clear: both;
}
.zinskommentar_picture {
  display: block;
  float: right;
  margin-left: 1rem;
  width: 33%;
}
@media (max-width: 767px) {
  .zinskommentar_picture {
    float: none;
    margin: 0 auto;
    width: 50%;
  }
}
.zinskommentar_comment {
  display: block;
}
@media (min-width: 768px) and (max-width: 991px) {
  .zinskommentar_comment {
    width: 65%;
  }
}
.zinskommentar_trend {
  margin-right: -1rem;
  margin-left: -1rem;
  margin-right: 0;
  margin-left: 0;
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #999999;
}
.zinskommentar_trend:before, .zinskommentar_trend:after {
  display: table;
  content: " ";
}
.zinskommentar_trend:after {
  clear: both;
}
.zinskommentar_trendLabel {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
  position: relative;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
  padding-left: 0;
  font-weight: 500;
}
@media (min-width: 768px) {
  .zinskommentar_trendLabel {
    float: left;
    width: 16.6666666667%;
  }
}
.zinskommentar_prognose {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
  position: relative;
  min-height: 1px;
  padding-right: 1rem;
  padding-left: 1rem;
  text-align: center;
}
@media (min-width: 768px) {
  .zinskommentar_prognose {
    float: left;
    width: 41.6666666667%;
  }
}
@media screen and (max-width: 767px) {
  .zinskommentar_prognose {
    margin-top: 1rem;
  }
}
.zinskommentar_pfeil {
  margin-bottom: 1rem;
}