/* Template-Vorschläge Styling */
#template-suggestions-container {
  position: relative;
  margin-top: -1px;
  z-index: 9999 !important;
}

#template-suggestions {
  position: absolute;
  width: 100%;
  max-height: 300px;
  overflow-y: auto;
  z-index: 10000 !important;
  background-color: #fff;
  border: 1px solid #007bff;
  border-radius: .25rem;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  left: 0;
  right: 0;
}

#template-suggestions .list-group-item {
  padding: 8px 12px;
  font-size: 0.9rem;
}

#template-suggestions .list-group-item:hover {
  background-color: #f8f9fa;
}

/* Verbesserte Styles für die Template-Suche */
#template-suggestions-container {
  position: relative;
  z-index: 9999 !important;
  margin-bottom: 15px;
}

#template-suggestions {
  position: absolute;
  width: 100%;
  max-height: 300px;
  overflow-y: auto;
  z-index: 10000 !important;
  background-color: #fff;
  border: 1px solid #007bff;
  border-radius: .25rem;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  left: 0;
  right: 0;
}

#template-suggestions .list-group-item {
  padding: 8px 12px;
  font-size: 0.9rem;
  cursor: pointer;
}

#template-suggestions .list-group-item:hover {
  background-color: #f8f9fa;
}

/* Stellen Sie sicher, dass alle Container das Dropdown nicht abschneiden */
.container,
.row,
.col-md-12,
.card,
.card-body,
.card-header {
  overflow: visible !important;
}

/* Stellen Sie sicher, dass das Suchfeld anklickbar ist */
#template_search {
  position: relative;
  z-index: 1001 !important;
}

/* Stellen Sie sicher, dass der Such-Button anklickbar ist */
#search-templates-btn {
  position: relative;
  z-index: 1001 !important;
}

/* Fügen Sie diese CSS-Regeln am Ende der Datei hinzu, um sicherzustellen, dass das Template-Suchfeld korrekt angezeigt wird und anklickbar ist */

/* Verbesserte Styles für die Template-Suche */
.card-header.d-flex {
  position: relative;
  z-index: 1;
  overflow: visible !important;
}

.form-inline {
  position: relative;
  z-index: 2;
}

.input-group-sm {
  position: relative;
  z-index: 3;
}

#template_search {
  position: relative;
  z-index: 1001 !important;
}

#search-templates-btn {
  position: relative;
  z-index: 1001 !important;
}

/* Stellen Sie sicher, dass der Card-Header das Suchfeld nicht überdeckt */
.card-header {
  overflow: visible !important;
}

/* Erhöhen Sie den z-index für das Template-Suchfeld */
.card-header .form-inline .input-group {
  position: relative;
  z-index: 1050 !important;
}

/* Stellen Sie sicher, dass das Dropdown über allem anderen liegt */
#template-suggestions {
  z-index: 1060 !important;
}
