/* Ergänzende Gestaltung für Verbsdynamic.htt */

#verbsdynamicForm {
  margin: 1rem 0 1.5rem;
}

#verbsdynamicForm .selection-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 1.5rem;
}

#verbsdynamicForm .selection-group {
  display: flex;
  flex-direction: column;
}

#verbsdynamicForm label {
  margin-bottom: 1rem;
  font-size: 1.1rem;
  font-weight: bold;
}

#verbsdynamicForm select {
  min-width: 13rem;
  padding: 0.35rem;
  border: 1px solid #888;
  border-radius: 0.25rem;
  background: #fff;
}

#verbsdynamicForm button[type="submit"] {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  padding: 0.45rem 1.2rem;
  border: 1px solid #666;
  border-radius: 0.25rem;
  cursor: pointer;
}

#verbsdynamicForm button[type="submit"]:hover {
  filter: brightness(0.95);
}

#verbsdynamicResult {
  overflow-x: auto;
}

#verbsdynamicResult table {
  border-collapse: collapse;
}

#verbsdynamicResult th,
#verbsdynamicResult td {
  padding: 0.35rem 0.6rem;
}

@media (max-width: 700px) {
  #verbsdynamicForm .selection-row {
    flex-direction: column;
  }

  #verbsdynamicForm select {
    width: min(100%, 24rem);
  }
}

table.verbsdynamic,
table.verbsdynamic th,
table.verbsdynamic td {
    font-size: 0.8rem;
    color: blue;
}