/* Abgenommener Tabellenstart K8: nur die Startseite, ohne globale Wand-, Kopf- oder Leistenregeln. */
.tabellenstart { overflow-x: clip; }
.tabellenstart .rangliste { left: calc(24 * var(--u)); width: calc(341 * var(--u)); font-size: calc(28 * var(--u)); line-height: calc(34 * var(--u)); }
.tabellenstart .rangliste thead tr {
  position: relative; display: grid; width: calc(341 * var(--u)); height: calc(48 * var(--u));
  grid-template-columns: calc(48 * var(--u)) calc(164 * var(--u)) calc(119 * var(--u)); column-gap: calc(5 * var(--u));
}
.tabellenstart .rangliste thead th { min-width: 0; border-bottom: 0; }
.tabellenstart .rangliste thead th.platz { grid-column: 1 / 3; grid-row: 1; }
.tabellenstart .rangliste thead th.kalender, .tabellenstart .rangliste thead th.diff { display: none; }
.tabellenstart .rangliste thead th.punkte { grid-column: 3; grid-row: 1; }
.tabellenstart .rangliste thead th img { left: 50%; transform: translateX(-50%); }
.tabellenstart .rangliste thead th.punkte img { top: calc(4 * var(--u)); width: calc(40 * var(--u)); height: calc(40 * var(--u)); object-fit: contain; }
.tabellenstart .rangliste thead th.platz img { left: calc(35 * var(--u)); top: calc(-16 * var(--u)); width: calc(80 * var(--u)); height: calc(80 * var(--u)); transform: none; }
.tabellenstart .rangliste tbody tr {
  position: relative; display: grid; width: calc(341 * var(--u)); min-height: calc(76 * var(--u));
  grid-template-columns: calc(48 * var(--u)) calc(164 * var(--u)) calc(119 * var(--u)); column-gap: calc(5 * var(--u));
  grid-template-rows: auto auto; align-content: center; align-items: center;
}
.tabellenstart .rangliste tbody tr:not(:last-child) { border-bottom: 0; box-shadow: none; }
.tabellenstart .rangliste tbody tr:not(:last-child) td { border-bottom: 0; }
.tabellenstart .rangliste thead tr::after,
.tabellenstart .rangliste tbody tr:not(:last-child)::after {
  content: ''; position: absolute; z-index: 2; left: calc(18 * var(--u)); right: calc(18 * var(--u));
  bottom: calc(-.35 * var(--u)); height: calc(2 * var(--u));
  background: linear-gradient(90deg, rgba(42,29,18,.52), rgba(42,29,18,.7) 19%, rgba(42,29,18,.56) 43%, rgba(42,29,18,.72) 68%, rgba(42,29,18,.5));
  clip-path: polygon(0 37%, 9% 24%, 20% 43%, 33% 29%, 47% 46%, 61% 25%, 75% 41%, 89% 28%, 100% 38%, 100% 73%, 88% 65%, 74% 79%, 60% 62%, 46% 76%, 32% 61%, 19% 75%, 8% 63%, 0 72%);
  transform: rotate(-.06deg); transform-origin: left center; pointer-events: none;
}
.tabellenstart .rangliste tbody td { height: calc(38 * var(--u)); border-bottom: 0; min-width: 0; }
.tabellenstart .rangliste td.platz { grid-column: 1; grid-row: 1 / 3; position: relative; align-self: stretch; display: grid; place-items: center; height: auto; padding: 0; text-align: center; font-size: calc(34 * var(--u)); line-height: 1; }
.tabellenstart .rangliste td.platz .rang-zahl { position: relative; z-index: 1; transform: translateX(calc(5 * var(--u))); }
.tabellenstart .rangliste td.platz .rang-kontur { position: absolute; z-index: 0; width: calc(34 * var(--u)); height: calc(32 * var(--u)); overflow: visible; fill: none; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; pointer-events: none; transform: translateX(calc(5 * var(--u))); }
.tabellenstart .rangliste td.platz .rang-kontur-1 { stroke: #f0b429; }
.tabellenstart .rangliste td.platz .rang-kontur-2 { stroke: #8f8a80; transform: translateX(calc(10 * var(--u))); }
.tabellenstart .rangliste td.platz .rang-kontur-3 { stroke: #cd7f32; }
.tabellenstart .rangliste td.platz:has(.rang-kontur-2) .rang-zahl { transform: translateX(calc(12 * var(--u))); }
.tabellenstart .rangliste td.platz .rang-kontur-2 path { transform: matrix(.7, 0, 0, 1, 8, 0); transform-origin: 0 0; }
.tabellenstart .rangliste td.name { grid-column: 2; grid-row: 1; height: auto; min-height: 0; padding-block: 0; overflow: visible; overflow-wrap: anywhere; white-space: normal; line-height: calc(30 * var(--u)); }
.tabellenstart .rangliste td.name.name-mehrzeilig { padding-block: calc(6 * var(--u)); }
.tabellenstart .rangliste td.prozent { grid-column: 2; grid-row: 2; height: auto; padding: 0; text-align: left; line-height: calc(30 * var(--u)); }
.tabellenstart .rangliste td.spieltag, .tabellenstart .rangliste td.diff { display: none; }
.tabellenstart .rangliste td.punkte { grid-column: 3; grid-row: 1 / 3; align-self: stretch; display: grid; place-items: center; height: auto; padding: 0; overflow: visible; text-align: center; white-space: nowrap; font-size: calc(34 * var(--u)); line-height: 1; }
.tabellenstart .liga-ansichten button { font-size: calc(22 * var(--u)); }
.tabellenstart .liga-spieltag h1 { font-size: calc(26 * var(--u)); }
.tabellenstart .liga-person-filter select { font-size: calc(22 * var(--u)); }
.tabellenstart .liga-ergebnis { font-size: calc(26 * var(--u)); }
.tabellenstart-leer { position: absolute; z-index: 4; left: calc(52 * var(--u)); top: calc(400 * var(--u)); width: calc(289 * var(--u)); text-align: center; font: calc(24 * var(--u))/1.25 'Indie Flower', cursive; }
.tabellenstart-leer[hidden] { display: none; }
.tabellenstart .zettel .papier .t.zettel-name-fit {
  width: calc(145 * var(--u)); max-height: calc(27 * var(--u));
  white-space: normal; overflow-wrap: anywhere; overflow: visible;
  font-size: calc(13 * var(--u)); line-height: calc(13.5 * var(--u));
  z-index: 0; pointer-events: none;
}
.tabellenstart .zettel .papier .t.zettel-name-fit::before {
  content: ''; float: right; width: calc(40 * var(--u)); height: calc(13.5 * var(--u));
}
.tabellenstart .zettel .papier :is(.t3, .t5, .t7, .t9, .t11) { z-index: 1; }