/* ═══════════════════════════════════════════════════════════════════════════
   mm-schrift.css — die Hausschrift für die Seiten OHNE das gebaute Stylesheet.
   Angelegt 2026-09-13.

   🔴 ANLASS: Montserrat war an zehn Stellen im Projekt als Schrift benannt, die
      dazugehörigen `@font-face`-Regeln stecken aber im gebauten Stylesheet
      `assets/index-C34u0Yae.css`. Dreizehn Seiten laden das — neun nicht.
      Auf diesen neun stand der Name da, ohne dass die Schrift je ankam:
      Startseite, AGB, Impressum, Datenschutz, Pakete, Kontakt, Community
      Guidelines, Fragebogen-Update, Zahlungsbestätigung.
      Gerendert hat dort die System-Schrift — und niemandem fiel es auf, weil
      nichts kaputtging. 📌 Ein Schriftname ohne erreichbare Schriftdatei ist
      kein Wunsch, sondern eine stille Abweichung.

   🔑 Die Dateien liegen SELBST IM PROJEKT (assets/montserrat-v31-latin/), nicht
      bei Google. Das war eine Entscheidung und bleibt eine: Diese Datei holt
      nichts von außen.

   ⚠️ Sie enthält NUR die Schrift, keine Farben und keine Bauteile. Wer sie um
      Regeln erweitert, baut ein zweites Stylesheet neben dem gebauten — und
      dann gibt es wieder zwei Meinungen darüber, wie die Seiten aussehen.

   ⏹️ Seiten MIT dem gebauten Stylesheet brauchen diese Datei nicht; sie
      bekämen dieselben Regeln zweimal.
   ═══════════════════════════════════════════════════════════════════════════ */

@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/montserrat-v31-latin/montserrat-v31-latin-regular.woff2') format('woff2')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/montserrat-v31-latin/montserrat-v31-latin-500.woff2') format('woff2')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/montserrat-v31-latin/montserrat-v31-latin-600.woff2') format('woff2')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/montserrat-v31-latin/montserrat-v31-latin-700.woff2') format('woff2')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:800;font-display:swap;src:url('/assets/montserrat-v31-latin/montserrat-v31-latin-800.woff2') format('woff2')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:900;font-display:swap;src:url('/assets/montserrat-v31-latin/montserrat-v31-latin-900.woff2') format('woff2')}

/* Die Hausschrift als Wert, damit die Seiten sie nicht je einzeln buchstabieren.
   Georgia für Überschriften ist bereits die Praxis auf Startseite, Paketen und
   Fragebogen — hier steht sie als Wert daneben, nicht als Regel: Welche
   Überschrift sie trägt, entscheidet die Seite. */
:root {
  --mm-schrift:       'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI',
                      'Helvetica Neue', Arial, sans-serif;
  --mm-schrift-titel: 'Georgia', 'Times New Roman', serif;
}


/* ══ FELDER-16PX-2026-10-02 ══════════════════════════════════════════
   Eingabefelder bekommen auf schmalen Bildschirmen 16 px.

   🔑 Warum: iOS Safari zoomt beim Antippen automatisch hinein, sobald
      ein Feld weniger als 16 px Schrift hat. Durch den Zoom wird die
      Seite breiter als der Bildschirm, lässt sich seitlich schieben
      und federt beim Verlassen zurück. Anna sah das als „der Chat
      springt" — in BEIDEN Chats, weil beide Eingabefelder zu klein
      waren (14,08 px und 14,72 px).

   🔍 Gemessen am 02.10. über alle 13 Seiten mit Eingabefeldern:
      keines erreichte 16 px (14,00 bis 15,04 px).

   ⚠️ DIESE REGEL STEHT AN ZWEI ORTEN, weil keine CSS-Datei von allen
      Seiten geladen wird:
        `assets/index-C34u0Yae.css`  → 11 der 13 Seiten
        `assets/mm-schrift.css`      → genau die übrigen 2
      Wer eine ändert, muss die andere mitziehen.
      📌 Wo eine Regel zweimal steht, ist die Frage nicht ob, sondern
         wann sie auseinanderläuft.

   ⏹️ Nur unter 768 px — darüber gibt es keine Tastatur, die zoomt, und
      die Felder behalten ihre gewohnte Größe.
   ⏹️ Ankreuzfelder und Radioknöpfe bleiben außen vor: Sie haben keinen
      Text und lösen keinen Zoom aus.
   ⏹️ Beschriftungen und Hinweistexte (`.chat-end-form__note`,
      `.mm-bg-feld__lbl` u. a.) bleiben klein — sie sind keine
      Eingabefelder.

   🅿️ Verworfen: `maximum-scale=1` im Viewport-Meta. Das würde den Zoom
      zwar unterbinden, nimmt aber auch das absichtliche Vergrößern
      weg — eine Barriere für alle, die schlecht sehen.

   🔧 Rückweg: diesen Block in BEIDEN Dateien entfernen.
   ══════════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
  textarea,
  select {
    font-size: 16px !important;
  }
}