@media screen and (min-width: 576px) {

  .bg-image-login,
  .bg-image-logout {
    background-image: url("/assets/media/misc/app_login_background.jpg");
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed; 
    background-size: cover;
  }

  .landing-header {
    background-color: var(--bs-white);
  }

  [data-bs-theme="dark"] {
    .bg-image-login {
      background-image: url("/assets/media/misc/app_login_background_dark.jpg");
    }
  }

}

/** Test 08.11.2023
#kt_body {
  background-image: url("/assets/media/misc/app_login_background.jpg");
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

 .aside-secondary {
  background-image: url("/assets/media/misc/bg_test_kitc.png");
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
} */

.menu-badge {
  margin-top: -1.5rem;
  margin-left:-1.5rem;
}

.menu-badge-xl {
  margin-top: -1.5rem !important;
  margin-left:-2.5rem !important;
}

/** Badges 16.11.2022 */
.badge {
  border-radius: 0.275rem !important;
}

/* fonts */
@font-face {
  font-family:'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto'),
       local('Roboto-Light'),
       url(/assets/fonts/Roboto-Light.ttf) format('truetype');
}

@font-face {
  font-family:'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'),
       local('Roboto-Regular'),
       url(/assets/fonts/Roboto-Regular.ttf) format('truetype');
}

@font-face {
  font-family:'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto'),
       local('Roboto-Medium'),
       url(/assets/fonts/Roboto-Medium.ttf) format('truetype');
}

@font-face {
  font-family:'Roboto';
  font-style: bold;
  font-weight: 700;
  src: local('Roboto'),
       local('Roboto-Bold'),
       url(/assets/fonts/Roboto-Bold.ttf) format('truetype');
}

html, body {
  font-size: 14px !important;
  font-family: "Roboto", sans-serif;
}

/* .form-control-sm {
  padding-top: 0.1rem;
  padding-right: 0.5rem;
  padding-bottom: 0.1rem;
  padding-left: 0.5rem;
} */

/** toastr */
#toastr-container > div {
  opacity: 1 !important;
}

#toastr-container {
  top: 12px !important;
  right: 12px !important;
}

.toastr-warning {
  background-color: #E16402 !important;
}

/** to remove!! */
.bg-light-primary {
  background-color: #ECECEC !important;
}

.form-label {
  font-size: 0.95rem !important;
  /* font-weight: 400 !important; */
}

.form-control-sm,
.form-select-sm {
  font-size: 1rem !important;
}

thead, tbody, tfoot, tr, td, th {
  border-color: inherit;
  border-style: solid;
  border-width: 1px;
}

/** 23.03.2022 */
.tooltip-inner {
    text-align: left;
}

/** 28.04.2022 */
.sys_status-1,
.sys_status-8 { /** offen; nächstes Release */
  color: var(--bs-white);
  background-color: var(--bs-danger);
}

.sys_status-2 { /** unklar */
  color: var(--bs-dark);
  background-color: var(--bs-warning);
}

.sys_status-3 { /** bestätigt */
  color: var(--bs-white);
  background-color: var(--bs-info);
}

.sys_status-4 { /** abgelehnt */
  color: var(--bs-white);
  background-color: var(--bs-dark);
}

.sys_status-5 { /** erledigt */
  color: var(--bs-white);
  background-color: var(--bs-success);
}

.sys_status-6 { /** zu testen */
  color: var(--bs-dark);
  background-color: var(--bs-warning);
}

.sys_status-7 { /** in Arbeit */
  color: var(--bs-white);
  background-color: var(--bs-primary);
}

.sys_prio-1 { /** niedrig */
  color: var(--bs-dark);
  border-color: var(--bs-dark);
  border-style: solid;
  border-width: 1px;
  background-color: var(--bs-white);
}

.sys_prio-2 { /** mittel */
  color: var(--bs-dark);
  background-color: var(--bs-warning);
}

.sys_prio-3 { /** hoch */
  color: var(--bs-white);
  background-color: var(--bs-danger);
}

/** Modal Background entfernen */
/* .modal-backdrop {
   background-color: transparent;
} */

.bs-orange {
  color: var(--bs-orange);
}

/** TEST */

/* main navigation */
/* .navbar-light .navbar-nav .nav-link:focus {
  color: red;
  border: 1px;
  border-style: solid;
  margin: -1px;
}

.nav-link-selected {
  border: 1px;
  border-style: solid;
  margin: -1px;
  background-color: white;
}
 */

/* navigation */
/* .menu-nav .menu-link:focus {
  color: red;
  border: 1px;
  border-style: solid;
  margin: -1px;
}

.menu-link-selected {
  border: 1px;
  border-style: solid;
  margin: -1px;
  background-color: red;
} */


/** Aside Secondary Wide Layout */
@media (min-width: 992px) {

  /** #kt_aside */
  .aside-secondary-enabled .aside.kitc_wide_secondary {
    width: 650px;
    /* background-color: red; */
  }

  [data-kt-aside-minimize="on"] .aside.kitc_wide_secondary {
    width: 100px;
    transition: width 0.3s ease;
    /* background-color: blue; */
  }

  /** #kt_aside_workspace */
  .aside.kitc_wide_secondary .aside-secondary .aside-workspace {
    width: 550px;
    flex-shrink: 0;
    /* background-color: yellow; */
  }

  /** #kt_wrapper */
  .aside-secondary-enabled.aside-fixed .wrapper.kitc_wide_secondary {
    transition: padding-left 0.3s ease;
    padding-left: 650px;
    /* background-color: orange; */
  }

  .aside-secondary-enabled.aside-fixed[data-kt-aside-minimize="on"] .wrapper {
    transition: padding-left 0.3s ease;
    padding-left: 100px;
  }

}

/** 27.09.2023 */
.form-control,
.form-select {
  border-color: var(--bs-gray-600);
  color: var(--bs-dark);
  z-index: 1;
}

.form-label {
  color: var(--bs-dark);
  z-index: 1;
}

/** Main Menu Buttons - Buttons */
.btn.btn-active-color-primary.active:not(:focus) {
  border: 2px;
  border-style: solid;
  border-radius: 0.5rem;
  border-color: var(--bs-primary);
}

.btn.btn-active-color-primary:focus {
  border: 2px;
  border-style: solid;
  border-radius: 0.5rem;
  border-color: var(--bs-danger);
}

/* .aside-primary {
  background-color: #cce3ff;
} */

/** Buttons */
.btn-check:checked + .btn.btn-outline.btn-outline-primary,
.btn-check:active + .btn.btn-outline.btn-outline-primary,
.btn.btn-outline.btn-outline-primary:focus:not(.btn-active),
.btn.btn-outline.btn-outline-primary:hover:not(.btn-active),
.btn.btn-outline.btn-outline-primary:active:not(.btn-active),
.btn.btn-outline.btn-outline-primary.active,
.btn.btn-outline.btn-outline-primary.show,
 .show > .btn.btn-outline.btn-outline-primary {
  color: var(--bs-white) !important;
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
 }
 
 .btn-check:checked + .btn.btn-outline.btn-outline-primary i,
 .btn-check:checked + .btn.btn-outline.btn-outline-primary .svg-icon,
 .btn-check:active + .btn.btn-outline.btn-outline-primary i,
 .btn-check:active + .btn.btn-outline.btn-outline-primary .svg-icon,
 .btn.btn-outline.btn-outline-primary:focus:not(.btn-active) i,
 .btn.btn-outline.btn-outline-primary:focus:not(.btn-active) .svg-icon,
 .btn.btn-outline.btn-outline-primary:hover:not(.btn-active) i,
 .btn.btn-outline.btn-outline-primary:hover:not(.btn-active) .svg-icon,
 .btn.btn-outline.btn-outline-primary:active:not(.btn-active) i,
 .btn.btn-outline.btn-outline-primary:active:not(.btn-active) .svg-icon,
 .btn.btn-outline.btn-outline-primary.active i,
 .btn.btn-outline.btn-outline-primary.active .svg-icon,
 .btn.btn-outline.btn-outline-primary.show i,
 .btn.btn-outline.btn-outline-primary.show .svg-icon,
 .show > .btn.btn-outline.btn-outline-primary i,
 .show > .btn.btn-outline.btn-outline-primary .svg-icon {
  color: var(--bs-white) !important;
}

.btn-check:checked + .btn.btn-outline.btn-outline-success,
.btn-check:active + .btn.btn-outline.btn-outline-success,
.btn.btn-outline.btn-outline-success:focus:not(.btn-active),
.btn.btn-outline.btn-outline-success:hover:not(.btn-active),
.btn.btn-outline.btn-outline-success:active:not(.btn-active),
.btn.btn-outline.btn-outline-success.active,
.btn.btn-outline.btn-outline-success.show,
 .show > .btn.btn-outline.btn-outline-success {
  color: var(--bs-white) !important;
  background-color: var(--bs-success) !important;
  border-color: var(--bs-success) !important;
 }
 
 .btn-check:checked + .btn.btn-outline.btn-outline-success i,
 .btn-check:checked + .btn.btn-outline.btn-outline-success .svg-icon,
 .btn-check:active + .btn.btn-outline.btn-outline-success i,
 .btn-check:active + .btn.btn-outline.btn-outline-success .svg-icon,
 .btn.btn-outline.btn-outline-success:focus:not(.btn-active) i,
 .btn.btn-outline.btn-outline-success:focus:not(.btn-active) .svg-icon,
 .btn.btn-outline.btn-outline-success:hover:not(.btn-active) i,
 .btn.btn-outline.btn-outline-success:hover:not(.btn-active) .svg-icon,
 .btn.btn-outline.btn-outline-success:active:not(.btn-active) i,
 .btn.btn-outline.btn-outline-success:active:not(.btn-active) .svg-icon,
 .btn.btn-outline.btn-outline-success.active i,
 .btn.btn-outline.btn-outline-success.active .svg-icon,
 .btn.btn-outline.btn-outline-success.show i,
 .btn.btn-outline.btn-outline-success.show .svg-icon,
 .show > .btn.btn-outline.btn-outline-success i,
 .show > .btn.btn-outline.btn-outline-success .svg-icon {
  color: var(--bs-white) !important;
}

.btn-check:checked + .btn.btn-outline.btn-outline-danger,
.btn-check:active + .btn.btn-outline.btn-outline-danger,
.btn.btn-outline.btn-outline-danger:focus:not(.btn-active),
.btn.btn-outline.btn-outline-danger:hover:not(.btn-active),
.btn.btn-outline.btn-outline-danger:active:not(.btn-active),
.btn.btn-outline.btn-outline-danger.active,
.btn.btn-outline.btn-outline-danger.show,
 .show > .btn.btn-outline.btn-outline-danger {
  color: var(--bs-white) !important;
  background-color: var(--bs-danger) !important;
  border-color: var(--bs-danger) !important;
 }
 
 .btn-check:checked + .btn.btn-outline.btn-outline-danger i,
 .btn-check:checked + .btn.btn-outline.btn-outline-danger .svg-icon,
 .btn-check:active + .btn.btn-outline.btn-outline-danger i,
 .btn-check:active + .btn.btn-outline.btn-outline-danger .svg-icon,
 .btn.btn-outline.btn-outline-danger:focus:not(.btn-active) i,
 .btn.btn-outline.btn-outline-danger:focus:not(.btn-active) .svg-icon,
 .btn.btn-outline.btn-outline-danger:hover:not(.btn-active) i,
 .btn.btn-outline.btn-outline-danger:hover:not(.btn-active) .svg-icon,
 .btn.btn-outline.btn-outline-danger:active:not(.btn-active) i,
 .btn.btn-outline.btn-outline-danger:active:not(.btn-active) .svg-icon,
 .btn.btn-outline.btn-outline-danger.active i,
 .btn.btn-outline.btn-outline-danger.active .svg-icon,
 .btn.btn-outline.btn-outline-danger.show i,
 .btn.btn-outline.btn-outline-danger.show .svg-icon,
 .show > .btn.btn-outline.btn-outline-danger i,
 .show > .btn.btn-outline.btn-outline-danger .svg-icon {
  color: var(--bs-white) !important;
}

/* Navbar Aside Secondary */

/* .navbar-nav li a:hover i,
.nav li a:hover i,
.breadcrumb li a i:hover {
  color: var(--bs-primary);
}

.navbar-nav li .nav-link:hover,
.k-link:hover,
a:hover,
.btn-link:hover {
  color: black;
  text-decoration: underline;
} */

/** 02.10.2023 */
/** Header */
/** Main menu */
/** Aside */
/** Content */

/** TEST */

/** Aside Menu Title */
.menu-title {
  color: var(--bs-gray-800) !important;
  font-weight: 500 !important;
}

/* navigation */
.menu-nav .menu-link.active {
  color: var(--bs-primary);
  border: 1px;
  border-style: solid;
  margin: -1px;
}

.menu-nav .menu-link:focus {
  color: var(--bs-danger) !important;
  border: 2px;
  border-style: solid;
  margin: -2px;
}

.menu-nav .menu-link:hover:not(.active) {
  background-color: var(--bs-page-bg);
  color: var(--bs-primary);
  border: 1px;
  border-style: solid;
  margin: -1px;
}

.menu-nav .menu-link.dropdown-toggle:hover:not(.active) {
  background-color: var(--bs-page-bg);
  color: var(--bs-primary);
  border: 1px;
  border-style: solid;
  margin: -1px;
}

/* .menu-state-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here),
.menu-state-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
  transition: color 0.2s ease;
  color: var(--bs-danger);
} */

/*
.menu-title:hover {
  color: var(--bs-danger) !important;
} */

/* Forms */
.form-check-label {
  color: var(--bs-gray-800);
}

/* Scrolltop */
[data-kt-scrolltop=on] .scrolltop {
  opacity: 1;
}
[data-kt-scrolltop=on] .scrolltop:hover {
  opacity: 1;
}

.card-toolbar i {
  color: var(--bs-gray-800);
}

/** Einstellunge Dark Mode
[data-bs-theme="dark"] {

  .form-control,
  .form-select {
    border-color: var(--bs-gray-200);
    color: var(--bs-white);
  }

  .form-label {
    color: var(--bs-white);
  }

}
 */
/** Focus */

/* table tbody tr td a:focus {
  /* border-color: #FF2D2D !important;
  box-shadow: 0 0 0 0.2rem #FF2D2D !important;
  padding: 0.2rem; */
  /* border-radius: 0.1rem;
  background-color: var(--bs-white);
  padding: 0.2rem;
  border: 1px;
  border-style: dotted; */
  /* margin-left: -1px; */
/*}*/

a:focus,
a:focus-visible
{
  /* Draw the focus when :focus-visible is supported */
  outline: 2px solid var(--bs-danger);
  outline-offset: 2px;
  border-radius: 2px;
}

/* Secondary Dropdown Menu Item */
a.dropdown-item:focus,
a.dropdown-item:focus-visible
{
  outline-offset: 0px;
}

li.menu-item.dropdown a.active {
  color: var(--bs-primary);
} 

/* Form Elements */
button:focus,
a:focus,
.form-floating > .form-control:focus,
.btn:focus {
  border-color: var(--bs-danger);
  border-width: 1px;
}

.form-check-input:focus,
.form-control:focus,
.form-select:focus {
  outline: 2px solid var(--bs-danger);
  border-radius: 0.475rem;
  color: var(--bs-dark);
}

/* Header Buttons */
#btn_logout:focus,
#btn_handbook:focus,
#kt_aside_toggle:focus,
#btn_aside_close_menu:focus
 {
  color: var(--bs-danger);
  border: 2px;
  border-style: solid;
}

/* Close Buttons */
.btn-close:focus,
.btn-close:hover
 {
  outline-color: var(--bs-danger);
  outline-width: 2px;
  outline-style: solid;
}

.form-check-input {
  height: 20px;
  width: 20px;
  border-color: var(--bs-gray-600);
}

.form-label {
  color: var(--bs-gray-800);
  margin-bottom: 0;
}

.form-control:disabled {
  color: var(--bs-dark);         
}

/* Test Table hide columns mobile view */

@media (max-width: 992px) {
  
  /* table reduction columns */
  .hide-col-sm {
    width: 0px !important;
    height: 0px !important;
    display: none !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
  }

  /* table content readable! */
  body {
    background-color: var(--bs-white);
  }

  .card {
    box-shadow: none;
  }


}

/* Test Main Menu BG */
/* .bg-main-menu { */
  /* background-color: #FFAA20E3; */
  /* background-color: var(--bs-warning-light); */
  /* background-color: var(--bs-danger-light); */
  /* background-color: var(--bs-primary-light); */
/* } */

a {
  color: var(--bs-primary);
}

a:hover {
  color: var(--bs-danger);
}

.page-item.active .page-link {
  color: var(--bs-primary);
  background-color: var(--bs-white);
  border: 1px;
  border-style: solid;
}

.page-link:focus {
  background-color: var(--bs-white);
  border-color: var(--bs-danger) !important;
  color: var(--bs-danger) !important;
  border: 1px;
  border-style: solid;
}

.page-link:hover {
  background-color: var(--bs-white);
  color: var(--bs-danger) !important;
  border-color: var(--bs-danger) !important;
  border: 1px;
  border-style: solid;
}

.page-link:focus i{
  color: var(--bs-danger) !important;
}

.page-link:hover i{
  color: var(--bs-danger) !important;
}



/** Einstellunge Dark Mode */
[data-bs-theme="dark"] {

  .bg-white {
    background-color: var(--bs-white) !important;
  }

  .form-switch .form-check-input {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23877d62'/%3e%3c/svg%3e");

  }

  .form-check-input:checked {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
  }

  .form-switch .form-check-input:not(:checked):not(:focus),
  .form-switch .form-check-input:focus:not(:checked) {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23000000'/%3e%3c/svg%3e");
  }

  .form-switch .form-check-input:checked {
    background-position: right center;
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23000000'/%3e%3c/svg%3e");
  }

  .badge-danger,
  .badge-info,
  .badge-success {
    color: var(--bs-white);
  }

  .list-group-item {
    background-color: var(--bs-card-color);
  }

  [role="tab"][aria-selected="true"] {
    background: var(--bs-card-color);
  }

  .text-bg-primary {
    color: var(--bs-white) !important;
    background-color: var(--bs-primary) !important;
  }

  .text-bg-danger {
    color: var(--bs-white) !important;
    background-color: var(--bs-danger) !important;
  }

  .text-bg-info {
    color: var(--bs-white) !important;
    background-color: var(--bs-info) !important;
  }

  .text-bg-success {
    color: var(--bs-white) !important;
    background-color: var(--bs-success) !important;
  }

  .form-check-input:checked[type="checkbox"] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%23000000'/%3e%3c/svg%3e");
  }

  .text-bg-1,
  .text-bg-8 {
    color: var(--bs-white) !important;
    background-color: var(--bs-info) !important;
  }
  
  .text-bg-2,
  .text-bg-20 {
    color: var(--bs-white) !important;
    background-color: var(--bs-primary) !important;
  }
  
  .text-bg-3,
  .text-bg-15,
  .text-bg-61 {
    color: var(--bs-dark) !important;
    background-color: var(--bs-warning) !important;
  }
    
  .text-bg-5,
  .text-bg-9,
  .text-bg-10{
    color: var(--bs-white) !important;
    background-color: var(--bs-success) !important;
  }
  
  .text-bg-4,
  .text-bg-6,
  .text-bg-7,
  .text-bg-55,
  .text-bg-66,
  .text-bg-99 {
    color: var(--bs-white) !important;
    background-color: var(--bs-danger) !important;
  }

  /* 24.05.2024*/
  .page-item.active .page-link, .page-link.active {
    color: var(--bs-primary);
    background-color: var(--bs-white);
    border: 1px;
    border-style: solid;
  }
  
  .page-link:focus {
    background-color: var(--bs-white);
    border-color: var(--bs-danger) !important;
    color: var(--bs-danger) !important;
    border: 1px;
    border-style: solid;
  }
  
  .page-link:hover {
    background-color: var(--bs-white);
    color: var(--bs-danger) !important;
    border-color: var(--bs-danger) !important;
    border: 1px;
    border-style: solid;
  }
  
  .page-link:focus i{
    color: var(--bs-danger) !important;
  }
  
  .page-link:hover i{
    color: var(--bs-danger) !important;
  }

}

/* Tab List issue */
button span,
button i {
  pointer-events: none;
}

/* Secondary Menu */
.dropdown-item:hover:not(.active) {
  color: var(--bs-primary);
  background-color: var(--bs-page-bg);
  border: 1px;
  border-style: solid;
  border-radius: 0.475rem;
  margin: -1px;
}

.dropdown-item:active,
.dropdown-item.active {
  color: var(--bs-primary);
  background-color: var(--bs-white);
  border: 1px;
  border-style: solid;
  border-radius: 0.475rem;
}

/* Accordion Register */
.accordion-item {
  border-color: var(--bs-gray-600);
}

.accordion-button {
  font-size: 1.2rem;
  font-weight: 500;
}

.accordion-button:hover:not(.active) {
  color: var(--bs-primary);
  background-color: var(--bs-page-bg);
  outline-color: var(--bs-primary);
  outline-width: 2px;
  outline-style: solid;
}

.accordion-button:focus {
  outline-color: var(--bs-danger);
  outline-width: 2px;
  outline-style: solid;
}

.accordion-button:active:not(:focus),
.accordion-button.active:not(:focus) {
  outline-color: var(--bs-primary);
  outline-width: 2px;
  outline-style: solid;
}

.accordion-button:not(.collapsed) {
  background-color: var(--bs-secondary);
}

.accordion-button.collapsed {
  background-color: var(--bs-secondary-light);
}

/* Timeout-Box Counter */

.timeoutbox-container-base-style {
  width: 60px;
  font-size: 1em;
  /* margin-left: 10px; */
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
}

.timeoutbox-container-border-color-default {
  border-color: var(--bs-info);
}

.timeoutbox-container-border-color-warn {
  border-color: var(--bs-danger);
}

.timeoutbox-bardiv-bgcolor-default {
  background-color: var(--bs-info);
}

.timeoutbox-bardiv-bgcolor-warn {
  background-color: var(--bs-danger);
}

.timeoutbox-bardiv-height {
  height: 5px;
}

.timeoutbox-textdiv-format {
  width: 100%;
  text-align: center;
}

.timeoutbox-textdiv-color-default {
  color: var(--bs-info);
}

.timeoutbox-textdiv-color-warn {
  color: var(--bs-danger);
}

/** 06.12.2023 Relationale Daten Dol, FE */
.fs-rel {
  font-size: 12px !important;
}

/** 07.12.2023 Breiter Secondary Bereich*/
@media (min-width: 992px) {

  /** #kt_aside */
  .aside-secondary-enabled .aside.kitc_wide_secondary {
    width: 750px; /** 650 */
    /* background-color: red; */
  }

  [data-kt-aside-minimize="on"] .aside.kitc_wide_secondary {
    width: 100px;
    transition: width 0.3s ease;
    /* background-color: blue; */
  }

  /** #kt_aside_workspace */
  .aside.kitc_wide_secondary .aside-secondary .aside-workspace {
    width: 650px; /** 550 */
    flex-shrink: 0;
    /* background-color: yellow; */
  }

  /** #kt_wrapper */
  .aside-secondary-enabled.aside-fixed .wrapper.kitc_wide_secondary {
    transition: padding-left 0.3s ease;
    padding-left: 750px; /** 650 */
    /* background-color: orange; */
  }

  .aside-secondary-enabled.aside-fixed[data-kt-aside-minimize="on"] .wrapper.kitc_wide_secondary {
    transition: padding-left 0.3s ease;
    padding-left: 100px;
  }

  /** 08.12.2023 */
  .aside-fixed.aside-secondary-enabled[data-kt-sticky-header="on"] .header.kitc_wide_secondary {
    left: 750px;
  }

  /** 13.12.2023 Mittelbreiter Secondary Bereich*/
  /** #kt_aside */
  .aside-secondary-enabled .aside.kitc_medium_secondary {
    width: 550px; /** 650 */
    /* background-color: red; */
  }

  [data-kt-aside-minimize="on"] .aside.kitc_medium_secondary {
    width: 100px;
    transition: width 0.3s ease;
    /* background-color: blue; */
  }

  /** #kt_aside_workspace */
  .aside.kitc_medium_secondary .aside-secondary .aside-workspace {
    width: 450px; /** 550 */
    flex-shrink: 0;
    /* background-color: yellow; */
  }

  /** #kt_wrapper */
  .aside-secondary-enabled.aside-fixed .wrapper.kitc_medium_secondary {
    transition: padding-left 0.3s ease;
    padding-left: 550px; /** 650 */
    /* background-color: orange; */
  }

  .aside-secondary-enabled.aside-fixed[data-kt-aside-minimize="on"] .wrapper.kitc_medium_secondary {
    transition: padding-left 0.3s ease;
    padding-left: 100px;
  }

  .aside-fixed.aside-secondary-enabled[data-kt-sticky-header="on"] .header.kitc_medium_secondary {
    left: 550px;
  }

  /* 15.12.2023 */
  .container, .container-xxl, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
    padding: 0 10px; /* 0 30px; */
  }

}

/* 14.01.2024 */
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  /*cursor: not-allowed;*/
  opacity: 1;
}

.form-check-input:disabled {
  opacity: 1;
}

.form-control:disabled {
  color: var(--bs-gray-800);
  background-color: var(--bs-white);
  border-color: var(--bs-gray-600);
  opacity: 1;
}

.form-select:disabled {
  color: var(--bs-gray-800);
  background-color: var(--bs-white);
  border-color: var(--bs-gray-600);
}

/* 27.01.2024 Dolanfrage Status */
.text-bg-1,
.text-bg-8 {
  color: var(--bs-white);
  background-color: var(--bs-info);
}

.text-bg-2,
.text-bg-20 {
  color: var(--bs-white);
  background-color: var(--bs-primary);
}

.text-bg-3,
.text-bg-15,
.text-bg-61 {
  color: var(--bs-dark);
  background-color: var(--bs-warning);
}

.text-bg-5,
.text-bg-9,
.text-bg-10  {
  color: var(--bs-white);
  background-color: var(--bs-success);
}

.text-bg-4,
.text-bg-6,
.text-bg-7,
.text-bg-55,
.text-bg-66,
.text-bg-99 {
  color: var(--bs-white);
  background-color: var(--bs-danger);
}

.info-feedback {
  width: 100%;
  margin-top: 0.5rem;
  font-size: 0.95rem;
  color: var(--bs-info);
}

/* 23.04.2024 */
.bg-kontaktdaten-dol {
  background-color: var(--bs-primary-light);
}

/* 28.11.2024 */
.letter-spacing {
  letter-spacing: 0.5em;
}