html[data-mdb-theme="dark"] .card-modern {
  background-color: #1a1d2d;
  border: 1px solid #2a2e42;
  color: #fff;
}
html[data-mdb-theme="dark"] .mini-card-modern {
  background-color: #1a1d2d;
  color: #fff;
}
.mini-card-modern {
  background-color: #f8f9fa;
  color: #212529;
}


[data-mdb-theme="dark"] .theme-aware-bg {
  background-color: #3a3a50;
  color: #fff;
}

[data-mdb-theme="dark"] .theme-aware-btn {
  background-color: #3a3a50;
  color: #fff;
}
[data-mdb-theme="dark"] pre {
    display: block;
    font-size: 87.5%;
    color: #fff;
}
  

html[data-mdb-theme="dark"] {
  /* Hauptfarben */
  --mdb-body-bg: #3a3a50;
  --mdb-surface-bg: #1a1d2d;
}

  
[data-mdb-theme="dark"] .table {
  --mdb-table-bg: #1a1d2d;
}
[data-mdb-theme="dark"] .sidenav {
  --mdb-sidenav-background-color: #1a1d2d;
}
[data-mdb-theme="dark"] .card {
  --mdb-card-bg: #1a1d2d;
}
  
[data-mdb-theme="dark"] header nav{
  background-color: #1a1d2d;
  color: #fff;
}
[data-mdb-theme="dark"] footer {
  background-color: #1a1d2d !important;
  color: #fff;
}
[data-mdb-theme="dark"] #loader-standort-title div {
  background-color: #1a1d2d !important;
  color: #fff;
}
#loader-standort-title div {
  background-color: #f8f9fa !important;
  color: #212529;
}
    
[data-mdb-theme="dark"] body {
  background: #3a3a50;
  color: #fff;
}
    
[data-mdb-theme="dark"] .theme-aware-text {
  color:#04a29a;
}      
[data-mdb-theme="dark"] .lieferanten-theme-aware-text {
  color:#fff;
}       
[data-mdb-theme="dark"] .produkte-theme-aware-text {
  color:#fff;
}    
    
[data-mdb-theme="dark"] span.theme-aware-text {
  color:#eee;
}     
[data-mdb-theme="dark"] .token-info.theme-aware-text {
  color:#eee;
} 
  
html[data-mdb-theme="dark"] img.theme-sensitive {
  filter: invert(1) grayscale(1);
}    

html[data-mdb-theme="dark"] .form-control:disabled, html[data-mdb-theme="dark"] .form-control[readonly]~label::after {
     background-color: #2b2e3e !important; 
}

html[data-mdb-theme="dark"] .form-select:disabled, html[data-mdb-theme="dark"] .form-select[readonly]~label::after {
     background-color: #2b2e3e !important; 
}

html[data-mdb-theme="dark"] .form-control:disabled, html[data-mdb-theme="dark"] .form-control[readonly] {
     background-color: #2b2e3e !important; 
}

.blurred-background-dark {
    background-color: hsla(230, 60%, 66.84%, 0.15) !important;
    backdrop-filter: blur(30px) !important;
    -webkit-backdrop-filter: blur(30px) !important;
}