/* Baustein ort: Ort-Baustein (Bedienkonzept, Pilot Maschinen, Bauplan 1.3).
   Besitzer: WP7. Die Grundvorlage bindet die Datei nach dem globalen
   Stylesheet ein. Nur Regeln fuer eigene, neue Klassen; Farben als Token
   mit Rueckfall; eine Regel fuer die Telefonbreite (560px).

   Die Stufen stehen in einer .feld-reihe (global: nebeneinander, unten
   buendig, Auswahl 100 Prozent breit); hier kommt nur dazu, was der
   Baustein selbst mitbringt: der feste Standort als Text, der Fehler am
   Feld und der rote Rand. */

/* Das ganze Ortsfeld: Abstand wie ein Feld. */
.ort-feld { margin: 0; }

/* Ein einziger Standort steht als Text da (R29) -- mit derselben
   Beschriftung und derselben Hoehe wie die Auswahl daneben, damit die
   Reihe fluchtet. */
.ort-titel {
  display: block;
  margin: 14px 0 6px;
  font-weight: 600;
  font-size: 0.9rem;
}
.ort-fest {
  display: flex;
  align-items: center;
  min-height: 44px;
  margin: 0;
  color: var(--text, #1c2733);
}

/* Fehler am Feld: rot unter dem Feld, roter Rand am Feld selbst --
   dasselbe Bild wie beim Feld-Baustein (feld.css, .feld-fehler und
   .feldblock-fehler), damit ein Formular aus beiden Bausteinen einen
   Fehler gleich zeigt. Der Rand braucht die zweite Klasse, sonst gewinnt
   die globale Regel fuer input[type="text"]. */
.ort-fehler {
  margin: 6px 0 0;
  color: var(--rot, #b3261e);
  font-size: 0.85rem;
  font-weight: 600;
}
.ort-reihe .ort-ungueltig {
  border-color: var(--rot, #b3261e);
}
.ort-reihe .ort-ungueltig:focus {
  border-color: var(--rot, #b3261e);
  box-shadow: 0 0 0 3px rgba(179, 38, 30, 0.15);
}

/* Steht unter einem Feld ein Fehler, ist die Reihe oben buendig (wie
   global bei einem Hinweis unter dem Feld): sonst zoege der Satz die
   Nachbarfelder nach unten. */
.ort-reihe:has(> .ort-stufe > .ort-fehler:last-child) {
  align-items: flex-start;
}

/* Telefon: jede Stufe ueber die volle Breite, untereinander. */
@media (max-width: 560px) {
  .ort-reihe > .ort-stufe { min-width: 100%; }
}