/* ::ng-deep-Regeln von app-chips (chips.component.scss) - im Original erst ab dem ersten Erzeugen der Komponente im Dokument.
   Wird per ppmOberflaeche.stilAktivieren('spaet-chips') aus Chips.razor eingeschaltet (index.html: rel=preload). */
.mat-form-field-wrapper {
  padding-bottom: 0 !important;
}
.mat-form-field-wrapper .mat-form-field-infix {
  padding: 0 !important;
  border-top: none !important;
  transition: height 1.2s ease;
  -webkit-transition: height 1.2s ease;
  height: auto;
}
.mat-form-field-wrapper .mat-form-field-infix .mat-form-field-label-wrapper {
  top: -1.5em;
  display: none;
}
.mat-form-field-wrapper .mat-form-field-infix .mat-chip-list-wrapper {
  height: 100%;
  overflow: hidden;
}
.mat-form-field-wrapper .mat-form-field-underline {
  display: none;
}
.cdk-overlay-container .cdk-overlay-pane {
  width: 338px !important;
}
.cdk-overlay-container .cdk-overlay-pane .mat-autocomplete-panel {
  border: 1px solid #8d99b3;
  border-radius: 0;
}
.cdk-overlay-container .cdk-overlay-pane .mat-autocomplete-panel .mat-option {
  background-color: #e5e8f0 !important;
}
.cdk-overlay-container .cdk-overlay-pane .mat-autocomplete-panel .mat-option:hover {
  background-color: #8d99b3 !important;
}
.cdk-overlay-container .cdk-overlay-pane .mat-autocomplete-panel:not([class*=mat-elevation-z]) {
  box-shadow: none;
}