.content{--bable-color-red-newsletter: #FF0000;--bable-color-blue-newsletter: #06a4a8;--bable-color-background-newsletter: #ccc;--bable-color-prim-tool-mc: #058974;--bable-color-prim-light-tool-mc: #69B8AC;--bable-color-prim-dark-tool-mc: #035142;--bable-color-background-tool-mc: #f2f2f2;--bable-color-pink-tool-mc: #fae8f1;--bable-color-section-one-tool-mt: #915BEA;--bable-color-section-one-brighter-tool-mt: #e3d6fa;--bable-color-section-one-lighter-tool-mt: #e3d6f9;--bable-color-section-two-tool-mt: #D0871A;--bable-color-section-two-brighter-tool-mt: #fef8ee;--bable-color-section-two-background-tool-mt: #f6f1fd;--bable-color-section-three-tool-mt: #4BAC60;--bable-color-section-three-lighter-tool-mt: #8CC228;--bable-color-section-three-brighter-tool-mt: #f1fdf4;--bable-color-section-four-tool-mt: #2B9E97;--bable-color-section-four-lighter-tool-mt: #4de5df;--bable-color-section-four-brighter-tool-mt: #f1fdfc;--bable-color-section-four-brightest-tool-mt: #d5e5e2;--bable-color-line-seperation-tool-mt: #E5E5E5;--bable-color-blue-tool-mt: #1b376c;--bable-color-blue-brighter-tool-mt: #37adbf;--bable-color-range-tool-mt: #b2b2b2;--bable-color-darkgreen-tool-mt: #8FBC8FFF;--bable-color-main-tool-se: #1da865;--bable-color-sub-tool-se: #469f63;--bable-color-secondary-tool-se: #99c8af;--bable-color-accent-tool-se: #c77121;--bable-color-accent-lighter-tool-se: #d59e71;--bable-color-table-tool-se: #e5e4e4;--bable-color-search-tool-se: #efefef;--bable-color-background-tool-se: #d9d9d9;--bable-color-table-lighter-tool-se: #f2f2f2;--bable-color-main-tool-ucf: #257ED1;--bable-color-box-tool-ucf: #FAE8F1;--bable-color-main-tool-sf: #14A8A8;--bable-color-accent-one-tool-umam: #859f8f;--bable-color-accent-two-tool-umam: #dd9964;--bable-color-accent-three-tool-umam: #495a63;--bable-color-accent-four-tool-umam: #959599;--bable-color-accent-five-tool-umam: #d06f59;--bable-color-accent-six-tool-umam: #8bb4e2;--bable-color-highlight-tool-umam: #dfdbf4;--bable-color-highlighter-tool-umam: #cdcccc;--bable-color-green-tool-umam: #81CE97;--bable-color-orange-tool-umam: #f80}:root{--scroll-effect-fade: scale(0.4);--scroll-effect-fade--right: translateX(-150px);--scroll-effect-fade--left: translateX(150px);--scroll-effect-fade--down: translateY(-150px);--scroll-effect-fade--up: translateY(150px);--scroll-effect-fade--up-right: translate(-150px, 150px);--scroll-effect-fade--down-right: translate(-150px, -150px);--scroll-effect-fade--up-left: translate(150px, 150px);--scroll-effect-fade--down-left: translate(150px, -150px)}section.userLogin .three-steps-confirmation-container .step-text,section.userLogin .contentBox .authenticationNav ul li a{font-size:1.3em;font-weight:normal}nav.breadcrumb{display:none}section.userLogin{width:100%;display:inline-block;position:relative;padding-top:60px}section.userLogin .forgotten-link{color:var(--bable-alternative-main);text-decoration:none}section.userLogin .contentBox{width:80%;max-width:1921px;margin:80px auto;padding:var(--bable-2xl-gutter);display:flex;background-color:var(--bable-white);position:relative;z-index:2}section.userLogin .contentBox .activeBox{width:50%;box-sizing:border-box;min-height:60vh;padding:20px;margin-bottom:var(--bable-2xl-gutter);background-color:var(--bable-white);box-shadow:0 0 6px -4px var(--bable-black);border-top:5px solid var(--bable-primary-main);position:relative}section.userLogin .contentBox .activeBox h5{display:flex;justify-content:center;align-content:center;align-self:center;align-items:center;gap:var(--bable-l-gutter);flex-wrap:wrap}section.userLogin .contentBox .activeBox .headline{text-align:center}section.userLogin .contentBox .activeBox .headline .bable-button{display:inline}section.userLogin .contentBox .activeBox .content{margin-bottom:80px}section.userLogin .contentBox .activeBox .content .formWrap{max-width:480px;margin:0 auto}section.userLogin .contentBox .activeBox .content .formWrap fieldset{position:relative;margin:20px 0 10px}section.userLogin .contentBox .activeBox .content .formWrap fieldset .toggle-password-button{position:absolute;top:5px;right:15px;cursor:pointer}section.userLogin .contentBox .activeBox .content .formAction{text-align:center}section.userLogin .contentBox .activeBox .content .formAction input[type=submit]{min-width:calc(65% - 80px);padding:15px var(--bable-2xl-gutter);background-color:var(--bable-primary-main);color:var(--bable-white);border-radius:2px;border:none;font-size:1.6em;position:absolute;bottom:0;left:50%;transform:translate(-50%, 50%);cursor:pointer}section.userLogin .contentBox .activeBox .content .formAction input[type=submit]:hover{background-color:var(--bable-primary-400)}section.userLogin .contentBox .activeBox .errors{list-style-type:none;padding:10px;border:1px solid var(--bable-black);border-radius:6px}section.userLogin .contentBox .linkBox,section.userLogin .contentBox .imageBox{width:50%;box-sizing:border-box;padding:20px;margin-bottom:var(--bable-2xl-gutter);position:relative;text-decoration:none;transition-property:color,background-color;transition:var(--bable-faster-transition)}section.userLogin .contentBox .imageBox{background-size:cover;background-position:center center}section.userLogin .contentBox .linkBox{color:var(--bable-white);background-color:var(--bable-primary-main)}section.userLogin .contentBox .linkBox:hover{background-color:var(--bable-primary-400)}section.userLogin .contentBox .linkBox .content{position:relative;top:50%;transform:translate(0, -80%);text-align:center}section.userLogin .contentBox .updateBox{display:flex;flex-flow:column;justify-content:center;gap:var(--bable-m-gutter);width:calc(100% - 80px);min-height:60vh;padding:20px;margin-bottom:var(--bable-2xl-gutter);background-color:var(--bable-white);box-shadow:0 0 6px -4px var(--bable-black);border-top:5px solid var(--bable-primary-main);position:relative}section.userLogin .contentBox .updateBox .headline{text-align:center}section.userLogin .contentBox .updateBox .content .formWrap{max-width:480px;margin:0 auto}section.userLogin .contentBox .updateBox .content .formWrap .bable-form-inp-text{margin-bottom:30px}section.userLogin .contentBox .updateBox .content .formAction{text-align:center;display:flex;justify-content:center;align-items:center;margin-bottom:30px}section.userLogin .contentBox .updateBox .content .formAction input[type=submit]{min-width:calc(65% - 80px);padding:15px var(--bable-2xl-gutter);background-color:var(--bable-primary-main);color:var(--bable-white);border-radius:2px;border:none;font-size:1.6em;position:absolute;bottom:0;left:50%;transform:translate(-50%, 50%);cursor:pointer}section.userLogin .contentBox .updateBox .content .formAction input[type=submit]:hover{background-color:var(--bable-primary-400)}section.userLogin .contentBox .updateBox .errors{list-style-type:none;padding:10px;border:1px solid var(--bable-black);border-radius:6px}section.userLogin .contentBox .authenticationNav{display:none;width:100%}section.userLogin .contentBox .authenticationNav ul{width:100%;display:inline-flex;list-style-type:none;padding:0;margin:0}section.userLogin .contentBox .authenticationNav ul li{width:calc(50% - 10px);float:left;padding:var(--bable-2xl-gutter) 15px;background-color:var(--bable-white);text-align:center}section.userLogin .contentBox .authenticationNav ul li a{color:var(--bable-primary-main);text-decoration:none}section.userLogin .contentBox .authenticationNav ul li.active{background-color:var(--bable-primary-main)}section.userLogin .contentBox .authenticationNav ul li.active a{font-weight:bold;color:var(--bable-white)}section.userLogin .backgroundCover{width:100%;height:100%;position:absolute;top:0;left:0;background-position:center;background-repeat:no-repeat;background-size:cover;opacity:.4;z-index:0}section.userLogin .three-steps-confirmation-container{width:100%;position:relative;margin:50px auto;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;row-gap:45px}section.userLogin .three-steps-confirmation-container .step-text{align-self:center;justify-self:center;display:flex;align-items:center;flex-flow:column;text-align:center}section.userLogin .three-steps-confirmation-container .step-text i{font-size:1.5em;margin-bottom:20px}section.userLogin .three-steps-confirmation-container .step-text .create-account-text{text-decoration:line-through}section.userLogin .three-steps-confirmation-container .step-text.current{font-size:1.8em;font-weight:bold;color:var(--bable-primary-main)}section.userLogin .three-steps-confirmation-container .steps-timeline-container{grid-column-start:1;grid-column-end:4;width:100%;z-index:1;display:flex;justify-content:center}section.userLogin .three-steps-confirmation-container .steps-timeline-container .steps{list-style:none;padding:0;margin:0;position:relative;width:100%;left:calc(16.66666% - 25px)}section.userLogin .three-steps-confirmation-container .steps-timeline-container .steps li{width:33.3333%;position:relative;float:left}section.userLogin .three-steps-confirmation-container .steps-timeline-container .steps li .timeline-step{display:block;width:50px;height:50px;line-height:50px;text-align:center;border-radius:var(--bable-circle-border-radius);background-color:var(--bable-white)}section.userLogin .three-steps-confirmation-container .steps-timeline-container .steps li .timeline-step i{font-size:50px;color:var(--bable-neutral-200)}section.userLogin .three-steps-confirmation-container .steps-timeline-container .steps li .timeline-step .caption{font-size:2em;color:var(--bable-primary-main)}section.userLogin .three-steps-confirmation-container .steps-timeline-container .steps li:after{content:"";position:absolute;width:100%;height:0;border-top:5px solid var(--bable-neutral-200);top:25px;left:0;z-index:-1}section.userLogin .three-steps-confirmation-container .steps-timeline-container .steps li:last-child:after{content:none}section.userLogin .three-steps-confirmation-container .steps-timeline-container .steps li.done:after{border-top:5px solid var(--bable-primary-main)}section.userLogin .three-steps-confirmation-container .steps-timeline-container .steps li.done .timeline-step i{color:var(--bable-primary-main)}@media(max-width: 768px){section.userLogin .contentBox{display:block;margin:0 auto}section.userLogin .contentBox .activeBox{width:100%;border-top:5px solid var(--bable-primary-main)}section.userLogin .contentBox .linkBox{display:none}section.userLogin .contentBox .authenticationNav{display:block}}