@import url(https://fonts.googleapis.com/css2?family=Open+Sans&display=swap);



:root {

    /* --bs-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2)!important;
    --bs-box-shadow-sm: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2)!important;
    --bs-box-shadow-lg: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2)!important;
    --bs-box-shadow-inset: inset 0 1px 2px rgba(21,20,26,.075)!important;


    --bs-border-radius: 5px !important;
    --bs-border-radius-sm: 5px !important;
    --bs-border-radius-lg: 5px !important;
    --bs-border-radius-xl: 5px !important;
    --bs-border-radius-xxl: 5px !important;
    --bs-border-radius-2xl: 5px !important;
    --bs-border-radius-pill: 5px !important;
    --bs-nav-tabs-border-color: #1cbce2!important; */

    --bs-body-bg: #eeeeee;
    --bs-primary-rgb: 75,194,229;
    --bs-btn-font-size: 1.1rem!important;
}
/* for="field-auftragartikel-....." */
body.page-platform-lieferschein-edit #post-form > div.row.g-3 > div.col-md.col-md-8.order-md-first > fieldset {
    display: none;
}
.konto-select-cell .full .ts-control {
    background-color: rgb(0 139 151 / 20%);
    border: 1px solid #008b97;
}
.konto-select-cell .advance-select.f-advance-select{
    max-width: 180px;
}
.btn, .dropzone .dz-preview .btn-edit, .dropzone .dz-preview .btn-remove, .dropzone-wrapper .dz-preview .btn-edit, .dropzone-wrapper .dz-preview .btn-remove{

}
body.page-platform-lieferschein-edit #collapse-artikelliste table tr th:nth-child(3),
body.page-platform-lieferschein-edit #collapse-artikelliste table tr th:nth-child(4),
body.page-platform-lieferschein-edit #collapse-artikelliste table tr td:nth-child(3),
body.page-platform-lieferschein-edit #collapse-artikelliste table tr td:nth-child(4) {
    display: none;
}
.float-left{
    float: left!important;
}
.float-right{
    float: right!important;
}
.float-clear{
    clear: both!important;
}

.page-platform-e1export .order-last.command-bar-wrapper,.page-platform-steuerkonto .order-last.command-bar-wrapper,.page-platform-buchhaltung .order-last.command-bar-wrapper, .page-platform-main .order-last.command-bar-wrapper{
    display: none;
}

.fly-scope .btn {
    box-shadow:none;

    background: #f6f6f6;
    padding: 18px 15px;
    border-color: #ccc;
    border-radius: 8px;

}


btn, .dropzone .dz-preview .btn-edit, .dropzone .dz-preview .btn-remove, .dropzone-wrapper .dz-preview .btn-edit, .dropzone-wrapper .dz-preview .btn-remove {
    --bs-btn-font-size: 1.1rem!important;
}
.fly-scope .f-card{
    box-shadow: 0 0.125rem 0.25rem rgba(21,20,26,.075)!important;
}

.fly-scope .f-card-body{
    padding: 0 !important;
}
 .card-body{

    padding: 0 !important;
}
#power-grid-table-container #pg-header-export>div{
    /* width: 40px; */
}
#power-grid-table-container .flex.flex-row.items-center.text-sm.flex-wrap{
    align-items: normal;;
}
#power-grid-table-container{
    background-color: #fff;
    /* --bs-gutter-x: 1.5rem; */
    /* box-shadow: var(--bs-box-shadow-sm) !important; */
    margin: 0 !important;
    padding: 0 !important;

    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-title-color: ;
    --bs-card-subtitle-color: ;
    --bs-card-border-width: var(--bs-border-width);
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: var(--bs-border-radius);
    --bs-card-box-shadow: ;
    --bs-card-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: rgba(var(--bs-body-color-rgb),0.03);
    --bs-card-cap-color: ;
    --bs-card-height: ;
    --bs-card-color: ;
    --bs-card-bg: var(--bs-body-bg);
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;
    --bs-nav-link-font-size: 16px;
    word-wrap: break-word;
    background-clip: border-box;

    /* border: var(--bs-card-border-width) solid var(--bs-card-border-color); */
    border-radius: var(--bs-card-border-radius);
    color: var(--bs-body-color);
    display: flex;
    /* overflow:hidden!important; */

    --bs-btn-font-size: 16px;
}
.pg-actions .btn.btn-error{
    background-color: var(--btn-bg)
}
.buchhaltung-topbar{
    /* overflow-x: auto; */
}
div.buchhaltung-list-col{
   /*  max-height: calc(100vh - 145px);
    overflow-y: auto; */
}
div.dropDownMehrfach{
    z-index:9;
}
.has-detail div.badgeProgress{
    height:5px!important;
}
.buchhaltung-split.has-detail .buchhaltung-list-col{
    max-height: calc(100vh - 185px);
    overflow-y: auto;
}
.buchhaltung-split.has-detail #beleg-preview-content{
    max-height: calc(100vh - 185px);
    overflow-y: auto;
}
.buchhaltung-split.has-detail #beleg-detail-editor{
    max-height: calc(100vh - 185px);
    overflow-y: auto;
}
div.stammdaten-info-container{
    align-items: end !important;
}

ol.breadcrumb li.ae-bc-item:not(:first-child) {

    /* margin-left: 8px; */
}
ol.breadcrumb li.ae-bc-item.active{
    text-transform: uppercase  ;
}

.card_summary {
    background: #fcfcfc;
    border: solid 1px #eaeaea;
    border-radius: 5px;
    padding: 10px;
    /* box-shadow: 0 0 10px rgba(0, 0, 0, .1); */
    margin-bottom: 10px;
    width: 320px;
    float: right;
}

.page-platform-textbausteine #post-form > fieldset > div > div > table > tbody > tr:nth-child(1) > th:nth-child(1) {

    width:0px!important;
}

.chart-container .bg-dark,.chart-container .graph-svg-tip {
    background: #fff !important;

}
#kundeid {

}

#kundeid + div {
    background: aliceblue;
}
[for="kontingentBanner"]{
    color: red;
    font-size: large;
}
[for="setupIncompleteBanner"]{
    color: red   ;
    font-size: large;
}


.text-bold{
    font-weight: 600!important;

}

body.page-password-reset, body.page-password-request, body.page-onboarding-show, body.page-platform-login, body.page-migrate-form, body.page-platform-register{
    /* background-image: url("../../../images/bg4.png");
    background-size: cover; */

    background-color: #008B97;
    background-image: 
        linear-gradient(360deg, rgba(0, 0, 0, 0.25) 10%, transparent 100%),
        repeating-linear-gradient(
            45deg,
            transparent,
            transparent 10px,
            rgba(0, 0, 0, 0.03) 10px,
            rgba(0, 0, 0, 0.03) 11px
        );
    background-attachment: fixed;
    min-height: 100vh;
}
div.form-signin  .bg-white.rounded{
    /* schatten */
    box-shadow: 0 0 10px rgba(0,0,0,.3)!important;
}
.icon_auftrag_overview{
    float:left;
    margin-right: 8px;
}
.nav-tabs-alt .nav-tabs .nav-item .nav-link.active {
    border-bottom-color: #d9d9d9 !important;
    cursor: default;
}
.matrix textarea.form-control {

    height: auto!important;
}
.dropdown-menu.dropdown-menu-left.dropdown-menu-arrow.py-0.show{
    width: 300px;
}
.ts-dropdown.multi.plugin-change_listener.plugin-remove_button.plugin-clear_button{
    width: 85%;
}
body {
    /* font-family: 'Open Sans', sans-serif!important; */
    /* font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */

}
.table tbody tr td {
    font-size: 16px;
}
li.nav-item:has(a.active) {
    background-color: rgba(255, 255, 255, .9);
    border-radius: 8px 8px 0 0;
}

.btn-group-sm>.btn, .btn-sm, .dropzone .dz-preview .btn-group-sm>.btn-edit, .dropzone .dz-preview .btn-remove, .dropzone .dz-preview .table tbody tr td>div>.form-group>.btn-edit, .dropzone .dz-preview .table tbody tr td>div>.form-group>.btn-remove, .dropzone-wrapper .dz-preview .btn-group-sm>.btn-edit, .dropzone-wrapper .dz-preview .btn-remove, .dropzone-wrapper .dz-preview .table tbody tr td>div>.form-group>.btn-edit, .dropzone-wrapper .dz-preview .table tbody tr td>div>.form-group>.btn-remove, .table tbody tr .dropzone .dz-preview td>div>.form-group>.btn-edit, .table tbody tr .dropzone .dz-preview td>div>.form-group>.btn-remove, .table tbody tr .dropzone-wrapper .dz-preview td>div>.form-group>.btn-edit, .table tbody tr .dropzone-wrapper .dz-preview td>div>.form-group>.btn-remove, .table tbody tr td>div>.form-group>.btn {
    --bs-btn-font-size: 16px;
}
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1900px;
    }
}
.workspace-limit {
    max-width: calc(1900px + 1rem)!important;
    padding: 0px 10px;
}

.bootstrap-tagsinput, .chosen-choices, .chosen-single, .form-control, .form-range,.input-group  {
    max-width: 2100px;
}
.input-icon {
    max-width: 2100px;
}
.page-platform-home .command-bar-wrapper{
    display: none;
}
.accordion-heading{
    background: rgba(255, 255, 255, 1);
    border-radius: 10px;
    padding: 0px 10px;
    margin-bottom:5px;

}
.accordion-heading h6{
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;
}
.accordion-heading.collapsed{
    background: rgba(255, 255, 255, .6);
}
.accordion-heading.collapsed h6{
    font-weight: 200;
}
.btn-date{
    background: #008B97;
    width:120px;
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    display: inline-block;
}

ul.nav > li.active {
    border-left: 2px solid #5fb8d9;

}

footer>.bg-dark.position-relative.overflow-hidden{
    background: none !important;
}

.bg-dark, .graph-svg-tip {
    background-color: #ffffff !important;
    color: #374151;
}
.attach .attach-image:after, .small, label, small {
    font-size: 1rem;
}
.bg-dark .nav>li>a, .graph-svg-tip .nav>li>a {
    color: #374151;
}
.bg-dark .nav>li.active>a, .bg-dark .nav>li:focus>a, .bg-dark .nav>li:hover>a, .graph-svg-tip .nav>li.active>a, .graph-svg-tip .nav>li:focus>a, .graph-svg-tip .nav>li:hover>a {
    background-color: #008B97 !important;
    color: #ffffff !important;
    border-radius: 6px;
}
/* wenn ein untergeordneter li menüpunkt ebenfalls .active hat, dann soll das parent li menüpunkt keinen background mehr haben */
ul.nav > li.active a.sub-elements {
    background: none !important;
    font-weight: 600;
    color:#008B97;
    box-shadow: none !important;
}
ul.nav > li.active {
    border-left: none;
}
ul.nav > li {
    margin-bottom:2px;
}
.bg-dark .pagination .page-item.active .page-link, .bg-dark .pagination .page-item.active span, .bg-dark .pagination>li.active .page-link, .bg-dark .pagination>li.active span, .bg-dark .pagination>li.active span:focus, .bg-dark .pagination>li.active span:hover, .bg-dark .text-muted, .graph-svg-tip .pagination .page-item.active .page-link, .graph-svg-tip .pagination .page-item.active span, .graph-svg-tip .pagination>li.active .page-link, .graph-svg-tip .pagination>li.active span, .graph-svg-tip .pagination>li.active span:focus, .graph-svg-tip .pagination>li.active span:hover, .graph-svg-tip .text-muted, .pagination .page-item.active .bg-dark .page-link, .pagination .page-item.active .bg-dark span, .pagination .page-item.active .graph-svg-tip .page-link, .pagination .page-item.active .graph-svg-tip span, .pagination>li.active .bg-dark .page-link, .pagination>li.active .bg-dark span, .pagination>li.active .bg-dark span:focus, .pagination>li.active .bg-dark span:hover, .pagination>li.active .graph-svg-tip .page-link, .pagination>li.active .graph-svg-tip span, .pagination>li.active .graph-svg-tip span:focus, .pagination>li.active .graph-svg-tip span:hover {
    color: #ffffff !important;
}
div.aside{
    background-color: #fbfbfb !important;
    background-image: none !important;
    border-right: 1px solid #e5e7eb;
}
header.align-items-center{
    /* background: rgba(255, 255, 255, 0.8);
    border-radius: 5px; */
}
@media (max-width: 1199px) {
    header.align-items-center{
        background: none;
    }
}
.profile-container {
    background: #f3f4f6;
}
.btn-primary {
    background-color: #008B97 !important;
    border-color: #008B97 !important;
}
.btn-outline-primary {
   /*  background-color: #008B97 !important; */
    border-color: #008B97 !important;
    color: #008B97 !important;  
}
.border-primary {
    /* border-color: #008B97!important; */
}


.btn-primary .open .dropdown-toggle, .btn-primary.active, .btn-primary:active, .btn-primary:focus, .btn-primary:hover {
    background-color: #52bad7 !important;
    border-color: #52bad7 !important;
}

.btn-outline-danger:hover {
   /*  background-color: #008B97 !important; */
    color: red !important;
    background-color: #ccc !important;
}
.btn-secondary:hover {

    background-color: #9d9d9d !important;
    /* transition: background-color 0.3s ease; */
    transition: background-color 0.1s ease;
}
.btn-outline-secondary:hover {

    background-color: #e9e9e9 !important;
    /* transition: background-color 0.3s ease; */
}
.container_Kundenauswahl .ts-control{
    min-width: 200px;
}


.container_Kundenauswahl .ts-control{
    background-color: #fff!important;
    padding:0;
    border: none;

}

/* layoutbar soll wenn nach unten gescrollt wird oben bleiben */
.command-bar-wrapper{
    position: sticky;
    top: 0;
    z-index: 1000;
    /* background: white; */
    /* padding: 10px; */
   /*  border-bottom: 1px solid #e5e5e5; */
}
.label-order label{
    font-weight: 600;
}
.label-order{
    text-align: left;
    padding: 7px 15px;
    background: #eee;
    border-radius: 5px;
    cursor: move;
    margin-bottom:5px;
    font-weight: 400;;
}
.label-order.ui-sortable-helper {
    background: repeating-linear-gradient(
        45deg,
        #f3f3f3,
        #f3f3f3 10px,
        #e0e0e0 10px,
        #e0e0e0 20px
    );
    border: 1px solid #ccc;
    opacity: 0.8; /* Optional: macht das Element halbtransparent */
}

.ts-dropdown,
.ts-dropdown.single {
    z-index: 10060 !important;
}

tr.beleg-editor-active-row {
    background-image: repeating-linear-gradient(-45deg, rgb(0 139 151 / 0%), rgb(0 139 151 / 6%) 8px, rgba(37, 99, 235, 0.16) 8px, rgb(0 139 151 / 17%) 16px);
}

.beleg-row-editor-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.18);
    backdrop-filter: blur(1px);
    z-index: 9997;
    display: none;
}

.beleg-row-editor-backdrop.is-open {
    display: block;
}

.beleg-row-editor-modal {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 9998;
    display: none;
    flex-direction: column;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    box-shadow: 0 18px 44px rgba(15, 23, 42, 0.2);
    padding: 14px;
    width: min(1400px, 96vw);
    height: min(620px, 88vh);
    overflow: hidden;
}

.beleg-row-editor-modal.is-open {
    display: flex;
}

.beleg-editor-header {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
    margin-bottom: 10px;
}

.beleg-editor-title {
    font-weight: 700;
    font-size: 14px;
    color: #0f172a;
}

.beleg-editor-subtitle {
    font-size: 12px;
    color: #64748b;
    margin-top: 2px;
}

.beleg-editor-close {
    border: none;
    background: transparent;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    color: #64748b;
}

.beleg-editor-content {
    display: flex;
    gap: 12px;
    min-height: 0;
    flex: 1;
}

.beleg-editor-left {
    flex: 0 0 70%;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.beleg-editor-table-wrap {
    overflow: auto;
    min-height: 0;
    max-height: 100%;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
}

.beleg-editor-table {
    width: 100%;
    border-collapse: collapse;
}

.beleg-editor-table thead {
    background: #f8fafc;
    position: sticky;
    top: 0;
    z-index: 1;
}

.beleg-editor-table th {
    text-align: left;
    padding: 8px 10px;
    font-size: 11px;
    text-transform: uppercase;
    color: #475569;
}

.beleg-editor-col-remove {
    width: 42px;
}

.beleg-editor-row {
    border-top: 1px solid #f1f5f9;
}

.beleg-editor-cell {
    padding: 8px 10px;
}

.beleg-editor-seite {
    min-width: 90px;
    width: 100%;
}

.beleg-editor-konto {
    min-width: 260px;
    width: 100%;
}

.beleg-editor-text {
    width: 100%;
    min-width: 240px;
}

.beleg-editor-betrag {
    width: 130px;
}

.beleg-editor-remove {
    border: none;
    background: transparent;
    font-size: 18px;
    color: #ef4444;
    cursor: pointer;
}

.beleg-editor-add {
    width: 100%;
    margin-top: 8px;
    border: 1px solid #cbd5e1;
    background: #fff;
    text-align: center;
    text-transform: capitalize;
        display: block;
}

.beleg-editor-preview-panel {
    flex: 0 0 30%;
    min-width: 0;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #f8fafc;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.beleg-editor-preview-title {
    padding: 8px 10px;
    border-bottom: 1px solid #e2e8f0;
    font-size: 12px;
    color: #475569;
    font-weight: 600;
}

.beleg-editor-preview {
    flex: 1;
    min-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    gap: 10px;
    padding: 8px;
}

.beleg-editor-preview-empty {
    font-size: 12px;
    color: #64748b;
}

.beleg-editor-preview-image {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.beleg-editor-preview-zoom-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    min-width: 0;
}

.beleg-editor-preview-lens {
    position: absolute;
    width: 110px;
    height: 110px;
    border: 1px solid #94a3b8;
    background: rgba(148, 163, 184, 0.2);
    pointer-events: none;
    display: none;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.7) inset;
}

.beleg-editor-preview-zoom-result {
    width: 220px;
    height: 220px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background-repeat: no-repeat;
    background-color: #fff;
    display: none;
    flex: 0 0 220px;
}

.beleg-editor-preview-zoom-wrap.is-zooming .beleg-editor-preview-lens,
.beleg-editor-preview-zoom-result.is-zooming {
    display: block;
}

.beleg-editor-preview-iframe {
    width: 100%;
    height: 100%;
    border: none;
    background: #fff;
}

.beleg-editor-footer {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 12px;
    gap: 10px;
}

.beleg-editor-actions {
    display: flex;
    gap: 8px;
}

.beleg-editor-cancel {
    border: 1px solid #cbd5e1;
    background: #fff;
}

#table_base_belegeTable tbody tr td{
    cursor: pointer;
}

/* .beleg-privat-button{
        border: 2px solid #acacac;
        color:#5c5c5c;
}
.beleg-privat-button.is-active{
    background: #ffcb4a;
    border: 2px solid #d4a225;
} */
.alert,.orchid .form-label, .form-label {
    font-size: 1rem;
}
.btn, .dropzone .dz-preview .btn-edit, .dropzone .dz-preview .btn-remove, .dropzone-wrapper .dz-preview .btn-edit, .dropzone-wrapper .dz-preview .btn-remove {
    border-radius: 10px;
    font-weight: 400;
    font-size:1.1rem!important;
}
.bootstrap-tagsinput, .chosen-choices, .chosen-single, .form-control {

    font-size: 1.1rem;
    border-radius: 8px;

}
.btn, .dropzone .dz-preview .btn-edit, .dropzone .dz-preview .btn-remove, .dropzone-wrapper .dz-preview .btn-edit, .dropzone-wrapper .dz-preview .btn-remove{
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.475rem;

}

#power-grid-table-base .overflow-auto.relative.border-x.border-t.border-base-300{
    overflow-y: auto!important;
}

/* Dashboard Upgrade */
.page-platform-main .dashboard-modern .f-card,
.page-platform-home .dashboard-modern .f-card {
    border-radius: 12px;
    /* border: 1px solid color-mix(in oklab, var(--bs-primary) 16%, #dbe5eb); */
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);
    transition: box-shadow 0.18s ease, border-color 0.18s ease;
}

.page-platform-main .dashboard-modern .f-card:hover,
.page-platform-home .dashboard-modern .f-card:hover {
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.1);
    border-color: color-mix(in oklab, var(--bs-primary) 30%, #dbe5eb);
}

.page-platform-main .dashboard-modern .dashboard-stat-grid .f-card-body,
.page-platform-home .dashboard-modern .dashboard-stat-grid .f-card-body {
    /* padding: 14px 16px !important; */
}

.page-platform-main .dashboard-modern .dashboard-stat-grid .f-card-title,
.page-platform-home .dashboard-modern .dashboard-stat-grid .f-card-title {
    font-size: 0.96rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    margin-bottom: 0.45rem !important;
    line-height: 1.3;
}

.page-platform-main .dashboard-modern .dashboard-stat-grid p.text-2xl,
.page-platform-home .dashboard-modern .dashboard-stat-grid p.text-2xl {
    font-size: 2.05rem !important;
    line-height: 1.05;
    font-weight: 700;
}

.page-platform-main .dashboard-modern .dashboard-stat-grid p.text-xs,
.page-platform-home .dashboard-modern .dashboard-stat-grid p.text-xs {
    font-size: 0.96rem;
    line-height: 1.35;
    font-weight: 600;
    opacity: 0.9;
}

.page-platform-main .dashboard-modern .dashboard-stat-grid span[class*="icon-"],
.page-platform-home .dashboard-modern .dashboard-stat-grid span[class*="icon-"] {
    font-size: 2rem !important;
    opacity: 0.92;
}

.page-platform-main .dashboard-modern h1,
.page-platform-home .dashboard-modern h1 {
    font-size: 2rem;
    letter-spacing: -0.01em;
}

.page-platform-main .dashboard-modern .table thead th,
.page-platform-home .dashboard-modern .table thead th {
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #64748b;
}

.page-platform-main .dashboard-modern .table tbody td,
.page-platform-home .dashboard-modern .table tbody td {
    font-size: 0.95rem;
    vertical-align: middle;
}


/* ================================================
   Sidebar Toggle – ein-/ausklappbare Navigation
   ================================================ */

.aside {
    transition: width 0.22s ease, min-width 0.22s ease, max-width 0.22s ease, flex 0.22s ease;
    overflow: hidden;
}

/* Eingeklappter Zustand */
.aside.aside-collapsed {
    width: 62px !important;
    min-width: 62px !important;
    max-width: 62px !important;
    flex: 0 0 62px !important;
}

/* Texte & Labels ausblenden */
.aside.aside-collapsed .aside-show-expanded,
.aside.aside-collapsed .nav-link span.mx-2,
.aside.aside-collapsed small.text-muted,
.aside.aside-collapsed .aside-collapse #orchid-search,
.aside.aside-collapsed .to-top,
.aside.aside-collapsed .scroll-to-top,
.aside.aside-collapsed footer .row,
.aside.aside-collapsed footer .col,
.aside.aside-collapsed footer p,
.aside.aside-collapsed footer small {
    display: none !important;
}

/* Menü-Links zentrieren */
.aside.aside-collapsed .nav-link {
    justify-content: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Abstandshalter bei Abschnitt-Titeln entfernen */
.aside.aside-collapsed .nav-item.mt-3 {
    margin-top: 0.25rem !important;
}

/* Toggle-Button: Pfeil-Richtung tauschen */
.aside.aside-collapsed .sidebar-icon-collapse { display: none  !important; }
.aside.aside-collapsed .sidebar-icon-expand   { display: block !important; }

.menue_toggle svg{
    fill:#000;
}

.menue_toggle{
    display: block;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 282px;
    padding: 31px 0px;
    border-radius: 4px;
    z-index: 10;

}
.aside.aside-collapsed{

}

.aside.aside-collapsed .menue_toggle{
    position: absolute;
    top: 50%;
    left: 50px;
}

/* Toggle-Button immer sichtbar lassen */
.aside.aside-collapsed #sidebar-toggle-btn {
    margin-left: 0 !important;
    justify-content: center;
    width: 100%;
}

/* Badges im collapsed-Zustand ausblenden */
.aside.aside-collapsed .badge {
    display: none !important;
}

/* Divider etwas kürzer */
.aside.aside-collapsed .divider {
    margin-left: 8px;
    margin-right: 8px;
}

/* Profil-Footer: nur Avatar zeigen */
.aside.aside-collapsed footer .position-sticky {
    overflow: hidden;
}
.aside.aside-collapsed footer{
    display: none;
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    --bs-gutter-x: unset;

}
/* App-Shell: Sidebar + Content als Flex-Layout */
.app-shell {
    display: flex;
    align-items: stretch;
    min-height: 100vh;
}

.app-content-col {
    flex: 1;
    min-width: 0;
}

@media (min-width: 1000px) {
    .aside {
        width: 295px;
        max-width: 295px;
        min-width: 295px;
        min-height: 100vh;
        flex-shrink: 0;
    }

}
@media (max-width: 1200px) {

    .aside.aside-collapsed {
        width: 100% !important;
        max-width: 100% !important;
    }



}

@media (max-width: 1199px) {
    .app-shell {
        flex-direction: column;
    }
}

/* ================================================
   Weißes Sidebar-Theme – Overrides
   ================================================ */

/* text-muted im Sidebar: grau statt weiß */
div.aside .text-muted,
.bg-dark .text-muted {
    color: #6b7280 !important;
}

/* Sidebar-Logo/Header-Bereich */
div.aside header a,
div.aside header span {
    color: #374151;
}

/* Toggle-Button auf weißem Hintergrund */
div.aside #sidebar-toggle-btn {
    color: rgba(0, 0, 0, 0.4) !important;
}
div.aside #sidebar-toggle-btn:hover {
    color: rgba(0, 0, 0, 0.7) !important;
}

/* menue_toggle Chevron-Button auf weißem Hintergrund */
.menue_toggle svg {
    fill: #374151;
}

/* Footer/Profil-Bereich im weißen Sidebar */
footer > .bg-dark.position-relative.overflow-hidden {
    background: #f3f4f6 !important;
}

/* Profil-Text: auf weißem Sidebar grau statt weiß */
div.aside .profile-container .text-white {
    color: #374151 !important;
}
div.aside .profile-container {
    border-top: 1px solid #e5e7eb;
}

/* Scroll-to-top Text */
div.aside .scroll-to-top {
    color: #6b7280;
}

/* Sidebar-Divider auf weißem Hintergrund sichtbar machen */
div.aside .divider {
    border-bottom: 1px solid #e5e7eb !important;
    margin: 4px 12px !important;
}

/* Sidebar-Suche: auf weißem Hintergrund */
div.aside input.bg-dark,
div.aside input.bg-dark.text-white {
    background-color: #f3f4f6 !important;
    color: #374151 !important;
    border-color: #d1d5db !important;
}
div.aside input.bg-dark::placeholder {
    color: #9ca3af !important;
}

/* ================================================
   Vollbreiter Seiten-Header (Breadcrumb + Titel)
   ================================================ */

.ae-page-header {
    
    /* margin-left: -10px;
    margin-right: -10px; */
    padding: 0.75rem 1.5rem 0.75rem;
    background: #ffffff;
    border-bottom: 1px solid #e5e7eb;
    /* margin-top: 12px; */
    /* margin-bottom: 1.5rem; */
}
@media (min-width: 768px) {
    .ae-page-header {
        
    }
}

/* Seiten ohne sichtbaren Command-Bar: ae-page-header ausblenden wenn leer */
.page-platform-home .ae-page-header,
.page-platform-main .ae-page-header {
    display: none;
}

/* command-bar-wrapper innerhalb des Page-Headers braucht kein sticky mehr */
.ae-page-header .command-bar-wrapper {
    position: static;
    background: transparent;
}

/* .layout bekommt von Orchid: box-shadow, border-radius, padding 1.5rem, border-top usw.
   Alles davon im ae-page-header entfernen */
.ae-page-header .layout {
    box-shadow: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    border-top: none !important;
    margin-top: 30px !important;
    margin-bottom: 0 !important;
    padding: 0.25rem 0 0.25rem !important;
}

/* Breadcrumb innerhalb ae-page-header: kein extra px-4 (Bootstrap nutzt !important) */
.ae-page-header nav[aria-label="breadcrumb"] .d-flex {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 0 !important;
}

/* Trennlinie zwischen Breadcrumb-Zeile und Titel-Zeile */
.ae-page-header nav[aria-label="breadcrumb"] {
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 0.25rem;
    margin-bottom: 0;
}