@import "bootstrap-theme-extra.min.css";
@import "all.min.css";
@import "v4-shims.min.css";
@import "fonts.css";

.help-tooltip {
    --bs-tooltip-bg: lightgray;
    --bs-tooltip-color: black;
    --bs-tooltip-font-size: 15px;
}

.cur-h {
    cursor: help !important;
}

.enable-notifications {
    display: none;
}

.input-group-text {
    font-size: 14px;
    color: rgba(33, 37, 41, 0.75);
}

.mh-studio-login-box {
    background-color: var(--bs-tertiary-bg);
    border-color: var(--bs-border-color) !important;
    color: var(--bs-body-color);
}

#sgCustomerAccessModal .form-switch {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    min-height: auto;
    padding-left: 0 !important;
}

#sgCustomerAccessModal .form-switch .form-check-input {
    flex: 0 0 auto;
    float: none;
    margin-left: 0 !important;
    margin-top: 0 !important;
}

#sgCustomerAccessModal .form-switch .form-check-label {
    line-height: 1.3;
}

#sgCustomerAccessModal .sg-credential-row .form-label {
    margin-bottom: .25rem;
}

#sgCustomerAccessModal .sg-credential-left-pad {
    padding-left: .75rem;
}

#sgCustomerAccessModal .sg-credential-2fa-wrap {
    padding-left: .75rem;
}

#sgCustomerAccessModal .sg-credential-remove-pad {
    padding-right: .75rem;
}

#sgCustomerAccessModal .sg-credential-2fa-switch {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    min-height: auto;
    padding-left: 0 !important;
    margin-top: .15rem;
}

#sgCustomerAccessModal .sg-credential-2fa-switch .form-check-input {
    flex: 0 0 auto;
    float: none;
    margin-left: 0 !important;
    margin-top: 0 !important;
}

#sgCustomerAccessModal .sg-credential-2fa-switch .form-check-label {
    line-height: 1.3;
}

/* SunEditor: Schriftart an Website anpassen */
.sun-editor {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

.sun-editor .se-toolbar,
.sun-editor .se-btn,
.sun-editor .se-btn-tray,
.sun-editor .se-dropdown,
.sun-editor .se-list-layer,
.sun-editor .se-dialog,
.sun-editor .se-dialog * {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

.sun-editor .sun-editor-editable,
.sun-editor .sun-editor-editable * {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.sun-editor .se-wrapper-code,
.sun-editor .se-wrapper-code * {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.back_to_top {
    position: fixed;
    bottom: 10px;
    right: 20px;
    display: none;
    z-index: 1000;
}

.header-menu:hover {
    background-color: var(--bs-gray-200);
    box-shadow: 0 2px 0px 0px #009fe3;
}

#darkmode_button:hover #darkmode_icon,
#darkmode_button:focus #darkmode_icon {
    color: var(--bs-gray-300) !important;
}

[data-bs-theme="dark"] .mw-swal2-dark {
    background: #1f242a !important;
    color: #e9ecef !important;
}
[data-bs-theme="dark"] .mw-swal2-dark .swal2-title,
[data-bs-theme="dark"] .mw-swal2-dark .swal2-html-container {
    color: #e9ecef !important;
}
[data-bs-theme="dark"] .swal2-popup {
    background: #1f242a !important;
    color: #e9ecef !important;
}
[data-bs-theme="dark"] .swal2-title,
[data-bs-theme="dark"] .swal2-html-container {
    color: #e9ecef !important;
}
[data-bs-theme="dark"] .swal2-input,
[data-bs-theme="dark"] .swal2-textarea,
[data-bs-theme="dark"] .swal2-select {
    background: #12161b !important;
    color: #e9ecef !important;
    border-color: #2f343a !important;
}

/* Dark Mode: SunEditor */
[data-bs-theme="dark"] .sun-editor {
    background: var(--bs-body-bg);
    border-color: rgba(255, 255, 255, 0.10);
    color: var(--bs-body-color);
    border-radius: var(--bs-border-radius);
    overflow: visible;

    /* SunEditor v3 nutzt CSS-Variablen für viele UI-Teile (z.B. Statusbar/Tabellen) */
    --se-edit-background-color: var(--bs-tertiary-bg);
    --se-edit-font-color: var(--bs-body-color);
    --se-edit-border-light: rgba(255, 255, 255, 0.10);
    --se-edit-border-dark: rgba(255, 255, 255, 0.14);
    --se-edit-border-table: rgba(255, 255, 255, 0.14);
    --se-main-background-color: var(--bs-body-bg);
    --se-main-font-color: var(--bs-body-color);
    --se-main-border-color: rgba(255, 255, 255, 0.10);
    --se-statusbar-font-color: rgba(var(--bs-body-color-rgb), 0.75);
    /* Cursor/Caret deutlich sichtbar (Dark Mode) */
    --se-caret-color: #00e5ff;
    --se-drag-caret-color: #00e5ff;
}

[data-bs-theme="dark"] .sun-editor .se-toolbar {
    background: var(--bs-secondary-bg);
    border-color: rgba(255, 255, 255, 0.10);
    border-bottom-color: rgba(255, 255, 255, 0.10);
    outline: 1px solid rgba(255, 255, 255, 0.10) !important;
    padding: .35rem;
    overflow: visible;
    border-top-left-radius: calc(var(--bs-border-radius) - 1px);
    border-top-right-radius: calc(var(--bs-border-radius) - 1px);
}

[data-bs-theme="dark"] .sun-editor .se-wrapper {
    background: var(--bs-tertiary-bg);
    color: var(--bs-body-color);
    border-bottom-left-radius: calc(var(--bs-border-radius) - 1px);
    border-bottom-right-radius: calc(var(--bs-border-radius) - 1px);
}

[data-bs-theme="dark"] .sun-editor .se-wrapper .sun-editor-editable {
    background: var(--bs-tertiary-bg);
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .sun-editor .sun-editor-editable,
[data-bs-theme="dark"] .sun-editor .se-wrapper-wysiwyg,
[data-bs-theme="dark"] .sun-editor .se-wrapper-inner {
    caret-color: #00e5ff !important;
}

[data-bs-theme="dark"] .sun-editor .se-wrapper .sun-editor-editable {
    caret-color: #00e5ff !important;
}

/* Statusbar (unten) im Dark Mode */
[data-bs-theme="dark"] .sun-editor .se-status-bar {
    background: var(--bs-secondary-bg);
    border-top-color: rgba(255, 255, 255, 0.12);
    color: rgba(var(--bs-body-color-rgb), 0.80);
}

[data-bs-theme="dark"] .sun-editor .se-status-bar .se-navigation,
[data-bs-theme="dark"] .sun-editor .se-status-bar .se-word-counter-wrapper,
[data-bs-theme="dark"] .sun-editor .se-status-bar .se-char-counter-wrapper {
    color: rgba(var(--bs-body-color-rgb), 0.80);
}

/* Tabellen im Editor-Inhalt (v3 rendert sonst hell) */
[data-bs-theme="dark"] .sun-editor .sun-editor-editable table,
[data-bs-theme="dark"] .sun-editor .sun-editor-editable thead,
[data-bs-theme="dark"] .sun-editor .sun-editor-editable tbody,
[data-bs-theme="dark"] .sun-editor .sun-editor-editable tfoot,
[data-bs-theme="dark"] .sun-editor .sun-editor-editable tr,
[data-bs-theme="dark"] .sun-editor .sun-editor-editable th,
[data-bs-theme="dark"] .sun-editor .sun-editor-editable td {
    background-color: transparent !important;
    color: inherit !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
}

[data-bs-theme="dark"] .sun-editor .se-wrapper-inner,
[data-bs-theme="dark"] .sun-editor .se-wrapper-wysiwyg,
[data-bs-theme="dark"] .sun-editor .se-wrapper-code {
    background: var(--bs-tertiary-bg);
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .sun-editor .se-btn-module-border {
    border-color: rgba(255, 255, 255, 0.10);
    border-radius: var(--bs-border-radius);
    overflow: visible;
    background: rgba(255, 255, 255, 0.02);
}

[data-bs-theme="dark"] .sun-editor .se-btn,
[data-bs-theme="dark"] .sun-editor .se-btn:enabled,
[data-bs-theme="dark"] .sun-editor .se-btn-tray,
[data-bs-theme="dark"] .sun-editor .se-btn-tray:enabled {
    background: transparent;
    color: rgba(var(--bs-body-color-rgb), 0.82) !important;
    border-radius: var(--bs-border-radius-sm);
}

[data-bs-theme="dark"] .sun-editor .se-btn:hover,
[data-bs-theme="dark"] .sun-editor .se-btn:focus,
[data-bs-theme="dark"] .sun-editor .se-btn:active,
[data-bs-theme="dark"] .sun-editor .se-btn.on {
    background: rgba(255, 255, 255, 0.18);
    border-color: rgba(255, 255, 255, 0.22);
    color: #1f242a !important;
}

[data-bs-theme="dark"] .sun-editor .se-btn:enabled.active {
    color: #1f242a !important;
}

[data-bs-theme="dark"] .sun-editor .se-btn:enabled.active > svg,
[data-bs-theme="dark"] .sun-editor .se-btn:enabled.active i,
[data-bs-theme="dark"] .sun-editor .se-btn.on > svg,
[data-bs-theme="dark"] .sun-editor .se-btn.on i {
    color: #1f242a !important;
}

[data-bs-theme="dark"] .sun-editor .se-btn:hover > svg,
[data-bs-theme="dark"] .sun-editor .se-btn:hover i,
[data-bs-theme="dark"] .sun-editor .se-btn:focus > svg,
[data-bs-theme="dark"] .sun-editor .se-btn:focus i,
[data-bs-theme="dark"] .sun-editor .se-btn:active > svg,
[data-bs-theme="dark"] .sun-editor .se-btn:active i {
    color: #1f242a !important;
}

[data-bs-theme="dark"] .sun-editor .se-btn:disabled,
[data-bs-theme="dark"] .sun-editor .se-btn.disabled {
    opacity: 0.55;
}

[data-bs-theme="dark"] .sun-editor .se-dropdown {
    background: var(--bs-body-bg);
    border-color: rgba(255, 255, 255, 0.12);
    color: var(--bs-body-color);
    border-radius: var(--bs-border-radius);
    z-index: 1065;
}

[data-bs-theme="dark"] .sun-editor .se-dropdown .se-btn-list,
[data-bs-theme="dark"] .sun-editor .se-dropdown .se-btn-list button,
[data-bs-theme="dark"] .sun-editor .se-list-layer {
    background: var(--bs-body-bg);
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .sun-editor .se-list-layer.se-list-layer-border {
    border-color: var(--bs-border-color);
}

[data-bs-theme="dark"] .sun-editor .se-list-layer,
[data-bs-theme="dark"] .sun-editor .se-toolbar .se-list-layer,
[data-bs-theme="dark"] .sun-editor .se-toolbar .se-dropdown {
    z-index: 1065;
}

[data-bs-theme="dark"] .sun-editor .se-dialog {
    z-index: 1070;
}

[data-bs-theme="dark"] .sun-editor .se-list-layer .se-list-inner .se-list-basic li button,
[data-bs-theme="dark"] .sun-editor .se-list-layer .se-list-inner .se-list-font li button,
[data-bs-theme="dark"] .sun-editor .se-list-layer .se-list-inner .se-list-style li button {
    color: rgba(var(--bs-body-color-rgb), 0.88) !important;
}

[data-bs-theme="dark"] .sun-editor .se-list-layer .se-list-inner .se-list-basic li button:hover,
[data-bs-theme="dark"] .sun-editor .se-list-layer .se-list-inner .se-list-font li button:hover,
[data-bs-theme="dark"] .sun-editor .se-list-layer .se-list-inner .se-list-style li button:hover {
    background: var(--bs-secondary-bg);
}

[data-bs-theme="dark"] .sun-editor .se-list-layer .se-list-inner .se-list-basic li button *,
[data-bs-theme="dark"] .sun-editor .se-list-layer .se-list-inner .se-list-font li button *,
[data-bs-theme="dark"] .sun-editor .se-list-layer .se-list-inner .se-list-style li button * {
    color: inherit !important;
}

[data-bs-theme="dark"] .sun-editor .se-list-layer .se-list-inner .se-list-basic li button.active,
[data-bs-theme="dark"] .sun-editor .se-list-layer .se-list-inner .se-list-font li button.active,
[data-bs-theme="dark"] .sun-editor .se-list-layer .se-list-inner .se-list-style li button.active,
[data-bs-theme="dark"] .sun-editor .se-list-layer .se-list-inner .se-list-basic li button.on,
[data-bs-theme="dark"] .sun-editor .se-list-layer .se-list-inner .se-list-font li button.on,
[data-bs-theme="dark"] .sun-editor .se-list-layer .se-list-inner .se-list-style li button.on {
    background: rgba(var(--bs-primary-rgb), 0.35);
    color: #ffffff !important;
}

[data-bs-theme="dark"] .sun-editor .se-list-layer .se-list-inner .se-list-basic li button.active > svg,
[data-bs-theme="dark"] .sun-editor .se-list-layer .se-list-inner .se-list-font li button.active > svg,
[data-bs-theme="dark"] .sun-editor .se-list-layer .se-list-inner .se-list-style li button.active > svg,
[data-bs-theme="dark"] .sun-editor .se-list-layer .se-list-inner .se-list-basic li button.on > svg,
[data-bs-theme="dark"] .sun-editor .se-list-layer .se-list-inner .se-list-font li button.on > svg,
[data-bs-theme="dark"] .sun-editor .se-list-layer .se-list-inner .se-list-style li button.on > svg {
    color: #ffffff !important;
}

[data-bs-theme="dark"] .sun-editor .se-list-layer .se-list-inner button h1,
[data-bs-theme="dark"] .sun-editor .se-list-layer .se-list-inner button h2,
[data-bs-theme="dark"] .sun-editor .se-list-layer .se-list-inner button h3,
[data-bs-theme="dark"] .sun-editor .se-list-layer .se-list-inner button h4,
[data-bs-theme="dark"] .sun-editor .se-list-layer .se-list-inner button h5,
[data-bs-theme="dark"] .sun-editor .se-list-layer .se-list-inner button h6 {
    color: inherit !important;
    opacity: 1 !important;
}

[data-bs-theme="dark"] .sun-editor .se-list-layer input,
[data-bs-theme="dark"] .sun-editor .se-list-layer select,
[data-bs-theme="dark"] .sun-editor .se-list-layer textarea {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.18);
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .sun-editor .se-dialog .se-dialog-inner {
    background: var(--bs-body-bg);
    border-color: var(--bs-border-color);
    color: var(--bs-body-color);
    border-radius: var(--bs-border-radius);
}

[data-bs-theme="dark"] .sun-editor .se-dialog .se-dialog-header {
    background: var(--bs-body-bg);
    border-bottom-color: var(--bs-border-color);
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .sun-editor .se-dialog .se-dialog-content {
    background: var(--bs-body-bg);
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .sun-editor .se-dialog .se-dialog-footer {
    background: var(--bs-body-bg);
    border-top-color: var(--bs-border-color);
}

[data-bs-theme="dark"] .sun-editor .se-dialog input,
[data-bs-theme="dark"] .sun-editor .se-dialog textarea,
[data-bs-theme="dark"] .sun-editor .se-dialog select {
    background: var(--bs-body-bg);
    border-color: var(--bs-border-color);
    color: var(--bs-body-color);
    border-radius: var(--bs-border-radius);
}

[data-bs-theme="dark"] .sun-editor input,
[data-bs-theme="dark"] .sun-editor textarea,
[data-bs-theme="dark"] .sun-editor select {
    border-radius: var(--bs-border-radius);
}

[data-bs-theme="dark"] .sun-editor .se-dialog .se-dialog-btn-revert,
[data-bs-theme="dark"] .sun-editor .se-dialog .se-dialog-btn-cancel {
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .sun-editor .se-resizing-bar {
    background: var(--bs-secondary-bg);
    border-top-color: rgba(255, 255, 255, 0.12);
    color: var(--bs-secondary-color);
}

[data-bs-theme="dark"] .sun-editor .se-navigation {
    background: var(--bs-secondary-bg);
    border-color: rgba(255, 255, 255, 0.12);
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .sun-editor .se-controller {
    background: var(--bs-secondary-bg);
    border-color: rgba(255, 255, 255, 0.12);
}

[data-bs-theme="dark"] #loader {
    background: #12161b;
}
[data-bs-theme="dark"] #loader .spinner {
    background-color: #e9ecef;
}
[data-bs-theme="dark"] body,
[data-bs-theme="dark"] .app {
    background: #12161b;
}

.select2-container--bootstrap-5 .select2-selection {
    font-size: 16px;
    font-weight: 400;
}

.select2-container--bootstrap-5 .select2-selection--single {
    height: calc(1.5em + .5rem + 8px);
    border-radius: 6px;
}

.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
    height: 100%;
    display: flex;
    align-items: center;
    line-height: 1.2;
    padding-top: 0;
    padding-bottom: 0;
}

.select2-container--bootstrap-5 .select2-selection--single .select2-selection__arrow {
    height: calc(1.5em + .5rem + 8px);
}

[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-selection--single {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23AEB2B6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
}

.tagify {
    --placeholder-color: rgba(108, 117, 125, 0.6);
    --placeholder-color-focus: rgba(108, 117, 125, 0.45);
}

[data-bs-theme="dark"] .tagify {
    --placeholder-color: rgba(222, 226, 230, 0.45);
    --placeholder-color-focus: rgba(222, 226, 230, 0.35);
}

[data-bs-theme="dark"] input::placeholder,
[data-bs-theme="dark"] textarea::placeholder {
    color: rgba(222, 226, 230, 0.45) !important;
}

[data-bs-theme="dark"] {
    --bs-tooltip-bg: #2f343a;
    --bs-tooltip-color: #f1f3f5;
}

[data-bs-theme="dark"] .tooltip .tooltip-inner {
    background-color: #2f343a;
    color: #f1f3f5;
}

[data-bs-theme="dark"] .tooltip .tooltip-arrow::before {
    border-top-color: #2f343a;
}

.input-group > .select2-container {
    margin-left: calc(1 * var(--bs-border-width)) !important;
}

.input-group > .select2-container .select2-selection--single {
    border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
}

[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-dropdown {
    background-color: var(--bs-body-bg);
    border-color: var(--bs-border-color);
    color: var(--bs-body-color);
}
[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-selection {
    background-color: var(--bs-body-bg);
    border-color: var(--bs-border-color);
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-results__option {
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-results__option--highlighted,
[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-results__option--highlighted.select2-results__option[aria-selected] {
    background-color: var(--bs-secondary-bg);
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-results__option[aria-selected="true"] {
    background-color: var(--bs-tertiary-bg);
    color: var(--bs-body-color);
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected,
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected="true"]:not(.select2-results__option--highlighted) {
    background-color: #2196f3;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option {
    font-size: 16px;
}

.select2-results__option .fad,
.select2-results__option .fal,
.select2-results__option .fab,
.select2-results__option .far {
    margin-right: 10px;
}

@media screen and (max-width: 991px) {

    .header .header-container .nav-left>li>a,
    .header .header-container .nav-right>li>a {
        margin-right: 1x !important;
    }
}

.swal2-close {
    width: 20px !important;
    height: 20px !important;
    margin-top: 6px !important;
    margin-right: 10px !important;
}

.modal-footer {
    justify-content: center;
    border-top: 0px;
}

.modal-header {
    border-bottom: 0px;
}

.modal-label {
    width: 100%;
    text-align: center;
    font-size: 18px;
    margin-bottom: 0.5rem;
    color: inherit;
    font-weight: normal;
    line-height: normal;
    text-align: center;
    word-wrap: break-word;
    word-break: break-word;
}

.form-range::-moz-range-track {
    background-color: var(--bs-gray-300);
}

.tags-extra {
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.btn-outline-primary {
    --bs-btn-color: #009fe3;
    --bs-btn-border-color: #009fe3;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #009fe3;
    --bs-btn-hover-border-color: #009fe3;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #009fe3;
    --bs-btn-active-border-color: #009fe3;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #009fe3;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #009fe3;
    --bs-gradient: none;
}

.btn:hover {
    color: #fff;
}

.btn.noTopRadius {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.btn.noBottomRadius {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.fa-pointer {
    cursor: pointer;
}

.fa-pointer:hover {
    color: #0c7bbe;
}

.fa-help {
    cursor: help;
}

.fa-help:hover {
    color: #0c7bbe;
}

tr {
    cursor: pointer;
}

.dropzone {
    border: 2px dashed #ced4da;
    border-radius: 0.375rem;
}

.dropzone .dz-preview .dz-progress {
    margin-top: 25px;
}

.dz-drag-hover {
    background-color: rgba(76, 175, 80, 0.1);
    color: var(--bs-black);
}

.dropzone .dz-preview .dz-progress {
    outline: 1px solid var(--bs-gray-500);
}

.dz-error-mark svg g g {
    fill: #f44336;
    opacity: 0.7;
}

.dz-success-mark svg g g {
    fill: #4caf50;
    opacity: 0.7;
}

/* Dark Mode (global) */
[data-bs-theme="dark"] .bgc-white {
    background-color: var(--bs-body-bg) !important;
}

[data-bs-theme="dark"] .bgc-grey-100 {
    background-color: var(--bs-body-bg) !important;
}

[data-bs-theme="dark"] .bgc-grey-100.bgc-grey-100 {
    background-color: var(--bs-body-bg) !important;
}

[data-bs-theme="dark"] .c-grey-900 {
    color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .bd {
    border-color: var(--bs-border-color) !important;
}

[data-bs-theme="dark"] body {
    color: var(--bs-light);
}

[data-bs-theme="dark"] .breadcrumb,
[data-bs-theme="dark"] .breadcrumb-item,
[data-bs-theme="dark"] .breadcrumb-item a {
    color: rgba(var(--bs-light-rgb), 0.85);
}

[data-bs-theme="dark"] .breadcrumb-item.active {
    color: var(--bs-light);
}

[data-bs-theme="dark"] .dropzone {
    background-color: var(--bs-body-bg);
    border-color: var(--bs-border-color);
}

[data-bs-theme="dark"] .text-muted {
    color: rgba(var(--bs-light-rgb), 0.7) !important;
}

/* Dark Mode: Alerts */
[data-bs-theme="dark"] .alert {
    background-color: var(--bs-body-bg);
    border-color: var(--bs-border-color);
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .alert.alert-info {
    background-color: rgba(var(--bs-info-rgb), 0.12);
    border-color: rgba(var(--bs-info-rgb), 0.25);
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .alert.alert-info code {
    color: inherit;
    background-color: rgba(255, 255, 255, 0.06);
    border: 1px solid var(--bs-border-color);
    border-radius: .25rem;
    padding: .1rem .35rem;
}

[data-bs-theme="dark"] .alert.alert-danger {
    background-color: rgba(var(--bs-danger-rgb), 0.18);
    border-color: rgba(var(--bs-danger-rgb), 0.45);
    color: #ff8a93;
}

[data-bs-theme="dark"] .alert.alert-danger code,
[data-bs-theme="dark"] .alert.alert-warning code {
    color: inherit;
    background-color: rgba(255, 255, 255, 0.06);
    border: 1px solid var(--bs-border-color);
    border-radius: .25rem;
    padding: .1rem .35rem;
}

[data-bs-theme="dark"] .alert.alert-warning {
    background-color: rgba(var(--bs-warning-rgb), 0.18);
    border-color: rgba(var(--bs-warning-rgb), 0.45);
    color: #ffd966;
}

[data-bs-theme="dark"] .alert.alert-success {
    background-color: rgba(var(--bs-success-rgb), 0.18);
    border-color: rgba(var(--bs-success-rgb), 0.45);
    color: #75d6a0;
}

[data-bs-theme="dark"] .alert.alert-primary {
    background-color: rgba(var(--bs-primary-rgb), 0.18);
    border-color: rgba(var(--bs-primary-rgb), 0.45);
    color: #8bb9fe;
}

[data-bs-theme="dark"] .alert.alert-secondary {
    background-color: rgba(var(--bs-secondary-rgb), 0.18);
    border-color: rgba(var(--bs-secondary-rgb), 0.45);
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .table {
    color: var(--bs-body-color);
    --bs-table-bg: transparent;
    --bs-table-striped-bg: rgba(255, 255, 255, 0.04);
    --bs-table-border-color: var(--bs-border-color);
}

/* Select2, Dark Mode (global, bereinigt) */
[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-selection {
    background-color: var(--bs-body-bg) !important;
    border-color: var(--bs-border-color) !important;
    color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-selection__rendered {
    color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-selection__placeholder {
    color: rgba(var(--bs-light-rgb), 0.65) !important;
}

[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-selection--single:focus,
[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-selection--single.select2-selection--focus,
[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-selection--multiple:focus,
[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-selection--multiple.select2-selection--focus {
    border-color: var(--bs-border-color) !important;
    box-shadow: none !important;
}

[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-search__field {
    background-color: var(--bs-body-bg) !important;
    color: var(--bs-body-color) !important;
    border-color: var(--bs-border-color) !important;
}

[data-bs-theme="dark"] .select2-container--bootstrap-5.select2-container--open .select2-dropdown {
    border-color: var(--bs-border-color) !important;
}

[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-dropdown,
[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-results__options {
    background-color: var(--bs-body-bg) !important;
}

/* Input Group Text, Dark Mode (global) */
[data-bs-theme="dark"] .input-group-text,
[data-bs-theme="dark"] .input-group-text i,
[data-bs-theme="dark"] .input-group-text span {
    color: var(--bs-body-color);
}

/* Trumbowyg, Dark Mode (global) */
[data-bs-theme="dark"] .trumbowyg-box,
[data-bs-theme="dark"] .trumbowyg-editor,
[data-bs-theme="dark"] .trumbowyg-textarea {
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
    border-color: var(--bs-border-color);
}

[data-bs-theme="dark"] .trumbowyg-toolbar {
    background-color: var(--bs-body-bg) !important;
    border-color: var(--bs-border-color) !important;
}

[data-bs-theme="dark"] .trumbowyg-button-pane button {
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .trumbowyg-button-pane button:hover,
[data-bs-theme="dark"] .trumbowyg-button-pane button.trumbowyg-active {
    background-color: var(--bs-secondary-bg);
}

/* Tagify, Dark Mode (global) */
[data-bs-theme="dark"] .tagify {
    --tag-bg: var(--bs-secondary-bg);
    --tag-hover: var(--bs-tertiary-bg);
    --tag-text-color: var(--bs-body-color);
    --tag-text-color--edit: var(--bs-body-color);
    --tag-remove-bg: rgba(var(--bs-danger-rgb), .25);
    --tag-remove-btn-color: var(--bs-body-color);
    --tag-remove-btn-bg--hover: rgba(var(--bs-danger-rgb), .55);
    --tagify-dd-text-color: var(--bs-body-color);
    --tagify-dd-bg-color: var(--bs-body-bg);
    background-color: var(--bs-body-bg);
    border-color: var(--bs-border-color);
}

[data-bs-theme="dark"] .tagify__input {
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .tagify__dropdown__wrapper {
    background-color: var(--bs-body-bg);
    border-color: var(--bs-border-color);
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .tagify__dropdown__item {
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .tagify__dropdown__item--active {
    background-color: var(--bs-secondary-bg);
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .trumbowyg-button-pane {
    background-color: var(--bs-body-bg) !important;
    border-color: var(--bs-border-color) !important;
}

[data-bs-theme="dark"] .trumbowyg-button-pane button {
    background-color: transparent !important;
    color: var(--bs-light) !important;
}

[data-bs-theme="dark"] .trumbowyg-button-pane button:hover,
[data-bs-theme="dark"] .trumbowyg-button-pane button.trumbowyg-active {
    background-color: var(--bs-secondary-bg) !important;
}

[data-bs-theme="dark"] .trumbowyg-button-pane svg {
    fill: var(--bs-light) !important;
    stroke: var(--bs-light) !important;
}

[data-bs-theme="dark"] .trumbowyg-button-pane button:hover svg,
[data-bs-theme="dark"] .trumbowyg-button-pane button.trumbowyg-active svg {
    fill: var(--bs-light) !important;
    stroke: var(--bs-light) !important;
}

[data-bs-theme="dark"] .trumbowyg-dropdown {
    background-color: var(--bs-body-bg) !important;
    border-color: var(--bs-border-color) !important;
    color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .trumbowyg-dropdown button {
    color: var(--bs-light) !important;
}

[data-bs-theme="dark"] .trumbowyg-box,
[data-bs-theme="dark"] .trumbowyg-editor-box,
[data-bs-theme="dark"] .trumbowyg-textarea,
[data-bs-theme="dark"] .trumbowyg-editor {
    border-color: var(--bs-border-color) !important;
    box-shadow: none !important;
}

[data-bs-theme="dark"] .trumbowyg-editor-box,
[data-bs-theme="dark"] .trumbowyg-box {
    border-color: var(--bs-border-color) !important;
}

[data-bs-theme="dark"] .trumbowyg-button-pane,
[data-bs-theme="dark"] .trumbowyg-box,
[data-bs-theme="dark"] .trumbowyg-editor-box {
    border-bottom-color: var(--bs-border-color) !important;
}

[data-bs-theme="dark"] .trumbowyg-button-pane::after,
[data-bs-theme="dark"] .trumbowyg-button-pane::before {
    background-color: var(--bs-border-color) !important;
}

[data-bs-theme="dark"] .trumbowyg-button-group::after,
[data-bs-theme="dark"] .trumbowyg-button-group + .trumbowyg-button-group::before {
    border-color: var(--bs-border-color) !important;
    background-color: var(--bs-border-color) !important;
}

[data-bs-theme="dark"] .header.navbar,
[data-bs-theme="dark"] .header .header-container {
    background-color: var(--bs-body-bg);
    color: var(--bs-light);
    border-color: var(--bs-border-color);
}

[data-bs-theme="dark"] .header .header-container .header-menu,
[data-bs-theme="dark"] .header .header-container .nav-left a,
[data-bs-theme="dark"] .header .header-container .nav-right a {
    color: rgba(var(--bs-light-rgb), 0.9);
}

[data-bs-theme="dark"] .header .header-container .header-menu:hover {
    background-color: var(--bs-secondary-bg);
    box-shadow: 0 2px 0 0 rgba(var(--bs-primary-rgb), 0.7);
}

[data-bs-theme="dark"] .header .dropdown-menu {
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
    border-color: var(--bs-border-color);
}

[data-bs-theme="dark"] .header .dropdown-menu,
[data-bs-theme="dark"] .header .dropdown-menu.text-muted {
    color: rgba(var(--bs-light-rgb), 0.9);
}

[data-bs-theme="dark"] .header .dropdown-menu .c-grey-700,
[data-bs-theme="dark"] .header .dropdown-menu .c-grey-900,
[data-bs-theme="dark"] .header .dropdown-menu .text-muted,
[data-bs-theme="dark"] .header .dropdown-menu .text-black-50 {
    color: rgba(var(--bs-light-rgb), 0.9) !important;
}

[data-bs-theme="dark"] .header .dropdown-menu a {
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .header .c-grey-900,
[data-bs-theme="dark"] .header .c-grey-700,
[data-bs-theme="dark"] .header .c-grey-600,
[data-bs-theme="dark"] .header .text-muted {
    color: rgba(var(--bs-light-rgb), 0.9) !important;
}

[data-bs-theme="dark"] .sidebar {
    background-color: var(--bs-body-bg);
    border-color: var(--bs-border-color);
}

[data-bs-theme="dark"] .sidebar .sidebar-link,
[data-bs-theme="dark"] .sidebar .title {
    color: rgba(var(--bs-light-rgb), 0.9);
}

[data-bs-theme="dark"] .sidebar .sidebar-link:hover {
    background-color: rgba(var(--bs-primary-rgb), 0.08);
    color: var(--bs-light);
}

[data-bs-theme="dark"] .sidebar-menu li a:hover,
[data-bs-theme="dark"] .sidebar-menu li a:focus,
[data-bs-theme="dark"] .sidebar-menu > li.dropdown ul.dropdown-menu > li > a:hover,
[data-bs-theme="dark"] .sidebar-menu > li.dropdown ul.dropdown-menu > li > a:focus {
    background-color: rgba(var(--bs-light-rgb), 0.06);
    color: var(--bs-light);
}

[data-bs-theme="dark"] .sidebar .sidebar-link-active,
[data-bs-theme="dark"] .sidebar .title-activ {
    color: var(--bs-light) !important;
}

[data-bs-theme="dark"] .sidebar .sidebar-link-active,
[data-bs-theme="dark"] .sidebar .sidebar-link-active .title,
[data-bs-theme="dark"] .sidebar .sidebar-link-active .icon-holder i {
    color: var(--bs-light) !important;
}

[data-bs-theme="dark"] .sidebar .sidebar-link-active {
    background-color: var(--bs-secondary-bg);
}

[data-bs-theme="dark"] .sidebar .sidebar-link.active,
[data-bs-theme="dark"] .sidebar-menu li.dropdown.open > a,
[data-bs-theme="dark"] .sidebar-menu > li.dropdown ul.dropdown-menu > li.actived a {
    color: var(--bs-light) !important;
    background-color: var(--bs-secondary-bg);
    border-right-color: rgba(var(--bs-primary-rgb), 0.7) !important;
}

[data-bs-theme="dark"] .sidebar .text-primary-emphasis {
    color: var(--bs-light) !important;
}

[data-bs-theme="dark"] .sidebar .dropdown-menu {
    background-color: var(--bs-body-bg);
}

[data-bs-theme="dark"] footer.bdT {
    background-color: var(--bs-secondary-bg);
    color: var(--bs-light);
}

[data-bs-theme="dark"] footer.bdT a {
    color: rgba(var(--bs-light-rgb), 0.9);
}

/* DataTables, Dark Mode (global) */
[data-bs-theme="dark"] table.dataTable thead th,
[data-bs-theme="dark"] table.dataTable thead td {
    background-color: var(--bs-secondary-bg);
    color: var(--bs-body-color);
    border-color: var(--bs-border-color);
}

[data-bs-theme="dark"] table.dataTable tbody td {
    color: var(--bs-body-color);
    border-color: var(--bs-border-color);
}

[data-bs-theme="dark"] .dataTables_filter,
[data-bs-theme="dark"] .dataTables_info,
[data-bs-theme="dark"] .dataTables_length,
[data-bs-theme="dark"] .dataTables_paginate {
    color: rgba(var(--bs-light-rgb), 0.9);
}

[data-bs-theme="dark"] table.dataTable tfoot th,
[data-bs-theme="dark"] table.dataTable tfoot td {
    background-color: var(--bs-secondary-bg);
    color: var(--bs-body-color);
    border-color: var(--bs-border-color);
}

[data-bs-theme="dark"] table.dataTable tfoot input,
[data-bs-theme="dark"] table.dataTable tfoot select,
[data-bs-theme="dark"] .dataTables_filter input,
[data-bs-theme="dark"] .dataTables_length select {
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
    border-color: var(--bs-border-color);
}

[data-bs-theme="dark"] table.dataTable thead th,
[data-bs-theme="dark"] table.dataTable thead td,
[data-bs-theme="dark"] table.dataTable tfoot th,
[data-bs-theme="dark"] table.dataTable tfoot td,
[data-bs-theme="dark"] .dataTables_scrollHead table.dataTable thead th,
[data-bs-theme="dark"] .dataTables_scrollHead table.dataTable thead td,
[data-bs-theme="dark"] .dataTables_scrollFoot table.dataTable tfoot th,
[data-bs-theme="dark"] .dataTables_scrollFoot table.dataTable tfoot td {
    background-color: var(--bs-secondary-bg) !important;
    color: var(--bs-body-color) !important;
    border-color: var(--bs-border-color) !important;
}

.dropzone .dz-preview.dz-image-preview {
    border: solid 1px #ced4da;
    padding: 5px;
}

.mddtp-button {
    border-radius: 7px !important;
}

.mddtp-picker .mddtp-picker__header {
    background-color: #2196f3 !important;
}

.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid .mddtp-picker__tr span.mddtp-picker__cell:hover,
.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid span.mddtp-picker__cell--selected {
    background-color: #2196f3 !important;
}

.mddtp-picker__left,
.mddtp-picker__right {
    background-color: white !important;
}

.mddtp-picker .mddtp-picker__body .mddtp-picker__action {
    padding: 0px !important;
    margin-bottom: 0px;
    height: 45px;
}

.trumbowyg-box {
    border: 1px solid #ced4da;
    border-radius: 6px;
}

.btn-check:checked+.btn,
.btn-check:active+.btn,
.btn:active,
.btn.active,
.btn.show {
    color: white;
}

.carousel-indicators [data-bs-target] {
    border: 1px solid black !important;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-image: none;
}

.carousel-control-prev-icon:after {
    content: "\f053";
    font-family: 'Font Awesome 5 Pro', sans-serif;
}

.carousel-control-next-icon:after {
    content: "\f054";
}

.carousel-control-prev:hover,
.carousel-control-next:hover {
    background-color: rgba(0, 0, 0, 0.3);
}

.fa-extra-menue {
    width: 40px !important;
    text-align: center !important;
    font-size: 14px !important;
}

.fa-extra-menue-top {
    width: 30px !important;
    text-align: center !important;
    font-size: 14px !important;
    margin-left: 10px;
}

.swal2-container {
    z-index: 20000 !important;
}

.swal2-styled {
    border-radius: 5px !important;
}

.swal2-styled.swal2-confirm {
    color: #fff !important;
    background-color: #2196f3 !important;
    border-color: #2196f3 !important;
    --bs
}

[data-bs-theme="dark"] .swal2-popup.swal2-toast {
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
    border: 1px solid var(--bs-border-color);
    box-shadow: var(--bs-box-shadow);
}

[data-bs-theme="dark"] .swal2-popup.swal2-toast .swal2-title,
[data-bs-theme="dark"] .swal2-popup.swal2-toast .swal2-html-container {
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .swal2-popup.swal2-toast .swal2-close {
    color: var(--bs-secondary-color);
}

[data-bs-theme="dark"] .swal2-popup.swal2-toast .swal2-close:hover {
    color: var(--bs-emphasis-color);
}

.gravatar-all-users {
    width: 32px;
    margin-right: 10px;
}

.gravatar-all-users-open {
    width: 40px;
    margin-right: 10px;
}

.buttons-create {
    background-color: #199cd9 !important;
    border-color: #199cd9 !important;
}

.buttons-create:hover {
    background-color: #2196f3 !important;
    border-color: #2196f3 !important;
}

.dataTable.table-striped>tbody>tr.odd.selected>*,
.dataTable.table-striped>tbody>tr.even.selected>* {
    box-shadow: inset 0 0 0 9999px var(--bs-gray-400) !important;
    color: inherit !important;
}

.dataTable.table-striped>tbody>tr a {
    color: inherit !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: inherit;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control::before,
table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control::before {
    background-color: #199cd9 !important;
}

.dataTables_wrapper .dataTables_filter {
    margin-bottom: 20px;
}

.dataTables_wrapper .dataTables_filter input.form-control {
    border-radius: 6px !important;
}

.dataTables_wrapper .dataTables_filter input {
    border-radius: 6px !important;
}

table.dataTable thead th.ui-state-default,
table.dataTable tfoot th.ui-state-default {
    background-color: var(--bs-gray-300);
}

.sidebar-menu>li>a {
    vertical-align: text-bottom;
}

.sidebar-search {
    margin-top: .25rem;
}

.sidebar-search .sidebar-menu-filter {
    border-radius: 6px;
}

.title-fa {
    color: var(--bs-gray-600);
    font-size: 25px;
    vertical-align: baseline;
}

.carousel-indicators .active {
    opacity: 1px;
    background-color: #0dcaf0 !important;
}

.trumbowyg-editor-box {
    padding: 0;
    background-color: white;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.text-bg-facebook {
    background-color: #1877f2;
    color: #fff;
    font-weight: bolder;
}

.btn-outline-facebook {
    --bs-btn-color: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6c757d;
    --bs-btn-hover-border-color: #6c757d;
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1877f2;
    --bs-btn-active-border-color: #1877f2;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #6c757d;
    --bs-gradient: none;
}

.text-bg-instagram {
    background-color: #C13584;
    color: #fff;
    font-weight: bolder;
}

.btn-outline-instagram {
    --bs-btn-color: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6c757d;
    --bs-btn-hover-border-color: #6c757d;
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #C13584;
    --bs-btn-active-border-color: #C13584;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #6c757d;
    --bs-gradient: none;
}

:root {
    --tagify-dd-color-primary: #c2c9d6;
}

p {
    margin-bottom: 0.5rem;
    line-height: 1.2;
}

video {
    cursor: pointer;
}

.form-switch .form-check-input:focus {
    border-color: rgba(0, 0, 0, 0.25);
    outline: 0;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba(0,0,0,0.25)'/></svg>");
}

.form-switch .form-check-input:checked {
    background-color: var(--bs-green);
    border-color: var(--bs-green);
    border: none;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba(255,255,255,1.0)'/></svg>");
}

.form-switch .form-check-input:not(:checked) {
    background-color: var(--bs-red);
    border-color: var(--bs-red);
    border: none;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba(255,255,255,1.0)'/></svg>");
}

.studio-2fa-toggle {
    padding: 1rem 1rem 0.95rem;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.98));
}

.studio-2fa-switch {
    min-width: 3.15rem;
    padding-top: 0.2rem;
}

.studio-2fa-switch .form-check-input {
    margin-top: 0.05rem;
    margin-left: 0 !important;
    float: none;
}

.studio-2fa-switch .form-check-input:not(:checked) {
    background-color: #c7ced8;
    border-color: #c7ced8;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba(255,255,255,1.0)'/></svg>");
}

.studio-2fa-switch .form-check-input:checked {
    background-color: #2f9e44;
    border-color: #2f9e44;
}

.studio-2fa-switch .form-check-input:focus {
    box-shadow: 0 0 0 0 rgba(47, 158, 68, 0.18);
}

.form-check .form-check-input {
    margin-left: -1.5em !important;
}

.form-color-input {
    height: 24px !important;
    width: 32px;
    margin-left: -1.5em !important;
    padding: 3px;
    float: left;
}

@media screen and (max-width: 768px) {
    .title-fa {
        font-size: 22px;
    }
}

.sidebar-menu li.dropdown.open_sub>a {
    color: #313435 !important;
    background-color: inherit !important;
    border-right: inherit !important;
}

.form-control::placeholder {
    color: var(--lt-color-gray-400) !important;
}

.leaflet-control-layers-selector {
    cursor: pointer;
}

#info_text_leaflet,
.leaflet-control-attribution {
    background-color: white;
    border: 1px solid black;
    border-radius: 8px;
    color: black;
    font-size: 11px;
    padding: 0px 5px;
    font-family: BarlowSemiCondensed, Roboto, -apple-system, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}

.leaflet-control-attribution {
    margin-bottom: 10px !important;
    margin-right: 10px !important;
}

.leaflet-control-container .leaflet-routing-container-hide {
    display: none;
}

.leaflet-control-layers-selector {
    width: 30px !important;
    height: 16px !important;
}

.sidebar-logo-change {
    width: 230px;
    margin-left: 5px;
}

.sidebar-logo .logo {
    display: flex !important;
    align-items: center;
}

.sidebar.collapsed .sidebar-logo-change {
    width: 70px;
    height: 65px;
    margin-left: 1px;
}

.logo-long {
    width: 230px !important;
    height: 65px;
}

.logo-short {
    width: 70px !important;
    height: 65px;
}

.trumbowyg-editor-box {
    display: flex !important;
}

.trumbowyg-box .trumbowyg-editor {
    flex: 1;
}

.icon-wrapper {
    display: inline-block;
    width: 1.5em;
    text-align: center;
    margin-right: 0.5em;
}

.leaflet-control-layers-base label {
    padding-right: 0.5em;
}

.leaflet-control-layers-base label:hover {
    background-color: rgba(0, 0, 0, 0.15);
    cursor: pointer;
}

.leaflet-control-layers-base label {
    transition: background-color 0.15s ease;
}

[data-bs-theme="dark"] #info_text_leaflet,
[data-bs-theme="dark"] .leaflet-control-attribution {
    background-color: var(--bs-body-bg) !important;
    border-color: var(--bs-border-color) !important;
    color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .leaflet-control-attribution a,
[data-bs-theme="dark"] .leaflet-control-attribution span {
    color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .leaflet-control-layers,
[data-bs-theme="dark"] .leaflet-control-layers-expanded,
[data-bs-theme="dark"] .leaflet-control-layers-list {
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
    border-color: var(--bs-border-color);
}

[data-bs-theme="dark"] .leaflet-bar a,
[data-bs-theme="dark"] .leaflet-control-layers-toggle {
    background-color: var(--bs-body-bg);
    border-color: var(--bs-border-color);
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .leaflet-bar a:hover,
[data-bs-theme="dark"] .leaflet-control-layers-toggle:hover {
    background-color: var(--bs-secondary-bg);
}

[data-bs-theme="dark"] .leaflet-control-layers-base label:hover {
    background-color: rgba(255, 255, 255, 0.08);
}

[data-bs-theme="dark"] .leaflet-control-fullscreen a,
[data-bs-theme="dark"] .leaflet-fullscreen-on .leaflet-control-fullscreen a,
[data-bs-theme="dark"] .leaflet-touch .leaflet-control-fullscreen a,
[data-bs-theme="dark"] .leaflet-touch.leaflet-fullscreen-on .leaflet-control-fullscreen a {
    background-color: var(--bs-body-bg);
    border-color: var(--bs-border-color);
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg version='1.1' viewBox='0 0 26 52' width='26' height='52' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg display='none'%3E%3Crect width='26' height='52' color='%23000000' display='inline' fill='%23212529'/%3E%3Crect y='26' width='26' height='26' color='%23000000' display='inline' fill='%23212529'/%3E%3C/g%3E%3Cg transform='translate(0 -1000.4)'%3E%3Cuse transform='translate(0,26)' width='100%25' height='100%25' xlink:href='%23rect15634'/%3E%3Cuse transform='translate(0,26)' width='100%25' height='100%25' xlink:href='%23path15639'/%3E%3Cuse transform='translate(0,26)' width='100%25' height='100%25' xlink:href='%23path16061'/%3E%3Cuse transform='translate(0,26)' width='100%25' height='100%25' xlink:href='%23path16059'/%3E%3Cpath id='rect15634' transform='translate(0 1000.4)' d='m5 15v6h6v-2h-4v-4z' color='%23000000' fill='%23ffffff'/%3E%3Cpath id='path15639' transform='translate(0 1000.4)' d='m21 15v6h-6v-2h4v-4z' color='%23000000' fill='%23ffffff'/%3E%3Cpath d='m10 1037.4v4l1 1h4l1-1v-4l-1-1h-4z' color='%23000000' fill='%23ffffff'/%3E%3Cpath id='path16059' d='m5 1011.4v-6h6v2h-4v4z' color='%23000000' fill='%23ffffff'/%3E%3Cpath id='path16061' d='m21 1011.4v-6h-6v2h4v4z' color='%23000000' fill='%23ffffff'/%3E%3C/g%3E%3C/svg%3E%0A");
}

/* Dark Mode Login-Seiten */
[data-bs-theme="dark"] .bgc-white {
    background-color: var(--bs-body-bg) !important;
}

[data-bs-theme="dark"] .bgc-white .text-normal,
[data-bs-theme="dark"] .bgc-white label,
[data-bs-theme="dark"] .bgc-white .form-label {
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .bgc-white a:not(.btn):not(.dropdown-item) {
    color: #6ea8fe;
}

[data-bs-theme="dark"] .bgc-white a:not(.btn):not(.dropdown-item):hover {
    color: #8bb9fe;
}

[data-bs-theme="dark"] .bgc-white .btn-primary.btn-color {
    --bs-btn-bg: #0d6efd;
    --bs-btn-border-color: #0d6efd;
}

[data-bs-theme="dark"] #darkmode_button_login.btn-outline-secondary {
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-border-color: var(--bs-body-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-body-color);
    --bs-btn-hover-border-color: var(--bs-body-color);
}