div.block.seab-archiflow {
  display: flex;
  flex-direction: column;
}

.seab-archiflow-form .search-input-button-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 15px;
}

.seab-archiflow-form .search-input-button-wrapper .js-form-item-query {
  flex-grow: 1;
  margin-top: 0;
  margin-bottom: 0;
}

.seab-archiflow-form .search-input-button-wrapper .search-actions-wrapper {
  margin-top: 1.5em;
  margin-bottom: 0;
  display: flex;
  align-items: center;
}

/* Minimales Styling für den AJAX Spinner (Throbber) Container */
/* Drupal sollte den eigentlichen Spinner (Bild/Animation) hier einfügen. */
/* Wir kümmern uns nur um die Positionierung des Containers. */
.seab-archiflow-form .ajax-progress-throbber {
  display: inline-block;
  /* Erlaubt margin */
  vertical-align: middle;
  /* Vertikale Ausrichtung zum Button */
  margin-left: 8px;
  /* Abstand zum Button */
  line-height: 1;
  /* Verhindert zusätzlichen vertikalen Platz durch Text */
}

/* Die Nachricht neben dem Spinner, falls vorhanden \*/
.seab-archiflow-form .ajax-progress-throbber\_\_message {
  margin-left: 5px;
  vertical-align: middle;
}

.seab-archiflow-inner {
  width: 100%;
  border: 2px solid \#F4F4F2;
}

.seab-archiflow-header {
  background-color: \#F4F4F2;
  padding: 26px 30px 30px 30px;
}

.seab-archiflow-form {
  padding: 1rem;
  margin: 1rem 0;
  border: 1px solid var(--bs-border-color);
}

.seab-archiflow-content {
  padding: 20px;
}

@media (max-width: 780px) {
  .seab-archiflow.block {
    display: block;
  }

  .seab-archiflow-inner {
    width: auto;
  }

  .seab-archiflow-form .search-input-button-wrapper {
    flex-direction: column;
    align-items: stretch;
  }

  .seab-archiflow-form .search-input-button-wrapper .search-actions-wrapper {
    margin-top: 10px;
    align-self: flex-start;
  }
}

.seab-archiflow-form \#seab-archiflow-results-wrapper {
  margin-top: 25px;
}

.seab-archiflow-form \#seab-archiflow-results-wrapper h3 {
  font-size: 1.0625rem;
  line-height: 1.4375rem;
  font-weight: bold;
  margin: 0 0 16px 0;
}

.seab-archiflow-document-item {
  font-size: 1.0625rem;
  line-height: 1.4375rem;
  margin: 0 0 16px 0;
}

.seab-archiflow-document-item a::before {
  content: '';
  display: inline-block;
  vertical-align: top;
  width: 16px;
  height: 23px;
  margin-top: -2px;
  margin-right: 10px;
  background-image: url("icon-pdf.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
}