/* ATC 19.08.2026 -- Leistungskarten auf dem Handy ausrichten.
 *
 * Dima: "diese Unterseiten, die sind nicht ganz mobile optimiert. Und zwar die
 * Boxen, da wo immer diese Haekchen sind. Das waere gut, wenn die alle
 * linksbuendig waeren. [...] Und dann bei dem Autoglasservice da sind drei
 * Stueck linksbuendig und einer ist zentriert."
 *
 * WAS GEMESSEN WURDE, statt geraten
 * Am 19.08. auf 390 px ueber /service/ und alle vier Leistungs-Unterseiten:
 * es gibt ZWEI Haekchen-Container mit unterschiedlicher Ausrichtung.
 *
 *   .framer-hEPEv    align-items: flex-start   <- richtig, linksbuendig
 *   .framer-in2ebs   align-items: center       <- der Ausreisser
 *
 * Genau das ist Dimas "drei linksbuendig, einer zentriert". Weil die Zeilen
 * zentriert stehen, faengt jede an einer anderen Stelle an -- gemessen auf
 * /service/ bei x = 34, 46, 56 und 73 px statt an einer gemeinsamen Kante.
 *
 * WARUM DIESE KLASSE HIER AUSNAHMSWEISE EIN TAUGLICHER ANKER IST
 * Sonst gilt im Projekt: keine Framer-Klasse als Anker. `framer-in2ebs` ist
 * aber eine BAUTEILklasse, keine Instanzklasse -- am 19.08. auf allen fuenf
 * Leistungsseiten und der Startseite als identisch nachgemessen, dieselbe
 * Bauart wie `.framer-sYIE4` bei den Labels und `.framer-xAIU9` beim Footer.
 * Die Instanzklassen daneben (framer-mnpk4d, framer-75qh6z-container) heissen
 * je Seite anders und waeren untauglich.
 *
 * WARUM CSS UND KEIN SKRIPT
 * React baut #main nach dem Hydrierungsfehler #405 neu auf. Eine CSS-Regel
 * greift auf jeden Knoten, den React neu erzeugt; ein Skript, das Stile setzt,
 * fuehrt einen Wettlauf gegen den Neuaufbau -- und verliert ihn.
 */

/* Nur auf dem Handy. Ab 760 px stehen Bild und Text nebeneinander, dort
   stimmt die Ausrichtung bereits. */
@media (max-width: 760px) {
  #main .framer-in2ebs {
    align-items: flex-start !important;
  }
  /* Die Zeile selbst darf nicht mittig ausmitteln, sonst wandert der Text
     trotz linksbuendiger Spalte wieder in die Mitte. */
  #main .framer-in2ebs > * {
    align-self: flex-start !important;
  }
}