@font-face{
    font-family: 'Arial';    
    src:  url('../fonts/Arial.ttf') format('truetype');    
    font-weight: normal;    
    font-style: normal;    
}

@font-face{
    font-family: 'Gill Sans';    
    src: url('../fonts/Gill_Sans.ttf') format('truetype');    
    font-weight: normal;    
    font-style: normal;    
}

@font-face{
    font-family: 'Helcetica';    
    src: url('../fonts/Helvetica.eot');    
    font-weight: normal;    
    font-style: normal;    
}
    
@font-face{
    font-family: 'Open Sans';    
    src: url('../fonts/Open_Sans.ttf') format('truetype');    
    font-weight: normal;    
    font-style: normal;    
}  

@font-face{
    font-family: 'Times New Roman';    
    src: url('../fonts/Times_New)Roman.ttf') format('truetype');    
    font-weight: normal;    
    font-style: normal;    
}  

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-MediumItalic.eot');
    src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'),
        url('../fonts/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-MediumItalic.woff') format('woff'),
        url('../fonts/Roboto-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Italic.eot');
    src: local('Roboto Italic'), local('Roboto-Italic'),
        url('../fonts/Roboto-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Italic.woff') format('woff'),
        url('../fonts/Roboto-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.eot');
    src: local('Roboto Bold'), local('Roboto-Bold'),
        url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Bold.woff') format('woff'),
        url('../fonts/Roboto-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.eot');
    src: local('Roboto'), local('Roboto-Regular'),
        url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Regular.woff') format('woff'),
        url('../fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Medium.eot');
    src: local('Roboto Medium'), local('Roboto-Medium'),
        url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Medium.woff') format('woff'),
        url('../fonts/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-BoldItalic.eot');
    src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
        url('../fonts/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-BoldItalic.woff') format('woff'),
        url('../fonts/Roboto-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-ThinItalic.eot');
    src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'),
        url('../fonts/Roboto-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-ThinItalic.woff') format('woff'),
        url('../fonts/Roboto-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Black.eot');
    src: local('Roboto Black'), local('Roboto-Black'),
        url('../fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Black.woff') format('woff'),
        url('../fonts/Roboto-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Light.eot');
    src: local('Roboto Light'), local('Roboto-Light'),
        url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Light.woff') format('woff'),
        url('../fonts/Roboto-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-LightItalic.eot');
    src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
        url('../fonts/Roboto-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-LightItalic.woff') format('woff'),
        url('../fonts/Roboto-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-BlackItalic.eot');
    src: local('Roboto Black Italic'), local('Roboto-BlackItalic'),
        url('../fonts/Roboto-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-BlackItalic.woff') format('woff'),
        url('../fonts/Roboto-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Thin.eot');
    src: local('Roboto Thin'), local('Roboto-Thin'),
        url('../fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Thin.woff') format('woff'),
        url('../fonts/Roboto-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}



*{
    margin: 0 ;
    padding: 0;
    text-decoration: none;
    box-sizing: border-box;
}

body{
    font-family: 'Roboto', sans-serif;
    color: #ffffff;
    position: relative;
}

img{
    max-width: 100%;
    height: auto;
}

ol, label, ul{
    margin: 0;
    list-style-type: none;
}

h1, h2, h3, h4{
    margin: 0;
}

button:focus,
select:focus{
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.23 ) !important;
    outline:none;
}
select:hover{
    cursor: pointer;
}

button:active {
    box-shadow: 0px 0px 7px 3px rgba(0, 0, 0, 0.23 ) !important;    
    border: none;
    
}


input:focus{
    box-shadow: 0px 0px 7px 3px rgba(0, 0, 0, 0.23 ) !important;
    outline:none;
}

a:hover{
    text-decoration: none;
}
/*Section section-steps*/
.block-wrapper{
    max-width: 100%;
}

.block-num-step{
    background-color: #1b2133;
    padding: 44px 20px;
    /* padding: 44px 71px; */
    /* min-width: 580px; */
    height: auto;
}
.title-wrapper{
    margin-bottom: 97px;
}

.title-site{
    font-family: 'Roboto Slab', serif;
    font-size: 32px;
    font-weight: bold;
    line-height: 1.26;

    
}
.steps-text:first-of-type{
    margin-bottom: 0;
}

.steps-text{
    font-size: 20px;
    font-weight: bold;
    line-height: 1.52;
    margin-bottom: 116px;
}

.steps-list{
    list-style-type: none; 
    counter-reset:  item;
}

.steps-list li a{
    color: #ffffff;
    font-size: 16px;
    /* font-size: 22px; */
    font-weight: 600;
    line-height: 2.18;
}

.steps-list li:last-of-type{
    margin-bottom: 0;
}

.steps-list li {
    margin-bottom: 75px;
    position: relative;
    opacity: 0.11;
    margin-left: 4px;
}
.steps-list li:before {
    content: counter(item); 
    counter-increment: item;
    margin-right: 20px;
    width: 32px;
    height: 32px;
    background-color: #ffffff;
    color: #1b2133;
    
    font-size: 23px;
    font-weight: 900;
    /* line-height: 1.55; */
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    line-height: 32px;
}

/* .steps-list li::after {
    content: '';
    height: 76px;
    width: 1px;
    color: rgba(255, 255, 255, 1);
    z-index: 1;
    border-left: 3px dotted rgba(255, 255, 255, 0.11);
    position: absolute;
    left: 23px;
    top: 57px;
    opacity: 1;

} */

.steps-list li:last-child::after { display: none; }


/*Активный класс для пункта steps-list*/
.active-steps-list-item{
    opacity: 1 !important;
    margin-left: 0 !important;
}

.active-steps-list-item:before {
    content: '';
    width: 40px !important;
    height: 40px !important;
    line-height: 40px !important;
    margin-right: 16px !important;
}

.block-individualisiere-dein-consent{
    background-color: #e4ebf7;
    padding: 125px 0 500px 38px;    
}

.box-background__step-one__r{
    border-radius: 6px;
    box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.15);
    background-color: #ffffff;
    padding-bottom: 57px;
}

.header__step-one__r{
    padding: 20px 35px 17px;
    border-bottom: 2px solid #e1e7f0;
    margin-bottom: 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.header__step-one__r h3{
    
    font-size: 18px;
    font-weight: bold;
    line-height: 1.71;
    color: #515974;
}
.block__step-one__r__left{
    padding: 0 0 0 34px
}

.text__step-one__r__left{
    font-size: 14px;
    font-weight: 600;
    line-height: 1.82;
    color: rgba(27, 33, 51, 0.55);
    margin-bottom: 47px;  
    padding-right: 40px;  
}

.param__step-one__r__left{
    /* padding-right: 80px; */
    padding-right: 120px;

}

.themes__step-one__r__left{
    margin-bottom: 31px;
}

.themes__step-one__r__left h4{
    font-size: 16px;
    font-weight: 600;
    line-height: 1.72;
    color: #1b2133;
    margin-bottom: 22px;
}
.header__icons__r:first-of-type{
    margin-right: 22px;
}

.header__icons__r{
    display: inline-block;
}

.themes__radio-button{
    display: flex;
    margin-bottom: 28px;
}
.themes__color-radio-button{
    box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.15);
    margin-right: 40px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.color-radio-button-wrapper{
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    display: block;
}

.color-radio-button-inner-circle{
    width: 40px;
    height: 40px;
    border-radius: 50%;
}


.color-radio-button-blue{
    background-color: #6893ff;
    
}

.color-radio-button-gray{
    background-color: #bababa;
}

.color-radio-button-green{
    background-color: #2ab604;
}

.color-radio-button-violet{
    background-color: #c425a0;
}

.color-radio-button-marengo{
    background-color: #515974;
}

.line__step-one__r__left{
    
    border-bottom: 1px dashed #cfd0d4;
}

.darstellungsoption-typ__step-one__r__left{
    margin-bottom: 80px;
}


.darstellungsoption-typ__step-one__r__left h4{
    font-size: 16px;
    font-weight: 600;
    line-height: 1.72;
    color: #1b2133;
    margin-bottom: 11px;
}

.position__radio-button{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.position__item-radio-button:last-of-type{
    margin-right: 0;
}
.position__item-radio-button{
    width: 50px;
    height: 50px;
    border: 1px solid #515974;
    border-radius: 5px;
    position: relative;
    margin-right: 10px;
    margin-bottom: 10px;
}

.position__item-radio-button:hover{
    cursor: pointer;
}

.position-radio-button-absolute{
    position: absolute;
    width: 58%;
    height: 40%;
    background-color: #717a8c;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    border-radius: 3px;
    z-index: 1;
}

.position-radio-button-top-left {
    position: absolute;
    width: 40%;
    height: 30%;
    background-color: #717a8c;
    top: 7%;
    transform: translate(0, 0);
    left: 5%;

    border-radius: 3px;
    z-index: 1;
}

.position-radio-button-top-right{
    position: absolute;
    width: 40%;
    height: 30%;
    background-color: #717a8c;
    top: 10%;
    transform: translate(0, 0);
    right: 10%;

    border-radius: 3px;
}

.position-radio-button-bottom-left{
    position: absolute;
    width: 40%;
    height: 30%;
    background-color: #717a8c;
    bottom: 10%;
    transform: translate(0, 0);
    left: 10%;

    border-radius: 3px; 
}

.position-radio-button-bottom-right{
    position: absolute;
    width: 40%;
    height: 30%;
    background-color: #717a8c;
    bottom: 10%;
    transform: translate(0, 0);
    right: 10%;

    border-radius: 3px; 
}

.position-radio-button-fixed-top{
    position: absolute;
    width: 100%;
    height: 22%;
    background-color: #717a8c;
    top: 0;
}

.position-radio-button-fixed-bottom {
    position: absolute;
    width: 100%;
    height: 22%;
    background-color: #717a8c;
    bottom: 0;
}

.position-radio-button-left-center{
    position: absolute;
    width: 25%;
    height: 50%;
    background-color:#717a8c;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    
}

.position-radio-button-right-center{
    position: absolute;
    width: 25%;
    height: 50%;
    background-color:#717a8c;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.position-radio-button-fixed-bottom-left{
    position: absolute;
    width: 40%;
    height: 22%;
    background-color: #717a8c;
    bottom: 0;
    left: 10%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.position-radio-button-fixed-bottom-right{
    position: absolute;
    width: 40%;
    height: 22%;
    background-color:#717a8c;
    bottom: 0;
    right: 10%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.position-radio-button-fixed-left-center {
    padding: 4px 5px 5px;
}


.title-tooltip-position{
    background-color: #515974;
    border-radius: 17.5px;
    font-size: 15px;
    color: #f2f6fc;
}
.standortbezogene__step-one__r__left{
    margin-bottom: 66px;
}

.standortbezogene__step-one__r__left h4{
    font-size: 16px;
    font-weight: 600;
    line-height: 1.72;
    color: #1b2133;
    margin-bottom: 11px;
}

.standortbezogene-chechbox-button-wrapper{
    display: flex;
    align-items: center;
    margin-bottom: 31px;
    position: relative;
}
.standortbezogene-chechbox-button-wrapper input{
    margin-right: 13px;
    width: 24px;
    height: 24px;
    background-color: #e4ebf7;
    border: none;
}
.standortbezogene-chechbox-button-wrapper p{
    font-size: 14px;
    /* font-size: 18px; */
    line-height: 1.72;
    color: #1b2133;
    margin-bottom: 0;
}


.btn__step-one__r__left{
    display: flex;
}

.btn{
    padding: 0 27px 0 24px;
    font-size: 14px;
    line-height: 1.94;
    font-weight: 600;
    color: #ffffff;
    text-align: center;
    border: none;  
    border-radius: 5px; 
    height: 47px;
    display: flex;
    align-items: center;
}

.btn-stand__step-one{
    background-color: #bababa;
    margin-right: 30px;
    white-space: nowrap;
}

.btn-speich__step-one{
    background-color:#bababa;
    white-space: nowrap;
}

.btn-vorschaumodus__step-one{
    height: 36px;
    background-color: #bababa;
    margin-bottom: 41px;
}

.step-one__title-btn{
    display: inline-block;
    line-height: 36px;
}

.box-background__step-one__r .row{
    margin: 0;
}


.block__step-one__r__right{
    padding-right: 45px;
    /* padding-left: 130px; */
}

.wrapper-view__step-one__r__right{
    /* height: 538px; */
    max-width: 700px;
    width: 490px;
    height: 395px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
}

.wrapper-view__step-one__r__right img{
    width: 490px;
    height: 395px;
}

.block-view__step-one__r__right{
    background-color: #ffffff;
    height: 326px;
    width: 465px;
    position: absolute;
    top: 58px;
    left: 13px;
}

.block-modal__step-one{
    border-radius: 5px;
    background-color: #515974;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;


    position: absolute;
    bottom: 0;
    left: 5%;
    color: #ffffff;
    /* max-width: 57%; */
}

.modal-icon__step-one{
    margin-right: 10px;
    /* margin-right: 19px; */
    display: inline-block;
    width: calc(100% - 79%);
}

.modal-icon__step-one img{
    height: 37px;
    width: 37px;

}

.modal-text__step-one{
    margin-bottom: 0;
    margin-right: 10px;
    /* margin-right: 20px; */
    font-size: 12px;
    /* font-size: 15px; */
    font-weight: 600;
    line-height: 1.6;
    display: inline-block;
}

.modal-btn__step-one{
    border-radius: 5px;
    background-color: #0086be;
    padding: 0 10px;
    /* padding: 0 34px; */
    
    font-size: 10px;
    /* font-size: 17px; */
    font-weight: 900;
    /* line-height: 2; */
    color: #f2f6fc;
    max-height: 26px;
    line-height: 26px;   
}

.block-embene{
    width: 154px;
    height: 263px;
    position: absolute;
    top: 0;
    transform: translate(-39%, 2%); 
}
/*Section section-steps*/


/*Section section-dashboad*/



.block-wrapper-dashboad{
    max-width: 100%;
}

.left-block__dashboad{
    /* max-width: 340px; */
    background-color: #1b2133;
    padding: 0;
    /* height: 1200px; */
    height: auto;
    min-height: 100vh;
}

.title-wrapper__dashboad{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px 30px;
    border-bottom: 1px solid #0c1224;
}

.title-site__dashboad{
   
    font-size: 32px;
    font-weight: bold;
    line-height: 0.97;
}

.navbar__dashboad {
    padding: 0;
}
.navbar__dashboad .navbar-toggler{
    border: none;
    padding: 0;
    color: #ffffff;
}

.user__dashboad{
    padding: 39.5px 39.6px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #0c1224;
}

.photo__dashboad{
    width: 85px;
    height: 85px;
    border-radius: 50%;
    background-position: top;
    background-size: 120%;
    margin-right: 17px;
}

.user-name__dashboad{
   
    font-size: 22px;
    line-height: 1.36;
    color: #e4ebf7;
    width: calc(100% - 108px);
    margin-bottom: 0;
}

.btn-nut__dashboad{
    /* padding: 25px 43px 25px 48px; */
    display: flex;
    justify-content: space-between;
    color: #515974;
    
    font-size: 20px;
    line-height: 2.4;
}
.btn-nut__dashboad:hover{
    color:#e4ebf7;
}
.menu-1___dashboad{
    margin-bottom: 20px;
    border-bottom: 1px solid #0c1224;
    
}
.list-nut__dashboad{
    margin: 0;
}

.list-nut__dashboad li{
    padding: 15px 30px ;
    display: flex;
    align-items: center;
}

.list-nut__dashboad li:hover {
    border-left: 5px solid #f45b63;
    background-color: #0c1224;
    padding: 15px 30px !important;
}

.list-nut__dashboad li a{
    
    font-size: 16px;
    /* font-size: 26px; */
    line-height: 1.85;
    color: #e4ebf7;
    width: 100%;
}

.list-nut__dashboad li a img{
    margin-right: 20px;
}


.active-list-item__dashboad{
    border-left: 5px solid #f45b63;
    background-color: #0c1224;
    padding: 15px 30px  !important;
}

.num-widgets{
    width: 30px;
    height: 30px;
    background-color: #f45b63;
   
    font-size: 16px;
    line-height: 30px;
    color: #e4ebf7;
    text-align: center;
    display: block;
    border-radius: 50%;
    float: right;
}

.right-block__dashboad{
    background-color: #cfcfcf;
    padding: 0;
}

.right-header__dashboad{
    box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.15);
    background-color: #f2f6fc;
    padding: 20px 40px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 40px
}

.header-icon__dashboad:last-of-type{
    margin-right: 0;
}
.header-icon__dashboad{
    margin-right: 25px;
}

.header-icon__dashboad svg image{
    width: 30px;
    height: 30px;
}

.box-background__dashboad{
    padding: 0 20px 0 40px;
    
}

.box-background__dashboad .container-box-background__dashboad{
    overflow: auto;
    height: calc(100vh - 160px);
}





.container-box-background__dashboad{
    border-radius: 6px;
    /* box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.15); */
    /* height: 900px; */
    height: auto;
}

.graphic-control__dashboad{
    background-color: #f2f6fc;
    padding: 0;
}

.graphic-control-preview__dashboad{
    background-color:  #e7ebf2;
    padding: 0;
}

.block-link-header__dashboad{
    padding: 17px 12px 13px;
    border-bottom: 2px solid  #e1e7f0;
    margin-bottom: 38px;
}

.block-link-header__dashboad a{    
    font-size: 17px;
    font-weight: bold;
    line-height: 2.2;
    color: #515974 !important;
    margin-right: 10px;
}


.block-link-header__dashboad a:nth-child(1)
{
    color: #ffffff !important;
}


.block-link-header__dashboad>a:not(:nth-child(1)):hover,
.block-link-header__dashboad>a:not(:nth-child(2)):hover
/* .block-link-header__dashboad a:nth-child(3):hover */
{
    color: #515974;
    cursor: pointer;
}

.block-link-header__dashboad>a:not(:nth-child(1))::before,
.block-link-header__dashboad>a:not(:nth-child(2))::before
/* .block-link-header__dashboad a:nth-child(3)::before  */
{
    content: ">";
    margin-right: 10px;
}
.block-link-header__dashboad>a:nth-child(1)::before,
.block-link-header__dashboad>a:nth-child(2)::before{
    content: "";
    margin-right: 0;
}


.link-domain__dashboad{
    border-radius: 5px;
    background-color: #1b2133;
    color: #ffffff !important;
    padding: 10px 10px 7px;
}
.link-header__dashboad:last-child::after { display: none; }

.link-header__dashboad::after{
    content: ">";
    margin-left: 3px;
}

.link-header__script-tool::after { display: none; }

.block-link-config__dashboad{
    margin-bottom: 45px;
}


.block-link-config__dashboad {
    padding-left: 30px !important;
}
.block-link-config__dashboad a{
   
    font-size: 14px;
    /* line-height: 43px; */
    color: #ffffff;
    text-align: center;
    padding: 13px 18px;
    background-color: #d7d7d7;
    max-height: 43px;
}

.link-lahguage-config__dashboad{
    background-color: #1b2133 !important;
    padding-left: 50px !important;
    position: relative;
}

.link-lahguage-config__dashboad span::before{
    content: "";
    position: absolute;
    border-left: 2px solid #cfcfcf;
    transform: rotate(45deg);
    height: 32px;
    left: 10px;
    bottom: -5px;
}
.link-lahguage-config__dashboad span::after{
    content: "";
    position: absolute;
    border-left: 2px solid #cfcfcf;
    transform: rotate(-45deg);
    height: 32px;
    left: 10px;
    top: -5px;
}

.block-custom-branding__link {
    float: right;
}
/* .block-custom-branding__link a:nth-child(1){
    border-radius: 21.3px;
    background-color: #5972b6;
    padding: 11px 21px;
    font-size: 15px;
    line-height: 1.84;
    color: #ffffff;
    text-align: center;
    margin-right: 20px;
} */

/* .block-custom-branding__link a:nth-child(1) img{
    
    margin-right: 12px;
    margin-bottom: 6px;
} */

.block-custom-branding__link a:nth-child(1){
    border-radius: 50%;
    background-color: #222020;

    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;

}


.block-graphic-control__dashboad{
    padding: 0 20px 20px 20px;
    /* padding: 0 53px 0 42px; */
}

.header-graphic-control__dashboad{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 7px;
    border-bottom:2px solid rgba(27, 33, 51, .11);
    margin-bottom: 28px;

}

.header-graphic-control__dashboad h4{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.55;
    color: #1b2133;
}

.btn-save-setting-graphic-control{
    border-radius: 10px;
    background-color: #08b64e;
    padding: 0 14px 0 17px;
    font-size: 16px;
    font-weight: 500;
    line-height: 2.4;
    color: #ffffff;
    height: auto !important;
}


.block-choose-font{
    margin-right: 20px;
    padding-right: 0;
    padding-left: 15px;
}

.block-choose-font p,
.block-choose-font-size p,
.block-display-style__dashboad p{
    font-size: 15px;
    font-weight: 500;
    line-height: 3;
    color: #1b2133;
    margin-bottom: 0;
}

.block-graphic-control__dashboad .row{
    border: none;
    box-shadow: none
}


.select-wrapper__font{
    display: flex;
    align-items: center;
    position: relative;
    background: #ffffff;
    width: 185px;

    margin-bottom: 29px;
}

.icon__select-wrapper__font{
    background-color: rgba(146, 146, 146, .44);
    padding: 13px 13px;
    position: absolute;
    right: -2px;   
}


.select-wrapper__font select {
    width: 100%;
    height: 50px;
    background: transparent;
    border: 0;
    appearance: none;
    z-index: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-left: 10px;


    font-size: 14px;
    font-weight: 500;
    line-height: 2.09;
    color: #1b2133;
    
}


.select-wrapper__font-color{
    display: flex;
    align-items: center;
    position: relative;
    background: #5972b6;
    border-radius: 5px;
    width: 185px;

    margin-bottom: 29px;
}

.select-wrapper__font-color select{
    width: 100%;
    height: 50px;
    background: transparent;
    border: 0;
    appearance: none;
    z-index: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-left: 10px;


    font-size: 14px;
    font-weight: 500;
    line-height: 2.09;
    color: #ffffff;
}
.select-wrapper__font-color select option{

    color: #1b2133;
    width: 100%;
}

.icon__select-wrapper__font-color{
    background-color: transparent;
    padding: 13px 13px;
    position: absolute;
    right: -2px;  
}

.block-font-color{
    padding-right: 0;
}

.select-wrapper__font-color-btn{
    background-color: #5bb659;
}

.select-wrapper__font-color-background{
    background-color: #5bb659;
    width: 390px;
}

.graphic-control-chechbox-label{
    display: flex;
    align-items: center;
    position: relative;
}

.graphic-control-chechbox-label input{
    margin-right: 13px;
    width: 24px;
    height: 24px;
    background-color: #e4ebf7;
    border: none;
}



.graphic-control-chechbox-label p{

    font-size: 14px;
    line-height: 2.82;
    color: #1b2133;
    margin-bottom: 0;
    position: relative;
}

.block-display-style__dashboad{
    padding-left: 20px
}

.position__radio-button__dashboad{
    display: flex;
    flex-wrap: wrap;
}

.position__radio-button__dashboad input{
    width: 85px;
    height: 73px;
    z-index: 10;
    position: relative;
}

.position__item-radio-button__dashboad{
    width: 96px;
    height: 85px;
    border: 1px solid #515974;
    border-radius: 5px;
    position: relative;
    margin-right: 20px;
    margin-bottom: 20px;
    padding: 5px;
}

.position__item-radio-button__dashboad:hover,
.svg-background-display-style:hover{
    cursor: pointer;
}

.svg-background-display-style{
    position: absolute;
    top: 5px;
    left: 5px;
}


.position-radio-button-absolute__dashboad{
    position: absolute;
    width: 60%;
    height: 40%;
    background-color: #5f5f5f;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    border-radius: 3px;
    z-index: 1;
}

.position-radio-button-top-right__dashboad {
    position: absolute;
    width: 42%;
    height: 18%;
    background-color: #5f5f5f;
    top: 7%;
    transform: translate(0, 0);
    right: 7%;
    border-radius: 3px;
    z-index: 1;
}

.position-radio-button-top-left__dashboad{
    position: absolute;
    width: 42%;
    height: 18%;
    background-color: #5f5f5f;
    top: 7%;
    transform: translate(0, 0);
    left: 5%;
    border-radius: 3px;
    z-index: 1;
}

.position-radio-button-left-bottom__dashboad{
    position: absolute;
    width: 42%;
    height: 18%;
    background-color: #5f5f5f;
    bottom: 7%;
    transform: translate(0, 0);
    left: 5%;
    border-radius: 3px;
    z-index: 1;
}
.position-radio-button-right-bottom__dashboad{
    position: absolute;
    width: 42%;
    height: 18%;
    background-color: #5f5f5f;
    bottom: 7%;
    transform: translate(0, 0);
    right: 7%;
    border-radius: 3px;
    z-index: 1;
}

.position-radio-button-fixed-bottom__dashboad{
    position: absolute;
    width: 100%;
    height: 22%;
    background-color: #5f5f5f;
    bottom: 0;
    left: 0;
    border-radius: 3px;
    z-index: 1;
}

.position-radio-button-fixed-top__dashboad{
    position: absolute;
    width: 100%;
    height: 22%;
    background-color: #5f5f5f;
    left: 0;
    top: 0;
    border-radius: 3px;
    z-index: 1;
}

.position-radio-button-center-left__dashboad{
    position: absolute;
    width: 42%;
    height: 42%;
    background-color: #5f5f5f;
    left: 5%;
    top: 50%;
    transform: translate(0, -50%);
    border-radius: 3px;
    z-index: 1;
}

.position-radio-button-center-right__dashboad{
    position: absolute;
    width: 44%;
    height: 42%;
    background-color: #5f5f5f;
    right: 5%;
    top: 50%;
    transform: translate(0, -50%);
    border-radius: 3px;
    z-index: 1;
}

.position-radio-button-bottom-left__dashboad {
    position: absolute;
    width: 44%;
    height: 42%;
    background-color: #5f5f5f;
    left: 5%;
    bottom: 0;
    border-radius: 3px;
    z-index: 1;
}

.position-radio-button-bottom-right__dashboad {
    position: absolute;
    width: 44%;
    height: 42%;
    background-color: #5f5f5f;
    right: 5%;
    bottom: 0;
    border-radius: 3px;
    z-index: 1;
}



.graphic-control-preview__dashboad .line{
    padding-top: 68px;
    border-bottom: 2px solid #e1e7f0;
}

.wrapper-preview__dashboad{
    padding: 53px 20px 0 20px;
    /* padding: 53px 29px 0 37px; */
}

.block-preview__dashboad{
    height: 300px;
    /* height: 582px; */
    background-color: #ffffff;
    box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.15);
    position: relative;
    width: 400px;
}

.btn-block-preview__dashboad{
    border-radius: 0 0 5px 0;
    background-color: #222020;
    font-size: 18px;
    font-weight: 500;
    line-height: 2.18;
    color: #ffffff;
    text-transform: uppercase; 
    display: inline-block;
    padding: 0px 22px;
    margin: 0;
    z-index: 2;
    position: relative;

}

.btn:hover{
    color: #ffffff;

}
/*Section section-dashboad*/

.graphic-control-chechbox-label-style input{
	position: absolute;
	z-index: -1;
	opacity: 0;
	margin: 10px 0 0 7px;
}
.graphic-control-chechbox-label-text{
	position: relative;
	cursor: pointer;
}
.graphic-control-chechbox-label-text:before {
	content: '';
    position: absolute;
    top: 50%;
    left: -37px;
    width: 24px;
    height: 24px;
    background-color: #cfcfcf;
    border-radius: 50%;
    transform: translateY(-50%);
}
.graphic-control-chechbox-label-text:after {
	content: '';
	position: absolute;
	top: 50%;
	left: -33px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #5f5f5f;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.5);
	opacity: 0;
	
    transition: .2s;
    transform: translateY(-50%);
}
.graphic-control-chechbox-label input:checked + .graphic-control-chechbox-label-text:after {
	opacity: 1;
}
.graphic-control-chechbox-label input:focus + .graphic-control-chechbox-label-text:before {
	box-shadow: 0 0 0 3px #5f5f5f;
}

/*////////////////////////////*/
.standortbezogene-chechbox-button-wrapper input{
	position: absolute;
	z-index: -1;
	opacity: 0;
	margin: 10px 0 0 10px;
}
.standortbezogene-chechbox-button-wrapper-style{
	position: relative;
    cursor: pointer;
    padding-left: 40px;
}
.standortbezogene-chechbox-button-wrapper-style:before {
	content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 24px;
    height: 24px;
    background-color: #cfcfcf;

    transform: translateY(-50%);
}
.standortbezogene-chechbox-button-wrapper-style:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 4px;
	width: 16px;
	height: 16px;
	background: #5f5f5f;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.5);
	opacity: 0;
	
    transition: .2s;
    transform: translateY(-50%);
}
.standortbezogene-chechbox-button-wrapper input:checked + .standortbezogene-chechbox-button-wrapper-style:after {
	opacity: 1;
}
.standortbezogene-chechbox-button-wrapper input:focus + .standortbezogene-chechbox-button-wrapper-style:before {
	box-shadow: 0 0 0 3px #5f5f5f;
}


/*Section modal-index*/
.section-modal__index{
    position: fixed;
    top: 0;
    width: 100%;
    height: 100vh;
    color: #0c1224;
    z-index: 2;
}

.container__index{
    padding: 0;
    position: fixed;
}

.body__index{
    padding: 0;
    background-color: rgba(255, 255, 255, 0.6);
}
.container-close__index{
    right: 30px;
    top: 30px;
    position: absolute;
}

.container-close__index span{
    font-size: 50px;
}

.body__index{
    height: 100%;
}

.block-modal__index{
    position: fixed;
    height: 250px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 5px;
    background-color: #515974;
}

.modal-text__index{
    font-size: 22px;
    /* max-width: 240px; */
    font-weight: 600;
    line-height: 1.6;
    margin-bottom: 0;
    margin-right: 10px;
    color: #ffffff;
}

.modal-icon__index img{
    height: 55px;
    width: 55px;
}

.modal-btn__index{
    padding: 10px 20px;
    max-height: max-content;
    font-size: 22px;
    border-radius: 5px;
    background-color: #0086be;
    font-weight: 900;
    color: #f2f6fc;
    line-height: 0;
}

.active-position__item-radio-button{
    border: 1px solid #e34437;
    background-color: #dacece;
}

.active-position__item-radio-button>label>div{
    background-color: #e34437;
}

.active-color__item-radio-button{
    box-shadow: 0px 0px 10px 0 rgba(107, 151, 209, 1);
}
.active-color__item-radio-button>label>div{
    border: 1px solid #fdfdfd;
    
}


/*Section modal-index*/

/*Section modal-dashboard*/
.section-modal__dashboard{
    position: fixed;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: 2;  
}

.body__dashboard{
    padding: 0;
    background-color: rgba(255, 255, 255, 0.6);
    height: 100%;
}

.block-modal__dashboard{
    position: fixed;
    align-items: center;
    border-radius: 5px;
    background-color: #515974;
}

.container-close__dashboard{
    right: 30px;
    top: 30px;
    position: absolute;
}
.container-close__dashboard span{
    font-size: 50px;
}
/*Section modal-dashboard*/

/*Section section-login*/

.section-login{
  background-color: #1b2133;
  height: 100vh;
}
.section-login .container{
    max-width: 900px;

    padding: 0;
    border-radius: 10px;
    transform: translateY(8vh);
}
.section-login .container .row{
    margin: 0;
}

.section-login__image{
    padding: 0;
    position: relative;
}
.background-login__img{
    height: 530px;
    background-size: cover;
    background-repeat: no-repeat;

    border-radius: 7px 0 0 7px;
}

@font-face {
    font-family:"Heroes Legend";
    src:url("Heroes_Legend.eot?") format("eot"),
        url("Heroes_Legend.woff") format("woff"),
        url("Heroes_Legend.ttf") format("truetype"),
        url("Heroes_Legend.svg#HeroesLegend") format("svg");
    font-weight:normal;
    font-style:normal;
}

.section-login__logo-text{
    font-family: "Heroes Legend";
    font-size: 23px;
    line-height: 31px;
    color: #1b2133;
    position: absolute;
    top: 57px;
    right: 145px;
}

.section-login__login-regist{
    padding: 0;
 
}

/*tab*/




.tabs {
    position: relative;
    color:red;
    border-radius: 0 7px 7px 0;
    height: 100%;
    background: #FFF;
}
.tabs__caption {
    position: absolute;
    transform: translate(-100%, 40px);
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	list-style: none;

    margin: 0;
}
.tabs__caption li:last-child:before {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 0;
	right: -2px;
	z-index: -1;
	height: 5px;
	background: #7DCA86;
}
.tabs__caption:after {
	content: '';
	display: table;
	clear: both;
}
.tabs__caption li {
	padding: 6px 18px;
	background: transparent;
	color: #FFF;
	position: relative;
	border: none;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
}
.tabs__caption li:not(.active) {
    cursor: pointer;
    
}
.tabs__caption li:not(.active):hover {
    text-decoration: underline;
}
.tabs__caption .active {
	background: #FFF;
	color: #515974;;
}
.tabs__caption .active:after {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 0;
	right: 0;
	height: 5px;
	background: #FFF;
}
.wrapper-content__section-login{
    width: 100%;
    margin-bottom: -70px;
}
.tabs__content {
	display: none;
	background: #FFF;

    padding: 18px 25px;
    border-radius: 0 10px 10px 0;
    height: 100%;
    width: 100%;
}
.tabs__content.active {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    width: 100%;
}

.vertical .tabs__caption {
	float: left;
	display: block;
}
.vertical .tabs__caption li {
	float: none;
	border-radius: 18px 0 0 18px;
}
.vertical .tabs__caption li:last-child:before {
	display: none;
}
.vertical .tabs__caption .active:after {
	left: auto;
	top: 0;
	right: -2px;
	bottom: 0;
	width: 2px;
	height: auto;
}
.vertical .tabs__content {
	overflow: hidden;
}

/*tab*/

.title__section-login{
    color: #515974;
    text-transform: uppercase;
    font-size: 25px;
    line-height: 42px;
    font-weight: 300;
    width: 100%;
    margin-bottom: 5px;
}

.text__section-login{
    color: #9e9fa4;
    font-size: 19px;
    line-height: 31px;
    font-weight: 500;
    width: 100%;
    margin-bottom: 15px;

}

.form-group{
    display: flex;
    align-items: center;
    background-color: #f8f8f8;
    padding: 0 9px;
    margin-bottom: 15px;

}

.form-group input{
    font-size: 14px;
    font-weight: 500;
    color: #a6a6a6;

}
.form-group input[type="email"]::-moz-placeholder { color: #a6a6a6 }
.form-group input[type="email"]::-webkit-input-placeholder  { color: #a6a6a6 }
.form-group input[type="password"]::-moz-placeholder { color: #a6a6a6 }
.form-group input[type="password"]::-webkit-input-placeholder  { color: #a6a6a6 }
.form-group input[type="text"]::-moz-placeholder { color: #a6a6a6 }
.form-group input[type="text"]::-webkit-input-placeholder  { color: #a6a6a6 }

.form-control{
    background-color: transparent;
    border: none;
    padding: .375rem 0 .375rem .75rem;
}

.form-check{
    background-color: transparent;
    margin: 0;
    
}

.form-check-input{
    margin-top: 0;
}
.pass__check{
    display: flex;
    justify-content: space-between;
    line-height: 1;
    font-size: 10px;
    font-weight: 500
    
}

.pass__check a,
.pass__check label{
    color: #86878e;
    text-transform: uppercase;    
}

.pass__check label:hover{
    text-decoration: underline;
    cursor: pointer;
}

.btn__section-login{

    border: 10px;
    color: #fff;
    background-color: #2ab604;
    width: 100%;
    

    text-transform: uppercase;
    font-size: 19px;

    display: flex;
    justify-content: center;
    font-weight: 500;
    margin-bottom: 15px;
    padding: 4px;
    height: auto;
    border-radius: 40px;
}

.list__section-login{
    display: flex;
    justify-content: center;
    list-style-type: none;
    width: 100%;
    
}

.list__section-login li a{
    color: #86878e;
    margin-right: 5px;
    font-size: 10px;
    font-weight: 500;
}


.list__section-login li a::after{
    content: " \2022";
    color: #86878e;
    width: 40px;
    height: 40px;
    margin-left: 5px
}
.list__section-login li:last-of-type a::after{
    content: " ";
}
/*Section section-login*/
/*Section section-regist*/

.wrapper-content__section-regist{
    margin-bottom: -20px;
}

.wrapper-btn__section-regist,
.wrapper-btn__section-regist .btn-group,
.wrapper-btn__section-regist form{
    width: 100%;
}

.text__section-regist{
    color: #9e9fa4;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    width: 100%;
    margin-bottom: 25px;
}
.btn__section-regist{
    border-radius: 5px;
    font-size: 16px;
    justify-content: space-between;
    padding: 5px 25px;
}
.dropdown .dropdown-toggle-simple{
    margin-right: 20px;
}

.campain-notifications__table .dropdown-toggle::after{
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 8px solid;
    border-right: 7px solid transparent;
    border-bottom:0;
    border-left: 7px solid transparent;
    opacity: 0;
}

.dropdown-menu-registr{
    width: 100%;
    margin-top: 5px;
    border-radius: 5px;
    box-shadow: 0px 0px 7px 3px rgba(0, 0, 0, 0.23);
    border: none;
}

.item-list-regist{
    padding: 5px 12px 5px 43px;
    position: relative;
    display: flex;
    align-items: center;
}

.item-list-regist img{
    position: absolute;
    left: 12px;
}

.item-list-regist:nth-child(3) img{
    left: 14px;
}

.item-list-regist:nth-child(4) img{
    left: 15px;
}

/*Section section-regist*/
.wrapper-content__section-pass{
    margin-bottom: -60px;
    width: 100%;
}
.captcha-pass{
    margin-bottom: 15px
}




/*Section section-modal-login*/
.section-modal-login{
    background-color: #1b2133;
    height: 100vh;
}
.wrapper__secton-modal-login{
    background-color: #ffffff;
    border-radius: 5px;
}

.section-modal-login .container{
    max-width: 1100px;
    padding: 0;
    border-radius: 10px;
    transform: translateY(20%);
    padding: 70px 35px 50px;

}

.section-modal-login .container .row{
    margin: 0;
}


.section-modal-login__title{
    padding: 0;
    text-align: center;
}

.title__section-modal-login{
    font-size: 40px;
    color: #515974;
    line-height: 42px;
    margin-bottom: 20px;
}

.text__section-modal-login{
    font-size: 18px;
    line-height: 31px;
    color: #9e9fa4;
    font-weight: 500;
    max-width: 70%;
    margin: 0 auto 50px;
}

.section-modal-login__form{
    padding: 0;
}

.login-form{
    background-color: transparent;
    padding: 0;
    margin-bottom: 20px !important;
}

.login-form:last-of-type{
    margin-bottom: 50px !important;
}

.modal-login__label{
    font-size: 17px;
    color: #1b2133;
    font-weight: 500;
    line-height: 31px;
    padding: 0;
}

.modal-login__input{
    background-color: #efefef;
    padding: 0;
}
.modal-login__input input{
    padding: 5px 15px;
}

.section-modal-login__checked{
    margin-bottom: 60px;
}

.section-modal-login__checked h4{
    font-size: 16px;
    font-weight: 600;
    line-height: 1.72;
    color: #1b2133;
    margin-bottom: 11px;
}

.section-modal-login__btn{
    display: flex
}

.section-modal-login__checked-wrapper p{
    font-size: 16px;
}

.section-modal-login__btn button{
    font-weight: 500;
    height: 35px;
}
/*Section section-modal-login*/


/*Section step-2*/
.title-step{
    font-size: 16px;
    font-weight: 600;
    line-height: 1.72;
    color: #1b2133;
    margin-bottom: 22px;

}

.title-step__block{
    padding-bottom: 30px;
    border-bottom: 1px dashed #cfd0d4;
    margin-bottom: 20px;
}

.title-step__block:nth-child(2){
    border-bottom: none;
    padding: 0;
    margin-bottom: 30px;

}

.param-step{
    padding-right: 60px;
}

.kein-cookiehero__block{
    display: flex;
    align-items: center;
    margin-bottom: 22px;
}

.kein-cookiehero__block img{
    margin-right: 10px;
    width: 26px;
    height: auto;
    
}

.kein-cookiehero__block p{
    color: #e60000;
    width: calc(100% - 34px);
}

.text-description__step-block{
    font-size: 17px;
    line-height: 23px;
    color: #1b2133;
    margin: 0;

}

.code-snippet{
    background-color: #f0f0f0;
    padding: 19px 26px;
    position: relative;
    
}

.code-snippet pre{
    margin: 0;
}


.title-step__btn{
    display: flex;

}

.title-step__btn button{
    font-weight: 500;
    /* padding: 0 40px; */
}

#scriptSuccesstInstallButton{
    background-color: #2ab604;
}

.btn-mache__step-two{
    font-size: 16px;
    background-color: #bababa;
    margin-right: 30px;
}

.btn-erneut__step-two{
    font-size: 18px;
    background-color: #e60000;
}

.btn-erneut__step-two img{
    margin-right: 17px;
    width: 26px;
    height: auto;
}


.btn-vorschaumodus__step-two{
    height: 36px;
    background-color: #bababa;
    margin-bottom: 41px;
}

.block-modal__step-two{

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

}

.block-modal__step-two-icon img{
    width: 150px;
    height: 150px;
}

.block-modal__step-two-icon img:hover{
    cursor: pointer;
    transform: scale(1.1);
    transition: .3s linear;
}

/*Section step-2*/

/*Section step-3*/
.text__step-three{
    margin-bottom: 30px;
}

.title-step-three{
    margin-bottom: 5px;
}

.step-three__form .form-group {
    margin-bottom: 30px;
    background-color: transparent;
}

.step-three__form .form-group input{
    background-color: #f8f8f8;
    font-weight: 400;
    padding: 5px;
}

.step-three__item-chechbox-button p,
.step-three__item-chechbox-button p a{
    font-size: 14px;
    line-height: 20px;
    color: #a6a6a6;
    font-weight: normal;
}

.step-three__item-chechbox-button p{
    padding-left: 30px;
}
.step-three__item-chechbox-button p a{
    text-decoration: underline;
}

.step-three__item-chechbox-button .standortbezogene-chechbox-button-wrapper-style::before{
    content: '';
    position: absolute;
    top: 12px;
    left: 0;
    width: 14px;
    height: 14px;
    background-color: #cfcfcf;
    transform: translateY(-50%);
}
.step-three__item-chechbox-button .standortbezogene-chechbox-button-wrapper-style::after{
    content: '';
    position: absolute;
    top: 12px;
    left: 3px;
    width: 8px;
    height: 8px;
    transform: translateY(-50%);
}

.step-three__btn-submit{
    height: 36px;
    background-color: #bababa;
    margin-bottom: 10px;
 
}

.du-hast-account__text,
.du-hast-account__text a{
    font-size: 15px;
    line-height: 20px;
    color: #1b2133;
    font-weight: normal;    
}

.du-hast-account__text a{
    text-decoration: underline;
}

.btn-vorschaumodus__step-three{
    height: 36px;
    background-color: #bababa;
    margin-bottom: 41px;
    padding: 0 12px;
    display: inline-block;
    line-height: 36px;
    border-radius: 7px;
    font-weight: 500;
   
}

.step-three__btn-submit,
.step-three__btn-submit:hover,
.step-three__btn-submit:active{
    background-color: #2ab604 !important;
    padding: 0 49px;
    color: #ffffff;
}


/*Section step-3*/

/*Section install-script*/
.block-wrapper__install-script{
    padding-left: 30px;
}
.block-install-script{
    padding: 0;
    background-color: #e4ebf7;
}

.install-script__background{
    background-color: #ffffff;
    padding: 0;
    padding-bottom: 30px;
}


.install-script__link{
    background-color: #1b2133 !important;
    padding-left: 65px !important;
    position: relative;
}
.install-script__link::before{
    content: "";
    position: absolute;
    border-left: 1px solid #cfcfcf;
    transform: rotate(45deg);
    height: 30px;
    left: 10px;
    bottom: -4px;
}

.install-script__link::after{
    content: "";
    position: absolute;
    border-left: 1px solid #cfcfcf;
    transform: rotate(-45deg);
    height: 30px;
    left: 10px;
    top: -4px;
}

.install-script__list{
    margin-bottom: 60px;
}
.install-script__list ol{
    list-style-position: inside;

}

.install-script__list-title{
    font-size: 28px;
    line-height: 45px;
    color: #1b2133;
    border-bottom: 2px solid #e6e7e9;
    padding-bottom: 5px;
    margin-bottom: 25px;
}

.install-script__list-text{
    color: #989898;
    font-weight: 500;
    font-size: 17px;
    margin-bottom: 40px;
}

.install-script__code-snippet{
    padding: 48px 19px;
}

.install-script__list-btn-copy{
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #272724;
    border-radius: 5px 0 0 0;
    padding: 0 12px;
    height: 40px;
}

.install-script__list-btn-copy img{
    margin-right: 10px;
}

.install-script__list-btn{
    background-color: #08b64e;
    padding: 0 15px;
    height: 40px;
    float: right;
    font-weight: 500;
    border-radius: 10px;
    font-size: 17px;
    
}

.text-color{
    color: #7c7c7c;

}

.block-list-activity{
    width: 100px;
}

.block-list-activity img{
    margin-right: 10px;
    margin-bottom: 5px;

}
.install-script__list-activity li{
    color: #1b2133;
    font-size: 18px;
    line-height: 38px;
    border-bottom: 1px solid #a2a2a2;
    margin-bottom: 11px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 40px 0 10px;
}
.install-script__list-activity li p{
    margin: 0;
    color: #1b2133;
    font-family: 'Courier New', Courier, monospace;

    font-size: 22px;
    font-weight: 600;
}
.in-aktiv-item img{

    margin: 0 12px 5px 2px;
}
/*Section install-script*/

/*Section campain-notifications*/
.campain-notifications__status{
    padding-top: 18px;
}
.block-link-notification{
    margin-bottom: 25px;
    padding-left: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;

}
.block-border-top{
    border-top: 1px solid #e6e7e9;
}
.btn-create-notification{
    background-color: #08b64e;
    height: 40px;
    padding: 0 15px;
    float: right;
    border-radius: 10px;
}

.btn-create-notification img{
    margin-right: 10px;
}

.campain-notifications__status-text{
    color: #989898;
    font-size: 18px;
    
    font-weight: 500;
}

.campain-notifications__table{
    width: 100%;
    color: #1b2133;
    font-weight: 900;
    position: relative;
    z-index: 1;

}

.campain-notifications__table thead{
    background-color: #1b2133;    
    position: relative;    
    height: 50px;
}

.campain-notifications__table tbody{
    font-family: "Helvetica";
    font-weight: 700;
}
.campain-notifications__table thead tr td{
    font-size: 17px;
    line-height: 48px;
    color: #ffffff;
    font-weight: 900; 
    
}

.campain-notifications__table tbody tr td:nth-child(2){
    display: flex;
    align-items: flex-end;
}

.campain-notifications__table thead tr td:nth-child(6){
    width: 3%;
}

.campain-notifications__table thead tr td:nth-child(3),
.campain-notifications__table thead tr td:nth-child(4),
.campain-notifications__table thead tr td:nth-child(5)
{
    text-align: center;
    width: 17%;
}

.campain-notifications__table tbody tr td{
    padding: 20px 0 10px ;
    line-height: 1;
}
.campain-notifications__table tbody tr {
    margin: 0 10px;
}
.campain-notifications__table p{
    margin-bottom: 0;
    line-height: 1;
}

.campain-notifications__table tbody tr td:nth-child(3),
.campain-notifications__table tbody tr td:nth-child(4),
.campain-notifications__table tbody tr td:nth-child(5){
    text-align: center;
}

.small-text__campain-notifications{
    font-size: 12px;
}

.campain-notifications__table tbody tr td:nth-child(2) img{
    margin-right: 8px;
}

.campain-notifications__table tbody tr:not(:last-of-type){
    border-bottom: 2px solid #e6e7e9;
}

.wrapper-table__boz-shadow{
    box-shadow: 0px 0px 13px 7px rgba(0, 0, 0, 0.2);
    padding: 0px 17px 140px; 
    position: relative;
}

.campain-notifications__thead-table{
    position: absolute;
    top: 0;
    left: 0;
    height: 50px;
    background-color: #1b2133;
    width: 100%;
    box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.5);
}

/*Section campain-notifications*/

/*Section account-details*/
.account-details__wrapper{
    padding-left: 40px;
    position: relative;
}
.account-details__list-title{
    color: #1b2133;
    font-size: 30px;
    line-height: 48px;
    padding-bottom: 12px;
    margin-bottom: 19px;
    border-bottom: 1px solid #e6e7e9;
    
}
.account-details__list-title::before{
    content: "";
    position: absolute;
    left: 0; 
    top: 5px;
    border: 20px solid transparent;
    border-left: 20px solid #1b2133;
}

.account-details__list-text{
    font-size: 17px;
    margin-bottom: 45px;
}

.account-details__list-activity{
    color: #1b2133;
    font-size: 20px;    
}

.account-details__list-activity li{
    padding: 10px 20px 10px 3px;
    border-bottom: 1px solid #a2a2a2;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.account-details__list-activity li:first-of-type{
    border-top: 1px solid #a2a2a2;  
}

.account-details__list-activity li a{
    font-size: 16px;
    color: #373c4c;    
    border-bottom: 1px solid #373c4c;
    line-height: 1.1;
}

.account-details__list-activity li a:hover{
    cursor: pointer;
    text-decoration: none;


}

.position__item-radio-button label input, .position__item-radio-button label {
    width: 100%;
    height: 100%;
}
/*Section account-details*/


.modal-body .form-group label{
    color: #000;
    display: flex;
    align-items: center;
}


.position-radio-button-wrapper__dashboad{
    width: 100%;
    height: 100%;
}

/* Preview*/

.block-modal__graphic{
    border-radius: 5px;
    background-color: #515974;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    position: absolute;
    bottom: 0;
    left: 5%;
    color: #ffffff;
    max-width: 57%;
}

.modal-icon__graphic{
    margin-right: 10px;
    display: inline-block;
    width: 45px;
}

.modal-text__graphic{
    margin-bottom: 0;
    margin-right: 10px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.6;
    display: inline-block;
}

.modal-btn__graphic{
    border-radius: 5px;
    background-color: #0086be;
    padding: 0 10px;
    font-size: 10px;
    font-weight: 900;
    color: #f2f6fc;
    max-height: 26px;
    line-height: 26px;
}

/* -open-  configuration*/
.step__border-bottom{
    padding-bottom: 30px;
    border-bottom: 2px solid rgba(27, 33, 51, .11);
    margin-bottom: 28px;
    
}

.step-three__label-margin-bottom{
    margin-bottom: 15px;
    width: 100%;
}

.step-three__label-margin-bottom:last-of-type{
    margin-bottom: 0;
}

.step__padding-none{
    padding-left: 0;
    padding-right: 0;
}

.step-three__types-are-supported{
    color: #1b2133;
    font-family: Roboto;
    font-weight: 500;
    margin-bottom: .7rem;
  

}

.step__display-flex{
    display: flex;
    flex-wrap: wrap;
    /* align-items: flex-start; */

    /**/
    align-items: stretch;
}




.step__input-style{
    border: none;
    padding: 10px 15px;
    display: inline-block;
    width: auto;
    font-weight: 500;
    color: #1b2133;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #dbdcdd;
}

.select-wrapper__supported{
    margin: 0;
    width: 135px;
    height: 43px;

    align-self: flex-end;
}
.select-wrapper__supported select{
    padding: 7px 15px;
    height: auto;
}

.select-wrapper__supported .icon__select-wrapper__font{
    padding: 10px 13px;
}

.input-style__gpoup-name{
    width: 150px;
}

.input-style__install{
    width: 280px;
} 

.input-style__gpoup-name-path{
    width: 200px;
}

.step__input-save{
    width: 50px;
    text-align: center
}

.step__save-value{
    padding: 9px 25px;
    border: none;
    margin-left: 10px;
    background-color: #d7d7d7;
    font-weight: bold;
}

.step_font-weight{
    font-weight: 500;
    font-size: 16px !important;
}

.step-three__group-name span{
    font-size: 9px;
    font-weight: 900;
}

.step__display-flex .col-md-5{
    padding-right: 20px;
    padding-left: inherit;
    padding-left: inherit;
}


.step__display-flex div .step-three__label-margin-bottom{
    height: 100%;
    display: flex;
    flex-wrap: wrap;
}

.step__display-flex div .step-three__label-margin-bottom input{
        align-self: flex-end;
}

.standortbezogene-chechbox-button-wrapper p{
    align-self: flex-start;
}
/* -close-  configuration*/



/* -open- label configuration*/
.step__label-text-config{
    /* height: auto; */
}

.form-item{
    /* margin-bottom: 20px; */
    height: 100%;
}



#oilTextSettings .col-md-7{
    padding: 0;
}

.step__add-purpose-block{
    padding: 9px 20px;
    background-color: #dcdcdc;
    border: 1px solid black;
    font-weight: 500;
    margin-bottom: 30px;
}
#oilTextSettings .step-three__block-advanced-settings .col-md-6{

    margin-bottom: 20px;
}
#oilTextSettings .step-three__block-advanced-settings .col-md-6:nth-of-type(3){
    position: absolute;
    top: 95px;
}

#oilTextSettings .step-three__block-advanced-settings .col-md-6:nth-of-type(1) .form-item{
    height: auto;
}

#oilTextSettings .step__input-style{
    width: 100%;
}

#oilTextSettings textarea{
    resize: none;
}

#oilTextSettings .step-three__block-advanced-settings{
    margin-left: -15px;
}


/*add block*/
.cpc_purpose_block{
    color: #1b2133;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 20px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    padding: 15px;
    position: relative;
}

.cpc_purpose_block:last-of-type{
    margin-bottom: 0;
}

.cpc_purpose_block input{
    border: none;
    padding: 5px 10px;
    display: inline-block;
    width: auto;
    font-weight: 500;
    color: #1b2133;
}

.cpc_purpose_block a{    
    opacity: .5;
}

.cpc_purpose_block a:after{    
    content: "";
    background-image: url(/media/close-block.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 30px;
    height: 30px;
    float: right;

}



.cpc_purpose_block a:hover{
    border-bottom: 2px solid;
    opacity: 1;

}




/* -close- label configuration*/


/* scroll*/
::-webkit-scrollbar-button {
    width:6px;
    height:0px
    }
    
    ::-webkit-scrollbar-track {
        position: relative;
        transform: translateX(-10px);

    background-color:rgb(228, 235, 247);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    }
    
    ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #bec0c3;
    box-shadow:0px 1px 1px #fff inset;
    }
    
    ::-webkit-resizer{
    background-image:url('');
    background-repeat:no-repeat;
    width:7px;
    height:0px
    }
    
    ::-webkit-scrollbar{
    width: 11px;
    }



/*Edit 30-01-2020*/
.block-num-step{
    height: 100%;
    min-height: 100vh;
}

.block-individualisiere-dein-consent{
    height: 100%;
    min-height: 100vh;
    padding:15px 0 15px 15px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.text-muted{
    padding-left: 15px;
}

/**/
@media (min-width: 576px){
    .modal-dialog {
        max-width: 700px;
        margin: 1.75rem auto;
    }
    .modal-body label {
        margin-right: 10px
    }

    .modal-body label svg {
        margin-right: 10px
    }
    .modal-dialog input{
        padding: .375rem
    }
    .modal-dialog form .custom-control.custom-switch{
        display: flex;
    }
    small.form-text.text-muted{
        position: relative;
        transform: translate(-150px, -2px);
    }
    .form-group small.text-muted{
        padding: 5px;
    }
}


.mr-3{
    color: #1b2133;
}

.block-install-script .container h2{
    color: #1b2133;
    line-height: 47px;
}

.rounded-pill svg{
    margin-right: 10px;
}

.block-install-script .container form .form-group label{
    color: #1b2133;
    display: flex;
    align-items: center;
    margin-right: 10px;
}

.block-install-script .container form .form-group label svg{
    margin-right: 10px
}

.block-install-script .container form .form-group:nth-of-type(2){
    height: 35px;
}
.block-install-script .container form .form-group:nth-of-type(2) p{
    margin: 0;
}

h1>span.underline{
    color: #1b2133;
}

.block-install-script .container form div .form-group:last-of-type{
    background-color: transparent;
}

.block-install-script .container form>div>.form-group{
    height: 48px !important;
}


.custom-radio-box{
    color: #151719;
}

.custom-radio-box input[type="radio"]:checked + div{
    color: white;
}

#link-window-logout:hover, .close-window-logout:hover{
    cursor: pointer;
}

.create-block-dashboard{
    display: flex;
}
.create-block-dashboard a{
    background: none;
    color: #212529;
}

.create-block-dashboard .col-auto  a{
    background-color: var(--dark-background-color) !important;
    color: #fff;
}

.create-block-dashboard .col-auto  a svg{
    margin: 0
}

.create-block-dashboard .dropdown-menu a svg, .dropdown .dropdown-menu a svg{
    margin-right: 10px;
}


.campain-notifications__btn-create{
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.btn-border-create-notification{
    border-radius: 10px !important;
    height: 40px;
}

.fill-name{
    color: #ff0f0f;
    text-align: left;
    margin-top: 10PX;
    font-weight: bold;
    position: relative;
    transform: translate(150px, -45px);
    display: inline-block;
    float: left;
    opacity: 0;
    transition: opacity 1s ease-out  ;
}