@ihk-gfi/lux-components-theme 14.0.0 → 14.2.0

package/prebuilt-themes/luxtheme-authentic.css

@@ -130,6 +130,7 @@ lux-side-nav .lux-side-nav-item:hover:not(.lux-side-nav-disabled) {
 /** ########## Card ########## **/
 lux-card mat-card[class~=lux-cursor]:focus-visible {
   outline: 4px solid rgb(0, 152, 218) !important;
+  outline-offset: -4px;
 }
 lux-card mat-card[class~=lux-cursor]:hover {
   background-color: #4d7094 !important;
@@ -148,10 +149,6 @@ lux-list:focus-visible {
 lux-list lux-list-item:focus-visible {
   outline: none;
 }
-lux-list lux-list-item:focus-visible mat-card {
-  outline: 4px solid rgb(0, 152, 218) !important;
-  outline-offset: -4px;
-}
 lux-list lux-list-item lux-card.lux-list-item-selected mat-card.mat-card.lux-card {
   background-color: #f0f3f6 !important;
   position: relative;
@@ -226,17 +223,36 @@ lux-form-control .lux-form-control:not(.lux-form-control-disabled).lux-focused.l
   outline: 4px solid rgb(0, 152, 218) !important;
 }
 
+lux-icon.lux-error-icon:focus-visible {
+  outline: 4px solid rgb(0, 152, 218) !important;
+}
+
 /** ########## Datepicker ########## **/
-lux-datepicker mat-datepicker-toggle button:focus-visible, lux-datepicker-ac mat-datepicker-toggle button:focus-visible {
+lux-datepicker mat-datepicker-toggle button:focus-visible {
   outline: 4px solid rgb(0, 152, 218) !important;
   border-radius: 4px;
 }
-lux-datepicker mat-datepicker-toggle button:hover, lux-datepicker-ac mat-datepicker-toggle button:hover {
+lux-datepicker mat-datepicker-toggle button:hover {
   background-color: #4d7094 !important;
   border-radius: 4px;
   border-radius: 4px;
 }
-lux-datepicker mat-datepicker-toggle .mat-button-focus-overlay, lux-datepicker-ac mat-datepicker-toggle .mat-button-focus-overlay {
+lux-datepicker mat-datepicker-toggle .mat-button-focus-overlay {
+  display: none;
+}
+
+lux-datepicker-ac mat-datepicker-toggle button:focus-visible, lux-datetimepicker-ac mat-datepicker-toggle button:focus-visible {
+  outline: 4px solid rgb(0, 152, 218) !important;
+  border-radius: 4px;
+}
+lux-datepicker-ac mat-datepicker-toggle button:hover, lux-datetimepicker-ac mat-datepicker-toggle button:hover {
+  background-color: #fff;
+  border-radius: 4px;
+}
+lux-datepicker-ac mat-datepicker-toggle button:hover lux-icon.lux-datepicker-toggle-icon.lux-color-blue, lux-datetimepicker-ac mat-datepicker-toggle button:hover lux-icon.lux-datepicker-toggle-icon.lux-color-blue {
+  color: #4d7094;
+}
+lux-datepicker-ac mat-datepicker-toggle .mat-button-focus-overlay, lux-datetimepicker-ac mat-datepicker-toggle .mat-button-focus-overlay {
   display: none;
 }
 
@@ -261,16 +277,16 @@ lux-datepicker mat-datepicker-toggle .mat-button-focus-overlay, lux-datepicker-a
 }
 
 /** ########## Datetimepicker ########## **/
-lux-datetimepicker mat-datepicker-toggle button:focus-visible, lux-datetimepicker-ac mat-datepicker-toggle button:focus-visible {
+lux-datetimepicker mat-datepicker-toggle button:focus-visible {
   outline: 4px solid rgb(0, 152, 218) !important;
   border-radius: 4px;
 }
-lux-datetimepicker mat-datepicker-toggle button:hover, lux-datetimepicker-ac mat-datepicker-toggle button:hover {
+lux-datetimepicker mat-datepicker-toggle button:hover {
   background-color: #4d7094 !important;
   border-radius: 4px;
   border-radius: 4px;
 }
-lux-datetimepicker mat-datepicker-toggle .mat-button-focus-overlay, lux-datetimepicker-ac mat-datepicker-toggle .mat-button-focus-overlay {
+lux-datetimepicker mat-datepicker-toggle .mat-button-focus-overlay {
   display: none;
 }
 
@@ -354,26 +370,70 @@ lux-table th.cdk-keyboard-focused div.mat-sort-header-container {
   border-radius: 4px;
 }
 
-.lux-select-panel-ac mat-option.mat-selected.mat-option:not(.mat-option-disabled) {
-  background: linear-gradient(90deg, #ffffff 0%, #f8fbff 100%);
-  background-color: #fff;
-  border: 1px solid #003366;
-  box-shadow: 0 0 0 2px var(--lux-theme-primary-500) inset;
+/** ########## Select-AC ########## **/
+.lux-select-panel-ac mat-option.mat-selected.mat-option:not(.mat-option-disabled) .mat-option-text {
   position: relative;
-  border-radius: 4px;
 }
-.lux-select-panel-ac mat-option.mat-selected.mat-option:not(.mat-option-disabled):after {
-  width: 0px;
-  border: none;
+.lux-select-panel-ac mat-option.mat-selected.mat-option:not(.mat-option-disabled) .mat-option-text::after {
+  content: "";
+  position: absolute;
+  width: 18px;
+  height: 18px;
+  top: 14px;
+  margin: 0 6px;
+  background-color: #003366;
+  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='none' stroke='%23036' stroke-linecap='round' stroke-linejoin='round' d='M0.5,8.55 L3.23,12.06 C3.4166359,12.3024927 3.70402432,12.4461869 4.01,12.4500671 C4.31092451,12.4534817 4.59741556,12.3212551 4.79,12.09 L13.5,1.55'/%3E%3C/svg%3E");
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  -webkit-mask-size: cover;
+  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='none' stroke='%23036' stroke-linecap='round' stroke-linejoin='round' d='M0.5,8.55 L3.23,12.06 C3.4166359,12.3024927 3.70402432,12.4461869 4.01,12.4500671 C4.31092451,12.4534817 4.59741556,12.3212551 4.79,12.09 L13.5,1.55'/%3E%3C/svg%3E");
+  mask-repeat: no-repeat;
+  mask-position: center;
+  mask-size: cover;
 }
-.lux-select-panel-ac mat-option.mat-active:not(.cdk-mouse-focused) {
+
+.lux-select-panel-ac.mat-select-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active), .lux-select-panel-ac.mat-autocomplete-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active), .lux-select-panel-ac-multiple.mat-select-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active), .lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active), .lux-autocomplete-panel-ac.mat-select-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active), .lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active), .lux-chips-ac-autocomplete-panel.mat-select-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active), .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active) {
+  color: #003366;
+  background-color: #ffffff;
+  font-weight: 600;
+}
+.lux-select-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused), .lux-select-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused), .lux-select-panel-ac-multiple.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused), .lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused), .lux-autocomplete-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused), .lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused), .lux-chips-ac-autocomplete-panel.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused), .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) {
   outline: 4px solid rgb(0, 152, 218) !important;
   outline-offset: -4px;
-  border-radius: 4px;
+  background-color: #4d7094;
+  color: #ffffff;
 }
-.lux-select-panel-ac mat-option:hover:not(.invalid, .mat-option-disabled) {
-  background-color: #4d7094 !important;
-  border-radius: 4px;
+.lux-select-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox, .lux-select-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox, .lux-select-panel-ac-multiple.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox, .lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox, .lux-autocomplete-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox, .lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox, .lux-chips-ac-autocomplete-panel.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox, .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox {
+  color: #ffffff;
+}
+.lux-select-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked, .lux-select-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked, .lux-select-panel-ac-multiple.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked, .lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked, .lux-autocomplete-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked, .lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked, .lux-chips-ac-autocomplete-panel.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked, .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked {
+  background-color: #ffffff;
+}
+.lux-select-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after, .lux-select-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after, .lux-select-panel-ac-multiple.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after, .lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after, .lux-autocomplete-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after, .lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after, .lux-chips-ac-autocomplete-panel.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after, .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after {
+  border-color: #003366 !important;
+}
+.lux-select-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after, .lux-select-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after, .lux-select-panel-ac-multiple.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after, .lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after, .lux-autocomplete-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after, .lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after, .lux-chips-ac-autocomplete-panel.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after, .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after {
+  background-color: #fff;
+}
+.lux-select-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled), .lux-select-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled), .lux-select-panel-ac-multiple.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled), .lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled), .lux-autocomplete-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled), .lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled), .lux-chips-ac-autocomplete-panel.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled), .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) {
+  background-color: #4d7094;
+  color: #ffffff;
+  border-radius: 0px !important;
+}
+.lux-select-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox, .lux-select-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox, .lux-select-panel-ac-multiple.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox, .lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox, .lux-autocomplete-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox, .lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox, .lux-chips-ac-autocomplete-panel.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox, .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox {
+  color: #ffffff;
+}
+.lux-select-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked, .lux-select-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked, .lux-select-panel-ac-multiple.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked, .lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked, .lux-autocomplete-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked, .lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked, .lux-chips-ac-autocomplete-panel.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked, .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked {
+  background-color: #ffffff;
+}
+.lux-select-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after, .lux-select-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after, .lux-select-panel-ac-multiple.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after, .lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after, .lux-autocomplete-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after, .lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after, .lux-chips-ac-autocomplete-panel.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after, .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after {
+  border-color: #003366 !important;
+}
+.lux-select-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox, .lux-select-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox, .lux-select-panel-ac-multiple.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox, .lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox, .lux-autocomplete-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox, .lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox, .lux-chips-ac-autocomplete-panel.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox, .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox {
+  color: #ffffff;
+}
+.lux-select-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after, .lux-select-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after, .lux-select-panel-ac-multiple.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after, .lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after, .lux-autocomplete-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after, .lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after, .lux-chips-ac-autocomplete-panel.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after, .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after {
+  background-color: #fff;
 }
 
 /** ########## Button ########## **/
@@ -440,7 +500,7 @@ lux-tabs .mat-tab-label:not(.mat-tab-disabled):focus-visible {
   border-radius: 4px;
 }
 lux-tabs .mat-tab-label:not(.mat-tab-disabled):hover:not(.mat-tab-disabled) {
-  background-color: #4d7094 !important;
+  background-color: #4d7094;
   border-radius: 4px;
 }
 lux-tabs mat-ink-bar.mat-ink-bar {
@@ -458,7 +518,7 @@ mat-card lux-tabs .mat-tab-label:not(.mat-tab-disabled):focus-visible {
   border-radius: 4px;
 }
 mat-card lux-tabs .mat-tab-label:not(.mat-tab-disabled):hover:not(.mat-tab-disabled) {
-  background-color: #4d7094 !important;
+  background-color: #4d7094;
   border-radius: 4px;
 }
 mat-card lux-tabs mat-ink-bar.mat-ink-bar {
@@ -669,24 +729,30 @@ lux-app-header-ac {
 }
 lux-app-header-ac .lux-image {
   cursor: pointer;
-  padding: 4px;
+  padding: 0px;
 }
 lux-app-header-ac .lux-image:focus-visible {
   outline: 4px solid rgb(0, 152, 218) !important;
   border-radius: 4px;
 }
-lux-app-header-ac .lux-image:hover {
-  background-color: #4d7094 !important;
-  border-radius: 4px;
-}
 lux-app-header-ac lux-button button.lux-button.lux-button-rounded {
   min-width: 36px;
   width: 36px;
   padding-left: 0px !important;
   padding-right: 0px !important;
   background-color: transparent;
+  display: flex;
+  justify-content: center;
+  align-items: center;
   box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
 }
+lux-app-header-ac lux-button button.lux-button.lux-button-rounded.mat-fab .mat-button-wrapper {
+  line-height: 20px;
+  max-height: 20px;
+}
+lux-app-header-ac lux-button button.lux-button.lux-button-rounded.mat-fab .mat-button-wrapper .lux-no-size {
+  display: block;
+}
 lux-app-header-ac lux-button button.lux-button.lux-button-rounded lux-icon {
   color: #003366;
 }
@@ -718,8 +784,8 @@ lux-app-header-ac lux-button.lux-menu-trigger-default button.mat-button.lux-butt
   color: #002753 !important;
 }
 lux-app-header-ac .lux-app-header-top-bar {
-  padding: 4px 24px;
-  min-height: 52px;
+  padding: 10px 24px;
+  min-height: 64px;
   font-size: 1rem;
   color: rgba(0, 0, 0, 0.87);
   background-color: #fff;
@@ -732,6 +798,11 @@ lux-app-header-ac .lux-app-header-top-bar lux-menu {
 }
 lux-app-header-ac .lux-app-header-top-bar lux-menu .lux-menu-extended {
   overflow: unset;
+  padding: 0px;
+}
+lux-app-header-ac .lux-app-header-top-bar lux-menu button.mat-button.lux-button {
+  margin-top: 0px;
+  margin-bottom: 0px;
 }
 lux-app-header-ac .lux-app-header-nav-bar {
   background-color: #e0e7ed;
@@ -745,9 +816,8 @@ lux-app-header-ac .lux-app-header-nav-bar.lux-mobile {
 }
 lux-app-header-ac .lux-app-header-nav-bar .lux-app-title {
   color: rgba(0, 0, 0, 0.87);
-  padding: 4px;
   font-size: 20px;
-  font-weight: 700;
+  font-weight: 400;
   font-family: "Blogger Sans", "Source Sans Pro", Helvetica, Arial, sans-serif;
 }
 lux-app-header-ac .lux-app-header-nav-bar .lux-app-title.lux-mobile {
@@ -765,6 +835,54 @@ lux-app-header-ac .lux-app-header-nav-bar .lux-header-ac-nav-menu .lux-menu-exte
   padding: 0;
 }
 
+.cdk-overlay-pane button.lux-menu-item {
+  margin: 0px;
+}
+.cdk-overlay-pane button.lux-menu-item.lux-selected-item-ac {
+  font-weight: 600;
+}
+.cdk-overlay-pane button.lux-menu-item.lux-selected-item-ac .lux-button-label::after {
+  content: "";
+  position: absolute;
+  width: 20px;
+  height: 20px;
+  right: 0;
+  top: 14px;
+  margin: 0 10px 0 4px;
+  background-color: #003366;
+  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='none' stroke='%23036' stroke-linecap='round' stroke-linejoin='round' d='M0.5,8.55 L3.23,12.06 C3.4166359,12.3024927 3.70402432,12.4461869 4.01,12.4500671 C4.31092451,12.4534817 4.59741556,12.3212551 4.79,12.09 L13.5,1.55'/%3E%3C/svg%3E");
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  -webkit-mask-size: cover;
+  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='none' stroke='%23036' stroke-linecap='round' stroke-linejoin='round' d='M0.5,8.55 L3.23,12.06 C3.4166359,12.3024927 3.70402432,12.4461869 4.01,12.4500671 C4.31092451,12.4534817 4.59741556,12.3212551 4.79,12.09 L13.5,1.55'/%3E%3C/svg%3E");
+  mask-repeat: no-repeat;
+  mask-position: center;
+  mask-size: cover;
+}
+.cdk-overlay-pane button.lux-menu-item:not([disabled=true]):hover {
+  background-color: #4d7094 !important;
+  color: #ffffff;
+}
+.cdk-overlay-pane button.lux-menu-item:not([disabled=true]):hover .mat-icon-no-color {
+  color: #ffffff;
+}
+.cdk-overlay-pane button.lux-menu-item:not([disabled=true]):hover::after {
+  background-color: #ffffff;
+}
+.cdk-overlay-pane button.lux-menu-item:not([disabled=true]):focus-visible {
+  background-color: #4d7094;
+  color: #ffffff;
+  outline: 4px solid rgb(0, 152, 218) !important;
+  outline-offset: -4px;
+}
+.cdk-overlay-pane button.lux-menu-item:not([disabled=true]):focus-visible .mat-icon-no-color {
+  color: #ffffff;
+}
+.cdk-overlay-pane button.lux-menu-item:not([disabled=true]):focus-visible::after {
+  width: 16px;
+  background-color: #ffffff;
+}
+
 lux-link-plain .link-wrapper {
   display: inline-block;
   font-family: inherit;
@@ -792,11 +910,13 @@ lux-link-plain .link-wrapper.lux-disabled lux-icon i, lux-link-plain .link-wrapp
   color: rgba(0, 0, 0, 0.38);
 }
 lux-link-plain .link-wrapper:hover:not(.lux-disabled) {
-  background-color: #4d7094 !important;
-  border-radius: 4px;
+  color: #4d7094;
   text-decoration: underline;
   cursor: pointer;
 }
+lux-link-plain .link-wrapper:hover:not(.lux-disabled) lux-icon i, lux-link-plain .link-wrapper:hover:not(.lux-disabled) lux-icon mat-icon {
+  color: #4d7094;
+}
 lux-link-plain .link-wrapper:focus:not(.lux-disabled, :hover) {
   outline: 4px solid rgb(0, 152, 218) !important;
   border-radius: 2px;
@@ -853,8 +973,7 @@ lux-tile-ac .mat-card.lux-tile-ac[class~=lux-cursor]:focus-visible {
   outline: 4px solid rgb(0, 152, 218) !important;
 }
 lux-tile-ac .mat-card.lux-tile-ac[class~=lux-cursor]:hover {
-  background-color: #4d7094;
-  background-image: unset;
+  border-color: #003366;
 }
 
 :root {
@@ -959,7 +1078,7 @@ lux-tile-ac .mat-card.lux-tile-ac[class~=lux-cursor]:hover {
   --lux-theme-app-gradient: linear-gradient(90deg, #ffffff 0%, #f8fbff 100%);
   --lux-theme-app-gradient-reverse: linear-gradient(270deg, #ffffff 0%, #f8fbff 100%);
   --lux-theme-app-border-color: app-border-color;
-  --lux-theme-form-border-color: rgba(0, 0, 0, 0.12);
+  --lux-theme-form-border-color: rgba(0, 0, 0, 0.38);
   --lux-theme-form-control-default-height-not-scalable: 30px;
   --lux-theme-form-control-height: 24px;
   --lux-theme-form-control-height-small: 18px;
@@ -1174,11 +1293,6 @@ h6 {
   flex: 1 1 100%;
 }
 
-.lux-tile-ac-wrapper-demo .lux-tile-ac {
-  width: 260px;
-  min-height: 120px;
-}
-
 body {
   -webkit-overflow-scrolling: touch;
 }
@@ -4041,10 +4155,11 @@ lux-form-control-wrapper .lux-form-control-wrapper .lux-form-control-container-a
   color: rgba(0, 0, 0, 0.87);
   background-color: #fff;
   line-height: 1.5em;
-  border: 1px solid rgba(0, 0, 0, 0.12);
+  border: 1px solid rgba(0, 0, 0, 0.38);
   border-radius: 4px;
 }
 lux-form-control-wrapper .lux-form-control-wrapper .lux-form-control-container-authentic.lux-no-input-row {
+  background-color: transparent;
   border: none;
   padding: 0.75em 0em;
 }
@@ -4137,28 +4252,66 @@ lux-form-control-wrapper select:-webkit-autofill:focus {
 /*
  * Theming for LUX-Select
  */
-lux-select-ac mat-select {
+lux-select-ac mat-select, lux-lookup-combobox-ac mat-select {
   font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
   height: calc(1.5em - 1px) !important;
 }
-lux-select-ac mat-select .mat-select-arrow-wrapper {
+lux-select-ac mat-select .mat-select-arrow-wrapper, lux-lookup-combobox-ac mat-select .mat-select-arrow-wrapper {
   margin-left: 2px;
+  height: 24px;
+  width: 24px;
 }
-lux-select-ac mat-select[aria-disabled=true] .mat-select-arrow {
-  border-width: 10px;
-  margin: 0 2px 0 0;
-  color: rgba(0, 0, 0, 0.38);
+lux-select-ac mat-select .mat-select-arrow-wrapper .mat-select-arrow, lux-lookup-combobox-ac mat-select .mat-select-arrow-wrapper .mat-select-arrow {
+  border: none;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  background-color: #003366;
+  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='none' stroke='%23036' stroke-linecap='round' stroke-linejoin='round' d='M0.5,3.85 L6.65,10 C6.74073333,10.0966772 6.86741409,10.1515186 7,10.1515186 C7.13258591,10.1515186 7.25926667,10.0966772 7.35,10 L13.5,3.85'/%3E%3C/svg%3E");
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  -webkit-mask-size: cover;
+  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='none' stroke='%23036' stroke-linecap='round' stroke-linejoin='round' d='M0.5,3.85 L6.65,10 C6.74073333,10.0966772 6.86741409,10.1515186 7,10.1515186 C7.13258591,10.1515186 7.25926667,10.0966772 7.35,10 L13.5,3.85'/%3E%3C/svg%3E");
+  mask-repeat: no-repeat;
+  mask-position: center;
+  mask-size: cover;
+}
+lux-select-ac mat-select[aria-disabled=true] .mat-select-arrow, lux-lookup-combobox-ac mat-select[aria-disabled=true] .mat-select-arrow {
+  background-color: rgba(0, 0, 0, 0.38);
 }
-lux-select-ac mat-select[aria-disabled=false] .mat-select-arrow {
-  border-width: 10px;
-  margin: 0 2px 0 0;
-  color: #003366;
+lux-select-ac mat-select[aria-disabled=false] .mat-select-arrow, lux-lookup-combobox-ac mat-select[aria-disabled=false] .mat-select-arrow {
+  background-color: #003366;
 }
 
-.lux-select-panel-ac .mat-pseudo-checkbox-checked {
+.lux-select-panel-ac .mat-pseudo-checkbox-checked,
+.lux-select-panel-ac-multiple .mat-pseudo-checkbox-checked {
   background-color: #003366;
 }
 
+.cdk-overlay-pane .mat-option {
+  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
+}
+.cdk-overlay-pane .mat-autocomplete-panel.lux-autocomplete-panel-ac,
+.cdk-overlay-pane .mat-select-panel.lux-select-panel-ac,
+.cdk-overlay-pane .mat-select-panel.lux-select-panel-ac-multiple {
+  border: 2px solid #003366;
+  border-radius: 4px;
+  box-shadow: none !important;
+}
+.cdk-overlay-pane .mat-autocomplete-panel.lux-autocomplete-panel-ac .mat-pseudo-checkbox,
+.cdk-overlay-pane .mat-select-panel.lux-select-panel-ac .mat-pseudo-checkbox,
+.cdk-overlay-pane .mat-select-panel.lux-select-panel-ac-multiple .mat-pseudo-checkbox {
+  color: #003366;
+}
+.cdk-overlay-pane .mat-autocomplete-panel.lux-autocomplete-panel-ac {
+  min-width: calc(100% + 14px) !important;
+  max-width: calc(100% + 14px) !important;
+  margin: 13px -9px;
+  border: 2px solid #003366;
+  border-radius: 4px;
+  box-shadow: none !important;
+}
+
 /*
 * Theming für Lux-Checkbox
 */
@@ -4173,9 +4326,6 @@ lux-checkbox-ac label .mat-checkbox-label {
   word-break: break-word;
   white-space: normal;
 }
-lux-checkbox-ac .mat-checkbox-disabled label {
-  color: rgba(0, 0, 0, 0.38);
-}
 lux-checkbox-ac .mat-checkbox-ripple {
   display: none;
 }
@@ -4184,6 +4334,15 @@ lux-checkbox-ac .mat-checkbox-inner-container {
   height: 1.25em;
   margin-top: 3px;
 }
+lux-checkbox-ac .mat-checkbox-inner-container .mat-checkbox-frame {
+  border-color: #003366;
+}
+lux-checkbox-ac .mat-checkbox-disabled label {
+  color: rgba(0, 0, 0, 0.38);
+}
+lux-checkbox-ac .mat-checkbox-disabled .mat-checkbox-inner-container .mat-checkbox-frame {
+  border-color: rgba(0, 0, 0, 0.38);
+}
 
 lux-datepicker-ac mat-datepicker-toggle, lux-datetimepicker-ac mat-datepicker-toggle {
   height: 24px !important;
@@ -4204,6 +4363,18 @@ lux-datepicker-ac mat-datepicker-toggle .mat-icon-button.mat-button-disabled svg
   color: rgba(0, 0, 0, 0.38);
 }
 
+.cdk-overlay-pane .mat-datepicker-content,
+.lux-datetimepicker-overlay .mat-card.lux-card {
+  border: 2px solid #003366;
+  box-shadow: none !important;
+  margin: 13px -9px;
+}
+.cdk-overlay-pane .mat-datepicker-content .mat-calendar-header button:hover,
+.lux-datetimepicker-overlay .mat-card.lux-card .mat-calendar-header button:hover {
+  background-color: #fff !important;
+  color: #4d7094;
+}
+
 /*
 * Theming für lux-Toggle
 */
@@ -4306,11 +4477,13 @@ lux-chips-ac .lux-chips mat-chip-list div.mat-chip-list-wrapper {
   margin: 0px 0px 0px -4px;
 }
 
-.lux-chips-ac-autocomplete-panel {
-  margin-top: -20px;
+.lux-chips-ac-autocomplete-panel.mat-autocomplete-panel {
+  margin-top: -21px;
   margin-left: 0;
   margin-right: 0;
   border-radius: 4px;
+  box-shadow: none !important;
+  border: 2px solid #003366;
 }
 
 /*
@@ -4332,9 +4505,9 @@ lux-slider-ac .lux-show-thumb-label-always.mat-slider-disabled .mat-slider-thumb
   border-left-style: none;
   border-radius: 0 4px 4px 0;
   padding: 0;
-  width: 35px;
-  min-width: 35px;
-  max-width: 35px;
+  width: 25px;
+  min-width: 25px;
+  max-width: 25px;
   background-color: #fff;
 }
 .lux-master-detail-ac .lux-master-ac-container.lux-master-ac-container-mobile {
@@ -4348,25 +4521,37 @@ lux-slider-ac .lux-show-thumb-label-always.mat-slider-disabled .mat-slider-thumb
 .lux-master-detail-ac .lux-master-header-container-ac lux-button.master-ac-toggle {
   position: absolute;
   right: -18px;
-  top: 20px;
+  top: 17px;
   z-index: 1000;
 }
 .lux-master-detail-ac .lux-master-header-container-ac lux-button.master-ac-toggle button.lux-button.lux-button-rounded {
   box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
   border: 1px solid rgba(0, 0, 0, 0.12);
   color: #003366;
-}
-.lux-master-detail-ac .lux-master-header-container-ac lux-button.master-ac-toggle button.lux-button.lux-button-rounded:hover:not([disabled]) {
-  background-color: #4d7094 !important;
-  color: #fff;
-  border-radius: 50%;
+  background-color: #fff !important;
 }
 .lux-master-detail-ac .lux-master-header-container-ac lux-button.master-ac-toggle .lux-button-icon-round.lux-lx-icon.lux-no-size {
   padding-bottom: 2px;
+  padding-right: 1px;
+  padding-left: 1px;
+}
+.lux-master-detail-ac .lux-master-header-container-ac button.lux-button.lux-button-rounded:hover:not([disabled]) {
+  color: #4d7094;
+  border-radius: 50%;
+}
+.lux-master-detail-ac .lux-master-header-container-ac button.lux-button.lux-button-rounded:active:not([disabled]) {
+  color: #002753;
+  background-color: #fff !important;
 }
 .lux-master-detail-ac .lux-master-header-container-ac .lux-menu-extended {
   padding: 0px;
 }
+.lux-master-detail-ac .lux-master-header-container-ac mat-card-title, .lux-master-detail-ac .lux-master-header-container-ac h2 {
+  font-size: 16px;
+}
+.lux-master-detail-ac .lux-master-header-container-ac mat-card-subtitle.mat-card-subtitle {
+  font-size: 14px;
+}
 .lux-master-detail-ac lux-filter-form .lux-filter-card mat-card.mat-card,
 .lux-master-detail-ac .detail-header-container .lux-detail-header-ac mat-card.mat-card,
 .lux-master-detail-ac .lux-master-view-ac lux-list-item mat-card.mat-card {
@@ -5019,7 +5204,7 @@ lux-file-progress .lux-file-overlay mat-spinner svg circle {
   box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
 }
 .lux-form-control .lux-form-control-container:after {
-  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+  border-bottom: 1px solid rgba(0, 0, 0, 0.38);
 }
 
 .lux-form-control-error .lux-form-control-label > * {
@@ -5028,7 +5213,7 @@ lux-file-progress .lux-file-overlay mat-spinner svg circle {
 .lux-form-control-error .lux-form-control-container:after {
   border-bottom: 1px solid #ec2125;
 }
-.lux-form-control-error .lux-form-control-misc > * {
+.lux-form-control-error .lux-form-control-misc div > * {
   color: #ec2125 !important;
 }
 
@@ -5039,6 +5224,24 @@ lux-file-progress .lux-file-overlay mat-spinner svg circle {
   border-bottom: 1px dashed rgba(0, 0, 0, 0.38);
 }
 
+lux-icon.lux-error-icon {
+  font-size: 12px;
+  max-height: 12px;
+  max-width: 12px;
+  padding: 0 4px 0 4px;
+}
+lux-icon.lux-error-icon mat-icon {
+  padding: 0 !important;
+  min-width: 12px;
+  max-width: 12px;
+  min-height: 12px;
+  max-height: 12px;
+  color: #ec2125;
+}
+lux-icon.lux-error-icon mat-icon:hover {
+  cursor: pointer;
+}
+
 /*
  * Theming for LUX-Layout-Card-Row
  */
@@ -5439,6 +5642,7 @@ lux-filter-form lux-menu.filter-menu .lux-filter-menu-trigger button.lux-button-
   background-color: transparent;
   color: #003366;
   padding: 0px !important;
+  margin: 0px 4px !important;
   box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
 }
 
@@ -5638,7 +5842,7 @@ lux-stepper-large {
   flex-direction: column;
   flex: 0 1 30%;
   gap: 12px;
-  padding: 12px;
+  padding: 12px 33px 12px 12px;
   overflow-y: auto;
   min-width: 400px;
 }
@@ -5662,14 +5866,32 @@ lux-stepper-large {
   text-decoration: underline;
 }
 .lux-stepper-large-nav-item.lux-touched:not(.lux-disabled).lux-completed:not(.lux-active) .lux-stepper-large-nav-item-number-container {
-  color: #56bd66;
+  color: #2E8533;
   background-color: #ffffff;
 }
 .lux-stepper-large-nav-item.lux-touched:not(.lux-disabled).lux-completed:not(.lux-active) a {
   color: #2E8533;
+  position: relative;
+}
+.lux-stepper-large-nav-item.lux-touched:not(.lux-disabled).lux-completed:not(.lux-active) a::after {
+  content: "";
+  position: absolute;
+  display: inline-block;
+  width: 23px;
+  height: 23px;
+  margin: 5px 10px 0px;
+  background-color: #2E8533;
+  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='none' stroke='%23036' stroke-linecap='round' stroke-linejoin='round' d='M0.5,8.55 L3.23,12.06 C3.4166359,12.3024927 3.70402432,12.4461869 4.01,12.4500671 C4.31092451,12.4534817 4.59741556,12.3212551 4.79,12.09 L13.5,1.55'/%3E%3C/svg%3E");
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  -webkit-mask-size: cover;
+  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='none' stroke='%23036' stroke-linecap='round' stroke-linejoin='round' d='M0.5,8.55 L3.23,12.06 C3.4166359,12.3024927 3.70402432,12.4461869 4.01,12.4500671 C4.31092451,12.4534817 4.59741556,12.3212551 4.79,12.09 L13.5,1.55'/%3E%3C/svg%3E");
+  mask-repeat: no-repeat;
+  mask-position: center;
+  mask-size: cover;
 }
 .lux-stepper-large-nav-item.lux-touched:not(.lux-disabled):not(.lux-completed):not(.lux-active) .lux-stepper-large-nav-item-number-container {
-  color: #56bd66;
+  color: #2E8533;
   background-color: #ffffff;
 }
 .lux-stepper-large-nav-item:not(.lux-touched) {
@@ -5710,7 +5932,7 @@ lux-stepper-large {
   cursor: pointer;
 }
 .lux-stepper-large-nav-item .lux-stepper-large-nav-item-label-container .lux-stepper-large-nav-item-complete {
-  color: #56bd66;
+  color: #2E8533;
   font-size: 23px;
   height: 23px;
   width: 23px;
@@ -5845,9 +6067,14 @@ lux-stepper-large {
   cursor: pointer;
 }
 .lux-stepper-large-mobile-nav-item .lux-stepper-large-mobile-nav-item-label-container .lux-stepper-large-mobile-nav-item-complete {
-  color: #56bd66;
+  color: #2E8533;
   font-size: 18px;
 }
+.lux-stepper-large-mobile-nav-item.lux-stepper-large-nav-item.lux-touched:not(.lux-disabled).lux-completed:not(.lux-active) a::after {
+  width: 18px;
+  height: 18px;
+  margin-top: 4px;
+}
 
 .mat-badge-content {
   font-weight: 600;
@@ -8520,6 +8747,16 @@ div, span, p, label {
 .mat-menu-panel .mat-menu-item .mat-icon-no-color {
   color: #003366;
 }
+.mat-menu-panel .mat-menu-content:not(:empty) {
+  padding: 0;
+}
+.mat-menu-panel .lux-menu-item:not([disabled=true]):hover {
+  color: #fff;
+  background-color: #4d7094;
+}
+.mat-menu-panel .lux-menu-item:not([disabled=true]):hover .mat-icon-no-color {
+  color: #fff;
+}
 
 lux-menu .lux-menu-extended lux-button.lux-menu-item .lux-button-label {
   font-weight: 400;
@@ -8531,6 +8768,9 @@ lux-menu .lux-menu-extended lux-button.lux-menu-item .lux-button-label {
   color: #ec2125;
   font-weight: 300;
 }
+.lux-autocomplete-panel-ac .mat-option.invalid .mat-pseudo-checkbox, .lux-select-panel-ac .mat-option.invalid .mat-pseudo-checkbox, .lux-select-panel-ac-multiple .mat-option.invalid .mat-pseudo-checkbox {
+  color: rgba(0, 0, 0, 0.38);
+}
 
 lux-app-content {
   background-color: #fff;
@@ -8544,11 +8784,32 @@ lux-app-footer .lux-app-footer {
   border-bottom: 8px solid #002d5d;
 }
 
-lux-tabs div.lux-tab-title {
-  font-size: 16px;
+lux-tabs .mat-tab-label-container .mat-tab-label:not(.mat-tab-disabled), mat-card lux-tabs .mat-tab-label-container .mat-tab-label:not(.mat-tab-disabled) {
+  font-size: 14px;
+  font-weight: 600;
+  color: #003366;
+  min-height: unset !important;
 }
-lux-tabs .mat-tab-label:not(.mat-tab-disabled):hover:not(.mat-tab-disabled) {
-  background-color: #ffffff !important;
+lux-tabs .mat-tab-label-container .mat-tab-label:not(.mat-tab-disabled):focus-visible, mat-card lux-tabs .mat-tab-label-container .mat-tab-label:not(.mat-tab-disabled):focus-visible {
+  outline: 4px solid rgb(0, 152, 218) !important;
+  outline-offset: -4px;
+  border-radius: 4px;
+  background-color: transparent !important;
+  color: #4d7094 !important;
+}
+lux-tabs .mat-tab-label-container .mat-tab-label:not(.mat-tab-disabled):focus-visible .lux-tab-title, mat-card lux-tabs .mat-tab-label-container .mat-tab-label:not(.mat-tab-disabled):focus-visible .lux-tab-title {
+  color: #4d7094 !important;
+}
+lux-tabs .mat-tab-label-container .mat-tab-label:not(.mat-tab-disabled):hover:not(.mat-tab-disabled), mat-card lux-tabs .mat-tab-label-container .mat-tab-label:not(.mat-tab-disabled):hover:not(.mat-tab-disabled) {
+  background-color: transparent;
+  color: #4d7094 !important;
+}
+lux-tabs .mat-tab-label-container .mat-tab-label:not(.mat-tab-disabled):hover:not(.mat-tab-disabled) .lux-tab-title, mat-card lux-tabs .mat-tab-label-container .mat-tab-label:not(.mat-tab-disabled):hover:not(.mat-tab-disabled) .lux-tab-title {
+  color: #4d7094 !important;
+}
+lux-tabs lux-icon.lux-tab-icon mat-icon.lux-lx-icon, mat-card lux-tabs lux-icon.lux-tab-icon mat-icon.lux-lx-icon {
+  width: 24px !important;
+  height: 24px !important;
 }
 
 /*
@@ -8606,11 +8867,24 @@ lux-table .lux-table .lux-paginator-xs:not(.lux-hide) .mat-paginator-range-label
   margin: 0 32px 0 24px;
 }
 
+lux-table tr:hover > td,
+lux-table tr:hover > th {
+  background-color: unset !important;
+  border-radius: 0;
+}
+
 lux-filter-form lux-menu .lux-filter-menu-trigger button:not([disabled]).mat-fab.lux-button-rounded:hover {
-  background-color: #4d7094 !important;
+  background-color: #fff !important;
+  color: #4d7094;
 }
 lux-filter-form lux-menu .lux-filter-menu-trigger button:not([disabled]).mat-fab.lux-button-rounded:focus-visible {
+  outline: 4px solid rgb(0, 152, 218) !important;
+  outline-offset: -4px;
+  background-color: #fff !important;
+}
+lux-filter-form lux-menu .lux-filter-menu-trigger button:not([disabled]).mat-fab.lux-button-rounded:active {
   background-color: transparent !important;
+  color: #002753;
 }
 
 /**
@@ -8656,6 +8930,31 @@ lux-accordion .mat-expansion-panel-header .mat-content .mat-expansion-panel-head
 lux-accordion .mat-expansion-panel-header .mat-expansion-indicator::after {
   color: #003366;
 }
+lux-accordion .mat-expansion-panel-header .mat-expansion-indicator {
+  position: relative;
+  transform-origin: center;
+  width: 16px;
+  height: 16px;
+}
+lux-accordion .mat-expansion-panel-header .mat-expansion-indicator::after {
+  content: "";
+  position: absolute;
+  width: 16px;
+  height: 16px;
+  margin: 0px;
+  padding: 0px;
+  border: none;
+  transform: rotate(0deg);
+  background-color: #003366;
+  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='none' stroke='%23036' stroke-linecap='round' stroke-linejoin='round' d='M0.5,3.85 L6.65,10 C6.74073333,10.0966772 6.86741409,10.1515186 7,10.1515186 C7.13258591,10.1515186 7.25926667,10.0966772 7.35,10 L13.5,3.85'/%3E%3C/svg%3E");
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  -webkit-mask-size: cover;
+  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='none' stroke='%23036' stroke-linecap='round' stroke-linejoin='round' d='M0.5,3.85 L6.65,10 C6.74073333,10.0966772 6.86741409,10.1515186 7,10.1515186 C7.13258591,10.1515186 7.25926667,10.0966772 7.35,10 L13.5,3.85'/%3E%3C/svg%3E");
+  mask-repeat: no-repeat;
+  mask-position: center;
+  mask-size: cover;
+}
 lux-accordion mat-expansion-panel-header.mat-expansion-panel-header,
 lux-accordion mat-expansion-panel-header.mat-expansion-panel-header.mat-expanded,
 lux-accordion mat-expansion-panel-header.mat-expansion-panel-header.mat-expanded:focus {
@@ -8673,7 +8972,7 @@ lux-accordion mat-expansion-panel-header.mat-expansion-panel-header.mat-expanded
 lux-accordion mat-expansion-panel-header.mat-expansion-panel-header[aria-disabled=false]:hover,
 lux-accordion mat-expansion-panel-header.mat-expansion-panel-header.mat-expanded[aria-disabled=false]:hover,
 lux-accordion mat-expansion-panel-header.mat-expansion-panel-header.mat-expanded:focus[aria-disabled=false]:hover {
-  background-color: #b3c2d1 !important;
+  background-color: #e0e7ed !important;
 }
 
 /**
@@ -8709,6 +9008,17 @@ lux-accordion mat-expansion-panel-header.mat-expansion-panel-header.mat-expanded
   border: 1px solid rgba(0, 0, 0, 0.38);
 }
 
+lux-dialog-structure .lux-icon-close:hover {
+  background-color: #fff !important;
+}
+lux-dialog-structure .lux-icon-close:hover mat-icon.mat-icon-no-color {
+  color: #4d7094;
+}
+lux-dialog-structure .lux-icon-close:focus-visible {
+  outline: 4px solid rgb(0, 152, 218) !important;
+  border-radius: 4px;
+}
+
 /*
  * Theming for LUX-List
  */
@@ -8735,7 +9045,7 @@ lux-list lux-list-item lux-card.lux-list-item-selected mat-card.mat-card.lux-car
   background: linear-gradient(90deg, #ffffff 0%, #f8fbff 100%);
   background-color: #fff;
   border: 1px solid #003366;
-  box-shadow: 0 0 0 2px var(--lux-theme-primary-500) inset;
+  box-shadow: 0 0 0 1px var(--lux-theme-primary-500) inset;
   position: relative;
   border-radius: 4px;
 }
@@ -8743,33 +9053,85 @@ lux-list lux-list-item lux-card.lux-list-item-selected mat-card.mat-card.lux-car
   width: 0px;
   border: none;
 }
-lux-list lux-list-item lux-card mat-card {
+lux-list lux-list-item lux-card mat-card[class~=lux-cursor]:not([class*=mat-elevation-z]) {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
 }
-lux-list lux-list-item lux-card mat-card:hover {
-  background-color: #4d7094 !important;
-  border-radius: 4px;
+lux-list lux-list-item lux-card mat-card[class~=lux-cursor]:not([class*=mat-elevation-z]):hover {
+  border: 1px solid #4d7094;
+  background-color: #fff !important;
 }
 
 /*
  * Theming for Side-Nav im Demo
  */
-example-root .example-base-components-list mat-expansion-panel-header.example-component-list-item-selected,
-example-root .example-base-components-list .example-component-list-item.example-component-list-item-selected {
-  background: linear-gradient(90deg, #ffffff 0%, #f8fbff 100%);
-  background-color: #fff;
-  border: 1px solid #003366;
-  box-shadow: 0 0 0 2px var(--lux-theme-primary-500) inset;
+example-root .example-base-components-list mat-expansion-panel-header {
+  font-weight: 600;
+}
+example-root .example-base-components-list mat-expansion-panel-header .mat-expansion-indicator {
   position: relative;
-  border-radius: 4px;
+  transform-origin: center;
+  width: 16px;
+  height: 16px;
 }
-example-root .example-base-components-list mat-expansion-panel-header.example-component-list-item-selected:after,
-example-root .example-base-components-list .example-component-list-item.example-component-list-item-selected:after {
-  width: 0px;
+example-root .example-base-components-list mat-expansion-panel-header .mat-expansion-indicator::after {
+  content: "";
+  position: absolute;
+  width: 16px;
+  height: 16px;
+  margin: 0px;
+  padding: 0px;
+  border: none;
+  transform: rotate(0deg);
+  background-color: #003366;
+  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='none' stroke='%23036' stroke-linecap='round' stroke-linejoin='round' d='M0.5,3.85 L6.65,10 C6.74073333,10.0966772 6.86741409,10.1515186 7,10.1515186 C7.13258591,10.1515186 7.25926667,10.0966772 7.35,10 L13.5,3.85'/%3E%3C/svg%3E");
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  -webkit-mask-size: cover;
+  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='none' stroke='%23036' stroke-linecap='round' stroke-linejoin='round' d='M0.5,3.85 L6.65,10 C6.74073333,10.0966772 6.86741409,10.1515186 7,10.1515186 C7.13258591,10.1515186 7.25926667,10.0966772 7.35,10 L13.5,3.85'/%3E%3C/svg%3E");
+  mask-repeat: no-repeat;
+  mask-position: center;
+  mask-size: cover;
+}
+example-root .example-base-components-list mat-expansion-panel-header:hover {
+  background-color: #fff !important;
+}
+example-root .example-base-components-list .example-component-list-item.example-component-list-item-selected {
+  font-weight: 600;
+  color: #003366;
+  border: none;
+  background-color: #fff !important;
+}
+example-root .example-base-components-list .example-component-list-item.example-component-list-item-selected::after {
+  content: "";
+  position: absolute;
+  width: 16px;
+  height: 16px;
+  right: auto;
+  left: auto;
+  top: auto;
+  bottom: auto;
+  margin: 2px 5px;
+  background-color: #003366;
+  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='none' stroke='%23036' stroke-linecap='round' stroke-linejoin='round' d='M0.5,8.55 L3.23,12.06 C3.4166359,12.3024927 3.70402432,12.4461869 4.01,12.4500671 C4.31092451,12.4534817 4.59741556,12.3212551 4.79,12.09 L13.5,1.55'/%3E%3C/svg%3E");
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  -webkit-mask-size: cover;
+  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='none' stroke='%23036' stroke-linecap='round' stroke-linejoin='round' d='M0.5,8.55 L3.23,12.06 C3.4166359,12.3024927 3.70402432,12.4461869 4.01,12.4500671 C4.31092451,12.4534817 4.59741556,12.3212551 4.79,12.09 L13.5,1.55'/%3E%3C/svg%3E");
+  mask-repeat: no-repeat;
+  mask-position: center;
+  mask-size: cover;
   border: none;
 }
+example-root .example-base-components-list .example-component-list-item:hover, example-root .example-base-components-list .example-component-list-item:focus-visible, example-root .example-base-components-list .example-component-list-item.example-component-list-item-selected:hover, example-root .example-base-components-list .example-component-list-item.example-component-list-item-selected:focus-visible {
+  color: #fff;
+  background-color: #4d7094 !important;
+  border-radius: 0;
+}
+example-root .example-base-components-list .example-component-list-item:hover::after, example-root .example-base-components-list .example-component-list-item:focus-visible::after, example-root .example-base-components-list .example-component-list-item.example-component-list-item-selected:hover::after, example-root .example-base-components-list .example-component-list-item.example-component-list-item-selected:focus-visible::after {
+  background-color: #fff;
+}
 
 /*
  * Theming for LUX-Master-Detail
@@ -8813,9 +9175,22 @@ lux-message-box {
 lux-message-box.mat-elevation-z4 {
   box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
 }
-lux-message-box .lux-message-box-content {
+lux-message-box div.lux-message-box-content {
   margin: 0 !important;
 }
+lux-message-box div.lux-message-box-content div.lux-message-container.lux-bg-color-white {
+  border: 1px solid #003366;
+  box-sizing: border-box;
+}
+lux-message-box div.lux-message-box-content div.lux-message-container.lux-bg-color-white button.mat-fab.lux-button-rounded.lux-icon-button:not([disabled]) {
+  color: #003366;
+}
+lux-message-box div.lux-message-box-content div.lux-message-container.lux-bg-color-white button.mat-fab.lux-button-rounded.lux-icon-button:not([disabled]):hover {
+  color: #fff;
+}
+lux-message-box div.lux-message-box-content div.lux-message-container:not(.lux-bg-color-white) button:not([disabled]):hover .mat-icon-no-color {
+  color: #fff;
+}
 
 /*
  * Theming for LUX-Button
@@ -9027,11 +9402,28 @@ lux-button button.lux-button.mat-fab, lux-button button.lux-button.mat-fab:not(.
 /*
 * Theming für Stepper
 */
+lux-stepper mat-step-header:hover {
+  background-color: transparent !important;
+}
+lux-stepper mat-step-header:hover[aria-selected=false] div.mat-step-icon.mat-step-icon-state-number,
+lux-stepper mat-step-header:hover[aria-selected=false] div.mat-step-icon.mat-step-icon-state-edit, lux-stepper mat-step-header:hover[aria-selected=true] div.mat-step-icon.mat-step-icon-state-number,
+lux-stepper mat-step-header:hover[aria-selected=true] div.mat-step-icon.mat-step-icon-state-edit {
+  background-color: #4d7094;
+  color: #fff;
+  border-color: #4d7094;
+}
+lux-stepper mat-step-header:hover[aria-selected=false] div.mat-step-label lux-step-header, lux-stepper mat-step-header:hover[aria-selected=true] div.mat-step-label lux-step-header {
+  color: #4d7094;
+}
+lux-stepper mat-step-header[tabindex="0"]:focus-visible {
+  background-color: transparent !important;
+  border-radius: 4px;
+}
 lux-stepper lux-stepper-vertical mat-step-header[aria-selected=true] {
   background: linear-gradient(90deg, #ffffff 0%, #f8fbff 100%);
   background-color: #fff;
   border: 1px solid #003366;
-  box-shadow: 0 0 0 2px var(--lux-theme-primary-500) inset;
+  box-shadow: 0 0 0 1px var(--lux-theme-primary-500) inset;
   position: relative;
   border-radius: 4px;
 }
@@ -9077,6 +9469,21 @@ lux-stepper .lux-ignore-mat-step-icons mat-step-header[aria-selected=true] .lux-
   background-color: #003366;
   border: 1px solid rgba(0, 0, 0, 0.12);
 }
+lux-stepper .lux-ignore-mat-step-icons mat-step-header:hover {
+  background-color: transparent !important;
+}
+lux-stepper .lux-ignore-mat-step-icons mat-step-header:hover[aria-selected=false] .lux-stepper-edited-icon i, lux-stepper .lux-ignore-mat-step-icons mat-step-header:hover[aria-selected=false] .lux-stepper-edited-icon mat-icon,
+lux-stepper .lux-ignore-mat-step-icons mat-step-header:hover[aria-selected=false] .lux-stepper-normal-icon i,
+lux-stepper .lux-ignore-mat-step-icons mat-step-header:hover[aria-selected=false] .lux-stepper-normal-icon mat-icon, lux-stepper .lux-ignore-mat-step-icons mat-step-header:hover[aria-selected=true] .lux-stepper-edited-icon i, lux-stepper .lux-ignore-mat-step-icons mat-step-header:hover[aria-selected=true] .lux-stepper-edited-icon mat-icon,
+lux-stepper .lux-ignore-mat-step-icons mat-step-header:hover[aria-selected=true] .lux-stepper-normal-icon i,
+lux-stepper .lux-ignore-mat-step-icons mat-step-header:hover[aria-selected=true] .lux-stepper-normal-icon mat-icon {
+  background-color: #4d7094;
+  color: #fff;
+  border-color: #4d7094;
+}
+lux-stepper .lux-ignore-mat-step-icons mat-step-header:hover div.mat-step-label lux-step-header {
+  color: #4d7094;
+}
 
 /*
 * Theming für Stepper-Large
@@ -9111,11 +9518,10 @@ lux-stepper-large .lux-stepper-large-nav-item.lux-touched:not(.lux-disabled).lux
   border: 1px solid rgba(0, 0, 0, 0.12);
 }
 lux-stepper-large .lux-stepper-large-nav-item.lux-touched:not(.lux-disabled).lux-completed:not(.lux-active) a {
-  color: #56bd66;
   font-weight: 400;
 }
 lux-stepper-large .lux-stepper-large-nav-item.lux-touched:not(.lux-disabled):not(.lux-completed):not(.lux-active) .lux-stepper-large-nav-item-number-container {
-  color: #56bd66;
+  color: #2E8533;
   background-color: #ffffff;
 }
 lux-stepper-large .lux-stepper-large-nav-item:not(.lux-touched) {
@@ -9168,11 +9574,10 @@ lux-stepper-large .lux-stepper-large-nav-item.lux-disabled .lux-stepper-large-na
   border: 1px solid rgba(0, 0, 0, 0.12);
 }
 .lux-stepper-large-mobile-nav-item.lux-touched:not(.lux-disabled).lux-completed:not(.lux-active) a {
-  color: #56bd66;
   font-weight: 400;
 }
 .lux-stepper-large-mobile-nav-item.lux-touched:not(.lux-disabled):not(.lux-completed):not(.lux-active) .lux-stepper-large-mobile-nav-item-number-container {
-  color: #56bd66;
+  color: #2E8533;
   background-color: #ffffff;
 }
 .lux-stepper-large-mobile-nav-item:not(.lux-touched) {
@@ -9193,7 +9598,7 @@ lux-stepper-large .lux-stepper-large-nav-item.lux-disabled .lux-stepper-large-na
   color: rgba(0, 0, 0, 0.38);
 }
 .lux-stepper-large-mobile-nav-item .lux-stepper-large-mobile-nav-item-label-container .lux-stepper-large-mobile-nav-item-complete {
-  color: #56bd66;
+  color: #2E8533;
   font-size: 18px;
 }