@font-face {
    font-family: 'Lato';
    src: url('../font/Lato/Lato-Regular.eot'); /* IE9 Compat Modes */
    src: url('../font/Lato/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../font/Lato/Lato-Regular.woff') format('woff'), /* Modern Browsers */
         url('../font/Lato/Lato-Regular.ttf') format('truetype'); 
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}  

@font-face {
    font-family: 'Lato-Bold';
    src: url('../font/Lato/Lato-Bold.eot'); /* IE9 Compat Modes */
    src: url('../font/Lato/Lato-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../font/Lato/Lato-Bold.woff') format('woff'), /* Modern Browsers */
         url('../font/Lato/Lato-Bold.ttf') format('truetype'); 
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'Lato-Semibold';
    src: url('../font/Lato/Lato-Semibold.eot'); /* IE9 Compat Modes */
    src: url('../font/Lato/Lato-Semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../font/Lato/Lato-Semibold.woff') format('woff'), /* Modern Browsers */
         url('../font/Lato/Lato-Semibold.ttf') format('truetype'); 
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'Lato-Italic';
    src: url('../font/Lato/Lato-Italic.eot'); /* IE9 Compat Modes */
    src: url('../font/Lato/Lato-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../font/Lato/Lato-Italic.woff') format('woff'), /* Modern Browsers */
         url('../font/Lato/Lato-Italic.ttf') format('truetype'); 
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'Lato-Light';
    src: url('../font/Lato/Lato-Light.eot'); /* IE9 Compat Modes */
    src: url('../font/Lato/Lato-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../font/Lato/Lato-Light.woff') format('woff'), /* Modern Browsers */
         url('../font/Lato/Lato-Light.ttf') format('truetype'); 
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
html, body {
    height: 100%;
    width: 100%;
    font-size: 14px;
    font-family: 'Lato' !important;
}
body {
	position: relative;
}
* { 
	margin: 0; 
	padding: 0; 
	box-sizing: border-box; 
} 
h1{
    font-size: 18px;
    line-height: 1.5;
    font-family: 'Lato-Semibold';
}
h2{
    font-size:16px;
    line-height: 1.5;
}
h3{
    font-size:16px;
    line-height:1.5;
}
h4{
    font-size:16px;
    line-height:1.5;
}
h5{
    font-size:14px;
    line-height:1.5;
}
.minveo_send_confirmation_email h4, .strategzinfo-modal h4, .komplexitat-modal h4{
    font-size:16px;
    line-height:1.5;
}
.bootstrap-select>.dropdown-toggle{
    padding: 6px 12px;
}
.bootstrap-select>.btn.dropdown-toggle.btn-default{
    padding: 0 12px;
}
a:focus, a:hover{
    color: #808080;
}
.modals-background h1, .modals-background h2, .modals-background h3{
    font-size: 18px;
    line-height: 1.5;
    font-family: 'Lato-Semibold';
    color: #3a3a3a;
}
.modals-background.help-modal .modal-header-name, .modals-background.minveo_steps_explanation .modal-header-name{
    text-align: center!important;
}
/* width */
.modals-all .events-auto::-webkit-scrollbar {
    width: 5px;
  }
/* Track */
.modals-all .events-auto::-webkit-scrollbar-track {
    background: #ffffff; 
  }  
/* Handle */
.modals-all .events-auto::-webkit-scrollbar-thumb {
    background: #EEF5F5; 
  }
  /* Handle on hover */
.modals-all .events-auto::-webkit-scrollbar-thumb:hover {
    background: #EEF5F5; 
  }

.h1, .h2, .h3, h1, h2, h3, h4, h5, h6 {
    margin-top: 0px;
    margin-bottom: 0px;
}
.modal-number-padding{
    font-size: 16px;
}
p{
    font-size:12px;
    margin: 0;
}
p.p_small{
    font-size:10px;
}
a:focus, a:hover {
    text-decoration: none;
}
input[type=checkbox]{
    margin: 0;
}
:focus{
    outline: none;
}
input[type="checkbox"] {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    margin: 0px;
    width: 18px;
    height: 18px;
    position: absolute;
    top: -2px;
    z-index: 1000;
    cursor: pointer;
    bottom: 0;
}
input[type="checkbox"] + .span {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display:inline-block;
    width: 18px;
    height:18px;
    margin: 0;
    vertical-align:middle;
    cursor:pointer;
	background-size: 100%;
    background-position: 50%;
    border: 1px solid #808080;
    border-radius: 2px;
}
input[type="checkbox"]:checked + .span {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	display:inline-block;
    width: 18px;
    height:18px;
    margin: 0;
    vertical-align:middle;
    cursor:pointer;
    background:url(../img/content/checkbox.svg) no-repeat;
	background-size: 100%;
    background-position: 50%;
    border: 0 !important;
}
.popover.right {
    margin-left: 20px;
}
.goal-highchart{
    color:#3a3a3a;
    font-size:12px;
    text-align:right;
}
.bs3.bootstrap-select .dropdown-toggle .filter-option{
    padding-right: 0;
}
.light-grey{
    color: #808080;
}
.link-small{
    cursor: pointer;
}
.modals-background.years-modal svg{
    width: 100%;
    max-width: 250px;
}
.gray{
    color: #808080;
    font-size: 12px;
    line-height: 1.5;
}
path#line-1 .tooltipp {visibility: hidden;}
path#line-1:hover .tooltipp{
    visibility: visible;
}
path#line-1 .tooltipp text {
    fill: black;
    font-size: 12px;
}
path#line-1 .tooltipp rect {
    fill: yellow;
    stroke: blue;
}

.button_image_link .dls-1{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.button_image_link .dls-1:hover{
  fill:#b7e3a8;
}
.link-small.gray{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.link-small.gray:hover{
    text-decoration: none;
    opacity: 1;
    color:#3a3a3a;
}
.green{
    color:#177172;
    line-height: 1.5;
}
.orange{
    color:#FEB740;
}
.pickerClass.bs3 .btn-default{
    background-color: #EFEFEF;
    border-color: #EFEFEF;
    border: 1px solid transparent;
}
.pickerClass.bs3 .btn-default.selected{
    background-color: #EEF5F5;
    border-color: #EEF5F5;
    border: 1px solid #177172!important;
}
.pickerClass.bs3 .not_bg + .btn-default{
    background-color: #EFEFEF;
    border-color: #EFEFEF;
    border: 1px solid transparent;
}
.pickerClass.bs3 .not_bg + .btn-default.selected{
    background-color: #EEF5F5;
    border-color: #EEF5F5;
    border: 1px solid #177172!important;
}
.dflex-default{
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-pack: space-between!important;
    justify-content: space-between!important;
    align-items: center!important;
    margin-bottom: 24px!important;
}
.dflex-home-p{
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
    align-items: flex-start!important;
    text-align: center;
}
.dflex-home-p img{
    height: 40px;
    margin: auto auto 16px auto;
}
.dflex-home-p .home-p-on{
    padding: 0 50px;
}
.home-part.dflex-home-default .home-icon, .home-part.dflex-home-default .home-text{
    width: auto!important;
}
#content .home-part.dflex-home-default .home_icon img{
    margin-right: 16px;
    height: 40px;
}
.home-part.dflex-home-default .home_icon{
    padding-bottom: 0;
}
.home-part.dflex-home-default > div:first-child{
    width: 79px;
}
.dflex-container{
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
}
.dflex-box{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    width: 100%;
    max-width: 168px;
    margin-right: 24px;
}
.dflex-fam .dflex-box{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    width: 100%;
    max-width: 168px;
    background-color: #EFEFEF;
    padding: 16px;
    cursor: pointer;
    margin-right: 24px;
}
.dflex-fam .dflex-box:hover{
    color: #177172;
    background-color: #EEF5F5;
}
.dflex-box:last-child{
    margin-right: 0;
}
.dflex-anlage .dflex-inbox{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    background-color: #EFEFEF;
    padding: 16px;
    cursor: pointer;
    border-radius: 4px;
}
.dflex-anlage .dflex-inbox:hover{
    color: #177172;
    background-color: #EEF5F5;
}
.dflex-anlage .row-padding-text{
    font-size: 12px;
    color: #808080;
}
.dflex-anlage .dflex-inbox:hover .mls-1, .dflex-anlage .dflex-inbox:hover .dcwzals-1{
    fill: #ffffff;
}
.anlage-container{
    width: 100%;
    max-width: 440px;
    margin: auto;
    padding-bottom: 40px;
}
.introstep-default h4{
    text-align: left;
}
.sticky-link{
    height: 100%;
    display: flex;
    flex-direction: column;
}
.sticky-l-box{
    position: sticky;
    top: 0;
    z-index: 1;
    display: block;
    align-self: flex-start;
    width: 100%;
}
.step1-container{
    width: 100%;
    max-width: 352px;
    margin:0 auto;
}
.step1-container-half{
    width: 165px;
}
.step1-container .btn-default.btn-inline{
    display:inline-block;
    width: 70px;
}
.form-control.input_data_field:focus{
    border: 1px solid #177172;
}
.step1-container .form-control:focus,
.step1-container .form-control.active{
    outline: 0 !important;
    color: #3a3a3a;
    background-color: #EEF5F5;
    box-shadow: none;
    border-color: #EEF5F5;
}
.step1-container label,
.step1-container-half label{
    color:#808080;
    display:block;
    font-size:14px;
    font-weight:400;
}
.step1-container .btn-default.btn-inline:nth-child(2){
    margin-left: 20px;
}
#credential_dropdown{
    max-width:200px;
    margin:0 auto;
}
ul{
    margin-bottom: 0;
}
.all-check-background{
    display: inline-block;
    background-color: #EEF5F5;
    width: 100%;
    text-align: center;
    border-radius: 4px;
    padding: 0px;
    margin-bottom: 16px;
    border: 1px solid transparent;
    min-height: 40px;
}
.link-small.green.orange {
    color: #FEB740 !important;
    border-color: #FEB740;
}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    overflow: hidden;
    text-align: left                                                                                                                                         ;
}
.bootstrap-select #optional_title + .dropdown-toggle .filter-option-inner-inner{
    text-align: left;
}
.bootstrap-select #optional_title.opt-first + .dropdown-toggle .filter-option-inner-inner{
    text-align: center;
}
select.selectpicker {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
::placeholder { 
    color: #3A3A3A!important;
    opacity: 1!important;; 
}
:-ms-input-placeholder { 
    color: #3A3A3A!important;
}
::-ms-input-placeholder { 
    color: #3A3A3A!important;
}
:not(.input-group)>.bootstrap-select.form-control:not([class*=col-]) {
    background-color: transparent;
}
.path-relative {
    position: relative;
}
.dropdown-caret {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 6px;
    bottom: 0;
    margin: auto;
    backface-visibility: hidden;
    padding: 0!important;
}
.dropdown.open ~ .rotate-plus .dropdown-caret{
    transform: rotate(180deg);
}
.bootstrap-select .bs-caret {
    display: none;
}
.bootstrap-select .dropdown-toggle .caret {
    margin-top: -5px;
}
.modals-background.goal-modal .modal-header-name{
    text-align: left!important;
}
.caret {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: none;
    border-top: none;
    border-right: none;
    border-left: none;
    border: solid black;
    border-width: 0px 1px 1px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.dropdown.open.bootstrap-select .dropdown-toggle .caret{
    margin-top: -1px;
}
.dropdown.open .caret{
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}
.bootstrap-select .dropdown-menu li {
    position: relative;
    text-align: center;
}
.form-control{
    height: 32px;
}
#credential_dropdown .dropdown.form-control{
    height:32px;
}
.step1-container #credential_dropdown{
    max-width: 165px;
    margin:0;
}
.step1-container .bootstrap-select .bs-caret {
    display: none;
}
.step1-container #credential_dropdown .dropdown.form-control{
    height:34px;
}
.step1-container .btn.dropdown-toggle.btn-default.active{
    outline: 0 !important;
    color: #3a3a3a;
    background-color: #EEF5F5;
    box-shadow: none;
    border-color: #EEF5F5;
}
.link-small{
    color: #3a3a3a;
}
.link-small:hover{
    text-decoration: none;
    opacity: 1;
    color:#177172;
}
.bs-searchbox .form-control{
    height: 40px!important;
}
.navbar-brand {
    padding: 0px;
}
.navbar-brand>img {
    height: 100%;
    padding: 15px;
    width: auto;
}
.navbar-brand.navbar-partner>img{
    padding: 10px;
    display:inline-block;
}
.navbar-brand.navbar-partner span{
    display: inline-block;
    font-size: 11px;
    line-height: 1;
    vertical-align: middle;
}
.navbar-default .navbar-nav>li>a{
    color:#3a3a3a;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
    opacity: .7;
}
.navbar-default{
    background-color: #EFEFEF;
    border-color: #EFEFEF;
    margin: 0;
}
.text-light{
    font-family: 'Lato-Light';
}
.text-bold{
    font-family: 'Lato-Semibold';
}
.btn.btn-primary{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    padding: 0;
    font-size: 14px;
    color: #3A3A3A;
    background-color: #B4E2A5;
    border: 0px solid #B4E2A5;
    width: 100%;
    max-width: 250px;
    height: 40px;
    line-height: 40px;
    border: none;
}
.btn.btn-primary.eroffnung-start:hover{
    color: #177172
}
.btn.btn-continue{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    padding: 0;
    font-size: 14px;
    color: #3A3A3A;
    border: 1.5px solid #3A3A3A !important;
    width: 100%;
    max-width: 250px;
    height: 40px;
    line-height: 40px;
    border: none;
}
.btn.btn-continue.eroffnung-start:hover{
    color: #177172
}
.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover{
    background-color: #B4E2A5;
    border-color: #B4E2A5;
}
#content_steps{
    margin: 0 auto;
    width: 100%;
    max-width: 170px;
    height: 32px;
}
#content_steps svg{
    margin: 0 auto;
    width: 100%;
    max-width:170px;
    height: 32px;
}
#content{
    width: 100%;
    min-height: 100%;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    flex-basis: auto;
    padding: 52px 0 0 0;
    position: relative;
    color: #3a3a3a;
    overflow: hidden; 
}
#header{
    position: absolute;
    width: 100%;
    z-index: 1;
}
#content_steps{
    margin-top:24px;
    margin-bottom:32px;
}
#questions #content_steps{
    margin-top:24px;
    margin-bottom: 16px;
}
#questions .flex-n-box{
    display: flex;
    justify-content: center;
    margin-bottom: 32px;
}
#questions .flex-n-box div{
    background: #EEF5F5;
    border: 1px solid #177172;
    text-align: center;
    padding: 4px 24px;
    border-radius: 16px;
    font-size: 14px;
    line-height: 14px;
}
#questions .flex-n-box .flex-n-input.inactive{
    background: #EFEFEF;
    border:1px solid #EFEFEF;
}
#questions .flex-n-box div:first-child{
    margin-right: 8px;
}
#questions .flex-n-box div:last-child{
    margin-left: 8px;
}
#identification .flex-n-box{
    display: flex;
    justify-content: center;
    margin-bottom: 32px;
}
#identification .flex-n-box div{
    background: #EEF5F5;
    border: 1px solid #177172;
    text-align: center;
    padding: 4px 24px;
    border-radius: 16px;
    font-size: 14px;
    line-height: 14px;
}
#identification .flex-n-box div:first-child{
    margin-right: 8px;
}
#identification .flex-n-box div:last-child{
    margin-left: 8px;
}
#identification .flex-n-box .flex-n-input.inactive{
    background: #EFEFEF;
    border:1px solid #EFEFEF;
}
#content_ajax h2{
    font-size: 18px;
    line-height: 1.5;
}
.content-flex{
    width: 100%;
    min-height: 100%;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    position: relative;
    flex-basis: auto;
    position: relative;
    color: #3a3a3a;
}
.flex-first{
    -webkit-flex: 1; 
    -ms-flex: 1; 
    flex: 1;
    flex-basis: auto;
}
.flex-second{
    -webkit-flex: 0; 
    -ms-flex: 0; 
    flex: 0;
    flex-basis: auto;
}
.flex-second .intro-footer{
    text-align:left;
    position: relative;
    padding: 0 0 0 15px;
    bottom: 40px;
    height: 0;
}
.flex-second .step-footer{
    text-align:center;
    position: relative;
    padding: 96px 16px 16px 16px;
}
.bootstrap-select .no-results{
    min-height: 30px;
    padding: 5px 12px;
    border-radius: 4px;
    background: transparent;
    margin: 0 8px;
    text-align: left!important;
    white-space: normal!important;
}
label {
    margin-bottom: 8px;
}
/* SITE NAV */
#navigation_content,#navigation_content_modal{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
    opacity: 1;
    max-width: 40px;
    height: 40px;
    width: 100%;
    z-index: 1;
}
#navigation_content a,#navigation_content_modal a{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
    opacity: 1;
    max-width: 40px;
    height: 40px;
    width: 100%;
    left: 0;
}
#navigation_content_modal{
    z-index: 18;
}
#navigation_content a:hover,#navigation_content_modal a:hover {
    opacity: .8;
}
#content_navigation{
    width: 100%;
    height: 93%;
    position: absolute;
}
.navi_div{
    width: 40px;
    position: absolute;
}
.navi_left{
    left: 15px;
    top: 0;
    bottom: 0;
    display: table;
    height: 100%;
}
.navi_right{
    right: 15px;
    top: 0;
    bottom: 0;
    display: table;
    height: 100%;
}
.navi_button{
    display: table-cell;
    vertical-align: middle;
}
.navi_button_link{
    cursor:pointer;   
}
.navi_button_link:hover{
    opacity: .8;
}
.input-error {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all.5s ease;
    transition: all 0.5s ease;
    color: #FEB740;
    font-size: 12px;
    display: none;
}
.linechart-abs{
    height: 2px;
    width: 16px;
    background-color: #177172;
    position: absolute;
    left: -20px;
    top: 6px;
    border-radius: 8px;
}
.linechart-abs1{
	height: 2px;
    width: 16px;
    background-color: #000;
    position: absolute;
    left: -20px;
    top: 6px;
    border-radius: 8px;
}
.linechart-abs2 {
    height: 11px;
    width: 24px;
    background-color: #B7E3A8;
    position: absolute;
    left: -31px;
    top: 1px;
    border-radius: 0px;
}
.linechart-abs3 {
    height: 11px;
    width: 24px;
    background-color: #FEB740;
    position: absolute;
    left: -31px;
    top: 1px;
    border-radius: 0px;
}
.linechart-abs4 {
    height: 11px;
    width: 24px;
    background-color: #D9ECD2;
    position: absolute;
    left: -31px;
    top: 1px;
    border-radius: 0px;
}
/* SITE NAV END */
/* ALL MODALS DESIGN */
.modals-background{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background-color: #fff;
    z-index: 15;
    opacity: 0;
    display: none;
    overflow-y: overlay;
    overflow-x: hidden;
    outline: 0;
    overscroll-behavior-y: contain;
}
.modals-background::-webkit-scrollbar {
    width: 0px;
}
/*
.modals-grey{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    background-color: #ddd;
    opacity:.9;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 16;
} 
*/
.modals-all{
    -webkit-transition: all .35s 0s;
    -moz-transition: all .35s 0s;
    -o-transition: all .35s 0s;
    transition: all .35s 0s;
    padding: 0 10px;
    text-align: left;
    border-radius: 0;
    background-color: transparent;
    position: relative;
    margin: auto;
    padding: 70px 0;
    transform: scale(0);
    z-index: 17;
    width: 100%;
    max-width: 526px;
    font-size: 16px;
}
.modals-all.active{
    transform: scale(1);
}
.modals-all .close-Btn{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border: none;
    background-color: #B4E2A5;
    outline: none;
    box-shadow: none;
    width: 100%;
    color: #3a3a3a;
    max-width: 250px;
    height: 43px;
    line-height: 43px;
    padding: 0;
    margin: auto;
    opacity: 1;
    border-radius: 4px;
    font-size: 16px;
}
.modals-all .close-Btn:active, .modals-all .close-Btn:focus, .modals-all .close-Btn:hover{
    color: #177172;
    background-color: #B4E2A5;
    border-color: transparent;
    outline: none;
    box-shadow: none;
}
.modals-background .x-close{
    position: sticky;
    float: right;
    top: 66px;
    right: 15px;
    cursor: pointer;
    z-index: 99;
    margin-right: -110px;
}
.modals-background .x-close{
    right: -110px;
}
.modals-background .x-close img{
    width: 20px;
    height: 20px;
}
.modals-all .modal-btn{
    display: none;
}
.modals-all.both-btn .modal-btn{
    display: block;
}
.modals-all .btn.next-Btn{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    background-color: #EEF5F5;
    border-radius: 4px;
    cursor: pointer;
    width: 100%;
    max-width: 250px;
    height: 43px;
    line-height: 43px;
    padding: 0;
    margin: auto;
    color: #3a3a3a;
    opacity: 1;
    border: none;
    outline: none;
    font-size: 16px;
}
.modals-all .back-Btn{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border: none;
    background-color: transparent;
    color: #3a3a3a;
    outline: none;
    box-shadow: none;
    width: 100%;
    max-width: 250px;
    height: 43px;
    line-height: 43px;
    padding: 0;
    margin: auto;
    opacity: 1;
    border-radius: 4px;
    font-size: 16px;
}
.modals-all .back-Btn:active, .modals-all .back-Btn:focus, .modals-all .back-Btn:hover, .back-all .back-Btn:hover{
    color: #177172;
    background-color: #EEF5F5;
    border-color: transparent;
    outline: none;
    box-shadow: none;
}
.modal-header-name{
    font-size:18px;
    color:#3a3a3a;
    line-height: 1.5;
    padding-bottom: 32px;
    font-family: 'Lato-Semibold';
}
.modals-all .modal-header-name div{
    padding-bottom: 16px;
}
.modal-img{
    margin-bottom: 10px!important;
    text-align:left;
}
.modal-img-left{
    text-align:left;
}
.modal-text-content{
    padding: 0 0 30px 0!important;
    text-align:left;
    line-height: 1.5;
}
.modal-small-font{
    color:#D3D3D3;
    font-size:10px;
    text-align:left;
}
.modal-text{
    color:#3A3A3A;
    font-size:16px;
    text-align:left;
    padding-bottom: 32px;
    line-height: 1.5;
}
.modal-contracts-price{
    padding-left:10px;
}
.modal-payments-input{
    transition: all 0.3s ease;
    outline: none !important;
    border: none;
    border-bottom: 1px solid #EEEEEE;
    color: #3A3A3A;
    font-size: 14px;
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    padding: 8px 0;
    height: auto!important;
}
.modal-picker-class{
    box-shadow: none;
    outline: none;
    padding: 4px 0;
    font-size: 14px;
    color: #177172;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    border-bottom: 1px solid #EEEEEE;
    border-radius: 0;
}
.modal-select-image{
    position: absolute;
    right: 18px;
    top: 45%;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.modal-contracts-input{
    vertical-align: middle;
}
.modal-contracts-span{
    vertical-align: middle;
    padding-left: 6px;
}
.modal-green-font{
    color: #177172;
}
.modal-grey-font{
    color:#808080;
    font-size:14px;
    text-align:left;
}
.modal-padding-weltreise{
    padding-top:16px;
}
.modal-input-padding{
    padding-left:22px;
}
.modal-text-padding{
    padding: 10px 60px 0 60px;
}
.modal-padding-weltreise {
    padding-top: 8px;
}
.modal-padding{
    padding-top: 10px;
}
.modals-background .bootstrap-select .dropdown-toggle .caret{
    display:none;
}
.modals-background .select-image-payment{
    position: absolute;
    right:18px;
    top:55%;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    pointer-events: none;
}
.events-auto .btn-default:hover{
    background-color:transparent;
    outline: none !important;
    box-shadow: none;
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover{
    color: #3a3a3a;
    background-color: #B4E2A5;
    border-color: #B4E2A5;
    outline: none;
    box-shadow: none;
}
.error_input{
    border:1px solid #FEB740 !important;
}
.modals-background .bootstrap-select:not(.input-group-btn), .bootstrap-select[class*=col-]{
    outline: none !important;
    box-shadow: none;
}
.modals-background .bootstrap-select>.dropdown-toggle {
    border: none;
    border-bottom: 1px solid #EEEEEE;
    border-radius: 0 !important;
    padding: 8px 0px;
}
.modals-background .form-control:focus {
    border: none;
    border-bottom: 1px solid #EEEEEE;
}
.modals-background .filter-option-inner {
    padding: 3px 25px 0px 3px;
}
.modal-text-padding {
    padding: 0px 60px 0 60px;
}
.modals-background .form-control:focus{
    outline: none !important;
    box-shadow: none;
}
.modal-small-font{
    text-align:center;
}
.modal-table{
    width: auto;
    margin: auto;
    display: table;
    border-collapse: separate;
    border-spacing: 22px 0;
    text-align: center;
    padding-top: 10px;
}
.modal-row{
    width: 100%;
    display: table-row;
}
.modal-cell{
    width: 25%;
    display: table-cell;
}
.modal-circle-headsmall{
    font-size:10px;
    color:#808080;
}
.modal-green-font{
    color: #177172;
}
.modal-circle-default{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #B4E2A5;
    margin: auto;
    margin-bottom: 5px;
    display: inline-block;
    vertical-align: middle;
}
.modal-wrapper{
    text-align: center;
    padding-top: 10px;
}
.modal-percent-number{
    display: inline-block; 
    vertical-align: top;
}
.modal-small-payment{
    color: #D3D3D3;
    font-size: 10px;
    text-align: left;
}
.modal-centered{
    padding: 5px 80px 5px 80px;
}
.modal-small-center{
    color:#D3D3D3;
    font-size:10px;
    text-align:center;
}
.modal-cursor{
    cursor:pointer;
}
.info-btn{
    text-align: center;
    color: #478C8D;
    font-style: italic;
    font-size: 14px;
    float: right;
    background-color: #EEF5F5;
    border: none;
    width: 47px;
    border-radius: 4px;
    cursor:pointer;
}
.modals-background .dauer-tablem{
    display: table;
    width: 100%;
}
.modals-background .dauer-tablem-row{
    display: table-row;
    width: 100%;
}
.modals-background .dauer-tablem-cell{
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    text-align: left;
}
.modals-background .dauer-tablem-cell span{
    display: inline-block;
}
.modals-background .placepath-relative{
    position: relative;
}
.modals-background .relative-path, .modals-background .path-relative{
    position: relative;
}
.modals-background .rotate-arrow img{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    pointer-events: none;
    position: absolute;
    top: 6px;
    right: 0;
    bottom: 0;
    margin: auto;
    backface-visibility: hidden;
    padding: 0!important;
}
.modals-background .modals-all .modal-btn, .modals-background .modal-header-name{
    text-align: left!important;
}
.modals-background.question-o-modal h4{
    font-size: 16px;
    font-family: 'Lato';
}
.modals-background.question-o-modal .btn.btn-default.close-Btn{
    margin-right: 10px;
}
.modals-background.question-o-modal .btn.btn-default.back-Btn {
    margin-left: 10px;
}
.modals-background.question-o-modal .modals-all .modal-btn, .modals-background.question-o-modal .modal-header-name{
    text-align: left!important;
}
.modals-background.question-o-modal .btn.btn-default.close-Btn{
    margin-left: 0;
}
.modals-background.question-o-modal h1, .modals-background.question-o-modal h2, .modals-background.question-o-modal h3{
    color: #3a3a3a;
}
#pdfNextBtn{
    pointer-events: none;
}
#pdfNextBtn.close-Btn {
    pointer-events: auto;
    background-color: #B4E2A5;
    border: 1px solid transparent;
    color: #177172;
    font-size: 16px;
    max-width: 250px;
    margin-right: 0!important;
    margin-left: 10px;
}
#pdfNextBtn.back-Btn {
    margin-left: 0!important;
    margin-right: 10px;
}
#pdfNextBtn.next-Btn {
    pointer-events: auto;
    background-color: #EFEFEF;
    border: 1px solid transparent;
    color: #808080;
}
.modalpdf-table{
    display: table;
    width: 100%;
}
.modal-pdf-table{
    width: 100%;
    margin: auto;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 6px;
}
.modal-pdf-table.err{
    border: 1px solid #FEB740;
}
.pdf-error{
    color: #FEB740;
    font-size: 12px;
    display: none;
    margin-top: 8px;
}
.pdf-error.err{
    display:block;
}
.modalpdf-row{
    display: table-row;
    width: 100%;
}
.modalpdf-cell{
    display: table-cell;
    vertical-align: middle;
    position: relative;
}
.modal-help{
    cursor:pointer;
}
.modal-services{
    max-width:270px;
    margin: auto;
    padding-bottom:30px;
}
.modal-services:last-child{
    padding-bottom:0;
}
.modal-service-text{
    font-size:16px;
    padding-left:42px;
    text-align:left;
    margin:auto;
}
.modal-link-service{
    border-bottom: 1px solid #177172;
    padding-bottom: 2px;
    color: #177172;
    cursor: pointer;
}
.modal-link-service a{
    color: #177172 !important;
    cursor: pointer;
}
.modal-number-padding{
    padding-left:8px;
}
.modal-steps-text{
    display: flex;
    line-height: 1.5;
}
.modal-padding-bottom{
    padding-bottom:8px;
}
.minveo_steps_explanation .modal-text-content{
    text-align:left;
    max-width: 230px;
    margin:0 auto;
}
.minveo_steps_explanation .modal-padding-bottom{
    padding: 0 0 20px 0;
}
.minveo_bank_account_explanation .modal-text-content{
    text-align:left;
}
.minveo_identification_explanation h3{
    max-width: 100%;
    margin: 0;
    text-align: left;
}
.minveo_bank_account_explanation h4,
.minveo_identification_explanation h4{
    line-height: 1.35;
}
.minveo_identification_explanation .modal-text-content h4{
    line-height: 1.6;
    font-size: 16px;
}
.minveo_identification_explanation .modal-text-content.modal-padding{
    padding-top:20px;
}
.link-small-green{
    color:#808080;
}
.button_image_link .cls-111:hover{
    fill:#7CC47C;
    stroke: #7CC47C;
}
.button_image_link.disabled .cls-111{
    fill:#EEEEEE;
    stroke: #EEEEEE;
    color:#8AB7B7;
}
.button_image_link.disabled .cls-2{
    stroke: #8AB7B7;
}
.modals-all.both-btn .back-Btn{
    margin-right: 0;
}
.modals-all.both-btn .next-Btn, .modals-all.both-btn .close-Btn{
    margin-left: 10px;
}
.minveo_send_confirmation_email .modals-grey {
    pointer-events: none;
}
/* ALL MODALS DESIGN END */
.br-none br {
    display: none;
}
.komplexitat-m-b .portfolio-cell{
    padding-bottom: 8px!important;
}
/* RESPONSIVE DESIGN */
@media screen and (max-width: 380px){
    #introstepQuestions br{
        display: none;
    }
}
@media screen and (max-width: 420px){
    .bottom-off br{
        display: none;
    }
}
@media screen and (min-width: 768px){
    .box-anlagel{
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        width: 47%;
        margin-right: 3%;
        background-color: #EFEFEF;
        padding:0;
        cursor: pointer;
        border-radius: 4px;
    }
    .box-anlager{
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        width: 47%;
        margin-left: 3%;
        background-color: #EFEFEF;
        padding: 0;
        cursor: pointer;
        border-radius: 4px;
    }
    .box-anlagel:hover, .box-anlager:hover{
        color: #177172;
        background-color: #EEF5F5;
        border-color: #EEF5F5;
    }
    .anlage-svg svg{
        width: 50px;
        height: 50px;
    }
    .box-anlagel:hover .mls-1, .box-anlager:hover .dcwzals-1{
        fill: #ffffff;
    }
}
@media screen and (max-width: 767px){
    #content_steps{
        margin-bottom: 16px;
    }
    .resp-left{
        text-align: left!important;
    }
    #navigation_content a,#navigation_content_modal a{
        top: -10px;
    }
    #content_steps svg {
        height: 24px;
    }
    .modals-background .modals-all .modal-btn, .modals-background .modal-header-name{
        text-align: center!important;
    }
    .modals-background.goal-modal .modal-header-name{
        text-align: center!important;
    }
    .introstep-default h4 br{
        display: none;
    }
    .minveo_identification_explanation h3{
        max-width: 100%;
        margin: 0;
        text-align: center;
    }
    .btn.btn-primary.eroffnung-start{
        max-width: 100%;
    }
    .btn.btn-continue.homescreen{
        max-width: 100%;
    }
    .chart-btn-b{
        left: 0;
        right: 0;
        bottom: 0;
        position: fixed;
        top: auto;
        margin: auto;
        background-color: #fff;
        padding: 16px;
        text-align: center;
        z-index: 1;
    }
    .chart-btn-b button{
        margin-bottom: 0;
    }
    .dflex-column {
        -ms-flex-direction: column!important;
        flex-direction: column!important;
    }
    .dflex-column .dflex-box{
        margin: auto auto 24px auto!important;
    }
    .dflex-column .dflex-box:last-child{
        margin: auto!important;
    }
    .modals-all.both-btn .next-Btn, .modals-all.both-btn .close-Btn {
        margin-left: 0;
    }
    .modals-background .x-close {
        left: 0;
        right: 0;
        bottom: 0;
        position: fixed;
        top: auto;
        margin: auto;
        background: rgba(255,255,255,.93);
        padding: 16px;
        text-align: center;
    }
    .modals-background .x-close {
        right: 0;
    }
    .mrgp-top{
        margin-top: 14px;
    }
    .dropdown-adjust-middle{
        max-width: 200px;
        margin: auto;
        float: none;
        padding: 0;
    }
    .legend-chart {
        padding-right: 40px!important;
    }
    .box-anlagel{
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        width: 100%;
        max-width: 300px;
        margin: 20px auto 0 auto;
        background-color: #EFEFEF;
        padding: 15px;
        cursor: pointer;
        float: none;
        border-radius: 4px;
    }
    .box-anlager{
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        width: 100%;
        max-width: 300px;
        margin: 20px auto 0 auto;
        background-color: #EFEFEF;
        padding: 15px;
        cursor: pointer;
        float: none;
        border-radius: 4px;
    }
    .box-anlagel:hover, .box-anlager:hover{
        color: #177172;
        background-color: #EEF5F5;
        border-color: #EEF5F5;
    }
    .anlage-svg svg{
        width: 50px;
        height: 50px;
    }
    .box-anlagel:hover .mls-1, .box-anlager:hover .dcwzals-1{
        fill: #EFEFEF;
    }
    .light-grey {
        color: #808080;
    }
    .content-flex.back-introsteps{
        background-color: transparent;
    }
    .flex-second .intro-footer{
        padding-left: 15px;
        text-align: center;
    }
    .step-footer{
        font-size: 12px!important;
        color:#808080!important;
    }
    .nav>li{
        display:inline-block !important;
    }
    .navbar-nav{
        margin: 4.5px 0px;
    }
    #navigation_content,#navigation_content_modal{
        top: 73px;
        bottom: auto;
    }
    .modals-all{
        -webkit-transition: all .4s .2s;
        -moz-transition: all .4s .2s;
        -o-transition: all .4s .2s;
        transition: all .4s .2s;
        text-align: center;
        transform: translate(0%, 0%) scale(.5);
        margin: auto;
        background-color: #fff;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 17;
        max-width: 100%;
        min-width: 100%;
        border-radius: 0;
        overflow-y: auto;
    }
    .modals-all.active{
        transform: translate(0%, 0%) scale(1);
    }
    .modals-all .events-auto{
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        overflow-y: auto;
        padding: 40px 16px 50px 16px;    
    }
    .modals-all.both-btn .events-auto{
        padding: 40px 16px 158px 16px;    
    }
    .modals-all .modal-btn{
        position: fixed;
        bottom: 0;
        width: 100%;
        padding: 20px 0;
        left: 0;
        background-color: #ffffff;
    }
    .modals-all.both-btn .close-Btn{
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        bottom: 0;
        z-index: 10;
        border: none;
        border-radius: 0;
        left: 0;
        bottom: 0;
        max-width: 250px;
        height: 43px;
        line-height: 43px;
        text-align: center;
        width: 100%;
        border-radius: 4px;
        margin-top: 16px;
    }
    .modals-all.both-btn .back-Btn{
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        bottom: 0;
        z-index: 10;
        border: none;
        border-radius: 0;
        left: 0;
        bottom: 0;
        max-width: 250px;
        height: 43px;
        line-height: 43px;
        text-align: center;
        width: 100%;
        border-radius: 4px;
        margin-top: 16px;
    }
    .modals-all.both-btn .next-Btn{
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        bottom: 0;
        z-index: 10;
        border: none;
        border-radius: 0;
        left: 0;
        bottom: 0;
        max-width: 250px;
        height: 43px;
        line-height: 43px;
        text-align: center;
        width: 100%;
        border-radius: 4px;
        margin-top: 16px;
    }
    .close-Btn.active, .next-Btn.active{
        bottom: 0px!important;
    }
    .nav>li>a {
        padding: 10px 3px;
    }
    .flex-home-vertical {
        flex-flow: column!important;
        align-items: center!important;
    }
    .dflex-home-p > div{
        margin-bottom: 26px;
    }
    .dflex-home-p > div:last-child{
        margin-bottom: 0;
    }
    .dflex-home-p img{
        margin: 0;
    }
    .dflex-home-p .home-ico-p{
        display: inline-block;
        vertical-align: middle;
    }
    .dflex-home-p .home-text-p{
        display: inline-block;
        vertical-align: middle;
        text-align: left;
    }
    .home-r-center .home_text br{
        display: none;
    }
    .dflex-home-p .home-p-on {
        padding: 0 0;
    }
    .home-r-center{
        max-width: 316px;
        margin: auto;
        float: none;
    }
    .modals-background.question-o-modal .modals-all .modal-btn, .modals-background.question-o-modal .modal-header-name {
        text-align: center!important;
    }
    .modals-background .modals-all .modal-btn{
        display: table;
        border-spacing: 0 24px;
    }
    .modals-background.question-o-modal .btn.btn-default.close-Btn, .modals-background.question-o-modal .btn.btn-default.next-Btn{
        margin-right: 0;
        margin-top: 16px;
        display: table-footer-group;
    }
    .modals-background.question-o-modal .btn.btn-default.back-Btn {
        margin-left: 0;
        margin-bottom: 16px;
        display: table-header-group;
    }
    #pdfNextBtn.next-Btn{
        max-width: 100%;
    }
    .modals-background.question-o-modal .modals-all .modal-btn {
        padding: 20px 16px;
    }
    .br-none br {
        display: block;
    }
    .break-n{
        padding-right: 0!important;
    }
}
@media only screen and (max-width: 767px) {
    #content {
        padding-right: 0;
        padding-left: 0;
        margin-right: 0;
        margin-left: 0;
    }
    .navbar-brand {
        float: left;
        height: inherit;
        padding: 0;
        font-size: inherit; 
        line-height: inherit;
        margin: 17.5px 15px;
    }
    .navbar-brand>img {
        height: 15px;
        padding: 0;
        width: auto; 
    }
    .navbar-brand.navbar-partner{
        margin:0;
    }
    .navbar-brand.navbar-partner > img{
        height: 50px;
    }
    .partner_img{
        margin-bottom:24px;
    }
    .link-small-green{
        display: none;
    }
    .als-1 {
        fill: #ffffff!important;
    }   
    #questions .kosten-nestedcell.cell-width {
        vertical-align: top;
    } 
    .introstep-default .fls-1{
        stroke-width: 3.6px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    #content, .modalcont{
        width: 750px;
        margin: auto;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    #content, .modalcont{
        width: 970px;
        margin: auto;
    }
}
@media only screen and (min-width: 1200px) {
    #content, .modalcont{
        width: 1170px;
        margin: auto;
    }
}
@media screen and (max-height: 735px) {
    .introstep-default .icon-big{
        max-width: 300px!important;
    }
}
@media screen and (max-width: 425px) {
    .modals-background.question-o-modal .modals-all.both-btn .close-Btn{
        max-width: 100%;
    }
    .modals-background.question-o-modal .modals-all .modal-btn{
        padding: 20px 16px;
    }
    .home-r-center{
        max-width: 350px;
        margin: auto;
        float: none;
    }
}
/* RESPONSIVE DESIGN END*/