/* sponsors.css – Styles sind jetzt zentral in style.css definiert */
/* docus.html nutzt zur Tabellendarstellung <table class="clubs-table"> */


/* sponsors.css – Tabellenlayout nur für die Sponsors-Seite */
.clubs-table.sponsors-table {
  width: 100%;
  table-layout: fixed;   /* erzwingt feste Spalten */
}

.clubs-table.sponsors-table td {
  word-wrap: break-word;
  vertical-align: top;
}

/* Spaltenbreiten nur für Sponsors */
.clubs-table.sponsors-table td.logo {
  width: 120px;
}

.clubs-table.sponsors-table td:nth-child(2) {
  width: 25%;
}

.clubs-table.sponsors-table td:nth-child(3) {
  width: 20%;
}

.clubs-table.sponsors-table td:nth-child(4) {
  width: 35%;
}

/* sponsors.css – Mobile Layout wie Clubs */

@media (max-width: 768px) {

  /* Tabelle komplett in Block-Layout umwandeln */
  table.clubs-table.sponsors-table,
  table.clubs-table.sponsors-table thead,
  table.clubs-table.sponsors-table tbody,
  table.clubs-table.sponsors-table tr,
  table.clubs-table.sponsors-table td {
    display: block;
    width: 100% !important;
    max-width: none !important;
  }

  /* Kopfzeile ausblenden */
  table.clubs-table.sponsors-table thead {
    display: none;
  }

  /* ÄUSSERER Block pro Sponsor */
  table.clubs-table.sponsors-table tr {
    margin-bottom: 2rem;
    padding: 1.2rem 0;

    border: 2px solid var(--color-borderline2);
    border-radius: 10px;

    background: var(--color-background2);
  }

  /* Zellen: keine eigenen Rahmen */
  table.clubs-table.sponsors-table td {
    border: none;
    background: transparent !important;
    padding: 0;
  }

  /* Logo zentriert */
  table.clubs-table.sponsors-table td.logo {
    text-align: center !important;
  }

  table.clubs-table.sponsors-table td.logo img {
    max-width: 140px;
    height: auto;
    margin-bottom: 1rem;
  }

  /* Name zentriert */
  table.clubs-table.sponsors-table td:nth-child(2) {
    text-align: center !important;
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 1rem;
    white-space: nowrap !important;
  }

  /* Beitrag + Kontakt links */
  table.clubs-table.sponsors-table td:nth-child(3),
  table.clubs-table.sponsors-table td:nth-child(4) {
    text-align: left !important;
  }

  table.clubs-table.sponsors-table td:nth-child(3),
  table.clubs-table.sponsors-table td:nth-child(4) {
    padding-left: 5px !important;
  }

  /* Unterste Linie sichtbar */
  table.clubs-table.sponsors-table tr:last-child {
    margin-bottom: 0 !important;
  }

  /* Globale Tabellen-Rahmen deaktivieren */
  table.clubs-table.sponsors-table {
    border: none !important;
    background-color: transparent !important;
    border-collapse: separate !important;
    overflow: visible !important;
    border-radius: 0 !important;
  }
}