/*
 * legacy-grid-desktop.css - Raster nur mit Desktop-Breiten, EINGEFROREN.
 *
 * ── Zwei Verbraucher, ein Stilblatt ─────────────────────────────────────────────────────────────
 * 1. mPDF/Druck  - `formular.php` und `schedule.header.tpl` verlinken diese Datei direkt.
 * 2. Adminbereich - `public/css.php` bindet sie ins Admin-Buendel ein.
 *
 * Bis zum 13.8.2026 lagen dafuer ZWEI Dateien nebeneinander (`grid-desktop.css` gefiltert,
 * `legacy-grid-desktop.css` wortgetreu). Gemessen waren sie wirkungsgleich: 22 Breiten gegen 22
 * Breiten, 0 abweichende Werte. Der Unterschied bestand nur aus Verschiebe-Klassen und IE7-Hacks,
 * die weder Druck noch Admin benutzen - 17 KB ohne Wirkung. Deshalb jetzt eine Datei.
 *
 * ── Warum eingefroren ───────────────────────────────────────────────────────────────────────────
 * mPDF 8.3.1 kennt kein Flexbox und kein CSS-Grid (nachgezaehlt in `mpdf/src/Css/`: `flex`,
 * `grid-template`, `display:flex` je 0 Treffer). Die Liga-Formulare gehen ueber mPDF ins PDF und in
 * die Mail an die Teamkapitaene - ihr Layout MUSS float-basiert bleiben, auch wenn der Bildschirm
 * eines Tages auf Flexbox umzieht.
 *
 * **Wer diese Datei anfasst, nimmt PDFs ab - als Seitenbilder, nicht nach Augenmass.**
 * Referenz: 5 Formulare, 13 Seiten (teammeldung2025 4, ranglistenmeldung2025 3, teamwechsel 2,
 * spielverlegung 2, spielernachmeldung 2).
 */
.hide-on-desktop {
  display: none !important;
}

.grid-5 {
  float: left;
  width: 5%;
}

.grid-10 {
  float: left;
  width: 10%;
}

.grid-15 {
  float: left;
  width: 15%;
}

.grid-20 {
  float: left;
  width: 20%;
}

.grid-25 {
  float: left;
  width: 25%;
}

.grid-30 {
  float: left;
  width: 30%;
}

.grid-35 {
  float: left;
  width: 35%;
}

.grid-40 {
  float: left;
  width: 40%;
}

.grid-45 {
  float: left;
  width: 45%;
}

.grid-50 {
  float: left;
  width: 50%;
}

.grid-55 {
  float: left;
  width: 55%;
}

.grid-60 {
  float: left;
  width: 60%;
}

.grid-65 {
  float: left;
  width: 65%;
}

.grid-70 {
  float: left;
  width: 70%;
}

.grid-75 {
  float: left;
  width: 75%;
}

.grid-80 {
  float: left;
  width: 80%;
}

.grid-85 {
  float: left;
  width: 85%;
}

.grid-90 {
  float: left;
  width: 90%;
}

.grid-95 {
  float: left;
  width: 95%;
}

.grid-33 {
  float: left;
  width: 33.33333%;
}

.grid-66 {
  float: left;
  width: 66.66667%;
}

.grid-100 {
  clear: both;
  width: 100%;
}