.ht-stage-wrapper{padding:60px 0 40px 0;background-color:#e6e7e9;margin-bottom:30px;background-image:url("../../../clientlibs/clientlib-base/resources/img/hearing-test/waves-ht-xs.png");background-repeat:no-repeat;background-size:contain;background-position:center top}
.ht-stage-wrapper .ht-stage-container .ht-stoge-langing .ht-title{padding:0 50px 22px 50px}
.ht-stage-wrapper .ht-stage-container .ht-stoge-langing .ht-subtitle{padding-bottom:27px}
.ht-stage-wrapper .ht-stage-container .ht-stoge-langing .ht-text{display:block;padding-bottom:20px;font-family:"Noto Sans",sans-serif;font-weight:normal;font-size:16px;font-style:normal;letter-spacing:normal;line-height:24px;color:#222}
.ht-stage-wrapper .ht-stage-container .ht-stoge-langing .ht-cta-button{font-family:"Value-Bold",sans-serif;font-size:16px;font-weight:400;line-height:16px;letter-spacing:normal;font-style:normal;color:#fff;background-color:#c5003e;text-align:center;padding:14px 25px;min-width:210px;margin-bottom:35px;cursor:pointer;display:inline-block;border-radius:20px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.ht-stage-wrapper .ht-stage-container .ht-stoge-langing .ht-cta-button:focus{-webkit-box-shadow:none;box-shadow:none}
.ht-stage-wrapper .ht-stage-container .ht-stoge-langing .ht-cta-button:hover{text-decoration:none}
.ht-stage-wrapper .ht-stage-container .ht-stoge-langing .ht-cta-button.btn--disabled{background-color:#e6e7e9;color:#888}
.ht-stage-wrapper .ht-stage-container .ht-stoge-langing .red-btn--outline{margin-bottom:35px;padding:12px 25px;min-width:auto;max-height:44px;border-radius:25px}
@media(min-width:708px){.ht-stage-wrapper .ht-stage-container .ht-stoge-langing .red-btn--outline{margin-left:20px}
}
@media(min-width:1500px){.ht-stage-wrapper .ht-stage-container .ht-stoge-langing .red-btn--outline{margin-bottom:100px;min-width:150px;padding:12px 22px}
}
.ht-stage-wrapper .ht-stage-container .ht-stoge-langing .container-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;margin:auto}
@media(min-width:708px){.ht-stage-wrapper .ht-stage-container .ht-stoge-langing .container-button{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;width:49%}
}
.ht-stage-wrapper .ht-stage-container .ht-stoge-langing .ht-disclaimer{color:#666;font-family:"Noto Sans",sans-serif;font-weight:400;font-style:normal;letter-spacing:normal;font-size:12px;line-height:24px;display:block}
.ht-stage-wrapper.ht-stepper{margin:0 auto;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}
.ht-stage-wrapper.ht-stepper .ht-step-choose{padding-left:0;padding-right:0}
.ht-stage-wrapper.ht-stepper .ht-step-choose .ht-choose-text{width:100%}
.ht-stage-wrapper.ht-stepper .ht-step-choose .ht-choose-text .ht-choose-par{font-family:"Value-Regular",sans-serif;font-size:16px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:24px;letter-spacing:normal;text-align:center;color:#222;padding-bottom:20px;display:block}
.ht-stage-wrapper.ht-stepper .ht-step-choose .ht-choose-text .ht-choose-headtitle{font-family:"Value-Bold",sans-serif;font-size:22px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:30px;letter-spacing:normal;text-align:center;color:#222;padding-bottom:60px}
.ht-stage-wrapper.ht-stepper .ht-step-choose .ht-choose-cta{width:100%}
.ht-stage-wrapper.ht-stepper .ht-step-choose .ht-choose-cta .ht-choose-btn{display:block;border-radius:0;background-color:#fff;width:100%;-webkit-box-shadow:none;box-shadow:none;text-shadow:none;font-family:"Value-Bold",sans-serif;font-size:16px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:16px;letter-spacing:normal;padding:22px 20px;text-align:left;color:#222;margin-bottom:2px;cursor:pointer;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}
.ht-stage-wrapper.ht-stepper .ht-step-choose .ht-choose-cta .ht-choose-btn:first-child{border-radius:5px 5px 0 0}
.ht-stage-wrapper.ht-stepper .ht-step-choose .ht-choose-cta .ht-choose-btn:last-child{border-radius:0 0 5px 5px;margin-bottom:0}
.ht-stage-wrapper.ht-stepper .ht-step-choose .ht-choose-cta .ht-choose-btn:active{color:#fff;background-color:#c5003e}
.ht-stage-wrapper.ht-stepper .ht-step-choose .ht-choose-cta .ht-choose-btn:hover{color:#fff;background-color:#c5003e}
.ht-stage-wrapper.ht-audio .ht-audio-icon{display:block;background-image:url("../../../clientlibs/clientlib-base/resources/img/icons/headphones2.svg");background-size:40px 40px;background-color:transparent;background-size:cover;background-position:center center;width:320px;height:320px;margin:0 auto 40px auto}
.ht-stage-wrapper.ht-audio .audio-running .title-heading{margin-top:-105px}
.ht-stage-wrapper.ht-audio .audio-stop .ht-audio-icon{background-image:url("../../../clientlibs/clientlib-base/resources/img/icons/play-icon.png");background-size:cover;width:100px;height:100px}
.ht-stage-wrapper.ht-audio .ht-step-audio{padding-left:0;padding-right:0}
.ht-stage-wrapper.ht-audio .ht-step-audio .ht-audio-box .title-heading{padding-bottom:20px}
.ht-stage-wrapper.ht-audio .ht-step-audio .ht-audio-box .ht-audio-text{padding-bottom:40px}
.ht-stage-wrapper.ht-audio .ht-step-audio .ht-audio-box .ht-audio-cta{font-family:"Value-Bold",sans-serif;font-size:16px;font-weight:400;line-height:16px;letter-spacing:normal;font-style:normal;color:#fff;background-color:#c5003e;text-align:center;padding:14px 25px;min-width:210px;cursor:pointer;border-radius:20px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.ht-stage-wrapper.ht-audio .ht-step-audio .ht-audio-box .ht-audio-cta:focus{-webkit-box-shadow:none;box-shadow:none}
.ht-stage-wrapper.ht-audio .ht-step-audio .ht-audio-box .ht-audio-cta.btn--disabled{background-color:#e6e7e9;color:#888}
.ht-stage-wrapper.ht-audio .ht-step-audio .ht-audio-box.audio-stop .ht-audio-success{display:none}
.ht-stage-wrapper.ht-audio .ht-step-audio .ht-audio-box.audio-running .ht-audio-play{display:none}
.ht-stage-wrapper.ht-audio .ht-step-audio .ht-audio-box.audio-running .ht-audio-success{display:inline-block}
.ht-stage-wrapper.ht-question{position:relative}
.ht-stage-wrapper.ht-question .ht-question-bg{position:absolute;left:0;top:0;width:100%;height:100%}
.ht-stage-wrapper.ht-question .ht-question-bg .focuspoint-bg{width:100%;height:100%}
.ht-stage-wrapper.ht-question .ht-step-intro{display:none}
.ht-stage-wrapper.ht-question .ht-step-intro .ht-intro-title{font-family:"Value-Bold",sans-serif;font-size:36px;line-height:1.22;color:#fff;margin-bottom:20px}
.ht-stage-wrapper.ht-question .ht-step-intro .simple-text{color:#fff;margin-bottom:40px}
.ht-stage-wrapper.ht-question .ht-step-intro .m-035-stage-product-detail-wrapper .stage-description{color:#fff;margin-bottom:40px}
.ht-stage-wrapper.ht-question .ht-step-intro .m-035-stage-product-detail-wrapper .stage-price{color:#fff;margin-bottom:40px}
.ht-stage-wrapper.ht-question .ht-step-intro .m-key-facts-wrapper .key-fact-item .key-title{color:#fff;margin-bottom:40px}
.ht-stage-wrapper.ht-question .ht-step-intro .m-feature-table-wrapper .column-description .description-label{color:#fff;margin-bottom:40px}
.ht-stage-wrapper.ht-question .ht-step-intro .m-teaser-row-product-wrapper .row-product-item-content .m-feature-flyout-wrapper .flyout-description{color:#fff;margin-bottom:40px}
.ht-stage-wrapper.ht-question .ht-step-intro .m-teaser-row-product-wrapper .row-product-item-content .m-feature-flyout-wrapper .flyout-price{color:#fff;margin-bottom:40px}
.ht-stage-wrapper.ht-question .ht-step-intro .modal-error-generic .modal-dialog .modal-content .modal-header .modal-header-subtitle{color:#fff;margin-bottom:40px}
.ht-stage-wrapper.ht-question .ht-step-intro .o-megaform .headline-container .megaform-copy{color:#fff;margin-bottom:40px}
.ht-stage-wrapper.ht-question .ht-step-intro .o-megaform .megaform-form-container .megaform-item.item-input-radio .item-label label{color:#fff;margin-bottom:40px}
.ht-stage-wrapper.ht-question .ht-step-intro .o-megaform .megaform-form-container .megaform-item.item-input-radio-valuation .item-label label{color:#fff;margin-bottom:40px}
.ht-stage-wrapper.ht-question .ht-step-intro .o-megaform .megaform-form-container .megaform-item.item-input-field .item-label label{color:#fff;margin-bottom:40px}
.ht-stage-wrapper.ht-question .ht-step-intro .o-megaform .megaform-form-container .megaform-item.item-input-checkbox .item-checkbox-wrapper .item-label{color:#fff;margin-bottom:40px}
.ht-stage-wrapper.ht-question .ht-step-choose{display:none}
.ht-stage-wrapper.ht-question .ht-step-choose .ht-choose-par{color:#fff !important}
.ht-stage-wrapper.ht-question .ht-step-choose .ht-choose-headtitle{color:#fff !important}
.ht-stage-wrapper.ht-question .ht-step-audio-play{display:none}
.ht-stage-wrapper.ht-question .ht-step-stepper{width:280px;position:absolute;bottom:30px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.ht-stage-wrapper.ht-question .ht-step-stepper .step{display:inline-block;width:30px;height:30px;border-radius:50%;font-family:"Value-Bold",sans-serif;font-size:16px;color:#fff;border:1px solid #888;position:relative}
.ht-stage-wrapper.ht-question .ht-step-stepper .step.active{background-color:#fff;color:#222;border-color:#fff}
.ht-stage-wrapper.ht-question .ht-step-stepper .step.done{background-color:#fff}
.ht-stage-wrapper.ht-question .ht-step-stepper .step.done:after{content:"";background-color:#fff;width:15px;height:10px;position:absolute;top:10px;left:8px;background-image:url("../../../clientlibs/clientlib-base/resources/img/icons/icon-completed.svg")}
.ht-stage-wrapper.ht-question .ht-question-template{opacity:0}
.ht-stage-wrapper.ht-question .ht-question-template.load{-webkit-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s;opacity:1}
.m-035-stage-product-detail-wrapper .ht-stage-wrapper.ht-question .ht-step-intro .stage-description{color:#fff;margin-bottom:40px}
.m-035-stage-product-detail-wrapper .ht-stage-wrapper.ht-question .ht-step-intro .stage-price{color:#fff;margin-bottom:40px}
.m-key-facts-wrapper .key-fact-item .ht-stage-wrapper.ht-question .ht-step-intro .key-title{color:#fff;margin-bottom:40px}
.m-feature-table-wrapper .column-description .ht-stage-wrapper.ht-question .ht-step-intro .description-label{color:#fff;margin-bottom:40px}
.m-teaser-row-product-wrapper .row-product-item-content .m-feature-flyout-wrapper .ht-stage-wrapper.ht-question .ht-step-intro .flyout-description{color:#fff;margin-bottom:40px}
.m-teaser-row-product-wrapper .row-product-item-content .m-feature-flyout-wrapper .ht-stage-wrapper.ht-question .ht-step-intro .flyout-price{color:#fff;margin-bottom:40px}
.modal-error-generic .modal-dialog .modal-content .modal-header .ht-stage-wrapper.ht-question .ht-step-intro .modal-header-subtitle{color:#fff;margin-bottom:40px}
.o-megaform .headline-container .ht-stage-wrapper.ht-question .ht-step-intro .megaform-copy{color:#fff;margin-bottom:40px}
.o-megaform .megaform-form-container .megaform-item.item-input-radio .item-label .ht-stage-wrapper.ht-question .ht-step-intro label{color:#fff;margin-bottom:40px}
.o-megaform .megaform-form-container .megaform-item.item-input-radio-valuation .item-label .ht-stage-wrapper.ht-question .ht-step-intro label{color:#fff;margin-bottom:40px}
.o-megaform .megaform-form-container .megaform-item.item-input-field .item-label .ht-stage-wrapper.ht-question .ht-step-intro label{color:#fff;margin-bottom:40px}
.o-megaform .megaform-form-container .megaform-item.item-input-checkbox .item-checkbox-wrapper .ht-stage-wrapper.ht-question .ht-step-intro .item-label{color:#fff;margin-bottom:40px}
.ht-stage-wrapper.ht-question.status-intro .ht-step-intro{display:block}
.ht-stage-wrapper.ht-question.status-audio-play .ht-step-audio-play{position:relative;display:block}
.ht-stage-wrapper.ht-question.status-question .ht-step-choose{display:-webkit-box;display:-ms-flexbox;display:flex}
.ht-stage-wrapper.js-step{-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;-o-transition:transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}
.ht-stage-wrapper.js-step.disabled{display:none}
.hearing-test-steps-wrapper .questions-json{display:none}
@media(min-width:708px){.ht-stage-wrapper{padding:106px 0 40px 0;background-image:url("../../../clientlibs/clientlib-base/resources/img/hearing-test/waves-ht-s.png");background-position:center bottom;background-size:100% 340px}
.ht-stage-wrapper .ht-stage-container .ht-stoge-langing .ht-text{width:82%;margin:0 auto;line-height:26px;padding-bottom:40px}
.ht-stage-wrapper .ht-stage-container .ht-stoge-langing .ht-cta-button{margin-bottom:68px;min-width:190px}
.ht-stage-wrapper .ht-stage-container .ht-stoge-langing .ht-disclaimer{width:95%;margin:0 auto}
.ht-stage-wrapper.ht-stepper{height:calc(100vh - 56px);min-height:500px}
.ht-stage-wrapper.ht-stepper .ht-step-choose{padding-left:7px;padding-right:7px}
.ht-stage-wrapper.ht-stepper .ht-step-choose .ht-choose-text .ht-choose-par{font-size:18px;line-height:30px}
.ht-stage-wrapper.ht-stepper .ht-step-choose .ht-choose-text .ht-choose-headtitle{font-size:28px;line-height:36px}
.ht-stage-wrapper.ht-audio .ht-step-audio .ht-audio-box .title-heading{line-height:36px}
.ht-stage-wrapper.ht-audio .ht-step-audio .ht-audio-box .ht-audio-cta{min-width:190px}
.ht-stage-wrapper.ht-question .ht-step-stepper{bottom:40px}
}
@media(min-width:980px){.ht-stage-wrapper{padding:98px 0 40px 0;background-image:url("../../../clientlibs/clientlib-base/resources/img/hearing-test/waves-ht-m.png");background-position:center top;background-size:100% 100%}
.ht-stage-wrapper .ht-stage-container .ht-stoge-langing .ht-title{padding:0 50px 25px 50px}
.ht-stage-wrapper .ht-stage-container .ht-stoge-langing .ht-subtitle{padding-bottom:37px}
.ht-stage-wrapper .ht-stage-container .ht-stoge-langing .ht-text{width:67%;padding-bottom:32px}
.ht-stage-wrapper .ht-stage-container .ht-stoge-langing .ht-cta-button{margin-bottom:60px}
.ht-stage-wrapper .ht-stage-container .ht-stoge-langing .ht-disclaimer{width:84%}
.ht-stage-wrapper.ht-stepper .ht-step-choose{-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;padding-left:0;padding-right:0}
.ht-stage-wrapper.ht-stepper .ht-step-choose .ht-choose-text .ht-choose-par{text-align:left}
.ht-stage-wrapper.ht-stepper .ht-step-choose .ht-choose-text .ht-choose-headtitle{padding-bottom:0;text-align:left}
}
@media(min-width:1280px){.ht-stage-wrapper{padding:96px 0 40px 0;background-image:url("../../../clientlibs/clientlib-base/resources/img/hearing-test/waves-ht-l.png");background-position:center top;background-size:100% 100%}
.ht-stage-wrapper .ht-stage-container .ht-stoge-langing .ht-text{width:49%}
.ht-stage-wrapper .ht-stage-container .ht-stoge-langing .ht-disclaimer{width:67%}
.ht-stage-wrapper.ht-stepper{height:100vh}
}
@media(min-width:1500px){.ht-stage-wrapper{padding:140px 0 40px 0;background-image:url("../../../clientlibs/clientlib-base/resources/img/hearing-test/waves-ht-xl.png");background-position:center top;background-size:100% 100%}
.ht-stage-wrapper .ht-stage-container .ht-stoge-langing .ht-title{padding:0 50px 21px 50px}
.ht-stage-wrapper .ht-stage-container .ht-stoge-langing .ht-subtitle{padding-bottom:29px}
.ht-stage-wrapper .ht-stage-container .ht-stoge-langing .ht-text{padding-bottom:37px}
.ht-stage-wrapper .ht-stage-container .ht-stoge-langing .ht-cta-button{margin-bottom:100px}
.ht-stage-wrapper .ht-stage-container .ht-stoge-langing .ht-disclaimer{width:60%;line-height:21px}
.ht-stage-wrapper.ht-stepper .ht-step-choose .ht-choose-text .ht-choose-par{font-size:22px;line-height:30px}
.ht-stage-wrapper.ht-stepper .ht-step-choose .ht-choose-text .ht-choose-headtitle{font-size:36px;line-height:44px}
.ht-stage-wrapper.ht-audio .ht-step-audio .ht-audio-box .ht-audio-cta{min-width:220px}
}
@media only screen and (max-width:979px){.ht-stage-wrapper .ht-stage-container .ht-stoge-langing .ht-title{font-size:28px}
.ht-stage-wrapper.ht-audio .ht-step-audio .ht-audio-box .title-heading{font-size:28px}
.ht-stage-wrapper.ht-question .ht-step-intro .ht-question-play-button{padding-right:55px;padding-left:55px}
.ht-stage-wrapper.ht-question.status-question .ht-step-choose{display:block}
}
@media only screen and (min-width:980px){.ht-stage-wrapper .ht-stage-container .ht-stoge-langing .ht-title{font-size:44px}
.ht-stage-wrapper.ht-stepper .ht-step-choose .ht-choose-text{text-align:left}
.ht-stage-wrapper.ht-stepper .ht-step-choose .ht-choose-cta{width:89%}
.ht-stage-wrapper.ht-audio .ht-step-audio .ht-audio-box .title-heading{font-size:36px}
.ht-stage-wrapper.ht-question .ht-step-intro .ht-question-play-button{padding-right:55px;padding-left:55px}
}
@media only screen and (max-width:707px){.ht-stage-wrapper .ht-stage-container .ht-stoge-langing .ht-cta-button{margin-bottom:14px;width:100%}
.ht-stage-wrapper.ht-stepper .ht-step-choose .ht-choose-text .ht-choose-par{padding-bottom:10px}
.ht-stage-wrapper.ht-stepper .ht-step-choose .ht-choose-text .ht-choose-headtitle{padding-bottom:40px}
.ht-stage-wrapper.ht-audio .ht-step-audio .ht-audio-box .title-heading{font-size:22px}
.ht-stage-wrapper.ht-question .ht-step-intro .ht-intro-title{font-size:28px}
.ht-stage-wrapper.ht-question .ht-step-intro .ht-question-play-button{padding-right:68px;padding-left:68px}
.ht-stage-wrapper.ht-question .ht-step-choose .ht-choose-headtitle{padding-bottom:20px !important}
}
@media(max-width:707px){.ht-stage-wrapper.ht-stepper{height:100vh}
.ht-stage-wrapper.ht-stepper .ht-stage-container{margin-top:-30px}
.ht-stage-wrapper.ht-audio .audio-running .ht-audio-icon{height:280px;width:280px}
}
@media only screen and (min-width:1500px){.ht-stage-wrapper.ht-question .ht-step-intro .ht-question-play-button{padding-right:68px;padding-left:68px}
.ht-stage-wrapper.ht-question .ht-step-stepper{bottom:60px}
}