/**
  * Calculator Package -- Wrapping the calculator
  */
 .o-calculator-package {
   --calculator-color-bg: #f9f7ef;
   --calculator-color-border: rgba(0, 0, 0, 0.16);
   background-color: var(--calculator-color-bg);
   border: 1px solid #0000;
   border-radius: 24px;
   color: #212121;
   font-size: var(--text-body1-font-size);
   line-height: var(--text-body1-line-height);
 }
 @media only screen and (max-width: 37.4375rem) {
   .o-calculator-package {
     margin-top:40px;
     margin-inline:0;
     padding-block:40px;
     padding-inline:4.1666666667%;
   }
 }
 @media only screen and (min-width: 37.5rem) and (max-width:52.4375rem) {
   .o-calculator-package {
     margin-top:56px;
     margin-inline:4.1666666667%;
     padding-block:56px;
     padding-inline:16.6666666667%;
   }
 }
 @media only screen and (min-width: 52.5rem) and (max-width:74.9375rem) {
   .o-calculator-package {
     margin-top:64px;
     margin-inline:4.1666666667%;
     padding-block:64px;
     padding-inline:16.6666666667%;
   }
 }
 @media print,screen and (min-width: 75rem) {
   .o-calculator-package {
     margin-top:80px;
     margin-inline:8.3333333333%;
     padding-block:80px;
     padding-inline:16.6666666667%;
   }
 }
 .o-calculator-package .o-calculator.calculator--bmi-simple {
   padding: 0;
   width: auto;
   margin: 0;
 }

 /**
  * BASAV Package -- Wrapping the BAS stuff
  */
 .calculator--bmi-simple ~ .calculator__target > .o-basav {
   margin: 0;
   padding: 0;
   background: transparent;
 }
 .calculator--bmi-simple ~ .calculator__target {
   margin-inline: 0;
   padding: 0;
 }
 @media only screen and (max-width: 37.4375rem) {
   .calculator--bmi-simple ~ .calculator__target {
     margin-block: 2.5rem 0;
   }
 }
 @media only screen and (min-width: 37.5rem) and (max-width:52.4375rem) {
   .calculator--bmi-simple ~ .calculator__target {
     margin-block: 3.5rem 0;
   }
 }
 @media only screen and (min-width: 52.5rem) and (max-width:74.9375rem) {
   .calculator--bmi-simple ~ .calculator__target {
     margin-block: 4rem 0;
   }
 }
 @media print,screen and (min-width: 75rem) {
   .calculator--bmi-simple ~ .calculator__target {
     margin-block: 5rem 0;
   }
 }

 /**
  * Texts
  */
 .calculator__target .application.ajax-form h1,
 .calculator__target .application.ajax-form h2,
 .calculator__target .application.ajax-form h3 {
   margin: 0;
   padding: 0;
   font-size: var(--text-headline3-font-size);
   line-height: var(--text-headline3-line-height);
   font-weight: 900;
 }
 .calculator__target .application.ajax-form h1 strong,
 .calculator__target .application.ajax-form h2 strong,
 .calculator__target .application.ajax-form h3 strong {
   font-weight: inherit;
 }
 .calculator__target fieldset > .richtext {
   margin-top: 2rem;
 }
 .calculator__target fieldset > .richtext > p {
   margin: 0;
   padding: 0;
 }
 .calculator__target .main .richtext p,
 .calculator__target .main label[for="agreementBarmerNewsletter"] {
   position: static;
   top: auto;
   font-size: var(--text-body2-font-size);
   line-height: var(--text-body2-line-height);
   padding-bottom: 0;
 }
 .calculator__target .main .richtext p a {
   font-weight: 700;
 }

 /**
  * Form elements
  */
 .calculator__target .form  {
   margin-top: 2rem;
 }
 .calculator__target .form fieldset legend {
   padding: 0;
 }
 .calculator__target .form fieldset [class*=size]:not([class*=os-host-resize]).sizeL,
 .calculator__target .result .richtext fieldset [class*=size]:not([class*=os-host-resize]).sizeL {
   width: 100%;
 }
 .calculator__target .form .row .inputfield[class*=size] {
   padding: 0;
 }
 .calculator__target .inputfield > label {
   padding: 0;
   font-weight: 700;
 }
 .calculator__target .inputfield > input.text {
   float: none;
   height: auto;
   width: 100%;
   margin-top: 0.75rem;
   padding-inline: 1.1875rem;
   font-size: var(--text-body2-font-size);
   line-height: var(--text-body2-line-height);
   font-weight: 400;
   color: #525252;
   border: 1px solid #8f8f8f;
   border-radius: 16px;
   background-color: #ffffff;
 }
 @media print, screen and (max-width: 52.4375rem) {
   .calculator__target .inputfield > input.text {
     padding-block: 1.0625rem;
   }
 }
 @media print, screen and (min-width: 52.5rem) {
   .calculator__target .inputfield > input.text {
     padding-block: 0.9375rem;
   }
 }
 .calculator__target .inputfield > input.text:hover {
   border-color: #525252;
 }
 .calculator__target .inputfield > input.text:focus {
   border-color: #8739f4;
 }
 .calculator__target .inputfield > input.text::placeholder {
   color: #525252;
 }
 .calculator__target .inputfield > input.text:focus {
   border-color: #8739f4;
   outline-color: #0000;
 }
 .calculator__target .inputfield > input.text::placeholder {
   font-size: var(--text-body2-font-size);
   font-weight: 400;
   line-height: var(--text-body2-line-height);
 }

 .calculator__target .intro.richtext,
 .calculator__target .intro.richtext-vision,
 .calculator__target .inputfield > label > span,
 .calculator__target .checkbox > label > span {
   color: #000000;
 }
 /* Overwriting BAS */
 .calculator__target .form p.checkbox .form-checkbox-js {
   top: auto;
   margin-left: 0;
   float: none;
 }
 .calculator__target .checkbox {
   display: grid;
   grid-template-columns: auto auto;
   grid-template-rows: auto;
   column-gap: 0.75rem;
 }
 .calculator__target .checkbox::before,
 .calculator__target .checkbox::after {
   clear: initial;
   display: none;
   content: '';
 }
 .calculator__target .checkbox input[type="checkbox"] {
   -webkit-appearance: none;
   appearance: none;
   display: grid;
   top: auto;
   height: 1.5rem;
   width: 1.5rem;
   float: none;
   margin: 0;
   place-content: center;
   cursor: pointer;
   background-color: initial;
   border: 1px solid #8f8f8f;
   border-radius: .5rem;
 }
 .calculator__target .checkbox input[type="checkbox"]:before {
   content: "";
   grid-column: 1;
   grid-row: 1;
   height: 1.5rem;
   width: 1.5rem;
   cursor: pointer;
   border-radius: 50%;
   box-shadow: 0 0 0 .75rem #0000;
   transition: box-shadow .2s cubic-bezier(.16,.08,.2,1);
 }
 .calculator__target .checkbox input[type="checkbox"]:after {
   align-self: center;
   grid-column: 1;
   grid-row: 1;
   justify-self: center;
 }
 /** HOVER */
 .calculator__target .checkbox input[type="checkbox"]:hover {
   background-color: #0000000a;
   border-color: #525252;
 }
 .calculator__target .checkbox input[type="checkbox"]:hover:before {
   box-shadow: 0 0 0 .75rem #0000000a;
 }
 /** ACTIVE */
 .calculator__target .checkbox input[type="checkbox"]:active {
   background-color: #0000001a;
   border-color: #525252;
 }
 .calculator__target .checkbox input[type="checkbox"]:active:before {
   box-shadow: 0 0 0 .75rem #0000001a;
 }
 /** CHECKED */
 .calculator__target .checkbox input[type="checkbox"]:checked {
   background-color: #8739f4;
   border-color: #8739f4;
 }
 .calculator__target .checkbox input[type="checkbox"]:checked:after {
   display: inline-block;
   content: "";
   min-height: 1.5rem;
   min-width: 1.5rem;
   background-color: #fff;
   -webkit-mask-size: 1.5rem;
   mask-size: 1.5rem;
   -webkit-mask-position: center;
   mask-position: center;
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   -webkit-mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M16.29%207.29a.996.996%200%200%201%201.41%200c.36.36.39.93.08%201.32l-.08.09-7%207c-.36.36-.93.39-1.32.08l-.09-.08-3-3a.996.996%200%200%201%200-1.41c.36-.36.93-.39%201.32-.08l.09.08%202.29%202.29z%22%2F%3E%3C%2Fsvg%3E');
   mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M16.29%207.29a.996.996%200%200%201%201.41%200c.36.36.39.93.08%201.32l-.08.09-7%207c-.36.36-.93.39-1.32.08l-.09-.08-3-3a.996.996%200%200%201%200-1.41c.36-.36.93-.39%201.32-.08l.09.08%202.29%202.29z%22%2F%3E%3C%2Fsvg%3E');
 }
 @media (forced-colors:active) {
   .calculator__target .checkbox input[type="checkbox"]:checked:after {
     background-color: CanvasText;
     forced-color-adjust: none;
   }
 }
 .calculator__target .checkbox input[type="checkbox"]:checked:hover:before {
   box-shadow: 0 0 0 .75rem #8739f429;
 }
 .calculator__target .checkbox input[type="checkbox"]:checked:active:before {
   box-shadow: 0 0 0 .75rem #8739f452;
 }
 /**
  * Form Submit
  */
 .calculator__target .form p.button {
   margin: 2rem 0 0;
   padding: 0;
 }
 #bmiAnalyseForm .submit {
   appearance: none;
   cursor: pointer;
   display: block;
   margin-top: initial;
   align-self: start;
   padding: calc(1rem - 2px) calc(1.5rem - 2px);
   font-size: var(--text-button1-font-size);
   line-height: var(--text-button1-line-height);
   font-weight: 700;
   color: #ffffff;
   text-align: center;
   border: 2px solid var(--cs-primaryBtn--bgColor);
   border-radius: 999px;
   background-color: var(--cs-primaryBtn--bgColor);
 }
 #bmiAnalyseForm .submit:hover {
   background-color: var(--cs-primaryBtn--bgColor-hover);
   border-color: var(--cs-primaryBtn--bgColor-hover);
 }
 #bmiAnalyseForm .submit:active {
   background-color: var(--cs-primaryBtn--bgColor-active);
   border-color: var(--cs-primaryBtn--bgColor-active);
 }
 #bmiAnalyseForm .submit.is-focus-visible {
   outline: 2px solid #000000;
   outline-offset: 2px;
 }