/**
* Vorteilsrechner
*/
.page .bc_form {
margin-top: 2.25rem;
padding: 1.5rem;
color: #4a4a4a;
background-color: #f7f7f7;
}
@media only screen and (max-width: 40rem) {
.page .bc_form {
  font-size: 1rem;
  line-height: 1.625rem;
}
}
@media only screen and (min-width: 40.0625rem) and (max-width: 64rem) {
.page .bc_form {
  font-size: 1rem;
  line-height: 1.625rem;
}
}
@media print, screen and (min-width: 64.0625rem) {
.page .bc_form {
  font-size: 1.125rem;
  line-height: 2rem;
}
}
@media only screen and (max-width: 40rem) {
.page .bc_form {
  margin: 1.5rem auto;
  width: 91.6666666667%;
}
}
@media only screen and (min-width: 40.0625rem) and (max-width: 64rem) {
.page .bc_form {
  margin-right: 20.8333333333%;
  margin-left: 4.1666666667%;
}
}
@media print, screen and (min-width: 64.0625rem) {
.page .bc_form {
  margin-right: 25%;
  margin-left: 8.3333333333%;
}
}
.page .bc_form fieldset {
padding: 0;
}
.page .bc_form .bc_clear_both {
clear: both;
}
.page .bc_form .bc_display_none {
display: none;
}
.page .bc_form #bc_card_0 {
display: none;
/* card_0 still in code to be ready for ad hoc activation */
}
.page .bc_form .bc_card {
position: relative;
display: none;
overflow: hidden;
margin-left: auto;
margin-right: auto;
}
@media only screen and (max-width: 40rem) {
.page .bc_form .bc_card {
  min-height: 42rem;
  max-height: 42rem;
}
}
@media print, screen and (min-width: 40.0625rem) {
.page .bc_form .bc_card {
  min-height: 35rem;
  max-height: 35rem;
}
}
@media print {
.page .bc_form .bc_card {
  max-height: 1000rem;
}
.page .bc_form .bc_card input[type='button'] {
  display: none;
}
}
.page .bc_form .bc_card_content_headline {
font-weight: 600;
margin: 0 0.75rem;
}
@media only screen and (max-width: 40rem) {
.page .bc_form .bc_card_content_headline {
  font-size: 1.3125rem;
  line-height: 1.75rem;
}
}
@media only screen and (min-width: 40.0625rem) and (max-width: 64rem) {
.page .bc_form .bc_card_content_headline {
  font-size: 1.5rem;
  line-height: 2rem;
}
}
@media print, screen and (min-width: 64.0625rem) {
.page .bc_form .bc_card_content_headline {
  font-size: 1.625rem;
  line-height: 2.25rem;
}
}
.page .bc_form .bc_card_content_description {
margin: 1.5rem 0.75rem 0;
}
@media only screen and (max-width: 40rem) {
.page .bc_form .bc_card_content_description {
  font-size: 1rem;
  line-height: 1.625rem;
}
}
@media only screen and (min-width: 40.0625rem) and (max-width: 64rem) {
.page .bc_form .bc_card_content_description {
  font-size: 1rem;
  line-height: 1.625rem;
}
}
@media print, screen and (min-width: 64.0625rem) {
.page .bc_form .bc_card_content_description {
  font-size: 1.125rem;
  line-height: 2rem;
}
}
.page .bc_form .calculator__options-wrapper {
display: -ms-grid;
display: grid;
grid-row-gap: 1.5rem;
padding: 1.5rem 0.75rem 0;
}
@media only screen and (max-width: 40rem) {
.page .bc_form .calculator__options-wrapper {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
}
@media print, screen and (min-width: 40.0625rem) {
.page .bc_form .calculator__options-wrapper {
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 3rem;
}
}
.page .bc_form .calculator__options-wrapper > label {
padding: 1rem;
background-color: #ffffff;
border: 0.0625rem solid transparent;
border-radius: 12px;
box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.2);
}
.page .bc_form .calculator__options-wrapper > label:hover {
cursor: pointer;
border: 0.0625rem solid #bcbcbc;
}
.page .bc_form .bc_card_content_tile {
display: flex;
align-items: center;
}
@media only screen and (max-width: 40rem) {
.page .bc_form .bc_card_checkbox_text,
.page .bc_form .bc_card_radio_text {
  font-size: 1rem;
  line-height: 1.625rem;
}
}
@media only screen and (min-width: 40.0625rem) and (max-width: 64rem) {
.page .bc_form .bc_card_checkbox_text,
.page .bc_form .bc_card_radio_text {
  font-size: 1rem;
  line-height: 1.625rem;
}
}
@media print, screen and (min-width: 64.0625rem) {
.page .bc_form .bc_card_checkbox_text,
.page .bc_form .bc_card_radio_text {
  font-size: 1.125rem;
  line-height: 2rem;
}
}
.page .bc_form .bc_card_checkbox_placeholder::before {
display: block;
/* font-family: 'bm-icon', serif; */
content: " ";
border-radius: 4px;
margin-right: 1.5rem;
border: 1px solid #bcbcbc;
padding: 0.25rem;
width: 1.4375rem;
height: 1.4375rem;
background: #f5f5f5;
color: transparent;
}
.page .bc_form .bc_card_checkbox_placeholder::before::after {
line-height: 1;
font-style: normal;
speak: none;
}
.page .bc_form .bc_card_radio_placeholder {
position: relative;
margin-right: 1.5rem;
border: 1px solid #bcbcbc;
border-radius: 50%;
width: 1.4375rem;
height: 1.4375rem;
background: #f5f5f5;
}
.page .bc_form .bc_card_radio_placeholder::before {
content: '';
}
.page .bc_form input[type="checkbox"] {
opacity: 0;
}
.page .bc_form input[type="checkbox"]:checked + .bc_card_checkbox_placeholder::before {
background-color: #ffffff;
color: #4a4a4a;
}
.page .bc_form input[type="checkbox"]:checked + .bc_card_checkbox_placeholder::before {
background-color: #ffffff;
color: #4a4a4a;
background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M18.29 6.29a.996.996 0 0 1 1.41 0c.36.36.39.93.08 1.32l-.08.09-10 10c-.36.36-.93.39-1.32.08l-.09-.08-4-4a.996.996 0 0 1 0-1.41c.36-.36.93-.39 1.32-.08l.09.08 3.29 3.29z'/></svg>");
background-repeat: no-repeat;
background-position: center center;
}
.page .bc_form input[type="radio"] {
opacity: 0;
}
.page .bc_form input[type="radio"]:checked + .bc_card_radio_placeholder {
background-color: #ffffff;
}
.page .bc_form input[type="radio"]:checked + .bc_card_radio_placeholder::before {
position: absolute;
top: 0.3125rem;
left: 0.3125rem;
border-radius: 50%;
border: 1px solid #4a4a4a;
background-color: #4a4a4a;
height: 0.625rem;
width: 0.625rem;
}
.page .bc_form input[type="radio"].is-focus-visible:focus + .bc_card_radio_placeholder {
outline: 0.25rem solid #747474;
outline-offset: 0.25rem;
}
.page .bc_form .bc_text {
box-sizing: border-box;
margin-top: 1rem;
padding: 0.625rem;
border-radius: 0.25rem;
border: 1px solid #e5e5e5;
border-bottom: 2px solid #747474;
background: #e5e5e5;
}
.page .bc_form .bc_text:hover, .page .bc_form .bc_text:focus, .page .bc_form .bc_text.input--filled {
background: #ffffff;
border-color: #747474;
}
.page .bc_form .bc_text_input_label,
.page .bc_form .bc_card_content_title {
display: block;
font-weight: 600;
}
.page .bc_form .bc_age_section {
margin-top: 1.5rem;
}
.page .bc_form .bc_slider_wrapper,
.page .bc_form .bc_input_group {
margin: 1rem 0.75rem;
}
.page .bc_form .bc_button_conversion,
.page .bc_form .bc_button_primary,
.page .bc_form .bc_button_secondary {
-webkit-appearance: none;
        appearance: none;
border: none;
outline: none;
cursor: pointer;
background-color: transparent;
display: inline-block;
padding: 0.25rem 1.5rem;
font-size: 1rem;
line-height: 1.5rem;
font-weight: 400;
text-decoration: none;
border: 1px solid transparent;
border-radius: 2rem;
}
.page .bc_form .bc_button_conversion {
background-color: var(--cs-primaryBtn--bgColor);
   border-color: var(--cs-primaryBtn--bgColor);
   color: var(--cs-primaryBtn--textColor);
}
.page .bc_form .bc_button_conversion:focus {
padding: 0.1875rem 1.4375rem;
  background-color: var(--cs-primaryBtn--bgColor-hover);
border-color: var(--cs-primaryBtn--bgColor-hover);
/*
background-color: #ec2c86;
border: 2px solid #be1b67;
*/
}
.page .bc_form .bc_button_conversion:hover {
 background-color: var(--cs-primaryBtn--bgColor-hover);
border-color: var(--cs-primaryBtn--bgColor-hover);
}
.page .bc_form .bc_button_conversion:active {
 background-color: var(--cs-primaryBtn--bgColor-hover);
border-color: var(--cs-primaryBtn--bgColor-hover);
}
.page .bc_form .bc_button_secondary {
color: var(--cs-secondaryBtn--textColor);
background-color: var(--cs-secondaryBtn-bgColor);
border: 1px solid var(--cs-secondaryBtn--textColor);
}
.page .bc_form .bc_button_secondary:focus {
padding: 0.1875rem 1.4375rem;
background-color: var(--cs-secondaryBtn--bgColor-focus);
border: 2px solid var(--cs-secondaryBtn--textColor);
}
.page .bc_form .bc_button_secondary:hover {
background-color: var(--cs-secondaryBtn--bgColor-hover);
}
.page .bc_form .bc_button_secondary:active {
background-color: var(--cs-secondaryBtn--bgColor-active);
}
.page .bc_form .bc_button_primary {
color: var(--cs-primaryBtn--textColor);
background-color: var(--cs-primaryBtn--bgColor);
border: 1px solid var(--cs-primaryBtn--bgColor);
}
.page .bc_form .bc_button_primary:focus {
/*padding: 0.1875rem 1.4375rem;*/
background-color: var(--cs-primaryBtn--bgColor-focus);
border: 2px solid var(--cs-primaryBtn--bgColor-active);
}
.page .bc_form .bc_button_primary:hover {
background-color: var(--cs-primaryBtn--bgColor-hover);
border-color: var(--cs-primaryBtn--bgColor-hover);
}
.page .bc_form .bc_button_primary:active {
background-color: var(--cs-primaryBtn--bgColor-active);
border-color: var(--cs-primaryBtn--bgColor-active);
}
.page .bc_form input.bc_card_nav_button_prev {
clear: both;
}
.page .bc_form input.bc_card_nav_button_next,
.page .bc_form input.bc_card_nav_button_home,
.page .bc_form input.bc_card_nav_button_result {
float: right;
}
.page .bc_form #bc_card_3_content_hint_1 {
margin-left: 0;
padding-top: 0.75rem;
padding-left: 0;
}
.page .bc_form .bc_card_nav {
position: absolute;
right: 0.75rem;
bottom: 0.5rem;
overflow: hidden;
width: calc(100% - 24px);
}
@media only screen and (max-width: 40rem) {
.page .bc_form .bc_input_group .bc_card_nav_button_content_2 {
  margin-top: 1rem;
}
}
@media print, screen and (min-width: 40.0625rem) {
.page .bc_form .bc_input_group {
  display: flex;
}
.page .bc_form .bc_input_group .bc_card_nav_button_content_2 {
  margin-left: 3rem;
}
}
.page .bc_form .bc_list_title {
margin-top: 2rem;
font-weight: 600;
}
.page .bc_form .bc_list_wrapper {
margin-top: 0.75rem;
}
.page .bc_form .bc_list_wrapper .bc_list_additional_persons {
list-style-type: none;
}
.page .bc_form .bc_list_wrapper .bc_list_additional_persons span:hover {
cursor: pointer;
}
.page .bc_form .bc_list_wrapper .bc_list_additional_persons span:first-of-type {
margin-left: 1rem;
}
.page .bc_form div.bc_form_input_errormessage {
display: none;
margin: 0.75rem;
color: #d90000;
}
@media only screen and (max-width: 40rem) {
.page .bc_form div.bc_form_input_errormessage {
  font-size: 1rem;
  line-height: 1.625rem;
}
}
@media only screen and (min-width: 40.0625rem) and (max-width: 64rem) {
.page .bc_form div.bc_form_input_errormessage {
  font-size: 1rem;
  line-height: 1.625rem;
}
}
@media print, screen and (min-width: 64.0625rem) {
.page .bc_form div.bc_form_input_errormessage {
  font-size: 1.125rem;
  line-height: 2rem;
}
}
.page .bc_form .bc_benefits_overview {
margin: 1.5rem 0.75rem;
padding-right: 1.5rem;
overflow-x: hidden;
overflow-y: auto;
scrollbar-color: #bcbcbc transparent;
scrollbar-width: thin;
}
.page .bc_form .bc_benefits_overview::-webkit-scrollbar {
width: 8px;
}
.page .bc_form .bc_benefits_overview::-webkit-scrollbar-thumb {
border-radius: 8px;
background: #bcbcbc;
}
.page .bc_form .bc_benefits_overview::-webkit-scrollbar-track-piece:start {
margin-top: 12px;
}
.page .bc_form .bc_benefits_overview::-webkit-scrollbar-track-piece:end {
margin-bottom: 12px;
}
@media only screen and (max-width: 40rem) {
.page .bc_form .bc_benefits_overview {
  max-height: 32.5rem;
}
}
@media print, screen and (min-width: 40.0625rem) {
.page .bc_form .bc_benefits_overview {
  max-height: 26.875rem;
}
}
@media print {
.page .bc_form .bc_benefits_overview {
  max-height: 1000rem;
}
}
.page .bc_form .bc_benefit_listing_name {
margin: 1.5rem 0;
padding: 0.375rem 0.75rem;
border-radius: 4px;
background-color: #d7e6cd;
color: #274211;
font-weight: 600;
clear: both;
font-weight: 900;
}
@media only screen and (max-width: 64rem) {
.page .bc_form .bc_benefit_listing_name {
  font-size: 1.125rem;
  line-height: 1.625rem;
}
}
@media print, screen and (min-width: 64.0625rem) {
.page .bc_form .bc_benefit_listing_name {
  font-size: 1.3125rem;
  line-height: 1.875rem;
}
}
.page .bc_form .bc_benefit_listing_item {
display: block;
margin-top: 0.75rem;
font-size: 1rem;
line-height: 1.5rem;
}
.page .bc_form .bc_benefit_listing_item_toggle_active,
.page .bc_form .bc_benefit_listing_item_toggle_passive {
position: relative;
float: left;
margin-top: 0.25rem;
margin-right: 1rem;
border-radius: 4px;
border: 1px solid #4a4a4a;
cursor: pointer;
width: 1rem;
height: 1rem;
}
.page .bc_form .bc_benefit_listing_item_toggle_active::after {
display: block;
/* font-family: 'bm-icon', serif; */
content: " ";
position: absolute;
inset: 0;
font-size: 0.75rem;
background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M18.29 6.29a.996.996 0 0 1 1.41 0c.36.36.39.93.08 1.32l-.08.09-10 10c-.36.36-.93.39-1.32.08l-.09-.08-4-4a.996.996 0 0 1 0-1.41c.36-.36.93-.39 1.32-.08l.09.08 3.29 3.29z'/></svg>");
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}
.page .bc_form .bc_benefit_listing_item_toggle_active::after::after {
line-height: 1;
font-style: normal;
speak: none;
}
.page .bc_form .bc_benefit_listing_item_head {
line-height: 1.5;
cursor: pointer;
overflow: hidden;
}
@media print, screen and (min-width: 40.0625rem) {
.page .bc_form .bc_benefit_listing_item_head {
  width: 85%;
}
}
@media print, screen and (min-width: 40.0625rem) {
.page .bc_form .bc_benefit_listing_item_head {
  width: 93%;
}
}
.page .bc_form .bc_benefit_listing_item_head:hover {
color: var(--cs-primaryBtn--bgColor);
}
.page .bc_form .bc_benefit_listing_item_info {
display: block;
overflow: hidden;
margin-top: 0.25rem;
margin-left: 2.5rem;
margin-bottom: 1rem;
padding-left: 0.75rem;
padding-right: 5%;
border-left: 2px solid #69a500;
max-height: 0;
font-size: 0.875rem;
}
.page .bc_form .bc_benefit_listing_item_info ul {
margin-top: 0.5rem;
margin-left: 0.5rem;
list-style: square;
}
.page .bc_form .bc_benefit_listing_item_info ul li {
margin-left: 1rem;
margin-bottom: 0.5rem;
}
.page .bc_form .bc_benefit_listing_item_left {
width: 68%;
float: left;
}
.page .bc_form .bc_benefit_listing_item_center {
width: 19%;
float: right;
text-align: right;
padding-right: 2%;
}
.page .bc_form .bc_benefit_listing_item_right {
float: right;
width: 5%;
}
.page .bc_form .bc_benefit_listing_item_value_overall {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 3rem;
padding: 0.75rem 0;
border-bottom: 1px solid #747474;
border-top: 1px solid #747474;
width: 100%;
font-size: 1.375rem;
font-weight: 600;
}
.page .bc_form .bc_benefit_listing_hint_value_overall_value_prefix {
margin-right: 0.75rem;
font-weight: 400;
}
@media only screen and (max-width: 40rem) {
.page .bc_form .bc_benefit_listing_hint_value_overall_value_prefix {
  font-size: 1rem;
  line-height: 1.625rem;
}
}
@media only screen and (min-width: 40.0625rem) and (max-width: 64rem) {
.page .bc_form .bc_benefit_listing_hint_value_overall_value_prefix {
  font-size: 1rem;
  line-height: 1.625rem;
}
}
@media print, screen and (min-width: 64.0625rem) {
.page .bc_form .bc_benefit_listing_hint_value_overall_value_prefix {
  font-size: 1.125rem;
  line-height: 2rem;
}
}
.page .bc_form .bc_benefit_listing_value_sum {
border-top: 1px solid #747474;
font-weight: 600;
font-size: 1.25rem;
margin-bottom: 2.25rem;
padding-top: 0.75rem;
padding-right: 1%;
}
.page .bc_form .bc_checklist {
margin-top: 1.5rem;
}
.page .bc_form .bc_checklist > li::before {
display: inline-block;
/* font-family: 'bm-icon', serif; */
content: " ";
margin-right: 0.875rem;
color: #549024;
background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M18.29 6.29a.996.996 0 0 1 1.41 0c.36.36.39.93.08 1.32l-.08.09-10 10c-.36.36-.93.39-1.32.08l-.09-.08-4-4a.996.996 0 0 1 0-1.41c.36-.36.93-.39 1.32-.08l.09.08 3.29 3.29z' fill='%23549024' /></svg>");
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
width: 1.125rem;
height: 1.125rem;
vertical-align: sub;
}
.page .bc_form .bc_checklist > li::before::after {
line-height: 1;
font-style: normal;
speak: none;
}
.page .bc_form .bc_checklist li {
padding-bottom: 0.5rem;
}
.page .bc_form .bc_benefit_listing_conversion_funnel {
clear: both;
margin-top: 2rem;
}
.page .bc_form .bc_benefit_listing_conversion_funnel p {
margin-top: 1.5rem;
}
.page .bc_form .bc_benefit_listing_conversion_funnel .bc_button_conversion {
margin-top: 1rem;
}
.page .bc_form .bc_benefit_listing_symbol {
color: #549024;
font-size: 0.875rem;
}
.page .bc_form .bc_slider_wrapper {
padding: 0.33rem 0;
}
.page .bc_form .bc_slider {
-webkit-appearance: none;
        appearance: none;
width: 60%;
height: 0.1875rem;
margin-right: 1rem;
background-color: #a4a4a4;
outline: none;
opacity: 1;
transition: opacity .2s;
}
.page .bc_form .bc_slider:hover {
opacity: 1;
}
.page .bc_form .bc_slider.is-focus-visible:focus {
outline: 0.25rem solid #747474;
outline-offset: 0.25rem;
outline-offset: 0.5rem;
}
.page .bc_form .bc_slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 1.25rem;
height: 1.25rem;
border-radius: 50%;
background-color: var(--cs-primaryBtn--bgColor);
cursor: pointer;
}
.page .bc_form .bc_slider::-moz-range-thumb {
width: 1.25rem;
height: 1.25rem;
background: var(--cs-primaryBtn--bgColor);
cursor: pointer;
}
@media only screen and (max-width: 40rem) {
.page .bc_form .bc_range_info_placement,
.page .bc_form .bc_range_info_placement + label {
  font-size: 1rem;
  line-height: 1.625rem;
}
}
@media only screen and (min-width: 40.0625rem) and (max-width: 64rem) {
.page .bc_form .bc_range_info_placement,
.page .bc_form .bc_range_info_placement + label {
  font-size: 1rem;
  line-height: 1.625rem;
}
}
@media print, screen and (min-width: 64.0625rem) {
.page .bc_form .bc_range_info_placement,
.page .bc_form .bc_range_info_placement + label {
  font-size: 1.125rem;
  line-height: 2rem;
}
}
a.bc_link_text,
a.bc_link_detached {
color: #4a4a4a;
}
a.bc_link_text:hover,
a.bc_link_detached:hover {
color: #292929;
}
a.bc_link_text {
text-decoration: underline;
}
a.bc_link_detached {
display: block;
text-align: left;
text-decoration: none;
margin-top: 0.33rem;
}
a.bc_link_detached:hover .bc_link_detached_text {
text-decoration: underline;
}
div.bc_additional_benefits {
margin-top: 3rem;
padding: 0.5rem;
background-color: #ffffff;
font-size: 0.9rem;
}
div.bc_card_content img {
max-width: 100%;
height: auto;
max-height: 15rem;
}
div.bc_card_content_bar_headline {
background-color: #84bd00;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
div.bc_form_hint {
display: none;
font-size: 0.8rem;
color: #4a4a4a;
padding: 0.5rem;
margin-left: 1rem;
}
ul.bc_additional_benefits li {
list-style-type: square;
margin-left: 1.5rem;
}