@import 'common/regular-page.css';
@import 'common/table.css';
@import 'common/modal.css';
@import 'common/info-modal.css';
@import 'common/form.css';

main a {
  margin: .5em 0;
  display: inline-block;
}

.inline-icon.file::before {
  mask-image: url("/assets/icons/file.svg");
  -webkit-mask-image: url("/assets/icons/file.svg");
}

.simple-table tr td:nth-child(2) {
  white-space: nowrap;
}

.simple-table .notice {
  font-size: 10pt;
}

.pronounced.button {
  font-size: 14pt;
  font-weight: 700;
  margin: 50px auto;
  display: block;
  padding: 8px 20px;
  border-radius: 8px;
}

/* registration form */

#registration-form #tarif {
  row-gap: 10px;
}

#tarif label {
  min-width: 200px;
}

#titel, #plz {
  max-width: 6ch;
}

#vorname, #nachname, #ort, #strasse, #telefon {
  max-width: 16ch;
}

#email, #adresse {
  max-width: 24ch;
}

#registration-form label[for=anwerber] {
  display: none;
}

#zusatzmitglieder :is(legend, .form-field) {
  display: none;
}