.text-center {
    text-align: center;
}

#default-btn:not(:hover) {
    background: #333;
    color: #fff;
    -webkit-text-fill-color: #fff;
}

#default-btn:hover {
    background: #444;
    color: #ddd;
    -webkit-text-fill-color: #ddd;
}

span.dein-bmi,
span#dein-kalorienbedarf {
    font-size: 1.5em;
    font-weight: bold;
}

#bmi-container-unicorn,
#bmi-container-women,
#bmi-container-men {
    display: none;
}

.bmi-texts {
    display: none;
}

#bmi-container-women .wpb_wrapper,
#bmi-container-men .wpb_wrapper {
     position: relative;
}

.image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.2;
}

div.clipped.clip-1 img {
    -webkit-clip-path: inset(0 81% 0 0);
    clip-path: inset(0 81% 0 0);
}

div.clipped.clip-2 img {
    -webkit-clip-path: inset(0 63% 0 18.5%);
    clip-path: inset(0 63% 0 18.5%);
}

div.clipped.clip-3 img {
    -webkit-clip-path: inset(0 43.5% 0 37%);
    clip-path: inset(0 43.5% 0 37%);
}

div.clipped.clip-4 img {
    -webkit-clip-path: inset(0 24% 0 56%);
    clip-path: inset(0 24% 0 56%);
}

div.clipped.clip-5 img {
    -webkit-clip-path: inset(0 0 0 77%);
    clip-path: inset(0 0 0 77%);
}

#keine-teilnahme {
    display: none;
}

.progress-bar.bg-success {
    width: 0;
    position:absolute;

}

.page-template-page-schnellanalyse h1 {
    margin-bottom: 40px;
}

.page-template-page-schnellanalyse input[type=text],
.page-template-page-schnellanalyse input[type=number],
.page-template-page-schnellanalyse input[type=password],
.page-template-page-schnellanalyse input[type=date],
.page-template-page-schnellanalyse select {
    border-radius: 10px;
    width: 100%;
}

.page-template-page-schnellanalyse .step-1 input[type=text],
.page-template-page-schnellanalyse .step-1 input[type=number],
.page-template-page-schnellanalyse .step-1 input[type=password],
.page-template-page-schnellanalyse .step-1 input[type=date],
.page-template-page-schnellanalyse .step-1 select {
    width: 100%;
}

.page-template-page-schnellanalyse .wpb_content_element {
    margin-bottom: 15px;
}

.haftungsausschluss-container {
    padding: 20px;
    background: #eee;
}

.page-template-page-schnellanalyse .goal-image img {
    /*border-radius: 10px;
    box-shadow: 0px 0px 10px;*/
}

.page-template-page-schnellanalyse .goal-selection {
    cursor: pointer;
}

.page-template-page-schnellanalyse .goal-icon,
.page-template-page-schnellanalyse .program-icon {
    text-align: center;
    color: #7db928;
    font-size: 28px;
}

.page-template-page-schnellanalyse a.select-program {
    background-color: #6daf2d !important;
}

.page-template-page-schnellanalyse a.select-program:hover {
    background-color: #e13630 !important;    
}

.page-template-page-schnellanalyse .program-preview {
    display: none;
}

.bmi-general-warning,
.bmi-not-supported-warning,
.bmi-medical-warning {
    display: none;
}

.bmi-value {
    font-size: 1.2em;
    font-weight: 400;
}

/* Nur für Krankenkassenzertifizierungsphase */
/*.goal-selection.selection-1,
.goal-selection.selection-3 {
    opacity: 0.25;
    pointer-events: none;
}*/

.error-email-exists,
.error-invalid-start-date,
.error-passwords-dont-match {
    padding: 8px;
    background: #eee;
    color: #f00;
}

#club-payment-options {
    display: none;
}

#club-payment-options label {
    margin-right: 4rem;
}

.three-weeks-note,
.three-weeks-shake {
    display: none;
}

.page-customers-handler-container {
    padding-bottom: 0 !important;
}

.page-customers-handler-container .vc_pagination {
    display: none !important;
}

.schnellanalyse-extra-coupon {
    display: none;
}

/*******************************************************************************************************************
 * SWITCH                                                                                                          *
 *******************************************************************************************************************/

/* The switch - the box around the slider */
.sa-switch {
  position: relative;
  display: inline-block;
  height: 24px;
  width: 100%;
}

/* Container */
.slider-container {
    position: relative;
    height: 34px;
    width: 60px;
    float: left;
}

/* Hide default HTML checkbox */
.sa-switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked ~ .slider-container .slider {
  background-color: #2196F3;
}

input:focus ~ .slider-container .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked ~ .slider-container .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.sa-switch .labels-container {
	float: left;
}

.sa-switch .labels-container.left {
	padding: 4px 12px 0 0;
}

.sa-switch .labels-container.right {
	padding: 4px 0 0 12px;
}

.sa-switch .labels-container .label {
	/*display: none;*/
}

.sa-switch .labels-container .label.no {
	/*display: block;*/
}

/*******************************************************************************************************************
 * SWITCH END                                                                                                      *
 *******************************************************************************************************************/

.goal-selection-mobile {
    display: none;
}

@media (max-width: 767px) {
    .goal-selection-desktop {
        display: none;
    }
    
    .goal-selection-mobile {
        display: block;
    }
    
    .balloon {
        display: none;
    }
}

/******************************************************************************
 *  2020                                                                      *
 ******************************************************************************/

.steps .step-header {
    margin-bottom: 0;
    background: #ddd;
    padding: 10px;
}

.steps .vc_column-inner .wpb_wrapper .stepslist {
    background: #eee;
    padding: 10px;
}

.steps .stepform {
    position: relative;
}

.sa-loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: table;
    z-index: 9999;
    background: rgba( 255, 255, 255, 1 );
    color: #000;
}

.sa-loader > div {
    display: table-cell;
    text-align: center;
    vertical-align: top;
    margin-top: 0px;
}

.sa-spacer {
    margin: 12px;
}

.steps .stepform input,
.steps .stepform select {
    width: 100%;
    border: none;
    box-shadow: none;
    font-size: 1.1em !important;
}

.steps .stepform input[type=radio],
.steps .stepform input[type=checkbox] {
    width: auto;
}

.steps .stepform .input-container {
    padding: 13px 7px 3px;
    border: 1px solid #5cbb5e;
    border-radius: 4px;
}

.steps .stepform input[type=submit] {
    background: #5cbb5e !important;
    border: 1px solid #5cbb5e !important;
    padding: 13px !important;
    border-radius: 4px !important
}

.steps .stepform input[type=submit]:hover {
    background: #d44d51 !important;
    border: 1px solid #d44d51 !important;
    color: #fff !important;
}

.steps .stepform input[type=submit][name=back] {
    background: #fff !important;
    color: #5cbb5e !important;
}

.steps .stepform input[type=submit][name=back]:hover {
    background: #d44d51 !important;
    border: 1px solid #d44d51 !important;
    color: #fff !important;
}

.steps .stepform.form-5 input[type=submit][name=submit] {
    display: none;
}

.steps table {
    border: none !important;
}

.stepform .vc_row {
    margin-bottom: 15px;
}

.steps .stepform.form-1 div.input-gender div.gender {
    cursor: pointer;
    border: 1px solid #5cbb5e;
    padding: 20px;
    border-radius: 4px;
    text-align: center;
    font-weight: 400;
}

.steps .stepform.form-1 div.input-gender div.gender-selected {
    background: #5cbb5e;
    color: #fff;
}

.steps table td {
    border: none;
}

.step-rows {
    display: none;
}

.step-rows.step-row-0,
.step-rows.step-row-1 {
    display: block;
}

p.input-header {
    display: none;
}

.stepform.form-5 p.input-header {
    display: block;
}

p.input-header.for-gender {
    margin-bottom: 0;
}

.bmi-warning label {
    display: block;
    padding: 20px;
    margin: 10px 0;
    background: #eee;
}

.bmi-general-warning hr {
    margin-bottom: 20px;
}

.step-1-8w-options {
    display: none;
}

.step-3-not-allowed {
    display: none;
}

.step-3-disclaimer > div > p,
.step-3-not-allowed > div > p,
div.step-5-3w-note {
    padding: 20px;
    background: #eee;
}

.step-5-club-payment,
.step-5-3w-options {
    display: none;
}

label.error {
    padding: 10px;
    background: #eee;
    border: 1px solid #000;
    position: absolute;
    right: 0;
    bottom: 0;
    border-radius: 4px;
    box-shadow: 4px 4px 4px rgba(0,0,0,0.5);
}

.check-header {
    padding: 10px;
    background: #5cbb5e;
    color: #fff;
}

.vc_custom_1579664102146 {
    background-color: #5cbb5e !important;
}

.explanation-videos,
.explanation-video {
    display: none;
}

.explanation-video video {
    max-width:100%;
}

/*
 * Ninja Forms
 */

.nf-mp-header h3 {
    margin: 20px 0;
}

.nf-field-element table td {
    padding: 0;
    width: 100%;
}

.nf-field-element table td:first-child {
    max-width: 200px;
    min-width: 200px;
    display: inline-block;
}

#nf-field-64_1-container {
    margin-bottom: 0;
}

/*
 * WooCommerce
 */

.cart-footer .coupon,
.woocommerce .wc-coupon-wrap {
    /*display: none !important;*/
}

#wc-stripe-payment-request-wrapper,
#wc-stripe-payment-request-button-separator {
    display: none;
}