/* ==========================================================================
   Mannschaftssponsoren - der Abschnitt "Sponsoren" am Ende der
   Mannschaftsseite (app/bausteine/mannschaft_sponsoren.php). Geladen nur,
   wenn die Mannschaft Sponsoren hat.

   Auftraggeber 01.10.2026: "folgende Sponsoren zusätzlich auf den
   Mannschaftsseiten der ersten und zweiten Mannschaft darstellen".
   Dieselben Kacheln wie auf der Startseite: die Regeln sind die aus
   startseite.css, Abschnitt 8 (Sponsorentafel der Startseite: kleiner),
   Wert fuer Wert. startseite.css laedt die Mannschaftsseite nicht - es
   traegt auch Regeln fuer Buehne und Kurzmeldungen. Aendert sich dort
   Abschnitt 8, gehoert die Aenderung auch hierher.
     ab 901    Kacheln mit Namen: 5 / 6 / 7 Spalten, Logoschild 62px
     bis 900   nur die weissen Logoschilder, 3 / 4 / 5 Spalten; der Name
               bleibt fuer Vorleseprogramme
   Flex-Umbruch: eine unvollstaendige Reihe steht mittig.
   ========================================================================== */
.p-sponsors.p-sponsors--start {
  --p-sp-n: 3; --p-sp-luft: var(--s3);
  display: flex; flex-wrap: wrap; justify-content: center; gap: var(--p-sp-luft);
}
.p-sponsors--start > .p-partner {
  position: relative;
  flex: 0 0 calc((100% - (var(--p-sp-n) - 1) * var(--p-sp-luft)) / var(--p-sp-n));
}
@media (max-width: 900px) {
  .p-sponsors--start > .p-partner,
  .p-sponsors--start > .p-partner:hover { padding: 0; gap: 0; background: none; border: 0; }
  .p-sponsors--start .p-partner__logo { height: 52px; padding: 6px; }
  .p-sponsors--start > .p-partner:hover .p-partner__logo { border-color: var(--accent-border); }
  .p-sponsors--start .p-partner__name { position: absolute; width: 1px; height: 1px;
                                        overflow: hidden; clip-path: inset(50%);
                                        white-space: nowrap; }
}
@media (min-width: 481px) and (max-width: 900px) {
  .p-sponsors.p-sponsors--start { --p-sp-n: 4; }
  .p-sponsors--start .p-partner__logo { height: 56px; }
}
@media (min-width: 641px) and (max-width: 900px) {
  .p-sponsors.p-sponsors--start { --p-sp-n: 5; }
}
@media (min-width: 901px) {
  .p-sponsors.p-sponsors--start { --p-sp-n: 5; --p-sp-luft: var(--s4); }
  .p-sponsors--start > .p-partner { padding: var(--s4) var(--s4) var(--s3); gap: var(--s3); }
  .p-sponsors--start .p-partner__logo { height: 62px; padding: var(--s3); }
  .p-sponsors--start .p-partner__name { font-size: var(--t-xs); }
}
@media (min-width: 1001px) {
  .p-sponsors.p-sponsors--start { --p-sp-n: 6; }
}
@media (min-width: 1301px) {
  .p-sponsors.p-sponsors--start { --p-sp-n: 7; }
}