@import url("font.css");
@import url("header.css");
@import url("footer.css");
@import url("blocks/companys.css");
@import url("blocks/single-unternehmen.css");
@import url("blocks/dashboard.css");
@import url("blocks/dashboard.css");
@import url("blocks/schulungen.css");
@import url("blocks/auswertungen.css");


:root {
    --color-blue:          #5787EE;
    --color-light-blue:    #F1F6F9;
    --color-half-blue:      #E3ECF3;
    --black:                #060B0E;
    --grey: #CFD4D9;
    --white: #fff;
    --gold: #EABA6B;
}


.color-white {
    color: var(--white);
}

a {
    cursor: pointer;
    text-decoration: none;
    color: var(--color-blue);
}

.bg_blue {
    background-color: var(--color-blue);
}

.btn-outline-primary{
    border: solid 2px var(--color-blue)!important;
    
}

.btn-outline-primary:hover{
    border: solid 2px var(--color-blue)!important;
    background-color: var(--color-blue)!important;
    color: white!important;
}

/*
******************************
default settings DO NOT change 
******************************
*/

.layout-60 .layout-60__inner {
    width: 60%;
    max-width: 1200px !important;
}

@media (max-width: 1200px) {
     .layout-60__inner {
        width: 80%;
        max-width: none;
    }
}

@media (max-width: 1024px) {
    .layout-60 .layout-60__inner {
        width: 80%;
    }
}

@media (max-width: 768px) {
    .layout-60 .layout-60__inner {
        width: 100%;
    }
}

.block-my-none  { padding-top: 0 !important; padding-bottom: 0 !important; }
.block-my-default { padding-top: 2.1875rem !important; padding-bottom: 2.1875rem !important; }
.block-my-80-0  { padding-top: 2.1875rem !important; padding-bottom: 0 !important; }
.block-my-0-80  { padding-top: 0 !important; padding-bottom: 2.1875rem !important; }

@media (min-width: 768px) {
  .block-my-default { padding-top: 4.375rem !important; padding-bottom: 4.375rem !important; }
  .block-my-80-0    { padding-top: 4.375rem !important; padding-bottom: 0 !important; }
  .block-my-0-80    { padding-top: 0 !important; padding-bottom: 4.375rem !important; }
  .block-my-extra   { padding-top: 9.375rem !important; padding-bottom: 9.375rem !important; }
}

.padding-my-none    { margin-top: 0 !important; margin-bottom: 0 !important; }
.padding-my-default { margin-top: 2.1875rem !important; margin-bottom: 2.1875rem !important; }
.padding-my-80-0    { margin-top: 2.1875rem !important; margin-bottom: 0 !important; }
.padding-my-0-80    { margin-top: 0 !important; margin-bottom: 2.1875rem !important; }
.padding-my-80-80   { margin-top: 2.1875rem !important; margin-bottom: 2.1875rem !important; }

@media (min-width: 768px) {
  .padding-my-default { margin-top: 4.375rem !important; margin-bottom: 4.375rem !important; }
  .padding-my-80-0    { margin-top: 4.375rem !important; margin-bottom: 0 !important; }
  .padding-my-0-80    { margin-top: 0 !important; margin-bottom: 4.375rem !important; }
  .padding-my-80-80   { margin-top: 4.375rem !important; margin-bottom: 4.375rem !important; }
  .padding-my-extra   { margin-top: 9.375rem !important; margin-bottom: 9.375rem !important; }
}

@media (min-width: 1920px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1720px;
    }
}

@media (min-width: 1720px) {
    .dw_padding_left{
        padding-left: max(0px, (100vw - 1520px)/2);
    }
}

@media (min-width: 1520px) and (max-width: 1920px) {
    .container-lg {
        max-width: 1400px;
    }
}

.dw_padding_left{
    padding-left: max(0px, (100vw - 1320px)/2);
}

.dw_padding_right{
    padding-right: max(0px, (100vw - 1320px)/2);
}

.dw_margin_left{
    margin-left: max(0px, (100vw - 1320px)/2);
}

.dw_margin_right{
    margin-right: max(0px, (100vw - 1320px)/2);
}

.dw_margin_left_child .has_content:first-child{
    padding-left: max(0px, (100vw - 1320px)/2);
}

.dw_margin_right_child .has_content:last-child{
    margin-right: max(0px, (100vw - 1320px)/2);
}

@media only screen and (min-width: 992px) {
    .dw_padding_left{
        padding-left: max(0px, (100vw - 960px)/2);
    }
    
    .dw_padding_right{
        padding-right: max(0px, (100vw - 960px)/2);
    }
    
    .dw_margin_left{
        margin-left: max(0px, (100vw - 960px)/2);
    }
    
    .dw_margin_right{
        margin-right: max(0px, (100vw - 960px)/2);
    }

    .dw_margin_left_child .has_content:first-child{
        padding-left: max(0px, (100vw - 960px)/2);
    }
    
    .dw_margin_right_child .has_content:last-child{
        margin-right: max(0px, (100vw - 960px)/2);
    }

}

@media only screen and (min-width: 1140px) {
    .dw_padding_left{
        padding-left: max(0px, (100vw - 960px)/2);
    }
    
    .dw_padding_right{
        padding-right: max(0px, (100vw - 960px)/2);
    }
    
    .dw_margin_left{
        margin-left: max(0px, (100vw - 960px)/2);
    }
    
    .dw_margin_right{
        margin-right: max(0px, (100vw - 960px)/2);
    }

    .dw_margin_left_child .has_content:first-child{
        padding-left: max(0px, (100vw - 960px)/2);
    }
    
    .dw_margin_right_child .has_content:last-child{
        margin-right: max(0px, (100vw - 960px)/2);
    }
}

@media only screen and (min-width: 1200px) {
    .dw_padding_left{
        padding-left: max(0px, (100vw - 1140px)/2);
    }
    
    .dw_padding_right{
        padding-right: max(0px, (100vw - 1140px)/2);
    }
    
    .dw_margin_left{
        margin-left: max(0px, (100vw - 1140px)/2);
    }
    
    .dw_margin_right{
        margin-right: max(0px, (100vw - 1140px)/2);
    }

    .dw_margin_left_child .has_content:first-child{
        padding-left: max(0px, (100vw - 1140px)/2);
    }
    
    .dw_margin_right_child .has_content:last-child{
        margin-right: max(0px, (100vw - 1140px)/2);
    }
}

@media only screen and (min-width: 1400px) {
    .dw_padding_left{
        padding-left: max(0px, (100vw - 1320px)/2);
    }
    
    .dw_padding_right{
        padding-right: max(0px, (100vw - 1320px)/2);
    }
    
    .dw_margin_left{
        margin-left: max(0px, (100vw - 1320px)/2);
    }
    
    .dw_margin_right{
        margin-right: max(0px, (100vw - 1320px)/2);
    }

    .dw_margin_left_child .has_content:first-child{
        padding-left: max(0px, (100vw - 1320px)/2);
    }
    
    .dw_margin_right_child .has_content:last-child{
        margin-right: max(0px, (100vw - 1320px)/2);
    }
}

@media only screen and (min-width: 1920px) {
    .dw_padding_left{
        padding-left: max(0px, (100vw - 1720px)/2);
    }
    
    .dw_padding_right{
        padding-right: max(0px, (100vw - 1720px)/2);
    }
    
    .dw_margin_left{
        margin-left: max(0px, (100vw - 1720px)/2);
    }
    
    .dw_margin_right{
        margin-right: max(0px, (100vw - 1720px)/2);
    }

    .dw_margin_left_child .has_content:first-child{
        padding-left: max(0px, (100vw - 1720px)/2);
    }
    
    .dw_margin_right_child .has_content:last-child{
        margin-right: max(0px, (100vw - 1720px)/2);
    }
}

@media only screen and (max-width: 992px) {
    .dw_padding_left{
        padding-left: 24px;
        padding-right: 24px;
    }
    
    .dw_padding_right{
        padding-right: 24px;
        padding-left: 24px;
    }
    
    .dw_margin_left{
        margin-left: 24px;
    }
    
    .dw_margin_right{
        margin-right: 24px;
    }
}

@media only screen and (min-width: 1920px) {
    .offcanvas-body.dw_padding_left{
        padding-left: 48px;
    }
}


.jet-form-builder__field, input, select {
    padding: 13px 16px 13px 16px;
    border: solid 1px var(--grey);
    font-size: 1rem;
    border-radius: 0.375rem;
    margin-top: 5px!important;
}

.btn-primary, .wp-block-button__link, .jet-form-builder__action-button{
    background-color: var(--color-blue);
    color: var(--white);
    border-radius: 20px;
    padding: 13px 16px 13px 16px!important;
    border: solid 1px var(--color-blue);
    transition: all 0.5s;
}

.btn-primary:hover, .wp-block-button__link:hover, .jet-form-builder__action-button:hover{
    background-color: var(--white);
    color: var(--color-blue);
    border-radius: 20px;
    padding: 13px 16px 13px 16px;
    border: solid 1px var(--color-blue)!important;
}

.text-btn{
    background: transparent!important;
    padding: 0px;
    border: none;
    color: var(--color-blue);
}

.text-btn:hover{
    background: transparent!important;
    padding: 0px;
    border: none;
    color: var(--color-blue);
}

.jet-form-builder-advanced-media__browse{
    border: none!important;
}

.btn-check:focus + .btn, .btn:focus {
    box-shadow: none!important;
    outline: 0px;
}

.acf-repeater-add-row::before{
    content: "+ ";
}

.select2-container .select2-selection--multiple {
    min-height: 38px!important;
}

.acf-repeater-add-row{
    padding: 13px 16px 13px 16px;
    margin-bottom: 10px;   
}

.acf-repeater .acf-row-handle {
    background: var(--color-light-blue)!important;
    color: var(--black)!important;
    text-shadow: none;
}

.acf-row:nth-child(2n) .acf-row-handle{
    background: var(--grey)!important;
}


.acf-accordion .acf-accordion-title:hover {
    background: var(--color-light-blue)!important;
}

.acf-accordion .acf-label label{
    color: var(--black)!important;
    font-size: 16px;
}

.acf-accordion-title label{
    opacity: 1;
    font-size: 18px!important;
    font-weight: bold!important;
}

label[for="acf-field_68cbc4b8cb06d"]{
    opacity: 1;
    font-size: 18px!important;
    font-weight: bold!important;
}

.copy_url{
    cursor: pointer;
}

.select2-container {
    width: 100% !important;
}

.select2-selection__choice{
    padding-left: 24px!important;
}

.accordion-button:hover {
    border-radius: 0px!important;
}