html { touch-action: manipulation; height: 100%;}
body{ position: relative; font-family:"AvenirLTStd Light"; line-height: 1; height: 100%; }
h1, h2, h3, h4, h5, h6, ul, li, p { list-style: none; margin: 0; padding: 0; }
a,a:hover { text-decoration: none; }
a:focus {outline:none;}
img{ width: auto; }
:focus{ outline: none; }
button:focus{ outline: none; }
@font-face {
    font-family:"AvenirLTStd Light";
    src:url(../font/AvenirLTStd-Light.ttf),
        url('../font/AvenirLTStd-Light.woff') format('woff');
}
@font-face {
    font-family:"AvenirLTStd-Medium";
    src:url(../font/AvenirLTStd-Medium.ttf),
        url('../font/AvenirLTStd-Medium.woff') format('woff');
}
@font-face {
    font-family:"AvenirLTStd Black";
    src:url(../font/AvenirLTStd-Black.ttf),
        url('../font/AvenirLTStd-Black.woff') format('woff');
}
@font-face {
    font-family:"AvenirNextLTPro Demi";
    src:url(../font/AvenirNextLTPro-Demi.ttf),
        url('../font/AvenirNextLTPro-Demi.woff') format('woff');
}
@font-face {
    font-family:"AvenirNextLTPro Regular";
    src:url(../font/AvenirNextLTPro-Regular.ttf);
}
@font-face {
    font-family:"AvenirLTStd Heavy";
    src:url(../font/AvenirLTStd-Heavy.ttf),
        url('../font/AvenirLTStd-Heavy.woff') format('woff');
}
.main-setup-steps .header{ padding: 23px 0px 21px 0px; position: absolute; top: 0; left: 0;  z-index: 111; background-color: #fff;}
.Registration-steps_sec{ position: relative; }
.Registration-steps-bg{ background-image: url(../images/ladesymbol-bg.jpg); width: 100%; height: 100vh; background-repeat: no-repeat; background-size: cover; background-position: center; z-index: -1;transform: scaleX(-1);}
.Registration-detail-text{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); /*background: rgba(255,255,255,0.95);*/ padding: 38px 31px 36px 32px;width: 850px; background: rgba(255,255,255,0.95); border-radius: 8px; box-shadow: 3px 1px 11px 2px #ddd; }
.Registration-steps_sec .copyright-content{ text-align: center; position: absolute; bottom: 40px; display: inline-block; left: 50%; transform: translateX(-50%); }
.Registration-steps_sec .copyright-content p{ font-size: 14.58px; color: #f0813c; font-family:"AvenirLTStd Heavy"; margin-bottom: 14px; }
.Registration-steps_sec .copyright-content span{ font-family:"AvenirLTStd-Medium"; font-size: 12.5px; color: #f0813c; }
.Registration-steps_sec .copyright-content span a{ font-family:"AvenirLTStd-Medium"; font-size: 12.5px; color: #f0813c; text-decoration: underline;}
.ladesymbol-steps_sec .ladesymbol-steps-bg{ position:absolute; top: 0; left: 0;  width: 100%; height: 800px; background-repeat: no-repeat; background-size: cover; background-position: center;  z-index: -1; }
.Registration-left-content{ width: 20%; float: left; }
.Registration-right-content{ width: 80%; float: right; padding-top: 85px; border-left: 2px solid #ebebeb; padding-left: 68px;}
.Registration-right-content label{ color: #f0813c; font-size: 32.33px; display: block; margin-bottom: 12px; font-family: "AvenirLTStd Light"; }
.Registration-right-content span{ color: #787878; font-size: 18.75px; font-family: "AvenirLTStd Light";}
.Registration-code{ margin-top: 19px; padding-top: 18px; width: 93%; display: inline-block;}
.Registration-code input[type=text]{ color: #f0813c; -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.14); -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.14); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.14); font-size: 21px; width: 100%; padding-left: 15px; border: unset; border-radius: 4px; height: 53px;}
.Registration-code input::placeholder{ color: #f0813c;  }
input:-internal-autofill-selected {
    background-color: #fff !important;
    background-image: none !important;
    color: -internal-light-dark-color(#f0813c, white) !important;
}
input[name="activationcode"]{color: #f0813c!important; }
input[title="Activation code"]{color: #f0813c!important; }
.Registration-code input::selection,input.visited { color: red; }
.Registration-code span.intrction-text{ color: #787878; font-size: 13px; line-height: 17px; font-family: "AvenirLTStd Light"; margin-top: 12px; display: inline-block;}
.Registration-step-btn{ margin-top: 41px; display: inline-block; width: 100%; }
.Registration-step-btn span.help a{ font-size: 16.67px; color: #ef7d00; font-family: "AvenirLTStd Light"; margin-top: 24px; display: inline-block; border-bottom: 1px solid #ef7d00;}
.Registration-step-btn .button.start_btn,.Step2_wrapper .account_info .next_btn,.Step3_wrapper .login_info .button.login__btn,.ladesymbol-step-content-text .button.mylinetv-btn{ font-size: 20.83px; font-family: "AvenirLTStd Light"; color: #fff; background-color: #f0823c; border: unset; border-radius: 4px; float: right; padding: 11px 80px;}
.Registration-tooltip { position: absolute; top: 25px; color: #fff; left: -143px; z-index: 1; background-color: #f0813c; padding: 10px 14px 10px 14px; max-width: 156px; text-align: center; border-radius: 10px;}
.Registration-tooltip:after{ position: absolute; top: 21px; right: -21px;z-index: 1; content: ""; width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 21px solid #f0813c;}
.Registration-tooltip img{ width: 27px; margin-bottom: 8px;}
.Registration-tooltip p{ font-size: 12.5px; font-family: "AvenirLTStd Light"; color: #fff;  line-height: 18px;}
.main-setup-steps .fild_checkbox {display: inline-block; z-index: 0; position: relative; padding-left: 10px; margin-bottom: 12px;cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.main-setup-steps .fild_checkbox input.input-check { position: absolute;left: 0; top: 5px; height: 25px; width: 25px; opacity: 0; cursor: pointer;}
.main-setup-steps label.checkmark{ color: #787878; font-size: 20px; cursor: pointer; }
.main-setup-steps .checkmark span{ position: relative; vertical-align: middle; top: -2px; left: -10px;height: 23px; width: 23px; background-color: #fff; border-radius: 0; display: inline-block; border: 1px solid #787878;}
.main-setup-steps .fild_checkbox input.input-check:checked ~ .checkmark span{ background-color: transparent;}
.main-setup-steps .checkmark span:before { content: ""; position: absolute; display: none;}
.main-setup-steps .checkmark span:after { content: ""; position: absolute; display: none;}
.main-setup-steps .fild_checkbox input.input-check:checked ~ .checkmark span:before {display: block;}
.main-setup-steps .fild_checkbox input.input-check:checked ~ .checkmark span:after {display: block;}
.main-setup-steps .fild_checkbox .checkmark span:before { top: 2px; right: 9px; width: 2px; height: 18px; border-radius: 0; background: white; border-right: 2px solid #f0813c; transform: rotate(133deg); }
.main-setup-steps .fild_checkbox .checkmark span:after { top: 2px; left: 10px; width: 2px; height: 18px; border-radius: 0; background: white; border-right: 2px solid #f0813c; transform: rotate(48deg); }
.Registration2-step .Registration-right-content{ padding-top: 0; padding-left: 30px; }
.Registration2-step .Registration-right-content form label{ font-size: 20.83px; margin-bottom: 11px; }
.Registration2-step .Registration-right-content form input{ font-size: 18px; box-shadow: 1px 1px 11px 5px #f2f3f3; width: 100%; padding-left: 15px; border: unset; border-radius: 6px; height: 50px; }
.Registration2-step .Registration-right-content form .form-fild{ margin-bottom: 18px; }
.main-setup-steps .fild_checkbox{ margin-right: 45px; }
.Registration-step-content .button.start_btn{  font-size: 20.83px; font-family: "AvenirLTStd Light"; color: #fff;  background-color: #f0823c; border: unset; border-radius: 4px; float: right; padding: 12px 36px; margin-top: 4px; }
.Registration2-step .Registration-right-content form .form-fild.checkbox label{ margin-bottom: 15px ; }
.Registration-left-content span.code-entered{ width: 100%; text-align: center; color: #f0813c; font-size: 16px; margin-top: 30px; display: inline-block; }
.Registration-left-content span.code-entered i{ color: #4caa42; margin-right: 8px; }
.Registration2-step .Registration-right-content form input:focus { outline: none; }
.Registration-signin{  width: 50%; float: left; }
.Registration-signin .signin-step{ display: flex; align-items: center; }
#gotoCode .signin-step{ display: flex; align-items: center; }
.main-setup-steps .signin-step span{ font-size: 16px; color: #f0813c; font-family: "AvenirLTStd Light"; text-decoration: underline; line-height: 22px; margin-left: 10px;letter-spacing: 0.8px;}
.main-setup-steps .counter { display: -webkit-inline-box; display: inline-flex; cursor: pointer; width: 135px; height: 135px !important; max-width: 100%; position: relative; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; font-size: 25px; -webkit-transition: height .2s ease-in-out; transition: height .2s ease-in-out; background: transparent; border-radius: 50%; box-shadow: none; margin: 0 0 1em 0; }
.main-setup-steps .percentage { position: absolute; text-align: center; top: 50%; left: 0; right: 0; vertical-align: middle; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0); color: #f0823c; }
.main-setup-steps canvas { position: absolute; top: 0; left: 0; }
/* step-2 css */
/*.Step2_wrapper .leftcontant_text span,.Step3_wrapper .leftcontant_text span{ color: #f0813c; font-weight: 500; font-size: 15px; margin-bottom: 12px; display: inline-block; }*/
/*.Step2_wrapper .leftcontant_text span img,.Step3_wrapper .leftcontant_text span img{ width: 13px; margin-right: 8px; color: #4caa42; }*/
.Registration-detail-text .leftcontant_text li.active{ cursor: pointer; position: relative; color: #f0813c; font-weight: 500; font-size: 16px; margin-bottom: 12px; display: inline-block;}
.Registration-detail-text .leftcontant_text li.active:before{ position: absolute; top: -1px; left: -21px; content: ""; background-image: url(../icons/check-icon.png); color: #4caa42;width: 13px; height: 16px; background-repeat: no-repeat; background-size: 13px;}
.Step2_wrapper .leftcontant_text ul,.Step3_wrapper .leftcontant_text ul{ margin-left: 20px; }
.Step2_wrapper .leftcontant_text ul li,.Step3_wrapper .leftcontant_text ul li{ display: block; font-weight: 500; font-size: 16px; margin-bottom: 12px; color: #c3c3c3; }
.Step2_wrapper.Registration-detail-text,.Step3_wrapper.Registration-detail-text{ display: block; }

.Step2_wrapper .Registration-right-content,.Step3_wrapper .Registration-right-content{ padding-top: 30px; padding-left: 40px; /*height: 100%;*/}
.Step2_wrapper .account_info h3{ color: #f0813c;  font-family: "AvenirLTStd Light"; font-size: 22px; line-height: 28px; margin-bottom: 20px; font-weight: 500;}
.Step2_wrapper .Registration-step-content,.Step3_wrapper .Registration-step-content{ width: 100%; font-weight: 500; }
.main-setup-steps .fild_checkbox{ color: #787878; }
.smiley-icon{display: flex;
    width: 100%;
    /* height: 100%; */
    position: relative;}
/*.Step2_wrapper .account_info,.Step3_wrapper .login_info{ position: relative; }*/
.Step2_wrapper .account_info .next_btn{ padding: 11px 40px; position: absolute; bottom: 0px; right: 0px; }
.Step2_wrapper .Registration-left-content .leftcontant_text,.Step3_wrapper .Registration-left-content .leftcontant_text{ margin-left: -20px; }
.Step2_wrapper .Registration-left-content,.Step3_wrapper .Registration-left-content{ padding-bottom: 80px; }
/* step-3 css */
.Step3_wrapper .login_info h3{ color: #f0813c;  font-family: "AvenirLTStd Light"; font-size: 34px; line-height: 40px; margin-bottom: 17px; font-weight: 500; }
.Step3_wrapper .login_info form label{ color: #f0813c; font-family: "AvenirLTStd Light"; margin-bottom: 6px; font-size: 22px; line-height: 26px;}
.Step3_wrapper .login_info form input{ -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.14); -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.14); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.14); font-size: 21px; width: 85%; padding-left: 15px; border: none; border-radius: 4px; height: 53px;}
.Step3_wrapper .login_info form input::placeholder{ color: #787878;  }
.Step3_wrapper .login_info form .form-group { margin-bottom: 0.5rem; }
.Step3_wrapper .login_info form .password-field input::placeholder{ color: #787878; font-size: 25px; }
.loginform_links{ margin-top: 33px; width: 52%; display: inline-block;}
.loginform_links a{ color: #f0813c; font-family:"AvenirLTStd-Medium"; font-size: 16px; margin-bottom: 18px; text-decoration: underline; display: block;}
.Step3_wrapper .login_info .button.login__btn{ padding: 11px 70px; position: absolute; bottom: 8px; right: 0;}
.Step3_wrapper .Registration-right-content{padding-top: 10px;}
/* step-6 css */
.ladesymbol-step-content-text .ladesymbol-step-icon{ margin-bottom: 20px; }
.ladesymbol-step-content-text{ padding: 48px 0px 14px 0px; }
.ladesymbol-step-content-text label{ color: #f0813c; font-size: 32px; font-family: "AvenirLTStd Light"; width: 100%; display: inline-block;}
.ladesymbol-step-content-text span{ color: #787878; font-size: 24px; font-family: "AvenirLTStd Light"; display: inline-block; width: 100%;}
.ladesymbol-step-content-text .button.mylinetv-btn{ margin-top: 50px; margin-right: auto; margin-left: auto; display: block; float: none;}
/* */
.step-registration-name.Step3_wrapper .login_info form .form-group { margin-bottom: 1rem; }
.step-registration-name .main-setup-steps .checkmark span{ top: -6px; left: -4px; }
.step-registration-name .checkmark{ border:none; }
.step-registration-name .fild_checkbox{ width: auto;  margin-left: 33px;margin-right: 91px; }
.step-registration-name .fild_checkbox:first-of-type{ margin-left: 0; }
.main-setup-steps .step-registration-name .checkmark span{ position: absolute; left: 0px; }
.main-setup-steps .step-registration-name label.checkmark{ padding-left: 36px; }
.step-registration-name .form-group.checkbox-field label{ margin-bottom: 20px; }
.step-registration-name .checkmark{ min-width: 190px; }
.step-registration-name .login_info .button.login__btn{ padding: 11px 45px; bottom: -10px;  right: 0px; /*position: relative;*/}
.step-registration-password .login_info form .form-group { margin-bottom: 1.0rem; }
.Step3_wrapper.step-registration-password .login_info form input{ height: 50px; }
.step-registration-password .login_info .button.login__btn{ bottom: -32px; right: 0px; padding: 11px 45px; position: relative; }
.step-registration-password .form-group input.validate-password{ position: relative; }
.step-registration-password .form-group.password-field{ position: relative; }
.step-registration-password .form-group.password-field .pass-view{ position: absolute; top: 32px; right: 15.1%; background-image: url(../icons/showpassword-icon.png);  width: 100px; height: 50px; cursor: pointer; background-repeat: no-repeat; background-size: 52px 30px; background-position: center;}
.step-registration-password .Registration-right-content.login_info{ padding-bottom: 25px; }
/*.Step3_wrapper.step-registration-password .Registration-left-content{ padding-bottom: 100px; }*/
.main-setup-steps .step-check-registration .checkmark span{ top: -4px; left: -12px; }
.main-setup-steps .step-check-registration .fild_checkbox input.input-check:checked ~ .checkmark span{ background-color: #fff; }
.main-setup-steps .step-check-registration label.checkmark{ border:none; }
.main-setup-steps .step-check-registration label.checkmark{ width: 100px; padding-left: 8px;}
.main-setup-steps .step-check-registration .fild_checkbox{ margin-right: 70px; }
/*.step-registration-name.Step3_wrapper .login_info form .form-group { margin-bottom: 1.3rem; }*/
.Step3_wrapper.step-registration-name .login_info form label.checkmark{ color: #787878; }
.step-registration-address .form-group-parent .form-group{ width: 49%; float: left; }
.step-registration-address .form-group-parent .form-group select{ -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.14); -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.14); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.14); font-size: 21px; width: 92%; padding-left: 15px; border: unset; border-radius: 4px; height: 53px;}
.step-registration-address.Step3_wrapper .login_info h3{ font-size: 24px; line-height: 29px; max-width: 70%;}
.step-registration-address .button.skip__btn,.step-weight .button.skip__btn{ margin-right: 15px; font-size: 20.83px; padding: 11px 54px; font-family: "AvenirLTStd Light"; border:1px solid #f29733; border-radius: 4px; color: #ef7d00; background-color: transparent; margin-top: 32px; /*border: unset;*/ border-radius: 4px; float: right;}
.Step3_wrapper .login_info .button.back__btn,.step-weight .button.back__btn{ margin-right: 15px; font-size: 20.83px; padding: 11px 54px; font-family: "AvenirLTStd Light"; border:1px solid #f29733; border-radius: 4px; color: #ef7d00; background-color: transparent; margin-top: 32px; /*border: unset;*/ border-radius: 4px; float: right;}
.Step3_wrapper.step-registration-address .login_info .button.login__btn,.Step3_wrapper.step-weight .login_info .button.login__btn{ padding: 12px 40px; position: relative; margin-top: 40px;}
.step-registration-address .form-group-parent .form-group.street{ width: 69%; margin-bottom: 1.0rem; }
.step-registration-address .form-group-parent .form-group.postcode{ width: 29%; }
.step-registration-address .form-group-parent .form-group.postcode input{ text-align: center; }
.Step3_wrapper.step-registration-address .login_info form input{ width: 92%; }
.Step3_wrapper.step-registration-address .login_info form .form-group.street input{ width: 94%; }
.Step3_wrapper.step-registration-address .login_info form select{ width: 94%; }
.step-weight .form-group.agree-weight input,.step-weight .form-group.steps-weight input{ height: 23px; width: 23px; display: inline-block; opacity: 0; background-color: transparent; box-shadow: none;}
.step-weight .form-group.agree-weight label,.step-agree .form-group.steps-weight label{ background: transparent; height: auto; width: 100%; padding-left: 35px; color: #787878; font-size: 14px; line-height: 18px; float: right; position: relative; border: none;}
.form-group.agree-weight label span,.form-group.steps-weight label span{ position: absolute; left: 0px; top: 3px; width: 21px; height: 21px;}
.main-setup-steps .form-group.agree-weight .checkmark span:before,.main-setup-steps .form-group.steps-weight .checkmark span:before{ content: ""; position: absolute; display: none;}
.main-setup-steps .form-group.agree-weight .checkmark span:after,.main-setup-steps .form-group.steps-weight .checkmark span:after { content: ""; position: absolute; display: none;}
.main-setup-steps .form-group.agree-weight input:checked ~ .checkmark span:before,.main-setup-steps .form-group.steps-weight input:checked ~ .checkmark span:before{ display: block; }
.main-setup-steps .form-group.agree-weight input:checked ~ .checkmark span:after,.main-setup-steps .form-group.steps-weight input:checked ~ .checkmark span:after {display: block;}
.main-setup-steps .form-group.agree-weight .checkmark span:before,.main-setup-steps .form-group.steps-weight .checkmark span:before{ position: absolute; top: 2px; left: 10px; width: 2px; height: 11px; background-color: #f0813c; left: 5px; top: 6px; transform: rotate(157deg);}
.main-setup-steps .form-group.agree-weight .checkmark span:after,.main-setup-steps .form-group.steps-weight .checkmark span:after { top: -7px; left: 14px; width: 2px; height: 26px; border-radius: 0; background: white; border-right: 2px solid #f0813c; transform: rotate(37deg); }
.step-weight.Step3_wrapper .login_info form label{ margin-bottom: 1rem; }
.main-setup-steps .form-group.agree-weight .checkmark,.main-setup-steps .form-group.steps-weight .checkmark{ margin-bottom: 0; }
.step-weight.Step3_wrapper .login_info form input { width: 75%;}
.step-weight .button.skip__btn{ padding: 12px 54px; }
.Step3_wrapper.step-weight .login_info .button.login__btn{ padding: 7px 40px;}
.step-agree .form-group.steps-weight label{ padding-left: 31px; }
.main-setup-steps .form-group.agree-weight input,.main-setup-steps .form-group.steps-weight input{ opacity: 0; width: 100% !important; height: 100%; position: absolute;  left: 0; bottom: 0; top: 0; cursor: pointer;}
.step-weight.Step3_wrapper .Registration-right-content span.weight-kg{ margin-left: 15px; color: #f0813c; position: absolute; right: 19%; top: 60%;}
.step-weight .forget-send{ display: inline-block; width: 100%;}
.Step3_wrapper.step-weight .login_info form .form-group,.Step2_wrapper.step-agree .login_info form .form-group{ margin-bottom: 1rem; width: 100% ;display: inline-block; position: relative;}
.Step3_wrapper.step-weight .login_info form .form-group.agree-weight,.Step2_wrapper.step-agree .login_info form .form-group.steps-weight{ position: relative; }
.Step2_wrapper.step-agree .login_info h3 { color: #f0813c; font-family: "AvenirLTStd Light"; font-size: 22px; line-height: 30px; margin-bottom: 21px; font-weight: 500; }
.main-setup-steps .form-group.steps-weight input{ height: 100%!important; }
/*.step-agree .Registration-right-content button.forget-send{padding: 8px 24px; margin-right: -3px; font-size: 16px; color: #fff;}*/
.step-agree .Registration-right-content button.login__btn{ padding: 7px 14px; position: absolute; bottom: -15px; right: 0px;font-size: 20.83px; font-family: "AvenirLTStd Light"; color: #fff; background-color: #f0823c; border: unset; border-radius: 4px; float: right;}
/*.Step2_wrapper.step-agree{ padding-top: 15px; }*/
.step-agree .form-group.steps-weight label{ font-size: 15px; line-height: 23px; }
.Step2_wrapper.step-agree .login_info form .form-group{ margin-bottom: 1.5rem; }
/*.Step2_wrapper.step-agree .login_info form .form-content .form-group:last-of-type{ margin-bottom: 0; }*/
.Step3_wrapper .login_info form .validation-advice,.Step2_wrapper .login_info form .validation-advice{ width: 75%; }
.Step2_wrapper.step-agree .Registration-right-content{ padding-top: 19px; }
/*.Step2_wrapper.step-agree .login_info h3{ margin-bottom: 21px; }*/
.step-agree .step-notice{ margin-top: -20px; }
.Step3_wrapper .login_info form label{ width: 85%; }
.step-agree #weightAgreemMsg {
    margin-top: -60px;
}
.Registration-left-content .leftcontant_text ul li.process{ color: #f0813c;font-family:"AvenirLTStd-Medium"; }
/* 6-3-2020 */
    .modal-dialog { max-width: 1020px; margin: 1.75rem auto; }
    .modal-content .modal-body p strong,.modal-content .modal-body h4 strong{ /*font-size: 36px;*/ font-weight: 800; line-height: 1.5; font-family: "AvenirLTStd Light"; color: #70787d; }
    .modal-content .modal-body h4{margin: 0 0 10px; line-height: 1.5; font-size: 15px;}
    .modal-content .modal-body p{margin: 0 0 10px; line-height: 1.5; font-size: 15px; color: #70787d;}
    .modal-content .modal-body p a{color: #ef7d00;}
    .modal-content .modal-body p h3{font-size: 24px; padding-bottom: 10px; color: #70787d; font-weight: 500; font-family:"AvenirLTStd-Medium"; }
    .close{font-size: 2.5rem;}
    .modal{ padding-left: 0; }

.login_info_text{color: #787878;font-size: 15.75px;font-family: "AvenirLTStd Light";line-height: 25px;margin-bottom: 12px;letter-spacing: 1px;}
.existing-account-notice{display:none;margin:0 0 18px;padding:14px 16px;background:#fff4ec;border-left:4px solid #f0813c;border-radius:6px;box-shadow:0 8px 20px rgba(240,129,60,0.12);}
.existing-account-notice p{margin:0;color:#6e6e6e;font-size:17px;line-height:26px;font-family:"AvenirLTStd-Medium";}
.step-code .button.back__btn{ margin-right: 15px; font-size: 20.83px; padding: 11px 54px; font-family: "AvenirLTStd Light"; border:1px solid #f0813c; border-radius: 4px; color: #f0813c; background-color: transparent; margin-top: 4px; /*border: unset;*/ border-radius: 4px; float: right;}
.step-login .step-notice{margin-top:12px; }

/* 7-12-2020 */
.modal-content .modal-header{
    border-bottom: unset;
}
.modal-content .modal-body{
    padding: 2rem;
}

@media (max-width: 1200px){
	.Registration-detail-text{ width: 700px; top: 50%; }
	.signin-step span{ font-size: 16px; }
	.Registration-step-content .button.start_btn{ font-size: 18.83px; padding: 10px 22px; }
	.Registration-right-content{ padding-left: 35px; padding-bottom: 15px;  }
	.main-setup-steps .counter{ margin-left: -13px; }
	.Step2_wrapper .leftcontant_text span img,.Step3_wrapper .leftcontant_text span img{ width: 11px; margin-right: 6px; }
	.Step2_wrapper .leftcontant_text span,.Step3_wrapper .leftcontant_text span{ font-size: 13px; }
	.Step2_wrapper .leftcontant_text ul li,.Step3_wrapper .leftcontant_text ul li{ font-size: 15px; }
	.Step2_wrapper .leftcontant_text ul,.Step3_wrapper .leftcontant_text ul{ margin-left: 18px; }
	.loginform_links a{ font-size: 14px; }
    .Step3_wrapper .login_info .button.login__btn { padding: 11px 50px; bottom: -5px;}
    .Registration-tooltip{ max-width: 145px; left: -162px; }
    .main-setup-steps .counter{width: 125px; height: 125px !important;}
    .main-setup-steps canvas{ width: 125px !important; height: 125px !important; }
    .Step3_wrapper.step-registration-address .login_info .button.login__btn, .Step3_wrapper.step-weight .login_info .button.login__btn{ bottom: 0; }
    .step-registration-address .button.skip__btn, .step-weight .button.skip__btn{ padding: 11px 40px; margin-top: 32px; float: inherit; }
    .step-agree .Registration-right-content button.login__btn{ bottom: 0; }
    .Registration-detail-text { padding: 0; left: 56%; }
    .smiley-icon { position: relative; /*max-height: 450px; overflow: auto;*/ padding: 18px; }
    .Step3_wrapper .login_info .button.login__btn,.Step3_wrapper .login_info .button.login__btn{bottom: 32px; right: 30px;}
    .modal-dialog{ max-width: 850px; margin: 4.75rem auto;}
    .login_info_text{color: #787878;font-size: 15.75px;font-family: "AvenirLTStd Light";line-height: 25px;margin-bottom: 12px;}
}
@media (min-width: 992px) and (max-width: 1200px){
	.step-registration-address .button.skip__btn, .step-weight .button.skip__btn{ padding: 11px 45px; margin-top: 40px;}
	.Step3_wrapper.step-registration-address .login_info .button.login__btn, .Step3_wrapper.step-weight .login_info .button.login__btn{ margin-bottom: 15px; padding: 12px 40px; }
	.Step3_wrapper .login_info .button.login__btn, .Step3_wrapper .login_info .button.login__btn{ bottom: 20px; right: 25px;}
	.step-agree .Registration-right-content button.login__btn{ bottom: 0; position: relative; margin-top: 15px; margin-bottom: 15px; margin-right: 25px; }
	.Step2_wrapper .leftcontant_text ul li, .Step3_wrapper .leftcontant_text ul li{ font-size: 13px; }
	.Registration-detail-text .leftcontant_text li.active{ font-size: 13px; }
	.Step2_wrapper .leftcontant_text ul, .Step3_wrapper .leftcontant_text ul{ margin-left: 28px; }
	.smiley-icon{ max-height: 450px; overflow: auto; min-height: 450px;}
	.step-weight .button.skip__btn { padding: 16px 45px; }
	.Step2_wrapper .account_info .next_btn { padding: 11px 40px; position: absolute; bottom: 35px; right: 30px; }
}
@media (max-width: 991px){
	.Step3_wrapper.step-registration-address .login_info .button.login__btn, .Step3_wrapper.step-weight .login_info .button.login__btn{ right: 0; }
	.checkmark{ background-color: transparent; }
	.main-setup-steps .counter{ margin-left: 12px; }
    .Step2_wrapper .leftcontant_text ul li, .Step3_wrapper .leftcontant_text ul li{ font-size: 14px; }
	.Registration-tooltip{ top: -117px; left: 0; }
	.Registration-tooltip:after { position: absolute; top: auto; bottom: -32px; left: 27px; z-index: 1; content: ""; width: 0; height: 0; border-top: 21px solid #ef7d00; border-right: 12px solid transparent; border-left: 12px solid transparent; }
	.Registration-detail-text { width: 540px; top: 43%; padding: 0px; }
    .smiley-icon{ max-height: 520px; }
	.Registration-right-content label{ font-size: 26px; }
	/*.Registration-right-content span{ font-size: 14.75px; }*/
	/*.Registration-code{ margin-top: 5px; }*/
	/*.Registration-code input{ height: 32px; font-size: 12px; }*/
	.Registration-right-content span br{ display: none; }
	.Registration-signin{ width: 100%; }
	/*.Registration-right-content span{ font-size: 12.75px !important; margin-top: 0px !important;}*/
	/*.Registration-step-btn{ margin-top: 4px; }*/
	.main-setup-steps .signin-step img{ height: 40px; }
	.main-setup-steps .header{ padding: 15px 0px; position: relative; }
	/*.Registration-right-content{ padding-top: 0px; padding-bottom: 0; padding-left: 20px;}*/
	/*.Registration-step-content .button.start_btn { font-size: 13.83px; padding: 7px 14px; }*/
	.Registration-steps_sec .copyright-content{ bottom: 9px; }
	.Registration-steps_sec .copyright-content p{ margin-bottom: 5px; font-size: 13.58px;}
	.Registration-steps_sec .copyright-content span,.Registration-steps_sec .copyright-content span a{ font-size: 11.5px; }
	.Registration-detail-text{ left: 55%; max-width: 580px;}
    .Registration-step-content .button.start_btn{ margin-top: 15px; }
	.Registration-tooltip p{ line-height: 15px; }
	.Registration-tooltip img { width: 25px; margin-bottom: 4px; }
	/*.main-setup-steps canvas{ width: 72px !important; height: 72px !important; left: -4px; }*/
	/*.main-setup-steps .counter{ width: 72px; height: 72px !important; font-size: 15px;}*/
    .main-setup-steps canvas{ left: -4px; }
	.main-setup-steps .Step2_wrapper .counter{ width: 100px; height: 100px !important; }
	.main-setup-steps .Step2_wrapper canvas{ width: 100px !important; height: 100px !important; }
	.Step2_wrapper .Registration-right-content span{ margin-top: 0 !important; }
	.Registration-tooltip{ padding: 10px 10px 10px 10px; top: 25px; left: -126px; max-width: 105px; }
	.Registration-tooltip:after { position: absolute; top: 21px; bottom: auto; left: auto; right: -32px; z-index: 1; content: ""; width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 21px solid #ef7d00; }
	/*.Step2_wrapper.Registration-detail-text{ left: 59%; }*/
	.Step3_wrapper .login_info h3{ font-size: 26px; line-height: 32px;}
	.Registration-detail-text{ max-width: 580px; }
	.Step3_wrapper .login_info form label{ font-size: 18px; line-height: 23px;}
	.loginform_links{ width: 100%; }
	.Step3_wrapper .login_info .button.login__btn,.Step2_wrapper .login_info .button.login__btn{ position: relative; margin-top: 20px; bottom: 0;}
	.Step2_wrapper .leftcontant_text ul,.Step3_wrapper .leftcontant_text ul{ margin-left: 15px; }
	.Step2_wrapper .Registration-left-content .leftcontant_text,.Step3_wrapper .Registration-left-content .leftcontant_text{ margin-left: 0; }
    .Registration-detail-text.step-complete{ left: 50%; }
    .Step3_wrapper .login_info .button.login__btn{ padding: 11px 30px; font-size: 16.83px; }
    .Step3_wrapper .login_info form input,.Step2_wrapper .login_info form input{ height: 45px; font-size: 19px; }
    /*.step-registration-name .checkmark{ min-width: auto; }*/
    .step-registration-name .fild_checkbox{ width: 48%; margin-left: 0; margin-right: 0; }
    .step-registration-name .login_info .button.login__btn{ margin-top: 10px; }
    .main-setup-steps .fild_checkbox input.input-check{ position: relative; }
    .Registration-left-content{ width: 30%; }
    .Registration-right-content{ width: 70%; }
    .step-registration-password .form-group.password-field .pass-view{ top: 29px; }
    .Step2_wrapper .Registration-right-content, .Step3_wrapper .Registration-right-content{ padding-left: 25px; }
    .step-registration-address.Step3_wrapper .login_info h3{ max-width: 100%; font-size: 21px; line-height: 26px;}
    /*.Registration-code span.intrction-text{ margin-top: 10px !important; }*/
    .step-registration-address .button.skip__btn, .step-weight .button.skip__btn{ margin-top: 20px; float: right; padding: 9px 40px; margin-right: 0; font-size: 19.83px;}
    .step-registration-address .form-group-parent .form-group select{ font-size: 17px; height: 40px;}
    .Step3_wrapper .login_info form input, .Step2_wrapper .login_info form input{ font-size: 15px; }
    .step-weight.Step3_wrapper .Registration-right-content span.weight-kg{ right: 13%; top: 62%; }
    .step-agree .Registration-right-content button.login__btn{ font-size: 17.83px; }
    .Step2_wrapper .account_info .next_btn{ position: relative; margin-top: 15px;}
    .Step2_wrapper .account_info h3{ font-size: 20px; line-height: 25px; }
    .step-agree .step-notice{ font-size: 15px; margin-top: -12px; }
    .step-agree .form-group.steps-weight label { font-size: 14px; line-height: 20px; }
    .modal-dialog { max-width: 650px;}
    .Step3_wrapper.step-registration-address .login_info .button.login__btn, .Step3_wrapper.step-weight .login_info .button.login__btn{ padding: 8px 40px; }
}
@media (min-width: 768px) and (max-width: 991px){ .smiley-icon{ max-height: none; } }
@media (min-width: 800px) and (max-width: 900px){
	.Registration-detail-text{ max-width: 580px; width: 570px;}
	.Step2_wrapper .leftcontant_text ul,.Step3_wrapper .leftcontant_text ul{ margin-left: 17px; }
	/*.Registration-detail-text{ max-width: 580px; }*/
	.Step2_wrapper .Registration-left-content,.Step3_wrapper .Registration-left-content{ padding-bottom: 0; }
	.Step3_wrapper .login_info h3{ font-size: 22px; line-height:24px; margin-bottom: 10px; }
	.Step3_wrapper .login_info form label{ font-size: 17px; margin-bottom: 3px;}
	.Step3_wrapper .login_info form input{ font-size: 18px; height: 40px; }
	.loginform_links a.account_link{ margin-bottom: 0; }
	.loginform_links{ margin-top: 11px; }
	.Step3_wrapper .login_info form .form-group { margin-bottom: 0.2rem; }
	.Step3_wrapper .login_info .button.login__btn{ padding: 8px 50px; font-size: 16.83px;}
    .ladesymbol-step-icon img{ width: 80px; }
    .ladesymbol-step-content-text label{ font-size: 25px; }
    .ladesymbol-step-content-text span{ font-size: 19px; }
    .ladesymbol-step-content-text .button.mylinetv-btn{ margin-top: 30px; }
    .ladesymbol-step-content-text{ padding: 28px 0px 14px 0px; }
    .Registration-detail-text { padding: 0;  left: 55%; top: 41%; max-width: 740px; }
    .smiley-icon { position: relative; max-height: 280px; overflow: auto; padding: 18px; display: block;}
    .Registration-steps_sec .copyright-content { bottom: 15px; width: 100%; }
    /*.Registration-detail-text .leftcontant_text li.active{ font-size: 18px; }*/
    .Step3_wrapper .login_info form label{ font-size: 20px; line-height: 25px; }
    .loginform_links a { font-size: 15px; margin-bottom: 10px; }
    .Step3_wrapper .login_info form input{ font-size: 17px; }
    .step-weight .form-group.agree-weight label, .step-agree .form-group.steps-weight label{ font-size: 16px; line-height: 21px;}
    .Step3_wrapper.step-registration-password .login_info form label{ font-size: 18px; }
    .step-agree .form-group.steps-weight label{ font-size: 16px; line-height: 22px; }
    .step-agree .form-group.steps-weight label span{ top: 0; }
    .step-weight .Registration-right-content span.weight-kg{ margin-top: 0 !important; }
    .Step2_wrapper .leftcontant_text span, .Step2_wrapper .leftcontant_text ul li, .Step3_wrapper .leftcontant_text span, .Step3_wrapper .leftcontant_text ul li{ font-size: 16px; }
    .Registration-step-btn .button.start_btn, .Step2_wrapper .account_info .next_btn, .Step3_wrapper .login_info .button.login__btn, .ladesymbol-step-content-text .button.mylinetv-btn{ padding: 10px 50px; font-size: 18.83px; }
}
@media (max-width: 767px){
	.Registration-detail-text .leftcontant_text li.active{ display: block; }
	.Step2_wrapper .Registration-right-content,.Step3_wrapper .Registration-right-content{ width: 100%; /*padding-left: 15px; padding-top: 30px;*/}
	.Step2_wrapper .Registration-left-content,.Step3_wrapper .Registration-left-content{ width: 100%; /*padding-bottom: 5px;*/}
	.Step2_wrapper .leftcontant_text span,.Step2_wrapper .leftcontant_text ul li,.Step3_wrapper .leftcontant_text span,.Step3_wrapper .leftcontant_text ul li{ font-size: 13px; padding-right: 5px; }
	.Step2_wrapper .leftcontant_text ul,.Step3_wrapper .leftcontant_text ul{ margin-left: 21px; }
    .Step2_wrapper .Registration-left-content, .Step3_wrapper .Registration-left-content{ padding-bottom: 25px; }
    .Step2_wrapper .Registration-right-content, .Step3_wrapper .Registration-right-content{ padding-left: 0; padding-top: 0;}
	.Step2_wrapper .account_info h3{ font-size: 19px; line-height: 22px; }
	.Step2_wrapper .account_info .next_btn{ padding: 9px 20px; font-size: 16.83px; }
	.Registration-detail-text { max-width: 400px;}
	.main-setup-steps .fild_checkbox { margin-right: 20px; }
	.Step3_wrapper .login_info form input{ height: 40px; font-size: 14px; width: 100%;}
	.step-registration-address .form-group-parent .form-group select{ height: 40px; font-size: 14px;}
    .ladesymbol-step-content-text label{ font-size: 25px; margin-bottom: 18px; }
    .ladesymbol-step-content-text span{ font-size: 21px; }
    .ladesymbol-step-content-text .button.mylinetv-btn{ font-size: 17.83px; padding: 11px 45px; }
    .Registration-left-content{width: 100%;}
    .Registration-right-content{ width: 100%; border-left: none; padding-top: 0; padding-left: 0; }
    /*.Registration-code input{ font-size: 15px; }*/
    .smiley-icon{ display: block; }
    .Step3_wrapper.step-registration-address .login_info .button.login__btn, .Step3_wrapper.step-weight .login_info .button.login__btn{ padding: 12px 45px; }
	.step-registration-password .form-group.password-field .pass-view{top: 29px; right: 0.1%; width: 90px;}

	.Registration-steps_sec .copyright-content { bottom: 15px; width: 100%; }
    .Registration-detail-text .leftcontant_text li.active{ font-size: 18px; }
    .Step3_wrapper .login_info form label{ font-size: 20px; line-height: 25px; }
    .loginform_links a { font-size: 17.5px; line-height: 21px;}
    .Step3_wrapper .login_info form input{ font-size: 17px; }
    .step-weight .form-group.agree-weight label, .step-agree .form-group.steps-weight label{ font-size: 16px; line-height: 21px;}
    .Step3_wrapper.step-registration-password .login_info form label{ font-size: 18px; }
    .step-agree .form-group.steps-weight label{ font-size: 16px; line-height: 22px; }
    .step-agree .form-group.steps-weight label span{ top: 0; }
    .step-weight .Registration-right-content span.weight-kg{ margin-top: 0 !important; }
    .modal-dialog { max-width: 550px; margin: 3.00rem auto;}
    .Step2_wrapper .leftcontant_text span, .Step2_wrapper .leftcontant_text ul li, .Step3_wrapper .leftcontant_text span, .Step3_wrapper .leftcontant_text ul li{ font-size: 16px; }
}
@media (min-width: 568px) and (max-width: 767px){
    .ladesymbol-step-icon img{ width: 70px; }
    .ladesymbol-step-content-text label{ font-size: 22px; margin-bottom: 10px;}
    .ladesymbol-step-content-text span{ font-size: 12px; }
    .ladesymbol-step-content-text .button.mylinetv-btn{ margin-top: 20px; }
    .ladesymbol-step-content-text{ padding: 18px 0px 10px 0px; }
    .Registration-detail-text { padding: 0;  left: 60%; top: 41%; max-width: 395px; }
    .smiley-icon { position: relative; max-height: 230px; overflow: auto; padding: 18px; display: block;}
    .Registration-step-btn .button.start_btn, .Step2_wrapper .account_info .next_btn, .Step3_wrapper .login_info .button.login__btn, .ladesymbol-step-content-text .button.mylinetv-btn{ padding: 9px 40px; font-size: 15.83px; }
}
@media (min-width: 568px) and (max-width: 600px){
	/*.Registration-detail-text { max-width: 360px;}*/
	.Step2_wrapper .leftcontant_text span, .Step2_wrapper .leftcontant_text ul li,.Step3_wrapper .leftcontant_text span, .Step3_wrapper .leftcontant_text ul li{ font-size: 16px; }
}
@media (min-width: 360px) and (max-width: 567px){
	.Registration-detail-text{ left: 49.5%; max-width: 345px; top: 52%;}
	.Registration-tooltip { top: -100px; left: 0; max-width: 245px;}
	.Registration-right-content label { font-size: 23px; }
	.Registration-right-content span{ font-size: 15.75px; }
	.Registration-code input { height: 38px; font-size: 14px; }
	.Registration-step-content .button.start_btn{ margin-top: 20px; font-size: 16.83px; padding: 10px 15px; }
	.Registration-right-content span { font-size: 17.75px !important; margin-top: 14px !important; }
    .Registration-detail-text{ padding: 0; }
    .Registration-detail-text .smiley-icon{position: relative; max-height: 450px; overflow: auto; padding: 18px;}
	.Registration-tooltip:after { position: absolute; top: auto; bottom: -32px; left: 27px; z-index: 1; content: ""; width: 0; height: 0; border-top: 21px solid #ef7d00; border-right: 12px solid transparent; border-left: 12px solid transparent; }
	.step-registration-password .form-group.password-field .pass-view{top: 19px;}
    .existing-account-notice{padding:12px 14px;margin-bottom:14px;}
    .existing-account-notice p{font-size:15px;line-height:22px;}
}
@media (max-width: 567px){
    /*.main-setup-steps .counter{ width: 80px !important; height: 80px !important; }*/
    .main-setup-steps .percentage{ font-size: 19px; }
	/*.main-setup-steps canvas{ width: 80px !important; height: 80px !important; }*/
	.Step2_wrapper .leftcontant_text,.Step3_wrapper .leftcontant_text{ margin-top: 12px;}
    .form-group.agree-weight label span, .form-group.steps-weight label span{ top: -12px; }
	.Step2_wrapper .Registration-left-content,.Step3_wrapper .Registration-left-content{ padding-bottom: 35px; }
	/*.Step2_wrapper .Registration-right-content,.Step3_wrapper .Registration-right-content{ border-left: 2px solid #ebebeb; padding-left: 10px; }*/
	.Step3_wrapper .login_info h3{ font-size: 24px; line-height: 31px;}
	.Step3_wrapper .login_info form label{ font-size: 18px; }
	.Step3_wrapper.step-registration-address .login_info form .form-group.street input,.step-registration-address .form-group-parent .form-group,.step-registration-address .form-group-parent .form-group.street{ width: 100%; }
	.Step3_wrapper.step-registration-address .login_info form .form-group.street input{ width: 94%; }
	.step-registration-address.Step3_wrapper .login_info h3 { font-size: 20px; line-height: 25px; max-width: 100%; }
	.step-registration-address .form-group-parent .form-group.postcode { width: 100%; }
    .step-registration-address .form-group-parent .form-group.postcode input{ text-align: left; }
	.step-registration-address .button.skip__btn, .step-weight .button.skip__btn{ padding: 11px 44px; }
	.main-setup-steps .step-registration-name .checkmark span{ top: -12px; }
}
@media (max-width: 359px){
	.Step2_wrapper .Registration-right-content,.Step3_wrapper .Registration-right-content{ padding-left: 0px; padding-top: 20px; border-left: none;}
	.Registration-detail-text{ left: 50%; max-width: 300px; top: 51%;  padding: 0;}
	.Registration-left-content{ width: 100%; }
	/*.Registration-detail-text{ }*/
	.main-setup-steps .counter{ margin: 0; }
    .main-setup-steps .step-registration-name .checkmark span { top: 0px; }
    .Step3_wrapper.step-registration-password .login_info form label{ font-size: 20px; }
    .step-registration-password .form-group.password-field .pass-view{ top: 43%; }
	.Registration-tooltip { top: -100px; left: 0; max-width: 200px;}
	.Registration-tooltip:after { position: absolute; top: auto; bottom: -32px; left: 27px; z-index: 1; content: ""; width: 0; height: 0; border-top: 21px solid #ef7d00; border-right: 12px solid transparent; border-left: 12px solid transparent; }
	.Registration-step-content .button.start_btn{ float: left; margin-top: 15px; }
	.Registration-right-content{ width: 100%; border-left: none; padding-left: 0; padding-top: 12px; }
    /*.Registration-detail-text{ }*/
    .Registration-detail-text .smiley-icon{position: relative; max-height: 350px; overflow: auto; padding: 18px;}
}

/*Added By Developer*/
/*18-02-22*/
#activationCodeLoader,#forgotpasswordLoader,#loginLoader,#weightLoader,#weightAgreeLoader{display: none;margin-top: 15px;text-align: center;}
.step-notice {color: green; font-size: 19px; }
.step-registration-password .validation-advice{font-size: 15px;}
#registration-firstname{display: inline;}
/*08-04-22*/
#registration-name-form {margin-bottom: 40px;}

@media (max-width: 767px){
    /* ============================================================
       MOBILE ONBOARDING OPTIMIZATION - v7 (Final Fix)
       Ziel: ALLES ohne Scrollen sichtbar, Checkbox-Text lesbar
       ============================================================ */

    /* ====== STEP 1: smiley-icon max-height für Login ====== */
    .step-login .Registration-detail-text .smiley-icon,
    .Registration-detail-text .smiley-icon {
        max-height: 550px !important;
        padding: 8px !important;
    }

    /* loginFormMsg ohne Inhalt kein Platz */
    #loginFormMsg:empty,
    .step-notice:empty {
        display: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* ====== SMILEY-HEADER MINIMAL - nur 1 Zeile ====== */
    .Registration-detail-text .smiley-icon > p:first-child,
    .Registration-detail-text p.smiley-header,
    .smiley-icon > p:first-of-type,
    .Registration-detail-text .smiley-icon > p {
        padding: 6px 10px !important;
        margin: 0 0 5px 0 !important;
        font-size: 11px !important;
        line-height: 1.2 !important;
        border-radius: 6px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
        min-height: auto !important;
        max-height: 40px !important;
    }

    /* Smiley-Icon im Header winzig */
    .smiley-icon > p:first-of-type img,
    .Registration-detail-text .smiley-icon img:first-of-type,
    .Registration-detail-text .smiley-icon > p img {
        width: 18px !important;
        height: 18px !important;
        margin: 0 !important;
    }

    /* ====== PROGRESS VERSTECKEN ====== */
    .Registration-left-content {
        display: none !important;
    }

    .main-setup-steps {
        margin: 0 !important;
        padding: 0 !important;
    }

    .main-setup-steps .counter {
        width: 28px !important;
        height: 28px !important;
        margin: 0 auto !important;
    }

    .main-setup-steps canvas {
        width: 28px !important;
        height: 28px !important;
    }

    .main-setup-steps .percentage {
        font-size: 8px !important;
    }

    /* Step-Dots VERSTECKEN */
    .leftcontant_text {
        display: none !important;
    }

    /* ====== HAUPT-CONTAINER KOMPAKT ====== */
    .Registration-detail-text {
        padding: 10px !important;
    }

    .Registration-right-content,
    .Registration-right-content.login_info {
        padding: 8px !important;
    }

    /* ====== ÜBERSCHRIFTEN KLEINER ====== */
    .Registration-right-content h3,
    .Step3_wrapper .login_info h3,
    .Step2_wrapper .account_info h3,
    .step-agree h3 {
        font-size: 16px !important;
        line-height: 1.3 !important;
        margin-bottom: 10px !important;
    }

    /* ====== FORMULAR-INPUTS ====== */
    .Step3_wrapper .login_info form input,
    .Registration-code input,
    .Registration-right-content input[type="text"],
    .Registration-right-content input[type="email"],
    .Registration-right-content input[type="password"],
    .Registration-right-content input[type="number"],
    .Registration-right-content select {
        height: 40px !important;
        font-size: 16px !important;
        padding: 8px 10px !important;
    }

    .form-group {
        margin-bottom: 8px !important;
    }

    .Step3_wrapper .login_info form .form-group {
        margin-bottom: 8px !important;
    }

    /* Labels kompakt */
    .Registration-right-content label,
    .Step3_wrapper .login_info form label {
        font-size: 13px !important;
        margin-bottom: 3px !important;
    }

    /* ====== BUTTONS ====== */
    .button.start_btn,
    .button.login__btn,
    .button.next_btn,
    .button.back__btn,
    .button.skip__btn,
    .Registration-step-btn button {
        width: 100% !important;
        padding: 12px 16px !important;
        font-size: 15px !important;
        margin: 4px 0 !important;
        float: none !important;
    }

    .Registration-step-btn,
    .forget-send {
        margin-top: 10px !important;
        padding: 0 !important;
    }

    /* ====== STEP 1: LOGIN - Code-Hint OBEN & PROMINENT ====== */
    .step-login .smiley-icon {
        display: flex !important;
        flex-direction: column !important;
    }

    /* Code-Hint nach oben verschieben via order */
    .step-login .code-hint-top {
        order: -1 !important;
        margin-bottom: 10px !important;
    }

    .step-login .code-hint-top .signin-step {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        padding: 10px 12px !important;
        background: linear-gradient(135deg, #f0813c 0%, #e67332 100%) !important;
        border: none !important;
        border-radius: 8px !important;
        box-shadow: 0 2px 8px rgba(240,129,60,0.3) !important;
    }

    .step-login .code-hint-top .signin-step img {
        width: 26px !important;
        height: 26px !important;
        filter: brightness(0) invert(1) !important;
    }

    .step-login .code-hint-top .signin-step span {
        font-size: 13px !important;
        font-weight: 600 !important;
        color: #fff !important;
        line-height: 1.3 !important;
    }

    /* Login-Form kompakter - weniger Whitespace */
    .step-login .loginform_links {
        margin-top: 4px !important;
        margin-bottom: 4px !important;
    }

    .step-login .loginform_links a {
        font-size: 12px !important;
        display: block !important;
        margin-bottom: 3px !important;
    }

    /* Login Inputs etwas größer */
    .step-login .form-group input {
        height: 42px !important;
        font-size: 16px !important;
    }

    .step-login .form-group {
        margin-bottom: 6px !important;
    }

    /* Login Button */
    .step-login .button.login__btn {
        margin-top: 8px !important;
        padding: 12px 16px !important;
    }

    /* ====== STEP 2: CODE-EINGABE ====== */
    .step-code .Registration-right-content label {
        font-size: 14px !important;
    }

    .step-code .Registration-right-content span {
        font-size: 13px !important;
    }

    .step-code .Registration-code {
        margin: 10px 0 !important;
    }

    .step-code .intrction-text {
        font-size: 11px !important;
        margin-top: 5px !important;
    }

    /* ====== STEP 3: ACCOUNT-CHECK (Ja/Nein) - nur Checkboxen, keine Radio ====== */
    .step-check-registration .fild_checkbox {
        position: relative !important;
        margin-bottom: 8px !important;
        padding: 12px 12px 12px 40px !important;
        background: #f9f9f9 !important;
        border-radius: 8px !important;
        border: 2px solid transparent !important;
    }

    .step-check-registration .fild_checkbox:has(input:checked) {
        border-color: #f0813c !important;
        background: #fff8f4 !important;
    }

    /* Radio-Inputs positioniert */
    .main-setup-steps .step-check-registration .fild_checkbox input.input-check,
    .step-check-registration .fild_checkbox input.input-check {
        position: absolute !important;
        left: 10px !important;
        top: 25px !important;
        transform: none !important;
        width: 18px !important;
        height: 18px !important;
        opacity: 1 !important;
        accent-color: #f0813c !important;
        z-index: 2 !important;
    }

    .step-check-registration .fild_checkbox label.checkmark {
        font-size: 15px !important;
        padding: 5px 5px 5px 50px !important;
        display: block !important;
    }

    /* Custom checkbox span VERSTECKEN (das eckige) */
    .step-check-registration .fild_checkbox label.checkmark span {
        display: none !important;
    }

    /* ====== STEP 4: NAME & GESCHLECHT ====== */
    .step-registration-name .registration-gender {
        margin-top: 4px !important;
    }

    .step-registration-name .registration-gender .fild_checkbox {
        position: relative !important;
        display: block !important;
        margin-bottom: 4px !important;
        padding: 6px 8px 6px 32px !important;
        background: none !important;
        border-radius: 4px !important;
        border: none !important;
        box-shadow: none !important;
    }

    .step-registration-name .registration-gender .fild_checkbox:has(input:checked) {
        background: none !important;
        border: none !important;
    }

    .step-registration-name .registration-gender .fild_checkbox input.input-check {
        position: absolute !important;
        left: 6px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 18px !important;
        height: 18px !important;
        opacity: 1 !important;
        accent-color: #f0813c !important;
        z-index: 2 !important;
    }

    /* WICHTIG: padding wie vom User gewünscht */
    .step-registration-name .registration-gender .fild_checkbox label.checkmark,
    .registration-gender .fild_checkbox label.checkmark {
        display: block !important;
        font-size: 14px !important;
        color: #333 !important;
        padding: 0px 15px 5px 44px !important;
        line-height: 1.2 !important;
        border: none !important;
        min-width: 0 !important;
        background: none !important;
    }

    /* Text sichtbar */
    .step-registration-name .registration-gender .fild_checkbox label.checkmark span {
        position: static !important;
        display: inline !important;
        width: auto !important;
        height: auto !important;
        border: none !important;
        background: none !important;
        font-size: 14px !important;
        color: #333 !important;
    }

    .step-registration-name .registration-gender .fild_checkbox label.checkmark span::before,
    .step-registration-name .registration-gender .fild_checkbox label.checkmark span::after {
        display: none !important;
    }

    /* Weniger Abstand vor Button in Step 4 */
    .step-registration-name .Registration-step-btn,
    .step-registration-name .forget-send {
        margin-top: 4px !important;
    }

    /* ====== STEP 5: EMAIL/PASSWORT ====== */
    .step-registration-password .form-group.password-field {
        position: relative !important;
        margin-bottom: 8px !important;
    }

    .step-registration-password .form-group.password-field .pass-view {
        position: absolute !important;
        top: 45% !important;
        right: 8px !important;
        transform: translateY(-50%) !important;
        width: 55px !important;
        height: 35px !important;
    }

    /* Scroll-to-view bei Focus */
    .step-registration-password input:focus {
        scroll-margin-top: 20px !important;
    }

    /* ====== STEP 6: ADRESSE ====== */
    .step-registration-address .form-group {
        width: 100% !important;
        margin-bottom: 6px !important;
    }

    .step-registration-address .form-group.street,
    .step-registration-address .form-group.postcode {
        width: 100% !important;
        float: none !important;
    }

    .step-registration-address .form-group-parent {
        margin-bottom: 0 !important;
    }

    .step-registration-address .form-group select {
        height: 40px !important;
    }

    .step-registration-address.Step3_wrapper .login_info h3 {
        font-size: 14px !important;
        line-height: 1.3 !important;
    }

    /* ====== STEP 7: GEWICHT/GRÖSSE - kompakt mit Einheiten inline ====== */
    .step-weight .form-group {
        margin-bottom: 6px !important;
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
    }

    .step-weight .form-group label {
        min-width: 50px !important;
        font-size: 12px !important;
    }

    /* Kleine Eingabefelder für 3-stellige Zahlen */
    .step-weight .form-group input[type="text"],
    .step-weight .form-group input[type="number"] {
        width: 60px !important;
        max-width: 60px !important;
        text-align: center !important;
        padding: 6px !important;
        height: 36px !important;
    }

    /* Einheit direkt neben Feld */
    .step-weight.Step3_wrapper .Registration-right-content span.weight-kg,
    .step-weight .form-group span:not(.checkmark span) {
        position: relative !important;
        right: auto !important;
        top: auto !important;
        display: inline !important;
        margin-left: 0 !important;
        font-size: 12px !important;
        color: #666 !important;
    }

    /* ====== STEP 7: agree-weight Checkbox ====== */
    .step-weight .form-group.agree-weight {
        position: relative !important;
        display: flex !important;
        align-items: flex-start !important;
        margin: 6px 0 !important;
        padding: 8px !important;
        background: #f5f5f5 !important;
        border-radius: 4px !important;
        border: none !important;
        gap: 8px !important;
    }

    /* Checkbox links */
    .main-setup-steps .form-group.agree-weight input,
    .step-weight .form-group.agree-weight input {
        position: relative !important;
        left: auto !important;
        top: 2px !important;
        width: 16px !important;
        height: 16px !important;
        min-width: 16px !important;
        opacity: 1 !important;
        z-index: 10 !important;
        accent-color: #f0813c !important;
        flex-shrink: 0 !important;
    }

    /* Label neben Checkbox */
    .main-setup-steps .form-group.agree-weight label,
    .step-weight .form-group.agree-weight label,
    .step-weight .form-group.agree-weight label.checkmark {
        display: block !important;
        font-size: 10px !important;
        line-height: 1.4 !important;
        color: #333 !important;
        padding: 0 !important;
        border: none !important;
        float: none !important;
        width: auto !important;
        flex: 1 !important;
        background: transparent !important;
        position: static !important;
        height: auto !important;
    }

    /* Custom checkbox span verstecken */
    .step-weight .form-group.agree-weight label.checkmark span {
        display: none !important;
    }

    /* ====== STEP 8: NEWSLETTER/DATENSCHUTZ ====== */
    .step-agree .form-group.steps-weight {
        position: relative !important;
        display: flex !important;
        align-items: flex-start !important;
        margin-bottom: 5px !important;
        padding: 6px !important;
        background: #f5f5f5 !important;
        border-radius: 4px !important;
        border: none !important;
        gap: 8px !important;
    }

    /* Checkbox links */
    .main-setup-steps .form-group.steps-weight input,
    .step-agree .form-group.steps-weight input {
        position: relative !important;
        left: auto !important;
        top: 2px !important;
        width: 16px !important;
        height: 16px !important;
        min-width: 16px !important;
        opacity: 1 !important;
        z-index: 10 !important;
        accent-color: #f0813c !important;
        flex-shrink: 0 !important;
    }

    /* Label neben Checkbox */
    .main-setup-steps .form-group.steps-weight label,
    .step-agree .form-group.steps-weight label,
    .step-agree .form-group.steps-weight label.checkmark {
        display: block !important;
        font-size: 10px !important;
        line-height: 1.4 !important;
        color: #333 !important;
        padding: 0 !important;
        border: none !important;
        float: none !important;
        width: auto !important;
        flex: 1 !important;
        text-align: left !important;
        background: transparent !important;
        position: static !important;
        height: auto !important;
    }

    /* Custom checkbox span verstecken */
    .step-agree .form-group.steps-weight label.checkmark span,
    .step-agree .form-group.steps-weight label.checkmark span {
        position: absolute !important;
        left: -9999px !important;
        width: 1px !important;
        height: 1px !important;
        overflow: hidden !important;
    }

    .step-agree .form-group.steps-weight label.checkmark a {
        color: #f0813c !important;
        text-decoration: underline !important;
    }

    /* Step 8 Button weniger Abstand */
    .step-agree .Registration-step-btn,
    .step-agree .forget-send {
        margin-top: 4px !important;
    }

    /* ====== TOOLTIP KOMPAKT ====== */
    .Registration-tooltip {
        position: relative !important;
        max-width: 100% !important;
        padding: 8px 10px !important;
        margin-bottom: 8px !important;
        border-radius: 6px !important;
    }

    .Registration-tooltip:after {
        display: none !important;
    }

    .Registration-tooltip img {
        width: 20px !important;
        height: 20px !important;
    }

    .Registration-tooltip p {
        font-size: 12px !important;
        line-height: 1.3 !important;
        margin: 0 !important;
    }

    /* ====== COPYRIGHT MINIMAL ====== */
    .Registration-steps_sec .copyright-content {
        padding: 8px !important;
        font-size: 10px !important;
        margin-top: 10px !important;
    }

    /* ====== SCROLL-BEHAVIOR FÜR FOKUSSIERTE FELDER ====== */
    input:focus,
    select:focus,
    textarea:focus {
        scroll-margin-top: 100px !important;
        scroll-margin-bottom: 50px !important;
    }
}