/* Mietkorb-Formular: einheitliche Felder und zusammengehoerige Felder nebeneinander */

/* Telefon fehlte in der gemeinsamen Feldformatierung, Radiofelder hatten Schatten und falsche Breite */
html body #order_info table.mc2-request-fields-table input[type="tel"],
html body #order_info #mc2_delivery_address_proxy {
  min-height: 40px !important;
  height: 40px !important;
  padding: 8px 10px !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #0f172a !important;
  box-sizing: border-box !important;
  width: 100% !important;
}
@media (min-width: 1025px) {
  html body #order_info table.mc2-request-fields-table input[type="tel"] { font-size: 14px !important; }
}
html body #order_info table.mc2-request-fields-table input[type="radio"] {
  flex: 0 0 18px !important;
  width: 18px !important;
  min-width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  margin: 0 !important;
  box-shadow: none !important;
  accent-color: #a63b13;
}
html body #order_info table.mc2-request-fields-table td > div:has(> label[for="kundennummerJa"]) {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px 18px !important;
}
html body #order_info table.mc2-request-fields-table label[for="kundennummerJa"],
html body #order_info table.mc2-request-fields-table label[for="kundennummerNein"] {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
}

/* Sechs Spalten: Anrede/Vorname/Nachname und E-Mail/Telefon/Handy zu dritt, Adresse und Firma zu zweit */
@media (min-width: 821px) {
  html body #order_info table.mc2-request-fields-table > tbody {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
  html body #order_info table.mc2-request-fields-table > tbody > tr.mc2-request-row {
    grid-column: span 3 !important;
  }
  html body #order_info table.mc2-request-fields-table > tbody > tr.mc2-request-row-wide {
    grid-column: 1 / -1 !important;
  }
  html body #order_info table.mc2-request-fields-table > tbody > tr.mc2-request-row:has(#anrede),
  html body #order_info table.mc2-request-fields-table > tbody > tr.mc2-request-row:has(#vorname),
  html body #order_info table.mc2-request-fields-table > tbody > tr.mc2-request-row:has(#nachname),
  html body #order_info table.mc2-request-fields-table > tbody > tr.mc2-request-row:has(#email),
  html body #order_info table.mc2-request-fields-table > tbody > tr.mc2-request-row:has(#telefon),
  html body #order_info table.mc2-request-fields-table > tbody > tr.mc2-request-row:has(#handynummer) {
    grid-column: span 2 !important;
  }
  html body #order_info table.mc2-request-fields-table > tbody > tr.mc2-request-row:has(#strasse),
  html body #order_info table.mc2-request-fields-table > tbody > tr.mc2-request-row:has(#plz) {
    grid-column: span 3 !important;
  }
  /* Die Abschnittsueberschrift steht in der ersten Zelle: die Nachbarn ruecken gleich weit ein, damit die Felder auf einer Linie liegen */
  html body #order_info table.mc2-request-fields-table > tbody > tr.mc2-request-row:has(#vorname),
  html body #order_info table.mc2-request-fields-table > tbody > tr.mc2-request-row:has(#nachname),
  html body #order_info table.mc2-request-fields-table > tbody > tr.mc2-request-row:has(#telefon),
  html body #order_info table.mc2-request-fields-table > tbody > tr.mc2-request-row:has(#handynummer),
  html body #order_info table.mc2-request-fields-table > tbody > tr.mc2-request-row:has(#plz) {
    margin-top: 6px !important;
    padding-top: 40px !important;
    border-top: 1px solid #e2e8f0 !important;
  }
  /* Der erste Abschnitt hat oben weder Abstand noch Linie */
  html body #order_info table.mc2-request-fields-table > tbody > tr.mc2-request-row:has(#vorname),
  html body #order_info table.mc2-request-fields-table > tbody > tr.mc2-request-row:has(#nachname) {
    margin-top: 0 !important;
    border-top: 0 !important;
  }
}