.rounded-logo {
  border-radius: 6px;
  width: 120px;
  height: 30px;
  border: 1px solid #6b7280;
  padding: 1px 1px;
  object-fit: contain;
}
.rounded-profile {
  // @extend .rounded-logo;
  max-width: 100px;
  max-height: 120px;
  border-radius: 6px;
  border: 1px solid #6b7280;
  padding: 1px 1px;
  object-fit: contain;
}
.wfull {
  width: 100%;
}
.image-wrap {
  position: relative; /* Ermöglicht die absolute Positionierung des Icons bezogen auf diesen Container */
  display: inline-block; /* Erlaubt die Inline-Anordnung, falls mehrere Bilder vorhanden sind */
}
/* Stil für das FontAwesome Icon */
.image-wrap fa-icon {
  position: absolute;
  top: -5px; /* Positioniert das Icon am oberen Rand des Bildes */
  right: -18px; /* Positioniert das Icon am rechten Rand des Bildes */
  color: #fff; /* Weiße Farbe für das Icon */
  background-color: rgba(0, 0, 0, 0.5); /* Halbtransparenter Hintergrund für bessere Sichtbarkeit */
  padding: 5px; /* Ein wenig Platz um das Icon */
  cursor: pointer; /* Verwandelt den Cursor in eine Hand, um Interaktivität anzudeuten */
  border-radius: 8px; /* Optional: Abrunden der linken unteren Ecke für ästhetische Zwecke */
  font-size: 0.7rem;
}
quill-editor {
  width: 100%;
}
:host ::ng-deep .ng-select.ng-select-single .ng-select-container {
  height: 50px;
}