#form .row {
  display: grid;
  grid-template-columns: 1fr 80px 60px; /* Verbraucher | kW | Mit FU */
  align-items: center;
  gap: 8px;
}

#form .row label {
  padding-top: 0;
  margin-bottom: 0;
}

/* Elemente in Grid an die Reihenfolge bringen */
#form .row > label {
  order: 1; /* Verbraucher an erste Stelle */
}
#form .row > div:first-child {
  order: 2; /* kW an zweite Stelle */
}
#form .row > div:nth-child(2) {
  order: 3; /* Mit FU an dritte Stelle */
}

/* Input- und Checkbox-Styles */
#form input[type="number"] {
  width: 100%;
}
#form .form-check {
  text-align: center;
}

/* Flex-Container für alle Ergebnis-Zeilen */
#form .row:has(#summeKW1),
#form .row:has(#summeKVA1),
#form .row:has(#kVAVerbraucher),
#form .row:has(#erweiterungen),
#form .row:has(#generatorLeistung),
#form .row:has(#ps1),
#form .row:has(#ps2) {
  display: flex;
  justify-content: space-between; /* Label links, Zahl rechts */
  align-items: center;
  border-bottom: 1px solid #eee;
  padding: 6px 0;
}

/* Label links */
#form .row:has(#summeKW1) label,
#form .row:has(#summeKVA1) label,
#form .row:has(#kVAVerbraucher) label,
#form .row:has(#erweiterungen) label,
#form .row:has(#generatorLeistung) label,
#form .row:has(#ps1) label,
#form .row:has(#ps2) label {
  order: 1; /* Label links */
  text-align: left;
  margin: 0;
  padding: 0;
  font-weight: bold;
}

/* Zahl rechts */
#form #summeKW1,
#form #summeKVA1,
#form #kVAVerbraucher,
#form #erweiterungen,
#form #generatorLeistung,
#form #ps1,
#form #ps2 {
  order: 2; /* Zahl rechts */
  text-align: right;
  display: inline-block;
  width: 40%;
}

.offer-form .form-group.row {
  display: flex !important;
  justify-content: space-between;
  align-items: center !important;
  margin-bottom: 10px;
}

.offer-form .form-group.row label {
  text-align: left;
  font-weight: bold;
}

.offer-form .form-group.row input,
.offer-form .form-group.row textarea {
  box-sizing: border-box;
}

button.wpcf7-submit {
  display: block;
  margin: 0 auto;
  width: 40%;
  text-transform: uppercase;
}

button.wpcf7-submit + p {
  margin-top: 6rem;
}

@media (max-width: 768px) {
  .offer-form .form-group.row {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  button.wpcf7-submit {
    width: 100%;
  }
}