/* Pub-Quiz */
.pq-reiter { display: flex; gap: var(--a-2); overflow-x: auto; padding-bottom: var(--a-1); }
.pq-reiter__k {
  flex: 0 0 auto; display: inline-flex; align-items: center; gap: 4px; min-width: 48px; min-height: 44px; padding: 0 var(--a-3); justify-content: center;
  border-radius: var(--r-button); border: 1.5px solid var(--c-linie); background: var(--c-flaeche); color: var(--c-text); font-family: var(--schrift-display); font-weight: 700; font-size: 17px;
}
.pq-reiter__k .icon { width: 14px; height: 14px; color: var(--c-hinweis-tipp); }
.pq-reiter__k.an { border-color: var(--c-akzent); background: color-mix(in srgb, var(--c-akzent) 14%, var(--c-flaeche)); }
.pq-reiter__tabelle { font-family: var(--schrift-text); margin-left: auto; }
.pq-reiter__tabelle .icon { color: inherit; width: 18px; height: 18px; }
.pq-runde { display: grid; gap: var(--a-3); }
.pq-runde__kopf h1 { margin: 0; font-size: clamp(26px, 6vw, 38px); }
.pq-runde__kopf p { margin: 0; }
.pq-titel { background: none; border: 0; padding: 0; color: inherit; font: inherit; display: inline-flex; align-items: center; gap: var(--a-2); cursor: pointer; text-align: left; }
.pq-titel .icon { width: 18px; height: 18px; color: var(--c-text-leise); }
.pq-teams { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--a-2); }
.pq-team { display: flex; align-items: center; gap: var(--a-3); padding: var(--a-2) var(--a-2) var(--a-2) var(--a-4); border: 1px solid var(--c-linie); border-radius: var(--r-karte); background: var(--c-flaeche); }
.pq-team__name { flex: 1; font-weight: 700; font-size: 18px; overflow-wrap: anywhere; }
.pq-punkte {
  min-width: 76px; min-height: 56px; border-radius: var(--r-button); border: 1.5px solid var(--c-chip-rand); background: var(--c-hintergrund); color: var(--c-text);
  font-family: var(--schrift-display); font-size: 26px; font-weight: 800; display: grid; place-items: center; line-height: 1; cursor: pointer;
}
.pq-punkte small { font-family: var(--schrift-text); font-size: 12px; font-weight: 700; color: var(--c-akzent); }
.pq-team.hat .pq-punkte { border-color: var(--c-akzent); color: var(--c-akzent); }
.pq-rang { margin-right: var(--a-1); min-width: 2.2ch; margin-left: 0 !important; font-family: var(--schrift-display); }
.pq-werte { display: grid; grid-template-columns: repeat(auto-fill, minmax(56px, 1fr)); gap: var(--a-2); margin-bottom: var(--a-3); }
.pq-werte button { min-height: 52px; border-radius: var(--r-button); border: 1px solid var(--c-linie); background: var(--c-flaeche-2); color: var(--c-text); font-family: var(--schrift-display); font-size: 22px; font-weight: 700; }
.pq-werte button.an, .pq-werte button:hover { border-color: var(--c-akzent); }
.pq-halb { width: 100%; justify-content: center; min-height: 48px; }
.pq-tabelle td.pq-joker { color: var(--c-akzent); font-weight: 700; }
.pq-tv h2 { font-size: clamp(32px, 5vw, 64px); text-align: center; }
.pq-tv__liste { list-style: none; margin: 0 auto; padding: 0; max-width: 1100px; display: grid; gap: var(--a-3); }
.pq-tv__liste li { display: grid; grid-template-columns: 3ch 1fr auto; gap: var(--a-4); align-items: center; padding: var(--a-3) var(--a-5); border-radius: var(--r-karte); background: var(--c-flaeche); font-size: clamp(22px, 3.4vw, 46px); }
.pq-tv__liste li.verdeckt span { color: var(--c-text-leise); }
.pq-tv__liste li.erster.zeigen { outline: 2px solid var(--c-akzent); }
.pq-tv__liste li b.zahl { font-family: var(--schrift-display); color: var(--c-akzent); }
.pq-tv__knoepfe { display: flex; justify-content: center; margin-top: var(--a-6); }
@media (max-height: 760px) { .pq-dialog .pq-werte button { min-height: 44px; } }
.pq-tabelle .tabelle th, .pq-tabelle .tabelle td { padding: 8px 8px; white-space: nowrap; }
.pq-tabelle .tabelle tbody th { white-space: normal; min-width: 7em; }
.pq-tv__knoepfe .btn { font-size: clamp(16px, 1.4vw, 24px); min-height: 56px; padding-inline: var(--a-6); }