/* Serviceformular: die Maschinenliste kompakt — OP-69, Variante A, 2026-09-07.
 *
 * Wird nur auf den beiden Serviceseiten eingebunden (`/de/service/unser-service`
 * und `/en/service/our-service`), erkannt an `.machineList`.
 *
 * DIE KLASSE `felder-einklappbar` SETZT DAS SKRIPT, nicht die Vorlage. Läuft
 * kein Javascript, greift keine einzige Regel dieser Datei und die Seite steht
 * genau so da wie bisher. Das ist der Grund, warum das Verstecken hier hängt
 * und nicht an `.machineList` selbst.
 */

/* Versteckt, solange die Maschine nicht angekreuzt ist. `display: none` und
   nicht `visibility`: Das Feld soll auch nicht mit der Tabulatortaste
   erreichbar sein — sonst landet man in einem unsichtbaren Eingabefeld. */
.machineList.felder-einklappbar .maschine-felder {
  display: none;
}
.machineList.felder-einklappbar .maschine-gewaehlt .maschine-felder {
  display: block;
}

/* Solange nichts gewählt ist, stehen dreizehn Kästchen untereinander, jedes
   in einer eigenen Zeile mit viel Luft — das war der halbe Scrollweg. Als
   Liste dicht gesetzt passen sie auf einen Blick. */
.machineList.felder-einklappbar > [class*="col-"] {
  margin-bottom: 0;
}
.machineList.felder-einklappbar .form-group {
  margin-bottom: 6px;
}
.machineList.felder-einklappbar .maschine-gewaehlt .form-group {
  margin-bottom: 14px;
}

/* Die gewählte Maschine hebt sich ab — sonst sucht man beim Ausfüllen, zu
   welchem Kästchen die eingeblendeten Felder gehören. Farbe aus der Vorlage:
   #cd1619 ist das HEPRO-Rot, hier nur als schmale Kante. */
.machineList.felder-einklappbar .maschine-gewaehlt {
  border-left: 3px solid #cd1619;
  padding-left: 12px;
  margin-left: -15px;
}

/* Die Fehlermeldungsflächen des alten Formulargenerators („Ungültige
   Eingabe") stehen auch dann in der Zeile, wenn nichts falsch ist, und
   kosten je Feld eine Zeilenhöhe. Sie bleiben im HTML — eine echte Meldung
   soll weiter erscheinen —, nehmen aber keinen Platz mehr ein, solange sie
   leer sind. */
.machineList.felder-einklappbar .formNoError {
  display: none;
}

/* Auf schmalen Geräten stehen die Spalten ohnehin untereinander. Dort zählt
   der gesparte Weg am meisten. */
@media (max-width: 767px) {
  .machineList.felder-einklappbar .form-group {
    margin-bottom: 4px;
  }
  .machineList.felder-einklappbar .maschine-gewaehlt {
    margin-left: 0;
  }
}