/* Hier alle Anpassungen vornehmen (fuer Elementor-Seiten nicht notwendig) */
:root{
    --borlabs-custom-primary: #bf1d1f;
    --borlabs-custom-primary-text: #fff;
    --borlabs-custom-secondary: #666;
    --borlabs-custom-secondary-text: #fff;
    --borlabs-custom-accent: #bf1d1f;
    --borlabs-custom-text: #727272;
    --borlabs-custom-font-family: 'Arial, Helvetica, sans-serif';
    --borlabs-custom-font-size: 14px;
    --borlabs-custom-font-weight: 400;
    --borlabs-custom-line-height: 1.2;
}
/* Anpassungen ENDE */

/* Globale Schriften */

#BorlabsCookieBox, .brlbs-cmpnt-container,
body .brlbs-cmpnt-content-blocker {
    font-family: var(--borlabs-custom-font-family, var(--e-global-typography-text-font-family, inherit)), sans-serif;
    font-size: var(--borlabs-custom-font-size, var(--e-global-typography-text-font-size, 14px));
    line-height: var(--borlabs-custom-line-height, var(--e-global-typography-text-line-height, 1.2));
    font-weight: var(--borlabs-custom-font-weight, var(--e-global-typography-text-font-weight, 400));
}

/* Globale Farben */
#BorlabsCookieBox .brlbs-cmpnt-dialog, .brlbs-cmpnt-container .brlbs-cmpnt-dialog{
    color: var(--borlabs-custom-text, var(--e-global-color-text, #000));
}

#BorlabsCookieBox .brlbs-btn-accept-all {
    background-color: var(--borlabs-custom-primary, var(--e-global-color-primary, #000)) !important;
    color: var(--borlabs-custom-primary-text, #fff) !important;
}

#BorlabsCookieBox .brlbs-btn-save {
    background-color: var(--borlabs-custom-secondary, var(--e-global-color-secondary, #afafaf)) !important;
    color: var(--borlabs-custom-secondary-text, #fff) !important;
}

#BorlabsCookieBox .brlbs-cmpnt-btn-preferences {
    background-color: var(--borlabs-custom-secondary, var(--e-global-color-secondary, #afafaf)) !important;
    color: var(--borlabs-custom-secondary-text, #fff) !important;
}

#BorlabsCookieBox .brlbs-cmpnt-tab.brlbs-cmpnt-tab-inactive, .brlbs-cmpnt-container .brlbs-cmpnt-tab.brlbs-cmpnt-tab-inactive{
    border-color: var(--borlabs-custom-primary, var(--e-global-color-primary, #000)) !important;
}

#BorlabsCookieBox .brlbs-cmpnt-tab.brlbs-cmpnt-tab-active, .brlbs-cmpnt-container .brlbs-cmpnt-tab.brlbs-cmpnt-tab-active {
    background-color: var(--borlabs-custom-primary, var(--e-global-color-primary, #000)) !important;
    border-color: var(--borlabs-custom-primary, var(--e-global-color-primary, #000)) !important;
    color: var(--borlabs-custom-primary-text, #fff) !important;
}

#BorlabsCookieBox .brlbs-cmpnt-tab:hover, .brlbs-cmpnt-container .brlbs-cmpnt-tab:focus {
    background-color: var(--borlabs-custom-primary, var(--e-global-color-primary, #000)) !important;
    border-color: var(--borlabs-custom-primary, var(--e-global-color-primary, #000)) !important;
    color: var(--borlabs-custom-primary-text, #fff) !important;
}

#BorlabsCookieBox input[type=checkbox].brlbs-cmpnt-checkbox:checked, .brlbs-cmpnt-container input[type=checkbox].brlbs-cmpnt-checkbox:checked {
    background-color: var(--borlabs-custom-primary, var(--e-global-color-primary, #000));
    border-color: var(--borlabs-custom-primary, var(--e-global-color-primary, #000));
}

#BorlabsCookieBox input#essential {
    background-color: var(--dialog-switch-button-background-color-inactive) !important;
    border-color: var(--dialog-switch-button-background-color-inactive) !important;
}

#BorlabsCookieBox .brlbs-cmpnt-btn-switch input:checked+.brlbs-cmpnt-slider, .brlbs-cmpnt-container .brlbs-cmpnt-btn-switch input:checked+.brlbs-cmpnt-slider {
    background-color: var(--borlabs-custom-primary, var(--e-global-color-primary, #000));
}

#BorlabsCookieBox .brlbs-cmpnt-btn-switch input:disabled+.brlbs-cmpnt-slider, .brlbs-cmpnt-container .brlbs-cmpnt-btn-switch input:disabled+.brlbs-cmpnt-slider {
    background-color: var(--dialog-switch-button-background-color-inactive) !important;
}

#BorlabsCookieBox input[type=checkbox].brlbs-cmpnt-checkbox:checked:disabled:before, input[type=checkbox].brlbs-cmpnt-checkbox:checked:disabled:before {
    background-color: #fff;
}

#BorlabsCookieBox .brlbs-cmpnt-btn-preferences, .brlbs-cmpnt-container .brlbs-cmpnt-btn-preferences {
    background-color: var(--borlabs-custom-primary, var(--e-global-color-primary, #000));
}

#BorlabsCookieBox .brlbs-cmpnt-tab.brlbs-cmpnt-tab-inactive:focus, #BorlabsCookieBox .brlbs-cmpnt-tab.brlbs-cmpnt-tab-inactive:hover, .brlbs-cmpnt-container .brlbs-cmpnt-tab.brlbs-cmpnt-tab-inactive:focus, .brlbs-cmpnt-container .brlbs-cmpnt-tab.brlbs-cmpnt-tab-inactive:hover {
    background-color: var(--borlabs-custom-primary, var(--e-global-color-primary, #000));
    filter: brightness(1.2);
}

#BorlabsCookieBox button.brlbs-cmpnt-link.brlbs-cmpnt-flex.brlbs-cmpnt-btn-selection.brlbs-cmpnt-btn.brlbs-cmpnt-btn-sm {
    background: var(--borlabs-custom-primary, var(--e-global-color-primary, #000));
}

/* Content Blocker */
.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-a .brlbs-cmpnt-cb-description {
    border-bottom: none;
}

body .brlbs-cmpnt-content-blocker a.brlbs-cmpnt-cb-provider-toggle{
    color: var(--borlabs-custom-accent, var(--e-global-color-accent, #000));
}

.brlbs-cmpnt-content-blocker a.brlbs-cmpnt-cb-btn{
    background-color: var(--borlabs-custom-primary, var(--e-global-color-primary, #000)) !important;
    color: var(--borlabs-custom-primary-text, #fff) !important;
}

.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-buttons a.brlbs-cmpnt-cb-btn:first-child {
    background-color: var(--borlabs-custom-secondary, var(--e-global-color-secondary, #afafaf)) !important;
    color: var(--borlabs-custom-secondary-text, #fff) !important;
}

.brlbs-cmpnt-content-blocker a.brlbs-cmpnt-cb-btn:hover {
    background-color: var(--borlabs-custom-primary, var(--e-global-color-primary, #000)) !important;
    color: var(--borlabs-custom-primary-text, #fff) !important;
    filter: brightness(1.2);
}

.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-buttons a.brlbs-cmpnt-cb-btn:first-child:hover{
    background-color: var(--borlabs-custom-secondary, var(--e-global-color-secondary, #afafaf)) !important;
    color: var(--borlabs-custom-secondary-text, #fff) !important;
}

.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-buttons {
    flex-direction: column !important;
    gap: 10px;
}

/*Allgemeines Styling*/
#BorlabsCookieBox input[type=checkbox].brlbs-cmpnt-checkbox:checked, #BorlabsCookieBox input[type=checkbox].brlbs-cmpnt-checkbox:disabled, #BorlabsCookieBox input[type=checkbox].brlbs-cmpnt-checkbox:focus, #BorlabsCookieBox input[type=checkbox].brlbs-cmpnt-checkbox:hover, .brlbs-cmpnt-container input[type=checkbox].brlbs-cmpnt-checkbox:checked, .brlbs-cmpnt-container input[type=checkbox].brlbs-cmpnt-checkbox:disabled, .brlbs-cmpnt-container input[type=checkbox].brlbs-cmpnt-checkbox:focus, .brlbs-cmpnt-container input[type=checkbox].brlbs-cmpnt-checkbox:hover, #BorlabsCookieBox input[type=checkbox].brlbs-cmpnt-checkbox, .brlbs-cmpnt-container input[type=checkbox].brlbs-cmpnt-checkbox {
    border-radius: 0; /* fuer abgerundete Checkboxen löschen*/
}

#BorlabsCookieBox .brlbs-cmpnt-btn:hover, .brlbs-cmpnt-container .brlbs-cmpnt-btn:hover {
    filter: brightness(1.2);
}

#BorlabsCookieBox .brlbs-cmpnt-btn, .brlbs-cmpnt-container .brlbs-cmpnt-btn, #BorlabsCookieBox .brlbs-cmpnt-btn:hover, .brlbs-cmpnt-container .brlbs-cmpnt-btn:hover {
    transition: 0.2s;
    font-weight: 400 !important;
    letter-spacing: 0.1px;
}

#BorlabsCookieBox .brlbs-cmpnt-dialog-box-header, .brlbs-cmpnt-container .brlbs-cmpnt-dialog-box-header {
    gap: 15px;
    flex-direction: column;
}

#BorlabsCookieBox .brlbs-cmpnt-dialog-footer, .brlbs-cmpnt-container .brlbs-cmpnt-dialog-footer {
    background-color: var(--dialog-footer-background-color);
    color: var(--dialog-footer-text-color);
    padding-bottom: 6px;
    padding-top: 6px;
}

#BorlabsCookieBox .brlbs-cmpnt-dialog-details img.cookie-logo.brlbs-dialog-logo.brlbs-mr-2 {
    display: none;
}


#BorlabsCookieBox .brlbs-cmpnt-container :is(.md\:brlbs-px-12) {
    padding-left: 24px;
    padding-right: 24px;
}

#BorlabsCookieBox ul.brlbs-cmpnt-consent-list.brlbs-cmpnt-inline-consent-list.brlbs-cmpnt-justify-between {
    display: flex;
    flex-direction: row !important;
    flex-wrap: wrap;
    justify-content: center !important;
    align-items: center !important;
}

#BorlabsCookieBox li.brlbs-cmpnt-pr-4 {
    margin: 5px !important;
}

#BorlabsCookieBox span.brlbs-cmpnt-text-description, p#BorlabsCookieEntranceA11YDescription {
    text-align: center !important;
}