/* open-sans-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/open-sans-v40-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/open-sans-v40-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-500 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/open-sans-v40-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

:root {
    --bkui_light-blue2: #EDF4FF;
}

.section-beraterportal {
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
    background-color: white;
}

@media (max-width: 767px) {
    .section-beraterportal {
        padding-top: 15px;
        padding-bottom: 15px;
        display: block;
    }
}


.section-beraterportal .info-msg,
.section-beraterportal .success-msg,
.section-beraterportal .warning-msg,
.section-beraterportal .error-msg {
    margin-top: 15px;
    margin-bottom: 25px;
    padding: 10px;
    border-radius: 3px 3px 3px 3px;
}

.section-beraterportal .info-msg {
    color: #059;
    background-color: #BEF;
}

.section-beraterportal .success-msg {
    color: #270;
    background-color: #DFF2BF;
}

.section-beraterportal .warning-msg {
    color: #9F6000;
    background-color: #FEEFB3;
}

.section-beraterportal .warning-msg h2 {
    font-size: 15px;
    margin-bottom: 10px;
    color: #9F6000;
}


.section-beraterportal .error-msg {
    color: #D8000C;
    background-color: #FFBABA;
}


.section-beraterportal .default-msg {
    color: #606060;
    background-color: #d5d3d3;
}

.bkui_custom_amount {
    display: none !important;
}

.bkui_form-payment .bkui_form__row + .bkui_form__row {
    padding-top: 15px;
}

.bkui_tab_container {

    padding-top: 15px;
}

.bkui_flex-container {
    display: -webkit-flex;
    display: flex
}

.bkui_flex-container div svg {
    margin-left: 15px;
    margin-top: 3px;
}

.bkui_ico-mail-open--alt {
    width: 16px;
    height: 16px;
    fill: var(--bkui_blue);
}


.bkui_btn--inactive {
    border: 1px solid var(--bkui_blue);
    background-color: transparent;

    color: var(--bkui_blue-2);

}

.bkui_radios-switch.checked-inaktiv, .bkui_radios-switch.checked, .selected-inaktiv {

    background-color: var(--bkui_heading-gray);
    color: var(--bkui_black);
    border: solid 1px var(--bkui_heading-gray);

}


.bkui_radios-switch.checked-online, .bkui_tag.checked-online, .selected-online {

    background-color: #36af36;
    color: unset;
    border: solid 1px #36af36;;

}

.bkui_radios-switch.checked-offline, .bkui_tag.checked-offline, .selected-offline {

    background-color: #939393;
    color: var(--bkui_black);
    border: solid 1px #939393;;

}

.bkui_radios-switch.checked-pause, .bkui_tag.checked-pause, .selected-pause {

    background-color: orange;
    color: unset;
    border: solid 1px orange;;

}

.bkui_radios-switch.checked-calling, .bkui_tag.checked-calling, .selected-calling {

    background-color: red;
    color: unset;
    border: solid 1px red;;

}


.bkui_radios-switch.checked-inaktiv label, .bkui_radios-switch.checked label, .bkui_tag.checked-inaktiv {
    color: var(--bkui_black);
    transform: translateX(-8px);
}

.bkui_tag.checked-online {
    color: white;
}

.bkui__hidden {
    display: none;
}

.bkui_shell form {
    margin-top: 15px !important;
}

:root {
    --bkui_blue-light: #C7DDFF;
    --bkui_blue-dark: #4E8EF3FF;
}

.bkui_tag--status.lightblue {
    background-color: var(--bkui_blue-light);
    color: var(--bkui_blue-dark);
}

.bkui_tag.lightblue:before {
    background-color: var(--bkui_blue-dark);
}


.bkui_section__table span:first-of-type {

    width: 300px;
    display: inline-block;
}

.bkui_section__table p {

    margin-bottom: 10px;
}

@media only screen and (min-width: 960px) {
    .hide-desktop {
        display: none;
    }
}

.bkui_shell {
    max-width: calc(996px + 24px * 2);
    padding-left: unset !important;
    padding-right: unset !important;
    margin: auto;
    width: 100%;
}

.bpwpsuite-sidebar {
    width: 250px;
}

.bpwpsuite-content {
    min-width: 100%;
}

.form_error {
    border: 1px solid red !important;
    background-color: rgb(244, 225, 225) !important;
    color: #1a1a1a;
}

.bkui_checkbox input {
    opacity: 0;
    width: 0px;
    padding: 0px;
    height: 0px;
    display: block;
}

.form_error_label {
    color: red !important;
}

/* Style the navigation menu */
.bpwpsuite_loginnav {
    overflow: hidden;
    background-color: #f7f7f7;
    position: relative;
}

/* Hide the links inside the navigation menu (except for logo/home) */
.bpwpsuite_loginnav #bpwpsuite-mobile-nav {
    display: none;
}

#bpwpsuite-mobile-nav ul.sub-menu li {
    list-style: none;
}



/* Style navigation menu links */
.bpwpsuite_loginnav a {
    color: #6e6e6e;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
    display: block;
    border-bottom: 1px solid white;
}

/* Style the hamburger menu */
.bpwpsuite_loginnav a.icon {
    background: black;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}

/* Add a grey background color on mouse-over */
.bpwpsuite_loginnav a:focus {
    background-color: #939393;
    color: #e7e7e7;
}

/* Style the active link (or home/logo) */
.bpwpsuite_active {
    background-color: #e7e7e7;
    color: #6e6e6e;
    font-weight: bold;
}

.bkui_section {
    padding: 10px 0 !important;
}

.bkui_section .bkui_section__inner {
    padding-top: 0px !important;
}

.bpwpsuite-sidebar a {
    text-decoration: none;
    color: var(--bkui_black);
}

.bpwpsuite-sidebar li {
    list-style: square;

}


.selected-inaktiv {
    background-color: var(--bkui_heading-gray) !important;;
    color: var(--bkui_black);
    border: solid 1px var(--bkui_heading-gray);
}

.selected-online {
    background-color: #36af36 !important;
    color: unset;
    border: solid 1px #36af36;;
}

.selected-offline {
    background-color: #939393 !important;;
    color: var(--bkui_black);
    border: solid 1px #939393;;

}

.selected-pause {

    background-color: orange !important;;
    color: unset;
    border: solid 1px orange;;

}

.selected-calling {

    background-color: red !important;;
    border: solid 1px red;;
    colot: unset;
}


.selected-calling .current,
.selected-paus .current,
.selected-offline .current,
.selected-online .current {
    color: white;
}


.bkui_table > table {
    background-color: transparent;
    width: 100%;
    margin-block-end: 15px;
    font-size: .9em;
    border-spacing: 0;
    border-collapse: collapse;

}

.bkui_table td, .bkui_table th {
    border: unset;
}

.bkui_table > table td {
    padding-left: 5px;
    padding-tight: 15px;
    line-height: unset;
    vertical-align: top;
    border: none;
}

.bkui_table > table tbody tr:hover > td,
.bkui_table > table tbody tr:hover > th {
    background-color: unset;

}

.bkui_table > table tbody > tr:nth-child(2n+1) > td,
.bkui_table > table tbody > tr:nth-child(2n+1) > th {
    background-color: var(--bkui_light-blue2);
}

@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .bkui_table tr:nth-child(2n+1) {
        background-color: var(--bkui_light-blue2);
    }

    .bkui_table tr + tr {
        border: none;
    }


}


.bkui_section__inner + .bkui_section__inner {
    margin-top: 30px !important;
}

.bkui_tag.blue {
    background-color: var(--bkui_blue-3);
    color: var(--bkui_blue-dark);
}

.bkui_tag.blue:before {
    background-color: var(--bkui_blue-dark);
}

.bkui_shell h1 {
    background-color: var(--bkui_blue-3);
    color: var(--bkui_gray-4);
    font-size: 26px;
    line-height: 1.23;
    padding: 15px;
}

.bkui_account__actions {
    margin-top: 10px;
}

.bkui_section .bkui_section__inner {
    padding-top: 15px !important;
    padding-bottom: 0px !important;
}

.bkui_select {
    position: relative;
}

.bkui_select select {
    display: block !important;
    opacity: 0;
    position: absolute;
}

.bkui_anonym_payments div {
    display: flex;
    margin-bottom: 20px;
}

.bkui_anonym_payments div:first-child {
    padding-right: 20px;
}

.bkui_anonym_payments div:last-child {

}

.bkui_price_buttons button {


    width: 85px;
    display: block;
    height: 50px;
    line-height: 50px;
    border: 1px solid #8f9db0;
    border-radius: 3px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-style: normal;
    color: #8f9db0;
}

.bkui_table th {
    color: var(--bkui_table_heading);
}


@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .bkui_section__controls > .bkui_section__select + .bkui_section__select {
        margin-top: 15px;
    }
}

.bkui__hidden{
    display: none !important;
}

.section-beraterportal .bkui_payment__icon .payment:hover{
    cursor: pointer;
}

.section-beraterportal .bkui_payment__icon .payment{
    filter: grayscale(100%);
}
.section-beraterportal .bkui_payment__icon .payment.aktive {
    filter: grayscale(0%);
}

.amount.aktive{

    border: 2px solid #950d0d;
    background-color: #f0323b;
    color: white;
}

.bkui_tag.unset:before{
    content: "";
    width: unset;
    height: unset;
    margin-right:unset;
    border-radius: unset;
    display: none;
}


.bkui_tab{  background-color: var(--bkui_blue-3);       color: var(--bkui_gray-4);   }
.bkui_tab_bar-block .w3-dropdown-hover,.bkui_tab_bar-block .w3-dropdown-click{width:100%}
.bkui_tab_bar-block .w3-dropdown-hover .w3-dropdown-content,.bkui_tab_bar-block .w3-dropdown-click .w3-dropdown-content{min-width:100%}
.bkui_tab_bar-block .w3-dropdown-hover .bkui_tab_button,.bkui_tab_bar-block .w3-dropdown-click .bkui_tab_button{width:100%;text-align:left;padding:8px 16px}
.bkui_tab_bar{width:100%;overflow:hidden}.w3-center .bkui_tab_bar{display:inline-block;width:auto}
.bkui_tab_bar .bkui_tab_bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}
.bkui_tab_bar .w3-dropdown-hover,.bkui_tab_bar .w3-dropdown-click{position:static;float:left}
.bkui_tab_bar .bkui_tab_button{white-space:normal}
.bkui_tab_bar-block .bkui_tab_bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}
.bkui_tab_bar-block.w3-center .bkui_tab_bar-item{text-align:center}.w3-block{display:block;width:100%}
.bkui_tab_bar:before,.bkui_tab_bar:after{content:"";display:table;clear:both}
.bkui_tab_container:after,.bkui_tab_container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,


.bkui_tab > button
{
    background-color: rgba(159, 179, 211, 0.31);
    color: unset;
}
.bkui_tab > button.aktive{
    background-color: #9fb3d3;
    color: white;
}

.tablink{
    border-right: 1px solid gray;
}

.tablink:hover{
    color: #000 !important;
    background-color: #939393 !important;
}



.bkui_activity .bkui_form__row {
    border-bottom: solid 1px var(--bkui_light-gray);
    margin-bottom: 48px;
    padding-bottom:15px;
}

.bkui_form__row .bkui_activity .bkui_activity {
    margin-bottom: 50px;
}


.bkui_table__col_150 {
    max-width: 150px; /* Set a maximum width for the columns */
    overflow: hidden; /* Hide overflow content */
    text-overflow: ellipsis; /* Add ellipsis (...) for overflow text */
    white-space: nowrap; /* Prevent text from wrapping to the next line */
}
.bkui_table__col_140 {
    max-width: 10px; /* Set a maximum width for the columns */
    overflow: hidden; /* Hide overflow content */
    text-overflow: ellipsis; /* Add ellipsis (...) for overflow text */
    white-space: nowrap; /* Prevent text from wrapping to the next line */
}


.bkui_table__icon a, .bkui_badge a {
    text-decoration: none;
}

.bkui_badge a:hover, .bkui_badge a:focus ,.bkui_badge a:active{
    text-decoration: none;
}



.bkui_badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    min-width:60px;
    display: flex; align-items: center;"

}

.bkui_badge-blue-light {
    background-color: #80d9ff; /* Light orange color */
    color: #fff; /* White text color */
}

.bkui_badge-orange-light {
    background-color: #ffc480; /* Light orange color */
    color: #fff; /* White text color */
}

.bkui_badge-red-light {
    background-color: #fa6f6f; /* Light orange color */
    color: #fff; /* White text color */
}

.bkui_badge-green-light {
    background-color: #49dc65; /* Light orange color */
    color: #fff; /* White text color */
}

.bkui_table-profile th:first-child {
    width: 13.1%;
}

@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .defaultcall {
        display: none !important;
    }
}

.section-beraterportal
{

width: 100%;
}

.bkui_wrapper{
    min-height: 100%;
}

.bkui_orderStatusNew{
    background: #edfbd9;
}

.bkui_orderStatusNew{
    background: #edfbd9;
}


.iti input {

    padding-left: 48px !important; /* damit genug Platz für die Flagge bleibt */

}
.iti  {

    display: block !important;
}


.info-msg.step2{
    color: #f19d46;
    background-color: #FBAA552B;
    padding: 20px;
    font-weight: bold;
    border: 1px solid #f29d46;
    text-align: center;
}


.bkui_btn--big-xxl{
    width:100%; height: 80px;
}

::before, ::after {
    box-sizing: inherit;

}

.bkui_form-action--alt .bkui_form__actions {
    margin-top: 48px;
    margin-left: -3px;
}


@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .bkui_form-action .bkui_form__actions_noreverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;

    }
}

@media (max-width: 430px) {
    /* Add your styles here for screens that are at most 767px wide */
   .bkui_btn--big-xxl  {
       margin-bottom: 24px;
   }
}
@media (min-width: 1024px) {
    /* Add your styles here for screens that are at least 1024px wide */
    .bkui_btn--big-xxl + .bkui_btn--big-xxl {
        margin-left: 20px;
    }
}
.bkui_content-container {
    max-width: 100%;
}

.bkui_btn-group {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.bkui_btn-group a {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    text-align: center;

    display: flex;
    align-items: center;     /* vertikal zentriert */
    justify-content: center; /* horizontal zentriert */
}

/* Ab 600px nebeneinander */
@media (min-width: 600px) {
    .bkui_btn-group {
        flex-direction: row;
    }

    .bkui_btn-group a {
        width: auto;
        flex: 1;
    }
}